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


body {
    font-family: "Montserrat" !important
}

.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)
}

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" !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, .btn_top.show, .business_sec_con h4 span, .business_sec_itm img.without-hover, .business_sec_itm:hover img.with-hover, .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, .owl-carousel.owl-loaded, .tab-content>.active, .team_bg h3 span, .team_work .heading_type1 h3 span, article, aside, figcaption, figure, footer, header, hgroup, main, nav, section, 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, .hire_sec_con a.btn.btn-danger, .owl-theme .owl-nav.disabled .owl-dots {
    margin-top: 10px
}

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

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.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
}

body {
    font-weight: 500;
    text-align: left
}

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 {
    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: 0.5s
}

.banner_sec_img, .best_services_btn span, .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, .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%
}

.col-12, .features_inner_sec .features_cont {
    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 0.75rem 2px);
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.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, .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 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.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, .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, .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 {
    color: #fff
}

.fade {
    transition: opacity 0.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 rgb(0 0 0 / .15);
    border-radius: .25rem
}

.app_services.android_top_serv p.heading_para, .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, .comm_content p, .comment_sec .form-group.sbt-btn, .demo .item, .designer_box:last-child, .flower-sec .hire_web_con, .flower-sec h4, .footer-middle ul.footer_items.footer_social li, .ico-cont p, .listing_sec ul li:last-child, .nav, .navbar-nav, .service_left_cont.blog-sec3 ul, .tabing_type2_con h3, .tabing_type3 li:last-child, .top_post_single:last-child, .wht_bg_inner p, .work_process_con p {
    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, .blog_cta_cls.ewallet_cta, .common-cls, .design-portal, .ewallet_partner_logo .item, .form-steps__item, .form-steps__item-icon, .games_inner .game_sec, .green_bg .office_item, .head_popup, .heading_para, .heading_type1, .heading_type2, .heading_type_h2, .loadmore_btn, .popup_content_cls, .progress-bar, .team-cont, .thankyou {
    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
}

.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 #dee2e6 #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 0.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 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.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 rgb(0 0 0 / .2);
    border-radius: .3rem;
    outline: 0
}

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

.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(0.3rem - 1px);
    border-top-right-radius: calc(0.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(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px)
}

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

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

.features_inner_sec [class*="col-"] {
    padding: 0 30px
}

@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, .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 {
    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 li.nav-item .dropdown-item.active, .header_sec li.nav-item .dropdown-item:active, .header_sec li.nav-item .dropdown-item:focus, .header_sec li.nav-item .dropdown-item:hover {
    background: #216fa7;
    color: #fff
}

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

.header_sec.fixed-header {
    top: 0
}

.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
}

.phone_content {
    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
}

.contact-list li a:hover {
    color: #216fa7
}

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

.header_sec.fixed-header {
    background: #333
}

.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, .process_sec .row [class*="col-"], .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
}

.owl-dots {
    position: absolute;
    bottom: 5px;
    transform: translateX(-50%);
    left: 50%
}

.footer-inner-cls .footer_items:last-child, .footer-middle ul.footer_items.footer_social li:last-child, .header_logo a.navbar-brand, .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;
    position: absolute;
    top: -75px;
    background: #2570ab;
    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 button.owl-prev {
    margin-right: 65px
}

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

.header_sec .navbar-nav .nav-link {
    font-family: "Montserrat" !important;
    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;
    height: 100vh;
    padding: 180px 0 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-danger {
    padding: 10px 30px
}

.banner_heads {
    color: #fff;
    font-weight: 700;
    font-size: 120px;
    line-height: 1;
    margin-bottom: 25px
}

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

.banner_heads_3 {
    margin-left: 23%
}

.banner_sec_con h4 {
    font-size: 20px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 30px
}

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

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

.term_sec {
    padding: 60px 0
}

.term_sec_item {
    display: flex;
    padding: 0 5px
}

.term_sec_ic {
    padding-right: 20px
}

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

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

.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: ""
}

.best_services_ic, .c-icon, .event-detail-inner .event-img, .features-icon, .features_list .heading_type2 h3, .heading_type_h2, .resume_sec_form .file_input.form-control, .why_cont_sec .heading_type2 h3 {
    margin-bottom: 15px
}

.heading_para {
    font-size: 14px;
    margin: 0 auto 15px
}

.best_services_item {
    margin-top: 20px;
    padding: 10px;
    position: relative
}

.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
}

.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(12).best_services_icspan::before, .business_sec_itm.active, .choose_invento_itms .row [class*="col-"]:nth-child(4) .choose_invento_itm_ic, .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: 0.5s;
    opacity: 0;
    margin-top: 5px;
    display: inline-block;
    font-size: 13px
}

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

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

.best_services_btn:hover i, .load_more_btn:hover img {
    margin-left: 10px;
    transition: 0.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
}

.heading_type2 h4, .heading_type4 {
    font-size: 30px;
    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 {
    width: 335px;
    height: 335px;
    border-radius: 50%;
    margin: 0 auto;
    font-size: 41px;
    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;
    font-size: 29px;
    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: 0.5s;
    transform: scale(1)
}

.talk_sec_btn_in:hover::before {
    transition: 0.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: 0.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-size: 21px;
    font-weight: 500;
    line-height: 1
}

.industries_sec_con .best_services_btn {
    transition: 0.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: 0.5s;
    margin-bottom: 0
}

.industries_sec_item:hover {
    border-color: #216fa7;
    transition: 0.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: 0.5s
}

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

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

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

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

.test_head h4 {
    color: #216fa7;
    font-size: 28px;
    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%);
    padding: 15px 30px 30px;
    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
}

.event_new .event_img_space, .feat-client-info .test_con_user_con, .service-form .input-group.country_code input.form-control, .test_con_meta {
    padding-left: 0
}

.test_con_meta_con h4, .test_con_user_con h4 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 5px
}

.test_con_user_con p {
    font-size: 13px;
    margin-bottom: 0;
    font-style: oblique
}

.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_con .owl-dots {
    bottom: -20px
}

.test_quote_left {
    position: absolute;
    left: -45px;
    top: 20px
}

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

.b_category_sec ul li:hover a::before, .blog-sec2 table, .business-bg:hover .b-overlay:after, .content-image, .cs-slider .swiper-container img, .demo, .features-slider.owl-carousel .owl-nav, .header_sec .nav-link.active::after, .header_sec .nav-link:hover::after, .hire_sec_img img, .member_img img, .overview-img img, .port_folio_con, .rating_img, .section_1, .section_2, .tabing_type3 .tab-content, li.nav-item.dropdown.has-dropdown:hover a.nav-link::after, section.best_services.develoment_process p.heading_para {
    width: 100%
}

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

.hire_sec_con h3 {
    font-size: 35px;
    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
}

.blog-sec6 .leave_reply_sec, .blog_sec.blog_detail_sec .date-icon, .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 {
    margin-top: 0
}

.hire_inner_sec {
    padding-top: 10px
}

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

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

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

.hire_link_name {
    margin-top: 20px;
    line-height: 1.3
}

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

.hire_links .row [class*="col-"], .port_sec_in .row [class*="col-"], section.work_process .row [class*="col-"] {
    padding: 0 5px
}

.hire_link_img {
    height: 60px;
    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: 0.5s
}

.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 h3 a:hover, .blog_inner_sec p a, .box_border_inner:hover h4, .business-bg p a, .business-content p a, .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 ul li a, .red_clr, li.nav-item.dropdown.has-dropdown:hover a.nav-link, p a {
    color: #216fa7
}

.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
}

.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;
    padding: 70px 0;
    margin-top: 200px;
    position: relative
}

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

.contact_sec_form {
    margin-top: -200px;
    padding: 30px;
    position: relative;
    background: #fff;
    border-radius: 10px;
    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
}

.contact_heading .test_head h3 {
    font-size: 43px;
    position: absolute;
    bottom: -150px
}

.email_control, .message_control, .name_control, .telephone_control {
    padding-left: 50px
}

.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
}
.office_con address { 
    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 {
    font-size: 14px;
    margin-top: 20px
}

.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: #ffffff;
    padding-top: 240px
}

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

.footer_bottom {
    padding: 30px 0;
    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 {
    font-size: 14px;
    color: #000000;
    font-weight: 700;
    margin: 20px 0
}

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

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

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

.banner_sec_con .btn {
    padding: 10px 50px
}

.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 h4, section.challenge_sec .heading_para {
    margin: 20px auto 40px
}

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

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

.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.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
}

.tabing_type1_in {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px 0
}

.choose_invento_itm_con p, .contact_us_sec .office_item_icon, .custom-sec ul li, .footer-middle .footer_head, .mobile_companies_itm_cn p, .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;
    width: 150px;
    height: 150px;
    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;
    bottom: 0
}

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

.service_button .btn {
    font-size: 32px;
    padding: 12px 40px;
    position: relative
}

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

.service_button {
    text-align: center;
    padding: 150px 0
}

.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
}

.tabing_type2 .nav-tabs {
    margin: 40px -15px;
    border: 0
}

.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-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    opacity: .87
}

.tabing_type2_con p {
    font-size: 12px;
    color: #fff;
    opacity: .7;
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 4px
}

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

.tabing_type2 .nav-tabs .nav-item.show .nav-link::before, .tabing_type2 .nav-tabs .nav-link.active::before {
    content: "";
    border: 1px solid rgb(255 255 255 / .3);
    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
}

.para_sec, .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 li {
    margin: 0 0 10px
}

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

.tabing_type3 .nav-link p {
    margin-top: 20px;
    margin-bottom: 0
}

.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 {
    margin-left: auto;
    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
}

.port_sec_in .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, .service_providesec.restaurant_service.bg_cls, section.industries_sec.industries_bg {
    background: #f1f1f1
}

.appi-pp-para, .blog_form .file_input, .form-group, .mobile_companies_itm_img, .why_sec_con .heading_type2 h3, section.crm_sec h3 {
    margin-bottom: 20px
}

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

.hire_name {
    font-size: 30px;
    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
}

.hire_meta_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 {
    width: 135px;
    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 {
    padding: 30px 35px 30px 0;
    background: 0;
    border: 0;
    border-bottom: 2px solid #ececec !important
}

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

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

.ask_sec .card-body {
    padding: 20px 0 0
}

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

.ask_sec .card-header a h5 {
    color: #010101;
    font-size: 18px;
    font-weight: 700;
    position: relative
}

.app_service_item h3 {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 10px;
    min-height: 84px
}

.app_service_item {
    margin-top: 30px;
    padding: 30px;
    position: relative
}

.app_service_con p {
    margin-bottom: 0;
    opacity: .8
}

.app_service_con .load_more_btn {
    transition: 0.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 {
    height: 89px;
    font-size: 30px;
    padding-left: 90px
}

.consultant_in input.btn {
    font-size: 32px;
    background-color: #216fa7;
    border-color: #216fa7;
    margin-left: 20px;
    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 {
    width: calc(100% - 50px);
    margin: auto;
    position: relative
}

.consultant_in i {
    position: absolute;
    left: 27px;
    top: 26px;
    font-size: 38px;
    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;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.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;
    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
}

.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 {
    padding: 50px 0;
    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_img {
    margin-top: 300px
}

.port_con_sec a.btn.btn-default {
    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-top-cls {
    position: absolute;
    top: 5%
}

.arrow-bottom-cls {
    position: absolute;
    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 {
    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;
    right: 110px;
    z-index: 99999;
    top: 60px
}

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

section#panels .port_con_img {
    margin-top: 200px;
    margin-bottom: 100px
}

.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)
}

.banner_sec_con .get_started_btn {
    font-size: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
    min-width: 250px
}

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
}

div#myModal .modal-body {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    margin-left: -1px
}

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

.popup-img {
    padding: 150px 0
}

.popup_content {
    padding: 80px 25px
}

.contact_sec_form h3, .popup_content h2 {
    font-size: 28px !important;
    color: #306faa;
    font-weight: 900;
    margin-bottom: 35px
}

.popup_content .form-group {
    margin-bottom: 20px !important
}

.contact_sec_form h3 span, .popup_content h2 span {
    color: #010101;
    display: block
}

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

.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
}

.terms-content p {
    font-size: 13px;
    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-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #222d39 !important
}

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

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

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

.demand_title p {
    font-size: 18px;
    line-height: normal;
    padding: 0 50px 10px
}

section.talk_sec.demand_fetures_sec .heading_type1 h3 {
    font-size: 50px;
    line-height: normal;
    margin-bottom: 20px
}

section.talk_sec.demand_fetures_sec .app_business {
    padding: 70px 70px 0
}

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

section.talk_sec.demand_fetures_sec .heading_type1 p {
    margin-bottom: 20px;
    color: #fff;
    font-size: 30px
}

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;
    margin-bottom: 20px;
    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
}

section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link img {
    height: 30px;
    max-width: 30px;
    object-fit: contain
}

.feature_demand_sec .tabv_content p.para_meta {
    font-style: normal;
    font-size: 38px;
    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;
    margin-top: -25px
}

.hire_web_itm {
    text-align: center;
    margin: auto
}

.hire_web .heading_type4 h3 {
    font-size: 35px;
    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 {
    margin-bottom: 40px;
    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: 0.5s;
    height: 100%;
    background: #fff
}

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

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

.b-overlay .business_tit, .b-overlay p, .banner_sec_con, .business_sec_con, .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, .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, 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
}

section.business_sec .heading_type2 h3 {
    font-size: 55px
}

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

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

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

.process_sec_itm p {
    font-size: 14px;
    padding: 0 5px
}

.process_sec_itm h4 span {
    color: #010101;
    font-size: 15px;
    margin-right: 5px
}

.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 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    width: 80%
}

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

.inner_cont_sec p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0
}

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

.inner_cont_sec, section.career_sec .heading_para {
    width: 80%
}

.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%;
    width: 50%;
    z-index: 1;
    left: 0;
    top: 0
}

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

.about_inner_sec {
    padding: 50px 0 0
}

.comm_content, .mv-bg {
    padding: 20px
}

section.about_sec h3.about-title {
    font-size: 45px;
    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%
}

.mv-bg .heading_type3 h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 60px;
    font-weight: 600
}

.mv-bg p {
    font-size: 16px;
    color: #fff
}

.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
}

.comm_content p {
    font-size: 14px
}

.wht_bg_inner p, .why_cont_sec p {
    font-size: 16px;
    color: #000
}

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

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

.mv-bg img {
    height: 200px;
    object-fit: contain
}

.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: 0.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: 14px
}

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;
    padding: 35px;
    margin-top: -160px;
    position: relative;
    z-index: 11
}

body.contact_page .banner_sec_img {
    padding-bottom: 180px
}

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

.wht_bg_inner h3.contact_title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 5px
}

.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;
    padding: 35px
}

.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
}

.business_sec_itms.career_item [class*="col-"] {
    margin-bottom: 20px;
    padding: 0 10px
}

.business_sec_itms.career_item .business_sec_con h4 {
    font-size: 18px;
    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 !important;
    padding: 5px 0
}

.business_sec_itms.career_item .business_sec_con p.p-bold, .font-bold {
    font-weight: 700
}

.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-size: 55px;
    font-weight: 700;
    margin-bottom: 0
}

.resume_sec_form p {
    color: #878ea3;
    font-size: 19px
}

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

section.talk_sec.resume_update .heading_type2 h3 {
    font-size: 65px
}

.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_sec_con img, .cost_ic3, .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, .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 {
    max-width: 45px
}

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

section.port_overview p {
    max-width: 80%;
    margin: 0 auto 20px;
    font-size: 19px;
    text-align: center;
    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
}

.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;
    margin-bottom: 30px
}

.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: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    transition: 0.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: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.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-size: 22px;
    font-weight: 700;
    border-top: 3px solid #fff;
    padding: 10px 0;
    margin: 20px 10px;
    border-bottom: 3px solid #fff
}

.view-case {
    margin: 20px 0
}

.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;
    margin-bottom: 20px;
    width: 100%
}

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

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

.listing_sec ul {
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 30px
}

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
}

.app_business.technologies_sec .tabing_type3 .heading_type1 h3 {
    font-size: 40px
}

.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;
    margin-left: 30px;
    text-align: center
}

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

.ui-technologies p {
    margin-bottom: 0;
    padding-top: 10px;
    color: #001389;
    font-size: 16px;
    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;
    font-size: 54px;
    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;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.technologies_list ul li {
    display: inline-block;
    background: #fff;
    margin-right: 20px;
    width: 100%;
    text-align: center;
    color: #010101;
    padding: 20px 5px;
    line-height: 1;
    border-radius: 10px
}

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

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

section.sitemap .row {
    margin-right: -50px;
    margin-left: -50px
}

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

.challenge-con p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.8
}

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

.challenge-con ul li {
    font-size: 13px
}

.business-content h3 {
    font-size: 45px;
    font-weight: 700
}

.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;
    padding: 20px 15px 15px 20px;
    border-radius: 5px;
    height: 100%;
    overflow: hidden;
    position: relative
}

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

.footer-middle ul.footer_items.footer_social, .social_bg .business-inner-sec [class*="col-"] {
    margin-top: 25px
}

.b-overlay:after {
    background: #216fa7;
    content: "";
    position: absolute;
    height: 100%;
    width: 8px;
    top: 0;
    z-index: 1;
    left: 0;
    transition: 0.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: 0.5s;
    content: ""
}

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

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

.buss-title {
    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 {
    max-width: 100%;
    border-radius: 10px;
    width: auto !important;
    margin: 0 auto;
    text-align: center;
    display: table
}

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

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

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

.blgo-title h3 {
    margin-bottom: 0;
    line-height: 1;
    margin-top: 5px
}

.blgo-title p {
    line-height: 1.4;
    margin-bottom: 0
}

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

.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, .restaurant_service .list_sec_item_ic, 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: 0.5s
}

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

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

.single_blog {
    border: 1px solid #fff;
    height: calc(100% - 30px);
    margin-bottom: 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;
    font-size: 20px;
    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%);
    margin: 30px 0;
    padding: 15px
}

.caegroy-title h3 {
    font-size: 22px;
    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;
    font-size: 17px
}

.b_category_sec ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    height: 2px;
    background: #216fa7;
    width: 0;
    bottom: -1px;
    transition: 0.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-size: 22px;
    font-weight: 700;
    line-height: 22px
}

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

.web-date h5 {
    font-size: 14px;
    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 {
    font-size: 56px;
    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
}

.member_content {
    padding: 20px 15px;
    position: relative;
    z-index: 11
}

.senior_sec h3 {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0 30px;
    margin-bottom: 0
}

.member_content h4 {
    font-size: 21px;
    padding: 0;
    margin-bottom: 10px;
    font-weight: 700;
    -webkit-line-clamp: 1
}

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

.member_content p {
    font-size: 14px;
    -webkit-line-clamp: 3;
    margin: 25px 0
}

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

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

.box_border:after, .box_border:before {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    top: 10px;
    left: 10px;
    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 h3 {
    font-size: 34px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 40px
}

.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 {
    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
}

.diverce_list .row, .inner_team_sec .row, .member_dtl .row {
    margin: 0 -10px
}

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

.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-flow-sec .heading_type1 h3 {
    color: #fff;
    margin-bottom: 30px;
    line-height: 1.2
}

.heading_type1.heading_type {
    max-width: 80%;
    margin: 0 auto
}

.heading_type1.heading_type h3 {
    line-height: 1
}

.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)
}

section.term_sec.term_bg {
    background: #f1f1f1;
    margin-bottom: 60px
}

.port_sec.port_inner_cls .hire_links {
    margin-bottom: 30px !important;
    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
}

.hire_mean .hire_link_item {
    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%;
    max-width: 25%
}

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

.crm_sec_con h4 {
    padding: 25px 0 20px;
    font-weight: 700
}

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

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

.port_sec_in .row, .sales-r2, .sales-r3, .sales-r4, .sales-r5, .sales-r6, .sales-r7, .technologies_sec .row, section.blog_home .blog_inner_sec .row {
    justify-content: center
}

.cont-size .blog-sec3 ul, .games_inner, .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 {
    margin: 0 23px 20px 0;
    height: 45px;
    width: 45px
}

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

ul.copyright {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    justify-content: flex-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
}

span.btn_arrow {
    margin-left: 20px;
    transition: 0.5s
}

.event_zoom:hover, .features-slider .owl-item.active, .talk_expert:hover {
    transition: 0.5s
}

.talk_expert:hover span.btn_arrow {
    margin-left: 40px;
    transition: 0.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
}

.contact_sec_con h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 700
}

a.lets_btn {
    background: #fff !important;
    color: #216fa7;
    font-size: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    min-width: 220px;
    font-weight: 500;
    border: 1px solid #fff;
    line-height: 1.7
}

section.talk_expert.great_app_sec a.talk_expert_btn {
    font-size: 36px;
    line-height: 1.2;
    padding: 0
}

section.talk_expert.great_app_sec span.sub_content {
    display: block;
    font-size: 20px;
    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
}

.sub-heading-cls h4 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0
}

section.diverce_sec.android_diverce .list_sec_item {
    margin-top: 15px;
    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 {
    color: #010101;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    position: absolute;
    bottom: -175px;
    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: 0.5s
}

.lets_btn_cls a.btn.btn-danger.lets_btn:hover span.btn_arrow {
    margin-left: 25px;
    transition: 0.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
}

.diverce_list .row [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: 0.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 {
    margin-bottom: 15px !important
}

.bg-5 {
    background: #fff1fa !important
}

ul.features-list {
    padding-left: 15px;
    margin-bottom: 0
}

ul.features-list li {
    margin: 10px 0;
    list-style: disc
}

ul.features-list li a {
    color: #010101;
    font-size: 18px
}

.inner_heading h4 {
    font-size: 46px;
    font-weight: 600
}

.restaurant_service h3 {
    font-size: 45px;
    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
}

.food_restorent_page .app_sec_itm {
    padding: 22px
}

.restaurant_service p.heading_para {
    text-align: left;
    width: 100%;
    margin-bottom: 5px
}

.about_sec.mean_solution_sec.bg_gray, .hiring_sec {
    padding-top: 60px
}

.fullpage-popup .modal_cls .modal-content .modal-header {
    padding: 10px 60px 10px 30px;
    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
}

#next, #previous, .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, .contact_btn_cls a.btn {
    background: #216fa7
}

.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;
    padding: 10px 20px;
    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;
    padding: 15px;
    box-shadow: 0 0 30px #00000017;
    z-index: 12;
    transition: 0.5s;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    border: 1px solid #d6d6d6;
    max-width: 80%
}

span.policyimg {
    max-width: 100px;
    flex: 0 0 100px;
    margin-right: 40px
}

span.privacy_dtl {
    font-size: 16px;
    display: block;
    font-weight: 500;
    line-height: 1.5
}

.accpetbtn {
    background: #216fa7;
    color: #fff !important;
    font-size: 18px;
    border-radius: 5px;
    border: 0;
    padding: 8px 20px 10px;
    margin-right: 10px
}

body.cookies_remove #privacyaccept {
    display: none;
    transition: 0.5s
}

.privacy-inner {
    padding-bottom: 25px
}

.event_sec:last-child .event_img_space, .has-dropdown .submenu-inner .megamenu-cls a.dropdown-item:last-child, .privacy-inner:last-child, section.blog-sec2.ask_sec {
    padding-bottom: 0
}

.privacy-inner h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0
}

.privacy-inner ol, .privacy-inner ul {
    margin-bottom: 0;
    padding-top: 15px;
    padding-left: 15px
}

.privacy-inner ol li, .privacy-inner ul li {
    font-size: 16px;
    margin-bottom: 10px;
    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: 0
}

.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
}

.port_sec.port_inner_cls .hire_links ul.nav.nav-tabs li.nav-item {
    padding: 0 10px;
    width: 180px
}

section.port_sec .hire_links li.nav-item {
    font-weight: 700;
    width: 190px;
    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: 0.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 {
    padding: 40px;
    background: #fff;
    max-width: 100%;
    margin: auto;
    border-radius: 0 0 40px 40px
}

.has-dropdown {
    position: static
}

.header_sec li.nav-item.dropdown.has-dropdown:hover .dropdown-menu {
    transition: 0.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: 0.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: 0.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: 0.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-size: 30px;
    margin-bottom: 0;
    font-weight: 700
}

.megamenu-cls {
    position: relative;
    left: 2px;
    margin-top: 20px
}

.megamenu-cls:after {
    content: "";
    position: absolute;
    height: calc(100% - 0px);
    width: 1px;
    background: #888;
    top: 0
}

.header_sec .submenu-title .dropdown-item {
    font-size: 20px;
    border-bottom: 0;
    font-weight: 500;
    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
}

.great_app_inner h3 {
    font-size: 30px;
    font-weight: 600;
    color: #fff
}

.header_sec .menu_btn .btn-danger {
    margin-left: 0;
    margin-bottom: 20px
}

.service_head h3 {
    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: 0.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
}

.right-bg .contact_sec_form {
    margin-top: 0;
    padding: 80px 30px
}

.blog-sec3 ul li a, .privacy-inner p a {
    color: #216fa7
}

.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 {
    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: #f2dede;
    border: 1px solid #eed3d7
}

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

.business_sec_con a.btn {
    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, li.parsley-required {
    left: 0
}

.consultant_in li.parsley-required {
    position: absolute;
    bottom: -15px;
    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 {
    padding: 0;
    margin: 0 auto;
    font-size: 0;
    min-height: 100%
}

.event_img_space, .event_title_sec {
    padding-left: 60px
}

.event_title_sec, body.salesforce_page .img_sec img {
    padding-bottom: 20px
}

.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
}

.inds1, .inds10, .inds11, .inds12, .inds2, .inds3, .inds4, .inds5, .inds6, .inds7, .inds8, .inds9 {
    height: 143px
}

.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)
}

.inds1 {
    background-position: -27px -440px;
    width: 187px
}

.inds2 {
    background-position: -215px -445px;
    width: 208px
}

.inds3 {
    background-position: -441px -453px;
    width: 207px
}

.inds4 {
    background-position: -681px -455px;
    width: 177px
}

.inds5 {
    background-position: -15px -634px;
    width: 165px
}

.inds6 {
    background-position: -195px -634px;
    width: 138px
}

.inds7 {
    background-position: -355px -634px;
    width: 193px
}

.inds8 {
    background-position: -570px -634px;
    width: 207px
}

.inds9 {
    background-position: -800px -634px;
    width: 136px
}

.inds10 {
    background-position: -17px -785px;
    width: 205px
}

.inds11 {
    background-position: -235px -785px;
    width: 210px
}

.inds12 {
    background-position: -480px -785px;
    width: 115px
}

.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
}

.hc1, .hc2, .hc3, .hire1, .hire2, .hire3 {
    height: 60px
}

.hire1 {
    background-position: -555px -1140px;
    width: 54px
}

.hire2 {
    background-position: -672px -1139px;
    width: 52px
}

.hire3 {
    background-position: -651px -16px;
    width: 48px
}

.hire4 {
    width: 60px;
    height: 55px;
    background-position: -532px -21px
}

.hire5 {
    background-position: -250px -1139px;
    width: 85px;
    height: 60px
}

.hire6 {
    background-position: -190px -1139px;
    width: 52px;
    height: 60px
}

.client1, .client2, .client3, .client4, .client5 {
    height: 154px;
    width: 154px
}

.envelope-icon, .user-icon {
    height: 20px;
    position: absolute
}

.hire_links .hire_link_item.active .hire1, .hire_links .hire_link_item:hover .hire1 {
    background-position: -615px -1140px
}

.hire_links .hire_link_item.active .hire2, .hire_links .hire_link_item:hover .hire2 {
    background-position: -732px -1139px
}

.hire_links .hire_link_item.active .hire3, .hire_links .hire_link_item:hover .hire3 {
    background-position: -598px -16px
}

.hire_links .hire_link_item.active .hire4, .hire_links .hire_link_item:hover .hire4 {
    background-position: -467px -21px
}

.hire_links .hire_link_item.active .hire5, .hire_links .hire_link_item:hover .hire5 {
    background-position: -460px -1139px
}

.hire_links .hire_link_item.active .hire6, .hire_links .hire_link_item:hover .hire6 {
    background-position: -403px -1140px
}

.client1 {
    background-position: -14px -952px
}

.client2 {
    background-position: -183px -952px
}

.client3 {
    background-position: -352px -952px
}

.client4 {
    background-position: -520px -951px
}

.client5 {
    background-position: -689px -950px
}

.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;
    padding: 20px;
    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;
    margin-bottom: 30px
}

.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
}

.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, .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)
}

.ti1 {
    background-position: -28px -1265px
}

.ti2 {
    background-position: -74px -1265px;
    width: 47px
}

.ti3 {
    background-position: -132px -1263px;
    width: 42px;
    height: 42px
}

.ew-1, .ew-2, .ew-3, .ew-4, .ew-5, .ew-6, .ew-7, .ha-w4, .ha-w5, .ha-w6, .ha-w7, .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, .ti4, .wad-w5, .wad-w6 {
    width: 40px
}

.ti4 {
    background-position: -189px -1265px;
    height: 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
}

.hc1 {
    background-position: -364px -1615px;
    width: 32px
}

.hc2 {
    background-position: -411px -1616px;
    width: 68px
}

.hc3 {
    background-position: -491px -1616px;
    width: 66px
}

.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;
    height: 60px;
    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_img_space {
    padding-bottom: 30px
}

.event_title_sec h4 {
    font-size: 28px;
    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
}

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

.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
}

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

.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: -0.2s
}

.box span:nth-child(3) {
    animation-delay: -0.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;
    padding: 30px;
    text-align: left;
    height: 100%
}

.an2, .an3 {
    width: 42px;
    height: 43px
}

.cta_group a.btn.btn-danger.get_started_btn {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 150px
}

.cta_section p {
    color: #fff;
    font-size: 16px
}

.cta_section h3, .cta_section h5 {
    color: #fff;
    font-weight: 600;
    font-size: 28px
}

.cost_cont, .cta_group, .ico-cont, .port_slider_wrk_itm {
    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: 0.5s;
    background-size: cover
}

.event_zoom {
    height: 100%;
    transition: 0.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: 0.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 {
    box-shadow: unset !important;
    margin-bottom: 30px
}

.single_blog.single-blog-view .single_blog_cont .date p {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1
}

.talk_expert+style+section.testimonial_sec {
    padding-top: 60px
}

.single_blog.single-blog-view .single_blog_cont .blgo-title h3 a {
    white-space: unset;
    transition: 0.5s;
    margin: 0;
    line-height: 1.5
}

.blgo-title p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.4
}

.single_blog.single-blog-view .single_blog_cont .blgo-title h3 {
    margin: 10px 0
}

.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_row {
    display: inline-flex;
    column-count: 2;
    row-gap: 30px
}

.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 {
    font-size: 44px;
    margin: 25px 0 30px;
    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 {
    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 {
    font-size: 16px;
    list-style: none;
    display: flex;
    align-items: flex-start;
    margin: 15px 0;
    font-weight: 500
}

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

.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 {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 10px
}

.font-28 {
    font-size: 36px;
    margin-bottom: 10px
}

.blog-img {
    margin: 60px 0 0
}

.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
}

.add_banner {
    margin-top: 30px;
    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
}

.share_sec {
    position: absolute;
    margin-left: -70px
}

#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: 0.4s;
    line-height: normal;
    padding: 6px 20px;
    min-width: 150px;
    margin-left: 6px !important;
    border: 0;
    border-radius: 0;
    outline: 0 !important;
    box-shadow: unset !important
}

.newslater_sec h4 {
    font-size: 28px;
    line-height: 1
}

.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 {
    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 {
    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 {
    padding: 8px;
    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
}

.popup_content_cls h4 {
    font-size: 26px
}

.popup_content_cls h3 {
    font-size: 46px;
    margin: 15px 0
}

.home_page.remove_ebook header.header_sec {
    top: 0;
    transition: 0.5s
}

.remove_ebook nav.navbar.fixed-header {
    top: 0
}

.remove_ebook .banner_sec_img:after {
    top: 0;
    height: 100%
}

.newslater_sec form {
    margin-right: 30px
}

.quate_main_cls {
    background: #f1f1f1;
    padding: 70px 50px;
    border-radius: 10px;
    position: relative;
    margin-top: 50px
}

p.sub_p_cls {
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.4
}

.quate_cls {
    position: absolute;
    height: 70px;
    width: 70px;
    top: -27px;
    background: #172968;
    color: #fcf9fe;
    border-radius: 50%;
    left: -20px;
    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
}

.f-1 {
    background-position: -10px -3077px;
    width: 62px;
    height: 80px
}

.f-2 {
    background-position: -79px -3075px;
    width: 44px;
    height: 81px
}

.f-3 {
    background-position: -139px -3077px;
    width: 81px;
    height: 80px
}

.f-4, .f-5, .f-6, .f-7 {
    height: 81px
}

.f-4 {
    background-position: -227px -3075px;
    width: 65px
}

.f-5 {
    background-position: -312px -3075px;
    width: 48px
}

.f-6 {
    background-position: -383px -3075px;
    width: 46px
}

.f-7, .f-8 {
    width: 81px
}

.f-7 {
    background-position: -446px -3075px
}

.f-8 {
    background-position: -546px -3075px;
    height: 80px
}

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;
    padding: 25px;
    transition: 0.4s
}

.feat-cont h4, .game_cont h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0
}

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

.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;
    padding: 10px 0 5px 20px;
    text-transform: capitalize
}

.blog_cta_cls .cta_head h4 {
    max-width: 100%;
    font-size: 24px;
    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, .tawk-button, body .jVyEvM {
    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-size: 70px;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 60px
}

.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;
    top: 40%;
    right: 100px;
    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
}

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

@-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)
    }
}

.common-cls 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-size: 13px;
    font-weight: 700;
    z-index: 2
}

#overlay, .contact_ipad, .contact_laptop, .contact_mobile, .features-slider.owl-carousel .owl-nav .owl-next::before, .features-slider.owl-carousel .owl-nav .owl-prev::before, .form-steps__item.step-5.thanku_check.form-steps__item--active .button-bar, .loan-lending-form .contact_sec_form::before, .logo_ipad, .question-container, .salesforce_ipad, .salesforce_laptop, .salesforce_mobile, .service-bg ul li:nth-child(3):after, .service-bg ul li:nth-child(6):after, .submit-step, .thankyou-timeline ul li:last-child:after {
    display: none
}

.button-bar, .tick, p.error-text {
    position: absolute
}

.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;
    left: 50px;
    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
}

.form-steps__item-text {
    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
}

.blog_cta_cls.blog_cta2.new_cta2, .tawk-badge, body #offlineform_btn, body .kenFqt.kenFqt.kenFqt {
    background: #216fa7 !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
}

.download_content a.btn.btn-danger {
    padding: 5px 15px
}

.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
}

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 {
    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
}

.img_sec.ios_img img {
    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;
    left: 130px
}

.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 {
    background: #fff;
    padding: 70px 0
}

.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 {
    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 .blog_img img {
    max-height: 190px
}

.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
}

.cta_section.cloud-comp {
    padding: 60px
}

.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 {
    padding: 30px 0;
    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-inner img {
    margin-top: -480px
}

.cs_banner_img {
    background-size: cover;
    height: 100%;
    display: flex;
    padding-top: 180px;
    min-height: 800px;
    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, .sales_slider.owl-carousel .owl-nav button.owl-prev {
    margin-right: 15px
}

.cs-detail {
    padding-bottom: 50px
}

.cs-banner:after {
    content: "";
    position: absolute;
    background: #fff;
    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;
    padding-top: 20px
}

.team-cont h5 {
    color: #033277;
    font-weight: 700;
    font-size: 20px
}

.team-cont p {
    font-size: 16px;
    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;
    margin-bottom: 30px
}

.box-cs-title h5, .heading_h3 {
    margin-bottom: 0;
    color: #033277
}

.overview-cont p {
    text-align: left;
    font-size: 20px
}

.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
}

.heading_h3 {
    font-size: 50px;
    font-weight: 700
}

.title-inner {
    white-space: nowrap
}

.border-main-cls {
    width: 100%;
    border-bottom: 4px solid;
    padding-top: 5px;
    margin-left: 30px
}

.overview-sec {
    padding: 40px 0 70px
}

.objective-sec {
    padding: 135px 0 40px;
    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 {
    padding: 135px 0 30px
}

.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%;
    max-width: 38%
}

.solution-col {
    flex: 0 0 24%;
    display: flex;
    padding: 0 30px;
    align-items: center
}

.solution-box {
    padding: 40px;
    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
}

.solution-cont h3 {
    font-size: 35px;
    font-weight: 700;
    color: #033277;
    margin-bottom: 20px
}

.solution-cont p {
    font-size: 20px;
    line-height: 1.7;
    font-weight: 500;
    margin-bottom: 0
}

.color-code p, .test-cont h3 {
    font-weight: 700;
    color: #033277
}

.solution-inner h3 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #1fa9ff;
    line-height: 1;
    margin-bottom: -15px
}

.border-main-cls.point-5:after {
    content: "05"
}

.cs-portfolio, .testimonial-sec, .typography-sec {
    padding: 135px 0 70px
}

.typography-sec .bg-1 {
    background: #888 !important;
    height: 200px;
    border-radius: 20px
}

.typography-sec .bg-2 {
    background: #033277 !important;
    height: 200px;
    border-radius: 20px
}

.typography-sec .bg-3 {
    background: #1fa9ff !important;
    height: 200px;
    border-radius: 20px
}

.color-code {
    text-align: center;
    margin-top: 10px
}

.color-code p {
    margin-bottom: 0;
    font-size: 28px
}

.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
}

.test-cont {
    padding: 30px;
    text-align: center
}

.client-img {
    flex: 0 0 280px
}

.test-cont h3 {
    font-size: 24px;
    margin-bottom: 15px
}

.test-cont p {
    font-size: 18px;
    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;
    padding-top: 0;
    padding-bottom: 0;
    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;
    border: 20px solid #d5d5d5;
    height: 100%;
    width: 49.99999999%;
    border-radius: 38px;
    transform: translateX(49.999999999%)
}

.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 {
    font-size: 16px;
    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-sec2 {
    padding-top: 60px !important
}

.blog-first {
    padding-top: 0 !important
}

.rating_left_sec {
    flex: 0 0 170px;
    margin-right: 20px;
    padding-top: 14px;
    padding-left: 32px
}

.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 0.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 0.15s ease-in-out, box-shadow 0.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
}

.skype-icon {
    position: absolute;
    left: 15px
}

.blog_form .contact_social_link .mail_address_cls, .sales_force_cls p.heading_para {
    margin-bottom: 10px
}

.col-cust {
    flex: 0 0 calc(100% / 5);
    max-width: 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;
    filter: brightness(100)
}

.s-w2 {
    background-position: -810px -735px;
    filter: brightness(100)
}

.s-w3, .s-w4, .s-w5, .sales-r1 {
    display: flex;
    justify-content: center
}

.sales-r1, .sales-r2 {
    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 {
    align-items: center;
    filter: brightness(0) invert(0);
    background-position: -111px -811px
}

.sales-r4 {
    align-items: center;
    filter: brightness(0) invert(0);
    background-position: -161px -809px
}

.sales-r5, .sales-r6 {
    align-items: center;
    filter: brightness(0) invert(0)
}

.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;
    left: calc(50% - 140px)
}

.sales_slider.owl-carousel .owl-nav button.disabled {
    opacity: .5
}

.cta_section.salesforce-cta {
    height: calc(100% - 30px);
    margin-top: 30px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

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 {
    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 {
    max-width: 50%;
    margin: 0;
    flex: 0 0 50%;
    padding: 10px 10px 0
}

.c-features-list h5 {
    font-size: 20px;
    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 {
    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-size: 18px;
    padding: 5px 15px;
    font-weight: 600;
    border-bottom: 2px solid transparent !important
}

.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;
    font-size: 18px !important;
    line-height: 24px !important;
    color: #252b33 !important;
    letter-spacing: 0;
    text-transform: capitalize;
    font-weight: 600;
    transition: all 0.5s
}

.c-features-con ul li:hover h5 {
    transition: all 0.5s
}

.c-features-con ul li p {
    font-size: 16px !important;
    line-height: 1.3;
    margin-bottom: 0
}

.c-features-con ul li {
    max-width: calc(33.33% - 30px);
    flex: 0 0 calc(33.33% - 30px);
    width: 100%;
    padding: 25px;
    display: inline-flex;
    text-align: center;
    border-radius: 5px;
    background: #fafafa;
    margin: 30px 15px 0 !important;
    transition: 0.5s
}

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;
    display: inline-flex;
    text-align: center;
    border-radius: 5px;
    background: #fafafa;
    margin: 20px 10px 0 !important;
    transition: 0.5s
}

section.grocery_delivery_app_sec.bg_gray .c-features-con ul li:hover {
    background: #2670a7;
    transition: all 0.5s
}

.c-features-con ul {
    flex-wrap: wrap;
    margin-bottom: 0
}

section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link {
    padding: 10px 15px;
    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_img.mobile_development_comp {
    height: 100%
}

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

.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: 0.5s
}

.grocery_delivery_app_sec_cta:hover {
    background: #fafafa !important
}

.grocery_delivery_app_sec_cta {
    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
}

.service-bg ul {
    margin-bottom: 0;
    flex-wrap: wrap
}

.service-bg ul li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    color: #fff;
    list-style: none;
    font-size: 14px;
    text-align: center;
    padding: 25px 8px;
    border-bottom: 1px solid rgb(255 255 255 / .1);
    position: relative
}

.service-bg ul li:after {
    content: "";
    border-right: 1px solid rgb(255 255 255 / .1);
    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;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 700
}

.service-head p {
    margin-bottom: 0;
    color: #f1f1f1;
    font-size: 14px
}

.service-form form {
    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;
    font-size: 11px !important;
    bottom: -12px;
    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%;
    max-width: 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;
    padding: 20px 10px
}

.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;
    text-align: left;
    line-height: 1.1;
}

.admin_user_panel .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    width: auto;
    justify-content: center
}

.admin_user_panel {
    width: auto;
    text-align: center;
    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
}

.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
}

.hire_web.flower-sec p.heading_para, .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%;
    margin: 0 20px
}

.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
}

.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
}

.we-offer-sec h2 {
    margin-bottom: 40px
}

.development-info h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

.development-item h3 {
    font-size: 32px;
    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
}

.grocery_delivery_app_sec h3 {
    text-align: center;
    font-weight: 700
}

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: -15px;
    left: 140px;
    font-size: 10px !important
}

.feature_demand_sec .tabing_type3_info {
    background: #fff;
    padding: 10px;
    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: 0.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: 0.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: 0.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;
    max-width: 60%;
    margin: 0 auto 30px !important
}

.choose_invento_itm_con h4, .port_slider_wrk_itm 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: 0.5s;
    top: 0;
    position: relative
}

.feature_demand_sec .tabing_type3_info:hover .feature_icon {
    top: -100%;
    transition: 0.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 {
    box-shadow: 0 0 49px 0 rgb(223 223 223 / 46%);
    padding: 25px;
    text-align: center;
    margin-top: 20px
}

.mobile_companies_itm_rating {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

.mobile_companies_itm_rating_cn {
    font-size: 20px;
    font-weight: 700;
    margin: 4px 0 0 7px;
    line-height: 1
}

.choose_invento_itm {
    display: flex;
    align-items: center;
    padding: 15px
}

.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 h4 {
    font-size: 21px;
    position: relative;
    padding-top: 10px
}

.port_slider_wrk_itm h4::before {
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    display: inline-flex;
    top: 0;
    background: #010101
}

.port_slider_wrk_wht .port_slider_wrk_itm h4::before {
    background: #fff
}

.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: 0.5s;
    right: -100px;
    position: relative
}

.fixed_buttons_scl:hover {
    transition: 0.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: 0.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: 0.5s
}

.banner_sec.banner_inner.thank_you_banner .banner_sec_img {
    padding: 240px 0 345px;
    height: unset
}

.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
}

.thankyou-timeline ul li.process_done:hover .timeline_cont_box {
    box-shadow: unset !important
}

.thank_you_page .footer_sec {
    padding-top: 40px
}

.banner_sec.banner_inner.thank_you_banner .banner_sec_img .inner_banner_heads {
    font-size: 110px
}

.btn_thank {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 20px;
    display: inline-block;
    width: 100%
}

li.parsley-length {
    position: absolute;
    bottom: -15px;
    left: 0;
    margin: 0
}

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
}

.featured-testimonail, .serv-box-cont {
    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 {
    padding-left: 25px;
    flex: 0 0 calc(100% - 280px)
}

.feat-client-info .test_con_user_con h4 {
    font-size: 24px;
    color: #fff
}

.feat-client-info .test_con_user_con p {
    color: #fff;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    margin-top: 0
}

.feat-client-info p {
    margin-bottom: 0;
    font-size: 15px;
    color: #fff;
    margin-top: 20px
}

.test-review:after, .test-review:before {
    content: "";
    display: block;
    width: 40px;
    height: 32px;
    background: url(/img/feat-cots.svg) 0 0 / contain no-repeat;
    position: absolute;
    top: 0;
    left: -50px;
    opacity: .2
}

.test-review::after {
    transform: rotate(180deg);
    bottom: 0;
    right: -50px;
    left: auto;
    top: auto
}

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: 0.5s
}

.features-slider.owl-carousel .owl-nav button[class*="owl-"] {
    top: calc(50% - 25px);
    background: 0 0 !important;
    border: 2px solid #fff;
    transition: 0.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: 0.5s;
    transform: scale(1.1)
}

.talk_sec_btn.d-felx {
    gap: 15px
}

section.work_process.developer-process {
    padding-bottom: 0
}

.crypto-feat-icon {
    height: 65px;
    width: 65px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e2f3ff;
    border-radius: 50%;
    margin-bottom: 10px
}

.d-none {
    display: none
}

.lets_btn_cls a.btn.btn-danger.lets_btn span.btn_arrow img {
    filter: unset !important
}

.header_sec li.nav-item.dropdown.has-dropdown.about-us-dropdown:hover .dropdown-menu {
    max-width: 50% !important;
    left: 20%
}

.design-portal h4 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 700
}

.design-portal ul {
    display: flex;
    justify-content: center;
    gap: 15px
}

div#myModal .modal-body {
    padding: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    margin-left: -1px
}

.right-bg .contact_sec_form {
    margin-top: 0;
    padding: 80px 30px
}

.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;
    color: #fff;
    font-size: 22px;
    max-width: 80%;
    margin: 0 auto 30px;
    font-weight: 700
}

.contact_sec_form h3, .popup_content h2 {
    font-size: 28px !important;
    color: #306faa;
    font-weight: 900;
    margin-bottom: 35px
}

.contact_sec_form h3 span, .popup_content h2 span {
    color: #010101;
    display: block
}

.iti {
    width: 100%
}

.form-group.select_custom_cls .input-group.country_code .iti__flag-container {
    height: 47px;
    background: #fff0;
    padding: 0 !important
}

.form-group.select_custom_cls ul {
    margin: 0
}

.iti--separate-dial-code .iti__selected-flag {
    background: transparent !important
}

li.parsley-type {
    max-width: unset !important;
    padding: 0 !important;
    color: red !important;
    font-size: 11px !important;
    bottom: -12px;
    position: absolute !important
}

.talk_sec_btn.d-felx a img {
    width: 200px
}

.banner_food-dashboard img {
    width: 100%
}

.banner_food-dashboard {
    width: 100%;
    height: 100%;
    text-align: center
}

section.food-banner_sec {
    padding: 60px 0 70px
}

section.service_providesec.restaurant-cost-estimation {
    background: linear-gradient(79deg, #33073f, #0d3677) !important;
    padding: 60px 0 70px
}

section.service_providesec.restaurant-cost-estimation p.heading_para {
    text-align: left !important;
    color: #fff
}

section.service_providesec.restaurant-cost-estimation h3 {
    color: #fff
}

section.service_providesec.restaurant-cost-estimation .business-inner-sec [class*="col-"] {
    margin-top: 25px
}

section.service_providesec.restaurant-cost-estimation .business-bg:hover img {
    filter: brightness(0) invert(1)
}

.new-light-bg-food-pg {
    background: #f1f1f1
}

.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_group {
    margin: 0
}

.new-cta-btn {
    padding: 0px !important
}

.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
}

.heading_para.restaurant_service-p-text {
    margin-bottom: 15px !important
}
.single-solutions-box {
    font-size: 14px;
}
.b-overlay p {
    font-size: 14px;
}
.top-company-review p {
    color: #000;
    font-size: 16px;
    margin-left: 20px;
    margin: auto 14px;
    line-height: 22px;
    margin-right: 0;
}
.top-company-review span {
    font-size: 45px;
    color: #000;
}
.android-industry-con p {
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
}
.buss-title h5, .serv-box-cont h5 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 24px;
}










@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:1470px) {
    .banner_sec.banner_inner.thank_you_banner .banner_sec_img {
        padding: 140px 0 295px
    }

    .feature_demand_sec .tabing_type3_info .para_sec {
        font-size: 12px
    }
}

@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
    }

    .apps-craft-screenshort {
        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: 0px !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 h3 {
        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) {
    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
    }

    .fixed_buttons_scl {
        right: 0
    }

    .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 h3 {
        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: auto;
        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: 52px
    }

    .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: 0.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) {
    section.food-banner_sec {
        padding-top: 35px
    }

    .header_sec {
        top: 0
    }

    .top-head {
        display: none
    }

    .header_sec li.nav-item.dropdown.has-dropdown.about-us-dropdown:hover .dropdown-menu {
        max-width: 100%
    }

    .wallet_development_sec {
        padding: 35px 0
    }

    .testimonial_sec {
        display: none
    }

    .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
    }

    .ewallet-cta {
        padding-top: 35px
    }

    .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
    }

    .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, .work_process .row [class*="col-"] .work_process_ic:before {
        display: none
    }

    .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 h3, 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 h4 {
        max-width: 100%
    }

    .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
    }

    /* .home_page .industries_sec, .home_page .testimonial_sec, .modal-open .modal-backdrop.fade.show, .modal-open div#myModal, section.port_folio {
        display: none !important
    } */

    .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 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: 0.5s
    }

    .header_sec .navbar-nav .nav-link.menu_open span.arrow_cls:after {
        transform: rotate(180deg);
        transition: 0.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
    }

    .fullpage-popup .modal_cls .modal-content .banner_sec_img {
        padding-top: 100px
    }

    .fullpage-popup section.port_overview {
        padding: 0 0 40px
    }

    .business-ing img {
        max-width: 250px
    }

    .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: 0.5s;
        width: 100%;
        overflow: auto
    }

    .open_nav #collapsibleNavbar {
        right: 0;
        transition: 0.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;
        height: 500px;
        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: 34px !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%;
        display: none;
        max-height: 100%
    }

    span.nav-link.drop_cls.menu_open~.dropdown-menu.dropdown-nav.menu_bg {
        display: block;
        transition: 0.5s;
        box-shadow: none;
        opacity: 1 !important;
        visibility: visible
    }

    .d-flex.download-wrp {
        justify-content: center
    }
}

@media (max-width:767.98px) {
    .heading_para.restaurant_service-p-text {
        margin-bottom: 5px
    }

    section.service_providesec.restaurant_service.waither-panel .business-ing {
        margin-top: 0;
        margin-bottom: 20px
    }

    .talk_sec+section.service_providesec.restaurant_service .business-ing {
        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 {
        text-align: left;
        margin-top: 0;
        margin-bottom: 0 !important;
        font-size: 16px !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_service.bg_gray .cont-size {
        margin-top: 0
    }

    section.service_providesec.restaurant-cost-estimation {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .restaurant-cost-estimation {
        text-align: center
    }

    .restaurant-cost-estimation .cont-size h3 {
        text-align: center
    }

    section.service_providesec.restaurant-cost-estimation .cont-size p.heading_para {
        text-align: center !important
    }

    .restaurant_service .type3-text {
        text-align: left;
        margin-top: 0;
        margin-bottom: 0 !important
    }

    .port_sec.port_inner_cls .hire_links ul.nav.nav-tabs li.nav-item {
        width: 95px
    }

    .footer_top {
        display: none
    }

    section.grocery_delivery_app_sec.bg_gray .c-features-con ul li {
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px)
    }

    .admin_img {
        .admin_cont.blog-sec3 {
            text-align: center
        }

        margin-top:15px
    }

    section.hiring_sec.android_service .heading_type2.text-left {
        text-align: center
    }

    section.hiring_sec.android_service .heading_type2.text-left h3 {
        margin-bottom: 10px
    }

    section.hiring_sec.android_service .text-left {
        text-align: center
    }

    section.hiring_sec.android_service .list_sec_col {
        margin-top: 0
    }

    .business-ing img {
        max-width: 320px;
        width: 100%
    }

    .test-featured-cont.d-flex {
        flex-wrap: wrap;
        justify-content: center
    }

    .test-featured-cont.d-flex .ml-auto {
        margin: 15px auto 0
    }

    .career_buss_sec, .com_bg, .cont-size, .cs-port-sec, .development-item, .hire_tabing_item, .hire_web_con h4, .list_sec_col, .space-cls, .technologies_inner, .why_invent .why_img_sec {
        margin-top: 20px
    }

    .featured-testimonail, .rating_s_in, .tabing_type3, .tabing_type3 .tabv_content {
        flex-wrap: wrap
    }

    .featured-testimonail .client-img {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .featured-testimonail .client-img {
        max-width: 250px;
        margin: 0 auto 20px;
        width: auto !important
    }

    .feat-client-info {
        padding-left: 0;
        flex: 0 0 100%
    }

    .event_title_sec h4, .feat-client-info .test_con_user_con h4, .heading_type2 h4, .heading_type4, .privacy-inner h4, .privacy_cls h6, .talk_expert_btn {
        font-size: 18px
    }

    .feat-client-info .test_con_user_con p {
        font-size: 14px !important
    }

    .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 {
        left: unset;
        bottom: 0;
        top: unset;
        right: -22px
    }

    .blockchain-indu, .business_sec_itms.career_item .business_sec_itm, .career_buss_sec p, .crm_business, .diverce_sec_con .heading_type2, .diverce_sec_con .heading_type_h2, .feat-client-info .test_con_user_con, .features_cont, .footer_bottom p, .grocery_cont .heading_type_h2, .hire_sec_con p, .overview-cont, .overview-cont p, .port_folio .item p, .restaurant_service h3, .restaurant_service p.heading_para, .service-bg .banner_sec_con_in, .social_bg .business-content p, .social_bg p, .testimonial_sec .test_head, .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.service_providesec .heading_type_h2 {
        text-align: center
    }

    .footer-inner-cls {
        flex-direction: unset
    }

    .grocery_cont.fleet-management-cont {
        margin-top: 0;
        margin-bottom: 20px
    }

    .android-industry .item, .blgo-title .date_inner .date-icon, .blog_inner_main_sec .owl-nav, .business-content.fleet-bus-cont, .business-inner-sec, .company_inner, .port_con_img, .rating_img, section.blog_sec.blog_detail_sec .right-sidebar, section.column.left.banner {
        margin-top: 15px
    }

    .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
    }

    .ask_sec .container {
        max-width: 520px
    }

    .tabing_type1_in ul.nav.nav-tabs {
        overflow: auto;
        display: flex;
        white-space: nowrap;
        flex-wrap: inherit;
        justify-content: left !important;
        margin-bottom: 5px
    }

    .features_inner_sec [class*="col-"], .solution-col, .term_sec [class*="col-"] {
        padding: 0 15px
    }

    .feature_demand_sec h3, .features_cont {
        max-width: 100%
    }

    .banner_sec.banner_inner.thank_you_banner .banner_sec_img {
        padding: 60px 0 40px
    }

    .fixed_buttons_scl {
        right: 0
    }

    .rate_list a, .rate_list span, .tecno-single-icon {
        flex: 0 0 calc(100% / 3)
    }

    .grocery_delivery_app_sec h3 {
        font-size: 18px;
        margin-top: 10px
    }

    .blockchain-cls, .salesforce_cont_cls li {
        flex: 0 0 100%
    }

    .blog-sec3 h3, .business-content h3, .development-item h3, .font-28, .heading_h3, .service-head h3 {
        font-size: 22px
    }

    .dimand_inner_cls .ewallet-hire-link ul.nav.nav-tabs {
        width: 440px
    }

    .android-industry .item:last-child, .blog-sec3 ul li:last-child, .common-cls, .cs-detail [class*="col-"]:last-child .team-cont, .grocery_cont p, .grocery_cont p:last-child, .technologies_inner h4, section.mobile_sec.process_sec .heading_type1 p {
        margin-bottom: 0
    }

    .features_inner_sec:first-child .row, .features_inner_sec:last-child .row, .features_inner_sec:nth-child(3) .row, .hire_inner_sec .row, .why_invent .row {
        flex-direction: column-reverse
    }

    .app-flow-sec .heading_type1 h3, .business_sec_itms .col-lg-3.col-md-6.col-sm-6, .crm-img, .design_img, .features_cont, .features_inner_sec:first-child .features_cont, .restaurant_service .space-cls .business-ing, .service-bg ul, .team-cont {
        margin-bottom: 20px
    }

    .features_img img {
        max-width: 350px;
        margin: 0 auto;
        display: table
    }

    .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);
        min-height: unset;
        width: auto !important;
        max-width: calc(50% - 30px)
    }

    .blgo-title .date_inner .date-icon img, .common-cls:after, .common-cls:before, .contact_ipad, .flower-sec .hire_web_itms .row .col_4:nth-child(5) .hire_web_step::after, .hire_web_con .hire_web_step::after, .hire_web_con .hire_web_step::before, .newslater_sec .newslater_icon, .port_folio .owl-dots .owl-dot span:after, .service-bg ul li:after, .test_quote_right, section.cover_slider, section.process_sec {
        display: none
    }

    .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
    }

    .cost_box_cls, .single_blog, .test_head, .typography-sec p.heading_para {
        margin-bottom: 15px
    }

    .grocery_cont, .hire_sec_con {
        margin-top: 20px;
        text-align: center
    }

    .add_banner, .admin_cont, .business-content, .inner_heading {
        margin-top: 30px
    }

    .admin_cont ul li {
        flex: 0 0 100%;
        padding-left: 0;
        padding-top: 10px;
        padding-right: 0
    }

    .admin_img img, .best_services_item, .img_sec img {
        margin: 0 auto;
        display: table
    }

    .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%;
        max-width: 33.33%
    }

    .c-features-con ul li h5, .c-features-list h5 {
        font-size: 15px !important;
        line-height: 1.2 !important
    }

    .blgo-title p, .blog-sec3 ul li, .feat-cont h4, .game_cont h5, .process_sec_itm p, .solution-inner h3, .term_sec_con h4, .test-cont p, .wht_bg_inner p {
        font-size: 14px
    }

    .business_sec_itms.career_item, .feature_demand_sec .tabv_content {
        padding-top: 0
    }

    .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 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .blog_inner_sec .owl-carousel .owl-nav button[class*="owl-"] {
        top: 0
    }

    .section_5 .port_slider .port_slide span.l1 {
        font-size: 30px
    }

    .section_5 .port_slider .port_slide p {
        font-size: unset
    }

    .section_5 .port_slider {
        flex-direction: column
    }

    section.section_5 {
        height: auto;
        padding: 40px 0
    }

    .section_5 .slider_content {
        padding: 0 0 20px
    }

    .desktop-view {
        width: 50%;
        transform: translateX(49.999999999%);
        border: 8px solid #d5d5d5;
        border-radius: 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
    }

    .cta_section, .fullpage-popup .modal_cls .modal-content .modal-header, .games_inner .game_sec, .solution-box {
        padding: 15px
    }

    .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
    }

    .blog_cta_cls .cta_head h4, .newslater_sec h4, .test-cont h3 {
        font-size: 20px
    }

    .cta_section.cloud-comp, .test-cont {
        padding: 20px
    }

    .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 {
        min-height: 400px;
        padding-top: 100px
    }

    .cs-banner-inner img {
        margin-top: -190px
    }

    .team-cont p {
        font-size: 14px;
        margin-bottom: 0
    }

    .cs-banner:after {
        background: 0;
        border: 0
    }

    .magento-dev img {
        padding: 0
    }

    .contact_desktop {
        display: block;
        margin: 0 auto
    }

    .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
    }

    .sales-icon_home {
        top: 25%;
        right: 20px
    }

    .android-industry-img {
        height: 50px
    }

    .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 {
        text-align: left !important;
        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
    }

    .blog_inner_sec .row, .challenge_inner_sec .row, .event_img_space .row {
        margin: 0 -10px
    }

    .blog_inner_sec [class*="col-"], .event_img_space [class*="col-"], .partner_sec_img, section.blog_sec.blog_detail_sec .blog_inner_sec [class*="col-"] {
        padding: 0 10px
    }

    .blgo-title .date_inner .date-icon p, .test_con .test_con_item .test_con_meta {
        padding-left: 0
    }

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

    .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
    }

    .single_blog.single-blog-view {
        margin-bottom: 30px
    }

    .newsletter-body input.form-control {
        border-radius: 0 !important;
        min-height: 40px !important
    }

    .newsletter-body .btn.btn-primary {
        min-width: 80px;
        padding: 5px 10px
    }

    .app-business-cls, .hire_inner_sec .tab-content, .single_blog.single-blog-view .single_blog_cont, .test_con .test_con_item .test_con_para, section.career_sec .heading_para, section.we_listin_sec:after {
        width: 100%
    }

    .single_blog.single-blog-view .single_blog_cont .blgo-title h3 {
        margin: 10px 0
    }

    .newslater_sec {
        flex-wrap: wrap;
        padding: 10px
    }

    .newslater_sec form {
        margin: 0
    }

    .blog_inner_banner_heads {
        font-size: 20px;
        margin: 6px 0 10px
    }

    .quate_main_cls {
        padding: 40px 15px 20px;
        margin-bottom: 10px
    }

    .test_head h4, p.sub_p_cls {
        font-size: 17px
    }

    .port_sec.port_inner_cls .hire_links ul.nav.nav-tabs, .privacy-inner ol li, .privacy-inner ul li {
        margin-bottom: 5px
    }

    .hire_link_img {
        height: auto
    }

    .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
    }

    .term_ic {
        background-size: 600px
    }

    .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
    }

    .hire1, .tabing_type1_img img {
        width: 40px
    }

    .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
    }

    .rate_list {
        margin-right: 0
    }

    .crm_ic, .green_bg.g_main_cls .row {
        justify-content: center
    }

    .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
    }

    .service_button {
        padding: 50px 0
    }

    .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
    }

    .crm_main_sec .about-content, section.main_contaact_sec .contact_sec_form {
        padding-bottom: 0
    }

    .app_business .tabing_type3 .nav {
        flex-wrap: initial
    }

    .img_sec img {
        max-width: 450px
    }

    .our-wrok-btn h4 {
        font-size: 22px;
        margin-bottom: 0;
        text-align: center
    }

    a.lets_btn {
        font-size: 18px;
        min-width: 180px
    }

    .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%;
        max-width: calc(50% - 30px);
        margin: 10px 15px 20px
    }

    .industries_space ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px
    }

    .hire_links .row [class*="col-"] span.hire_link_name, .office_sec address, .office_sec p.office_phone, .tabing_type1_img p, .technology_content_sec p, span.privacy_dtl {
        font-size: 12px
    }

    span.policyimg {
        max-width: 50px;
        flex: 0 0 50px;
        margin-right: 15px
    }

    .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
    }

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

    .date_comp .company_inner .date p, .date_comp .date_inner .date p, .technology_content_sec h4, .term_sec_con p {
        font-size: 11px
    }

    .dimand_inner_cls ul.nav.nav-tabs {
        width: 550px
    }

    .business-inner-sec [class*="col-"], .challenge_inner_sec [class*="col-"], .office_sec [class*="col-"], .port_sec.port_inner_cls .hire_links ul.nav.nav-tabs li.nav-item, .tabing_type2_con .row [class*="col-"], li.nav-item.col-3 {
        padding: 0 5px
    }

    .food_restorent_page .app_sec_itm {
        padding: 20px 20px 30px
    }

    .social_bg .business-content {
        margin-top: 0;
        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: 10px;
        margin-top: 0
    }

    .social_bg .business_tit {
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;
        justify-content: center;
        text-align: center
    }

    .restaurant_service h3, section.talk_expert.great_app_sec a.talk_expert_btn {
        font-size: 24px
    }

    .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
    }

    .consultant_sec, section.term_sec.term_bg {
        margin-bottom: 40px
    }

    .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
    }

    .tabing_type1_in {
        margin: 15px 0 30px
    }

    .team_bg {
        padding: 20px 30px !important;
        margin-bottom: 15px
    }

    .team_bg h3 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .team_bg .team_icon img {
        max-width: 100px;
        max-height: 100px
    }

    .b_category_sec {
        margin: 20px 0
    }

    .single_blog_cont {
        width: calc(100% - 20px);
        padding: 10px
    }

    .blgo-title h3 {
        font-size: 16px;
        margin: 10px 0 5px
    }

    .single_blog_cont a.read-btn img {
        max-width: 20px
    }

    .date_comp .date_inner .date-icon {
        flex: 0 0 24px
    }

    section.challenge_sec .heading_para {
        margin: 10px auto 20px
    }

    .buss-icon, section.service_providesec .list_sec_item_ic img {
        position: relative;
        top: 2px
    }

    .business-ing {
        margin-top: 35px
    }

    .social_bg .business-ing, section.contact_sec.porto-contact {
        margin-top: 0
    }

    .restaurant_service .business-ing {
        margin-top: 25px
    }

    .business-inner-sec .row, .tabing_type2_con .row {
        margin: 0 -5px
    }

    .business-bg {
        padding: 15px 10px
    }

    .b-overlay:after {
        width: 4px
    }

    .buss-title {
        height: 40px
    }

    .business_tit {
        align-items: flex-start;
        padding-bottom: 0
    }

    .chalange-bg, .g-bg {
        padding: 10px
    }

    .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 {
        margin-bottom: 20px;
        display: inline-block;
        text-align: center;
        width: calc(100% / 3 - 20px);
        max-width: 100%
    }

    .rating_thumb, .technologies_list ul li:last-child {
        margin-right: 15px
    }

    .design-portal .port_dtl p {
        margin-top: 5px
    }

    .heading_para, .main_title_b h3 {
        font-size: 15px
    }

    .about-content {
        text-align: center;
        padding-bottom: 20px
    }

    .heading_type2 h3, .mv-bg .heading_type3 h3, .wht_bg_inner h3.contact_title {
        font-size: 26px
    }

    .tabing_type1_in .nav-tabs .nav-item {
        margin: 10px 0 0
    }

    .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.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 {
        width: 20px;
        position: initial;
        display: block;
        margin: 0 auto
    }

    .test_head h3 {
        margin: 0 auto;
        display: table;
        padding: 0 !important
    }

    .heading_type_h2 {
        font-size: 26px !important;
        margin-bottom: 10px
    }

    .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 {
        padding: 10px 5px;
        margin-bottom: 15px
    }

    section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link img {
        max-width: 20px;
        height: 20px
    }

    section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link span {
        width: 100%;
        font-size: 12px
    }

    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
    }

    .feature_demand_sec .tabv_content p.para_meta {
        margin-top: 0;
        font-size: 24px
    }

    .office_phone span, section.mobile_sec.process_sec {
        display: block
    }

    .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
    }

    .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 {
        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
    }

    .owl-carousel .owl-nav button.owl-prev {
        margin-right: 10px
    }

    .contact_sec {
        padding: 0 0 40px;
        margin-top: 0
    }

    .contact_heading {
        background: #216fa7;
        color: #fff;
        padding: 40px 0 0;
        text-align: center;
        border-top: 1px solid #ddd
    }

    .contact_sec_form {
        margin-top: 30px;
        padding: 25px
    }

    .contact_heading .test_head h3 {
        position: relative;
        bottom: 0;
        font-size: 24px
    }

    .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;
        padding: 5px
    }

    .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
    }

    .hire_links, .hire_sec_in {
        margin-top: 10px
    }

    .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
    }

    .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 {
        width: 90px;
        height: 110px;
        text-align: center;
        line-height: 1.3
    }

    .banner_sec_con .get_started_btn {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
        min-width: unset
    }

    .popup-img {
        padding: 80px 0
    }

    .popup_content {
        padding: 60px 30px
    }

    .popup_content h2 {
        font-size: 20px !important;
        margin-bottom: 15px
    }

    .popup_content .form-group {
        margin-bottom: 15px !important
    }

    .popup-img img {
        max-width: 400px;
        margin: 0 auto;
        display: table
    }

    .popup_logo_img img {
        max-width: 250px
    }

    .popup_content .form-group button.btn.btn-danger {
        min-height: 50px;
        font-size: 20px
    }

    .terms-content p {
        font-size: 13px;
        margin-bottom: 0
    }

    .hire_web_step span.hire_web_cnt {
        margin-top: -10px
    }

    .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;
        max-width: 22% !important
    }

    .hire_links a.nav-link.hire_link_item {
        padding: 10px 5px;
        margin-bottom: 2px
    }

    .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
    }

    .port_con_sec a.btn.btn-default {
        margin: 0 auto
    }

    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-left: 5px;
        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
    }
}

@media (max-width:575.98px) {
    .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
    }

    .owl-dots {
        white-space: nowrap
    }

    .ask_sec .container {
        max-width: 420px
    }

    .admin_img img {
        max-width: 320px
    }

    .banner_sec.banner_inner.thank_you_banner .banner_sec_img .inner_banner_heads {
        font-size: 46px
    }

    .best_services_con h4, .business-inner-sec [class*="col-"]:last-child, .challenge_inner_sec [class*="col-"]:last-child .chalange-bg, .cs-port-sec [class*="col-"]:last-child .cs_port_img, .cta_section.salesforce-cta h3, .food_restorent_page [class*="col-"]:last-child .app_sec_itm, .senior_sec [class*="col-"]:last-child .team_box, .social_bg [class*="col-"], section.talk_sec.mission_vision [class*="col-"]:last-child {
        margin-bottom: 0
    }

    .career_buss_sec .heading_type1, .career_buss_sec p, .cta_section, .feature_demand_sec .tabing_type3_info p, .feature_demand_sec .tabv_content p.para_meta, .feature_demand_sec .tabv_content p.para_sec, .fullpage-popup section.port_overview p, .industry-content h3, section.talk_sec.demand_fetures_sec .heading_type1 h3, section.talk_sec.demand_fetures_sec .heading_type1 p {
        text-align: center
    }

    .cta_section p, .industry-icon-parent ul li .industry-content p {
        text-align: center !important
    }

    .consultant_in input.btn {
        margin-top: 15px;
        margin-left: 0
    }

    .great_app_inner, .industry-icon-box, .solution-row-cls {
        flex-direction: column
    }

    .industry-content {
        order: 2
    }

    .industry-icon {
        order: 1;
        margin: 0 auto 10px
    }

    .admin_cont ul li, .features_img img, .heading_type1.heading_type, .img_sec img, .member_img img {
        max-width: 100%
    }

    .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
    }

    .feat-cont h4, .inner_cont_sec p, .resume_sec_form p, section.blog_sec.blog_detail_sec .single_blog_cont .blgo-title p {
        font-size: 12px
    }

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

    .features-offer, .hire_web_itms .row, .partner_sec_in, .tabing_type1_in .nav-tabs {
        justify-content: center
    }

    .c-features-con ul li {
        width: 100%;
        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
    }

    .career_buss_sec, .port_sec .owl-carousel.owl-theme.owl-loaded .owl-nav {
        margin-top: 20px
    }

    .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%
    }

    .cta_section h3, .cta_section h5, .feature_demand_sec .tabv_content p.para_meta, .industries_sec_con h4, .main_title_b h3 {
        font-size: 18px
    }

    .demand_fetures_sec .tabing_type3_info, .resume_sec_form {
        padding: 0
    }

    .chalange-bg, section.talk_sec.demand_fetures_sec.tabing_type3ulli:last-childa.nav-link {
        margin-bottom: 20px
    }

    .cta_cont h2.heading_type_h2 {
        font-size: 14px !important
    }

    .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
    }

    .client-img, .hire_web_ic img, .sl-ar img {
        max-width: 100px
    }

    .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, .header_sec .submenu-title .dropdown-item, .heading_type4, .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
    }

    .cs_banner_img {
        min-height: 300px
    }

    .cs-banner-inner img {
        margin-top: -110px
    }

    .case_std_box img, .com_bg img, .cs_port_img img, .hire_web_con:before, .inner_cont_sec {
        width: 100%
    }

    .client-img {
        flex: 0 0 100px
    }

    .testimonial-inner {
        flex-direction: column;
        padding: 20px
    }

    .hire_web_itms .row .col_4:nth-child(odd) .hire_web_con:before, .position-cls {
        left: 0
    }

    .test-cont {
        padding: 0 0 15px
    }

    .client-detail, .hire_link_name, .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
    }

    .cs-title, .listing_sec ul li, .test-cont h3 {
        margin-bottom: 10px
    }

    .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
    }

    .app_service_con p, .case_std_box, .cs_port_img, section.talk_sec.mission_vision [class*="col-"] {
        margin-bottom: 15px
    }

    .best_services_item::before, .contact_desktop, .contact_sec_con, .hire_web_step .arrow, .partner_sec, .test_con_meta_img, section#panels .anchor-nav a.anchor span {
        display: none
    }

    .blog_row, .contact_mobile {
        display: block
    }

    .mean_stack_hire .mean_stack_row .col-5 {
        flex: 0 0 37%
    }

    section.best_services [class*="col-"]:last-child .best_services_item {
        padding-bottom: 0
    }

    ul.copyright li:first-child {
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .consultant_in .d-flex, ul.copyright {
        flex-wrap: wrap
    }

    .form-steps__item-icon, .hire_mean .hire_links .row [class*="col-"] span.hire_link_name, .mv-bg p, .tabing_type2_con h5, .web-date h5 {
        font-size: 11px
    }

    .tick {
        left: 20px
    }

    .quate_cls, .test_quote_left {
        left: -10px
    }

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

    .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 .close-ic {
        filter: brightness(0) invert(1)
    }

    .header-popup-cls button.close {
        padding: 25px
    }

    .blog_inner_banner_heads {
        font-size: 16px;
        margin: 5px 0 10px
    }

    .blog_row {
        column-count: 1;
        margin-top: 60px
    }

    .blog_img img {
        max-width: 260px
    }

    .blog_row .blog_content {
        flex: 0 0 100%
    }

    .blog_img {
        flex: 0 0 100% !important
    }

    .quate_cls {
        height: 50px;
        width: 50px;
        top: -20px
    }

    .quate_cls img {
        max-width: 20px
    }

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

    .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
    }

    .test_con, a.lets_btn {
        padding: 10px
    }

    .download_content .subspan {
        font-size: 10px
    }

    .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
    }

    .test_con_user_img {
        background-size: 600px
    }

    .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
    }

    .submenu-inner {
        padding: 20px 15px
    }

    .submenu-row .inner-menu .submenu {
        margin-top: 30px
    }

    .border-cls {
        margin-bottom: 25px
    }

    .app_service_con, .submenu-row .inner-menu .submenu:first-child {
        margin-top: 0
    }

    .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)
    }

    .industries_space ul {
        margin: 0 -5px
    }

    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_heading .test_head h3, .inner_cont_sec h3 {
        font-size: 20px
    }

    .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 {
        padding: 0 10px
    }

    .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;
        padding: 0 0 15px
    }

    section.blog_sec.blog_detail_sec .single_blog_cont .blgo-title h3 {
        font-size: 28px
    }

    .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
    }

    .b_category_sec {
        margin: 15px 0
    }

    .top_post_single .post_name p, .why_cont_sec p {
        font-size: 13px
    }

    .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 h3 {
        font-size: 14px;
        margin-bottom: 0
    }

    .listing_sec ul {
        margin-top: 10px;
        margin-bottom: 15px
    }

    section.sitemap .row {
        margin: 0 -10px
    }

    section.port_sec.dimand_inner_cls.hire_linksli.nav-item.col-md-2.col-sm-3.col-3, section.sitemap .row [class*="col-"] {
        padding: 0 5px
    }

    .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:last-child {
        margin-right: 10px
    }

    .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
    }

    .app_business.technologies_sec .tabing_type3 .heading_type1 h3, .heading_type_h2 {
        font-size: 22px !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
    }

    .email_control, .message_control, .name_control, .telephone_control {
        padding-left: 45px;
        padding-right: 10px;
        font-size: 15px
    }

    .resume_sec_form h4 {
        font-size: 26px
    }

    .term_sec_ic {
        padding-right: 0 !important;
        flex: 0 0 25px
    }

    .term_sec_con p {
        font-size: 11px !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_ic {
        margin: 0 auto 15px
    }

    .best_services_item p {
        text-align: center;
        display: none
    }

    .footer-middle, .popup-img, .popup_content {
        padding: 20px 0
    }

    contact_sec_form {
        padding: 20px
    }

    .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.port_overview {
        padding-top: 40px
    }

    .career_buss_sec p {
        margin-bottom: 0 !important
    }

    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 {
        height: 100px
    }

    .mv-bg .heading_type3 h3 {
        margin: 10px 0 5px;
        font-size: 20px
    }

    .hire_web_step span.hire_web_cnt {
        margin-top: -10px
    }

    .demand_title h4, .hire_name, .hire_sec_con h3, .hire_web .heading_type4 h3, .service_button .btn {
        font-size: 22px
    }

    .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_con {
        margin-bottom: 30px
    }

    .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%
    }

    section.talk_sec.demand_fetures_sec .app_business {
        padding: 20px 0 0
    }

    .hire_web_itms {
        width: 100%;
        padding: 0 10px
    }

    .demand_title p {
        font-size: 14px;
        padding: 0 10px
    }

    .header_sec nav.navbar, section.port_sec.dimand_inner_cls.hire_linksli.nav-itema.nav-link.hire_link_item {
        padding: 10px 15px
    }

    .popup_content h2 {
        font-size: 16px !important;
        margin-bottom: 10px
    }

    .popup_content .form-group {
        margin-bottom: 10px !important
    }

    .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 .hire_link_name {
        margin-top: 5px
    }

    .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;
        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 {
        height: auto;
        padding: 150px 0 40px
    }

    .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 .inner_banner_heads {
        font-size: 34px
    }

    .banner_sec_con_in h4 {
        margin: 20px auto 25px
    }

    .tabing_type3 .nav-link {
        padding: 5px;
        text-align: center;
        line-height: 1.5
    }

    .tabing_type3_info .heading_type1 h3 {
        font-size: 30px
    }

    .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
    }

    section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link {
        padding: 6px 2px;
        margin-bottom: 10px;
        text-align: center
    }

    section.talk_sec.demand_fetures_sec .tabing_type3 a.nav-link span {
        width: 100%;
        text-align: center
    }

    .contact_sec_form {
        padding: 15px
    }

    .feature_demand_sec .tabing_type3_info {
        padding: 10px !important;
        margin-top: 0 !important
    }

    .great_app_inner h4 {
        margin-right: 0
    }

    .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
    }
}

@media (max-width:476px) {
    section.grocery_delivery_app_sec.bg_gray .c-features-con ul li {
        flex: 0 0 calc(100% - 20px) !important;
        max-width: calc(100% - 20px)
    }

    .demand_fetures_sec .tabing_type3 li {
        flex: 0 0 50%
    }

    .cs-slider .swiper-container {
        padding: 0 10%
    }

    .desktop-view {
        width: 82.1%;
        transform: translateX(-.9%);
        border-radius: 15px;
        border: 5px solid #d5d5d5
    }

    .salesforce_ipad {
        display: none
    }

    .salesforce_mobile {
        display: block
    }

    .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
    }

    .privacy_cls h6 {
        font-size: 15px
    }

    span.policyimg {
        max-width: 40px;
        flex: 0 0 40px;
        margin-right: 10px
    }

    .test_quote_left {
        left: -5px
    }

    .business_sec_itms.career_item .row {
        margin: 0 -5px
    }

    .business_sec_itms.career_item [class*="col-"] {
        padding: 0 5px
    }

    .rating_left_sec {
        padding-left: 0
    }
}

@media (max-width:400px) {
    .col-cust, .crm_bg_inner .col-class, .crm_bg_inner [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .mean_stack_hire .mean_stack_row .col-5 {
        flex: 0 0 47%;
        max-width: 47%
    }

    .games_inner .game_sec {
        padding: 10px
    }

    .game_cont h5 {
        font-size: 11px
    }

    .banner_sec_con_in .inner_banner_heads {
        font-size: 24px
    }

    .mail_address_cls a {
        padding-left: 40px !important;
        padding-right: 10px
    }

    .mail_address_cls a .envelope-icon, .skype-icon {
        left: 10px
    }
}