:root,
[data-scheme="dark"],
[data-scheme="default"] {
    --cs-color-accent-contrast: #ffffff;
    --cs-color-overlay-background: rgba(0, 0, 0, 0.25)
}

.header-new {
    width: 100%;
    margin: auto;
    z-index: 11111;
    background: #fff;
    border-bottom: 1px solid #ddd;
    left: 0
}

.ai_light_section .tab_cn_pn.gre-bg-lit .row .row [class*="col-"]:first-child .admin-type,
.ai_light_section .tab_cn_pn.gre-bg-lit .row .row [class*="col-"]:nth-child(2) .admin-type,
.input-group-text input[type="checkbox"],
.input-group-text input[type="radio"],
.modal_static_con .contact_top_bn,
.modal_static_form form#form1,
.popup_para,
dl,
footer .ftr-section,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin-top: 0
}

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

#grocery-banner h1,
.navbar .dropdown-menu .header_menu_tabs li.nav-item {
    margin-bottom: 20px
}

.animt_srvc,
.app-solution .app-screen img,
.img-fluid,
.img-thumbnail,
.mobil-img img,
.slick-slide img,
.why-jpl img,
img,
legend {
    max-width: 100%
}

.btn_full,
.buss-dtl-sct {
    animation: 15s infinite gradient1
}

button,
label,
select {
    text-transform: none
}

.about-eocmers .btn-sec,
.blockchain_plateform.about_blockchain .btn-sec,
.contact_hr_itm_con,
.flip-card-back,
.flip-card-back .btn-sec,
.hire-dedicated-developers-s .btn-sec,
.map_footer_con .btn-sec,
.new_button_con,
.new_button_con .btn-sec,
.serviceNew_s_itm_con .btn-sec,
.site-content ul#examples,
.tsibog-bnr-content,
body,
caption,
footer .ftr-section .ftr-adrs h2 {
    text-align: left
}

pre,
textarea {
    overflow: auto
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
legend,
main,
nav,
pre,
section {
    display: block
}

address,
legend {
    line-height: inherit
}

progress,
sub,
sup {
    vertical-align: baseline
}

button,
hr,
input {
    overflow: visible
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    text-decoration: none
}

.btn,
.dropdown-menu .nav-item .nav-link img,
.hvr-grow,
.iti__country-name,
.iti__dial-code,
.iti__flag-box,
.solution-main .btn img,
a.btn img,
img,
svg {
    vertical-align: middle
}

.cta_S,
.form-check,
.form-group,
.navbar .dropdown.resources_menu,
.navbar-nav li,
.needs_sec_ic,
.needs_sec_itm,
sub,
sup {
    position: relative
}

.header-new,
.sticky {
    position: fixed;
    top: 0
}

.btn.focus,
.btn:focus,
.form-control:focus {
    box-shadow: 0 0 0 .2rem rgb(0 123 255 / .25)
}

.dropdown-menu,
.nav,
.navbar-nav {
    list-style: none
}

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

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #fff0
}

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    overflow-x: hidden
}

.alert-link,
dt,
kbd kbd {
    font-weight: 700
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal
}

#grocery-banner .gro-form .bodysec input,
#grocery-banner .gro-form .bodysec label,
#grocery-banner .gro-form .bodysec textarea,
.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn,
.card-text:last-child,
.colne-title h3,
.form-check-label,
.graphics-features .graphic-anim-section:last-child,
.howitwork-section .row:last-child,
.html-five-game-panel-one:last-child,
.my-clon p,
.php-web-development .row:last-child,
.portfolio-block-category .box .title,
.realstate-caption-bg h1,
.salesforce-development .salesfore-service:last-child,
.shopify-services .row:last-child,
.ups-section .ups-expertise:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dd {
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

.btn-link:hover,
a:hover {
    color: #0056b3;
    text-decoration: underline
}

.btn-link,
.btn:hover,
.navbar .dropdown-menu li a,
.nw-ftr-links-menu li a,
a,
footer .ftr-nav ul li a {
    text-decoration: none
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

.custom-range:focus,
a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

img {
    border-style: none
}

.ag-section,
svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    caption-side: bottom
}

th {
    text-align: inherit
}

.ag-timeline-card_meta-box,
.figure,
.list-inline-item,
.tab_menu_con_body_itm a,
label,
output {
    display: inline-block
}

.accordion>.card:not(:first-of-type) .card-header:first-child,
.collapse.show,
button {
    border-radius: 0
}

select {
    word-wrap: normal
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

.display-1,
.display-2,
.display-3,
.display-4 {
    line-height: 1.2
}

summary {
    display: list-item
}

a {
    color: #007bff;
    background-color: #fff0
}

a:hover {
    text-decoration: none !important
}

.about-txt,
.blog-sec .busn-txt span,
.cnt-adrs-flx .cnt-phn:last-child::after,
.collapse:not(.show),
.contact_out_india .contact_out_hide,
.contact_out_india .contact_out_show,
.contact_out_show,
.dropdown-content .row+.contact_us_li a .icon,
.dropdown-menu.dropdown_contact .contact_us_li .btn-primary-icon .icon,
.free_qty_btn,
.header_contact_itm:last-child::after,
.header_contact_itm:nth-last-child(2)::after,
.iti__hide,
.mobile_heading_block,
.mobl-bn-hro,
.modal_static_con .contact_top_bn h4:after,
.new-slider .swipe_slider,
.only-mblc,
.send_resume_btn .icon,
.service_hd_menu_con .services_menu .accordion,
.service_menu_heading,
.service_ssss_mobile,
.tecno-fr-mbl,
.text-btn,
template {
    display: none
}

.d-none,
.header-new .mobile_show,
[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 600
}

.blockquote,
.form-group,
hr {
    margin-bottom: 1rem
}

.display-1,
.display-2,
.display-3,
.display-4,
.lead {
    font-weight: 300
}

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

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

.h3,
h3 {
    font-size: 1.75rem
}

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

.h6,
h6 {
    font-size: 1rem
}

.display-1 {
    font-size: 6rem
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-4 {
    font-size: 3.5rem
}

.btn,
.btn-link,
.dropdown-item,
.form-control,
.small,
small {
    font-weight: 400
}

hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid
}

.small,
small {
    font-size: 80%
}

code,
kbd,
pre {
    font-size: 87.5%
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.bs-popover-auto[x-placement^="left"],
.bs-popover-left,
.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    height: auto
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

.alert-heading,
a>code,
pre code {
    color: inherit
}

code {
    color: #e83e8c;
    word-break: break-word
}

kbd {
    padding: .2rem .4rem;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

.banner_btns .btn+.btn:active,
.home_banner_clients-white h4,
.service_hd_menu_con .services_menu .accordions-items .accordions-header .accordions-btn.collapsed,
.slider_s#grocery-banner h1,
.slider_s#grocery-banner p,
.table,
pre {
    color: #212529
}

kbd kbd {
    padding: 0;
    font-size: 100%
}

pre code {
    font-size: inherit;
    word-break: normal
}

.container {
    max-width: 1450px
}

.heading_h3 {
    font-size: 24px !important
}

.myButt_round {
    border-radius: 30px
}

.btn-primary {
    background-color: #ed1f24 !important;
    border-color: #ed1f24 !important;
    padding: 11.5px 20px !important;
    line-height: normal;
    color: #fff
}

.btn-primary.btn-primary-icon.inquire_btn img {
    filter: brightness(100);
    width: 16px
}

.header-new {
    width: 100%;
    margin: auto;
    z-index: 11111;
    background: #fff;
    border-bottom: 1px solid #ddd;
    left: 0
}

.navbar-dark .navbar-toggler:focus,
.navbar-dark .navbar-toggler:hover,
.sticky {
    box-shadow: none
}

.navbar {
    padding-top: 0;
    padding-bottom: 0;
    justify-content: space-between
}

.aps-scrn-links,
.casestudy_bnr,
.clutch_sec_sld_itm_rt-ppupp,
.contact_top_bn_itm,
.navbar .dropdown-menu .sb-menu ul li:first-child,
.navbar .dropdown-menu .sb-menu ul li:first-child a.hvr-forward,
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover,
.tap_tradie_links_itm_in {
    display: flex;
    align-items: center
}

.navbar-brand img {
    display: block;
    height: auto;
    max-width: 146px
}

.navbar-collapse {
    flex-grow: inherit
}

.about-eocmers .row,
.abt-jplft .row,
.app_works_con .row,
.blockchain_plateform_bt .row,
.btn_full_in .row,
.buss-dtl-sct .row,
.clnt,
.effort_sec_blk .effort_sec_row,
.footer_lgs .row,
.ftr_sec_tab_itm .tab_cn_pn .ftr_sec_tab_itm_row,
.header_new_contact .row,
.home_blockchain_itms .row,
.home_page_jploft .row,
.mobile_btns,
.mobile_sec_heder,
.mobl-app-groc .row,
.modal_static_s .row,
.navbar .nav-item,
.navbar-nav,
.page_portfolio_itm .row,
.page_portfolio_itm_in .row,
.pdng-cntnr .row,
.prt-lk,
.review_banner_s .row,
.serviceNew_s_itm .row,
.tab_cn_pn .row,
.vdo-modl {
    align-items: center
}

.navbar .nav-item {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0
}

.navbar .nav-item:last-child {
    margin-right: 0;
    padding-right: 0;
    margin-left: 10px
}

.navbar-dark .navbar-nav .nav-link {
    color: #000 !important;
    font-size: 17px;
    padding: 23.8px 15px;
    outline: 0 !important;
    box-shadow: unset !important
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #ed1f24 !important
}

.navbar-dark .navbar-nav .nav-link img {
    vertical-align: middle;
    display: inline-block
}

.navbar-dark .navbar-toggler {
    position: absolute;
    right: 0;
    top: 21px;
    border-color: #fff0;
    padding: 0
}

.navbar .dropdown {
    position: static
}

.ai-journey-btn .nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px !important;
    font-size: 15px !important;
    background: 0 0;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
    font-weight: 500;
    margin-right: 5px
}

.navbar .dropdown-menu {
    border: 0;
    background-color: #fff;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 20px 20px rgb(0 0 0 / .16);
    padding: 10px 20px;
    width: 100%;
    right: 0;
    left: 0;
    top: 99%;
    z-index: 999999
}

.header_contact_itm a span::after,
.sb-menu-f::after {
    content: "";
    background: #ed1f24;
    height: 1px;
    position: absolute
}

.navbar .dropdown-menu .nav-item {
    display: block;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 20px
}

.navbar .dropdown-menu li a {
    padding: 8px 0 !important;
    border-radius: 4px 0 0 4px;
    color: #000
}

.navbar .dropdown-menu li a.active {
    background: #f9f9f9;
    color: #ed1f24 !important
}

.dropdown-menu .nav-item .nav-link {
    padding: 0;
    font-size: 15px;
    color: #000
}

.dropdown-menu .nav-item .nav-link i,
.sb-menu li i {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    border-radius: 50%;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box
}

.dropdown-menu .nav-item .nav-link img {
    width: 60%;
    height: auto;
    margin: 0 auto
}

.navbar .dropdown-menu .sb-menu {
    display: block;
    margin-bottom: 6px
}

.navbar .dropdown-menu .sb-menu ul li {
    color: #000;
    font-weight: 500;
    position: relative;
    font-size: 14px;
    display: inline-block
}

.navbar .dropdown-menu .sb-menu ul li img {
    display: inline-block;
    height: 22px
}

.navbar .dropdown-menu .sb-menu ul li span {
    margin: 0 8px
}

.navbar .dropdown-menu .sb-menu ul li ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.navbar .dropdown-menu .sb-menu ul li li {
    display: inline-flex;
    flex: 0 0 50%;
    padding: 0 10px;
    margin-bottom: 9px
}

.navbar .dropdown-menu .sb-menu ul li.sb-menu-li ul li a {
    padding: 0 0 0 20px !important
}

.navbar .dropdown-menu .sb-menu ul li.sb-menu-li ul li a::before {
    content: "";
    background-image: url(https://demo.jploft.com/munu_icons/menu_icon_r.svg);
    width: 12px;
    height: 9.3px;
    position: absolute;
    left: 0;
    top: 4px;
    background-repeat: no-repeat
}

.navbar .dropdown-menu .sb-menu ul li.sb-menu-li-big li {
    flex: 0 0 100%
}

.navbar .dropdown-menu .sb-menu ul li.sb-menu-f,
.navbar .dropdown-menu .sb-menu ul li.sb-menu-f a {
    color: #000 !important;
    line-height: 1.6
}

.sb-menu-f::after {
    width: 50px;
    display: flex;
    bottom: -2px
}

.dropdown_contact li a {
    display: flex !important;
    align-items: center;
    color: #000 !important
}

.automotive-s ul li span.icons2,
.clutch_para_verify img,
.clutch_stars,
.dropdown_contact li a img,
.proc-step ul li img,
.prt-lk a,
.role-add ul li i img,
.trm-check input {
    margin-right: 10px
}

.dropdown-menu.dropdown_contact {
    padding: 15px
}

.about_mn_itm a,
.agriculture_app_portfolio1,
.astrology_app_portfolio1,
.astrology_app_portfolio2,
.beauty_app_portfolio1,
.buzz_app_portfolio,
.cabstop_app_portfolio,
.classfied_app_portfolio2,
.courierdelivery_app_portfolio1,
.defi_app_portfolio2,
.dropdown-menu.dropdown_contact .hovr-pop-hdng,
.fantasyfootball_app_portfolio1,
.ftr_sec_tab_itms .type-dtl h4,
.fuel_app_portfolio,
.glassesfly_app_portfolio,
.handy_app_portfolio,
.healthcare_app_portfolio1,
.hehspace_app_portfolio,
.indulge_app_portfolio,
.jobportal_app_portfolio1,
.js-timeline_item.ag-timeline_item.js-ag-active .ag-timeline-card_meta,
.laundary_app_portfolio1,
.lowyer_app_portfolio2,
.massage_app_portfolio,
.matrimony_app_portfolio1,
.news_app_portfolio1,
.news_app_portfolio2,
.page_portfolio_itm_con .page_portfolio_itm_logo,
.parking_app_portfolio2,
.ridefast_app_portfolio,
.shopify_app_portfolio1,
.socialwhirl_app_portfolio,
.travelty_app_portfolio,
.truublue_app_portfolio,
footer .ftr-section .ftr-adrs .cnt-adrs .cnt-phn a {
    color: #000
}

.agriculture_app_portfolio1,
.astrology_app_portfolio1,
.astrology_app_portfolio2,
.beauty_app_portfolio1,
.brainwd h4 span,
.buzz_app_portfolio,
.cabstop_app_portfolio,
.classfied_app_portfolio2,
.courierdelivery_app_portfolio1,
.defi_app_portfolio2,
.dropdown-menu.dropdown_contact li a,
.fantasyfootball_app_portfolio1,
.fuel_app_portfolio,
.glassesfly_app_portfolio,
.handy_app_portfolio,
.healthcare_app_portfolio1,
.hehspace_app_portfolio,
.indulge_app_portfolio,
.indulge_app_portfolio h3,
.indulge_app_portfolio p,
.jobportal_app_portfolio1,
.laundary_app_portfolio1,
.lowyer_app_portfolio2,
.massage_app_portfolio,
.matrimony_app_portfolio1,
.news_app_portfolio1,
.news_app_portfolio2,
.parking_app_portfolio2,
.ratinf-sde p span,
.ridefast_app_portfolio,
.shopify_app_portfolio1,
.slick-next:before,
.slick-prev:before,
.socialwhirl_app_portfolio,
.travelty_app_portfolio,
.truublue_app_portfolio {
    color: #000 !important
}

.blockchain_plateform_bt_con .abt-dtl,
.blog-sec .busn-txt a h5,
.blog-sec .busn-txt p,
.buss-dtl-sct .btn-sec .btn-primary,
.dropdown-menu.dropdown_contact .contact_us_li .btn-primary-icon,
.emailcontainer .dropdown-content .send_resume_btn,
.hiring_modal h2,
.home_banner_clients,
.home_rank_btns .rnk-bsns-header-left h2,
.home_rank_btns .rnk-bsns-header-left p,
.home_rank_btns .rnk-cover .rnk-bsns-bg h5 a,
.home_rank_btns .rnk-cover .rnk-bsns-bg p,
.industries-section .heading-section h2,
.industries-section .heading-section p,
.page_portfolio_itm,
.page_portfolio_itm h3,
.service_ssss_itm_con,
.servicess_itm_head_nm a,
.slider_s#grocery-banner.hire_page_banner .hire_counters,
.slider_s#grocery-banner.hire_page_banner h1,
.slider_s#grocery-banner.hire_page_banner p,
.testimlm .heading-section p {
    color: #fff !important
}

.drp_img {
    flex: 0 0 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.verticalbaseLine {
    margin-left: 5px
}

#examples .example .hover {
    transition: 0.1s ease-in-out;
    position: relative
}

#examples .example .hover:after,
#examples .example .hover:before {
    content: "";
    position: absolute;
    bottom: 8px;
    width: 0;
    height: 2px;
    margin: 5px 0 0;
    transition: 0.75s ease-in-out;
    opacity: 0;
    background-color: #ed1f24;
    border-top: 0;
    display: none
}

#examples .example:hover .hover:after,
#examples .example:hover .hover:before {
    width: 100%;
    opacity: 1
}

#examples .example .hover.hover-1:after,
#examples .example .hover.hover-1:before {
    left: 0
}

#examples .example .nav-link:hover,
.about_mn_itm a:hover .about_mn_title,
.accrodn-section-faq .btn-header-link:hover,
.header_contact_itm a:hover,
.industry_mn_itm a:hover,
.modal_clor,
.red_text,
footer .ftr-nav .copyrgt a {
    color: #ed1f24
}

.header_menu_tab_ic,
.industry_mn_itm_ic {
    background: linear-gradient(180deg, #cedfde 0, #f0f4f3 100%), #d9d9d9
}

.header_contact_itms {
    display: flex;
    align-items: center;
    padding: 6px 0;
    justify-content: flex-start
}

.header_new_contact [class*="col-"]:first-child .header_contact_itms .header_contact_itm a img {
    filter: brightness(0) invert(1)
}

.header_contact_itm {
    position: relative;
    display: flex;
    align-items: center
}

.header_contact_itm::after {
    content: "|";
    color: #636060;
    width: .5px;
    margin: 0 20px 0 15px
}

.header_contact_itm a {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #fff
}

.header_contact_itm a .drp_img {
    flex: 0 0 auto;
    margin-right: 8px
}

.header_contact_itm a span {
    display: inline-flex;
    white-space: nowrap;
    position: relative
}

.header_contact_itm a span::after {
    bottom: -3px;
    width: 0;
    transition: 0.5s;
    left: 0
}

#feedback button,
.abt-jplft .bg-trpt .slick-slide img,
.ag-timeline-card_img,
.apps-carft-screen-short-ssection .ourappslider.slick-slider,
.bisiness_sec_con .btn,
.bsns-solutn .slick-slide .hvr-grow,
.bsns-solutn .slick-slide a,
.bsns-solutn .slick-slide a img,
.buss-dtl-sct h2,
.center-items-play,
.dev-process-bx,
.dmand-modl img,
.faq-sec .card-header a,
.header_contact_itm a:hover span::after,
.hiring_modal .btn-sec .btn,
.hiring_modal_itm:hover::after,
.hiring_modal_itm:hover::before,
.home_rank_btns .rnk-cover:hover .rnk-bsns_img::after,
.home_rank_btns .rnk-cover:hover .rnk-bsns_img::before,
.industries-dtl,
.industries-dtl img,
.iti.iti--allow-dropdown.iti--separate-dial-code,
.lve-jploft img,
.newv-career-cover .hiring-img,
.pprtt-sldr img,
.rnk-cover a,
.section-img img,
.servicess_itm ul li,
.sldr-clt-logo img,
.slick-slider {
    width: 100%
}

.header_contact_itm p {
    margin-left: 10px
}

.header_contact_itm .drp_img img,
.img-fluid,
select.form-control[multiple],
select.form-control[size],
textarea.form-control {
    height: auto
}

.contact_us_li {
    margin-top: 11px;
    display: flex;
    justify-content: center
}

.ag-timeline_item:last-child,
.contact_us_li a,
.navbar .dropdown-menu .header_menu_tabs .nav-item,
.navbar .dropdown-menu .header_menu_tabs li.nav-item:last-child {
    margin: 0
}

.header_ai_itms_cls .itms_cls_ai_btn {
    display: flex;
    background-color: #fff0;
    border: 0;
    color: #fff;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    margin-right: 20px
}

.header_ai_itms_cls .itms_cls_ai_btn span {
    background: linear-gradient(135deg, #8cffe2 0, #1b95db 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: #fff0;
    color: #fff0;
    font-weight: 700;
    font-size: 16px
}

.about_mn_itm a .about_mn_title::before,
.tab_menu_con_body_itm a:before {
    background: #ed1f24;
    border-bottom: 2px solid #ed1f24;
    left: 0;
    width: 0;
    content: "";
    transition: 0.5s;
    bottom: 0
}

.about_mn [class*="col-"]:nth-child(3) .about_mn_itm,
.about_mn [class*="col-"]:nth-child(4) .about_mn_itm,
.about_mn [class*="col-"]:nth-child(5) .about_mn_itm,
.custom_sec_itm:last-child,
.header_menu_cn {
    border-bottom: 0
}

.header_menu_cn .row {
    margin: 0 -10px
}

.header_menu_cn .row [class*="col-"] {
    padding: 0 10px
}

.header_menu_cn .about_mn .row [class*="col-"] {
    padding: 0 20px
}

.header_menu_cn .services_menu .row [class*="col-"] {
    padding: 0 5px
}

.header_menu_itms,
.headermnu_fll {
    padding: 30px
}

.header_menu_tabs {
    padding: 30px 0 30px 30px
}

.header_menu_tabs .nav-tabs {
    border: 0;
    border-right: 1px solid #ddd
}

.header_menu_tabs .nav-item .nav-link {
    display: flex;
    gap: 12px
}

.header_menu_tab_ic {
    border-radius: 8px;
    flex: 0 0 45px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.header_menu_tab_ic img,
.industry_mn_itm_ic img {
    filter: grayscale(1)
}

.header_menu_tab_con,
.section-heading p {
    font-size: 18px
}

.about_mn_itm {
    margin-bottom: 30px;
    border-bottom: 1px solid #b9b9b9;
    padding-bottom: 30px
}

.about_mn [class*="col-"]:nth-child(4) .about_mn_itm,
.about_mn [class*="col-"]:nth-child(5) .about_mn_itm {
    margin-bottom: 0;
    padding-bottom: 0
}

.about_mn_itm .about_mn_title {
    font-size: 20px;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    font-weight: 600
}

.about_mn_itm p {
    font-size: 15px
}

.industry_mn_itm a,
.tab_menu_con_body_itm a {
    font-size: 17px;
    color: #000;
    position: relative
}

.about_mn_itm a .about_mn_title::before {
    position: absolute;
    display: inline-flex
}

.about_mn_itm a:hover .about_mn_title::before,
.industry_mn_itm a:hover:after {
    width: 100%;
    transition: 0.5s
}

.tab_menu_con_body_itm a:before {
    position: absolute
}

.tab_menu_con_body_itm a:hover {
    background: #feeded
}

.tab_menu_con_body_itm a:hover:before {
    transition: 0.5s;
    width: 100%
}

.service_hd_menu_left {
    flex: 0 0 350px
}

.service_hd_menu_con {
    flex: 0 0 calc(100% - 350px)
}

.header_menu_itms.services_menu {
    padding: 25px;
    max-height: 525px;
    overflow: auto
}

.service_hd_menu_con .services_menu .accordions-items .accordions-header .accordions-btn {
    background-color: #fff0;
    text-transform: uppercase
}

.industry_mn_itm_ic {
    border-radius: 8px;
    flex: 0 0 45px;
    height: 45px;
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.industry_mn_itm a {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    align-items: center;
    border-radius: 8px;
    overflow: hidden
}

.industry_mn_itm a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 100%;
    top: 0;
    background: #feeded;
    transition: 0.5s;
    z-index: -1
}

.industry_mn_itm a:hover .industry_mn_itm_ic img,
.navbar .dropdown-menu .header_menu_tabs li a.active img,
.navbar .dropdown-menu .header_menu_tabs li a:hover img {
    filter: unset
}

.blogapp-left-shape img,
.busn-txt,
.clutch_sec_sld_itm,
.headermnu_fll .row,
.hiring_modal_itm:hover .hiring_modal_itm_in::after,
.hiring_modal_itm:hover .hiring_modal_itm_in::before,
.home_rank_btns .rnk-cover:hover .rnk-bsns_img_in::after,
.home_rank_btns .rnk-cover:hover .rnk-bsns_img_in::before,
.rnk-bsns-bg {
    height: 100%
}

.headermnu_fll_6 .headermnu_fll_itm {
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%
}

.headermnu_fll_6:first-child .headermnu_fll_itm {
    background-image: url(https://demo.jploft.com/img/porfolios/fortfolio_bg_1.webp)
}

.headermnu_fll_6:nth-child(2) .headermnu_fll_itm {
    background-image: url(https://demo.jploft.com/img/porfolios/fortfolio_bg_2.webp)
}

.headermnu_fll_6:nth-child(3) .headermnu_fll_itm {
    background-image: url(https://demo.jploft.com/img/porfolios/fortfolio_bg_5.webp)
}

.rnk-bsns-header-right .row .col,
.slider_s#grocery-banner,
.solutions_menu_nw .solution_menu_btns {
    background: radial-gradient(75.99% 262.53% at 95.73% 108.2%, rgb(0 102 255 / .2) 0, #fff0 100%), radial-gradient(30.61% 75.99% at 3.39% 9.41%, #e6f4ed 0, #fff0 100%), #f5f5fc;
    overflow-x: hidden
}

.headermnu_fll_6 .col-md-12 .headermnu_fll_itm .headermnu_fll_itm_con {
    padding: 25px
}

.headermnu_fll_itm_con_in .insight_title {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 600;
    display: block
}

.effort_sec_blk .effort_sec_itm_con h3,
.headermnu_fll_itm_con_in h4 {
    margin-bottom: 8px
}

.headermnu_fll_itm_con .btn-sec {
    padding: 0;
    text-align: left
}

.headermnu_fll_itm_img {
    text-align: center;
    height: 100%;
    display: inline-flex;
    align-items: flex-end;
    padding: 15px 0 0;
    width: 100%
}

.app_works_img img,
.buss-dtl-sct-img img,
.content_resources_shape img,
.ftr_sec .admin-img img,
.headermnu_fll_itm_img img,
.home_blockchain_itm_ic img,
.modal-dialog.modal-xl.modal-dialog.modal-dialog-centered {
    margin: 0 auto
}

.headermnu_fll_itm_con {
    padding: 25px 0 25px 25px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.btn-primary-icon span,
.clutch_poewerdby a,
.clutch_sec_sld_itm_stars,
.header-new .mobile_hide,
.new-contact-us-bg .col-md-5,
.new-contact-us-bg .col-md-7,
.new-contact-us-bg .row,
.overflow,
.restaurent-service-sec .col-md-4,
.restaurent-service-sec .row,
.simplebar-content,
.traning-sec .col-md-6,
.yii-development-sec .row {
    display: flex
}

.header_menu_cn .solutions_menu.solutions_menu_nw .header_menu_itm .nav-link {
    padding: 0 !important;
    height: 32px;
    gap: 10px;
    flex-direction: row;
    background: 0;
    align-items: center
}

.solutions_menu_nw .header_menu_itm .nav-link {
    border-radius: 20px;
    text-align: left
}

.solutions_menu.solutions_menu_nw .header_menu_itm_ic {
    width: 30px;
    height: 30px;
    flex: 0 0 30px
}

.navbar-dark .navbar-nav .solutions_menu_nw .nav-link .header_menu_itm_ic img {
    width: 15px
}

.solutions_menu_nw .solution_menu_btns {
    padding: 8px 15px;
    border-radius: 12px;
    margin-top: 20px;
    display: flex;
    gap: 20px;
    align-items: center
}

.solutions_menu_nw .solution_menu_btns_s {
    margin-left: auto;
    text-align: right
}

.navbar .dropdown-menu .header_menu_tabs li a {
    padding: 0 !important;
    border: 0 !important;
    position: relative;
    align-items: center;
    overflow: hidden
}

.navbar .dropdown-menu .header_menu_tabs li a.active,
.navbar .dropdown-menu .header_menu_tabs li a:hover {
    color: #ed1f24 !important;
    font-weight: 500;
    background: #f9f9f9
}

.navbar .dropdown-menu .header_menu_tabs li a::after {
    content: "";
    background-image: url(https://www.jploft.com/img/right_arrow_menu.svg);
    width: 8px;
    height: 13px;
    right: -8px;
    position: absolute;
    background-size: 8px;
    transition: 0.5s
}

.navbar .dropdown-menu .header_menu_tabs li a.active::after,
.navbar .dropdown-menu .header_menu_tabs li a:hover::after {
    right: 8px;
    transition: 0.5s
}

.header_menu_itms.industry_mn {
    padding-bottom: 15px
}

.btn-primary.btn-primary-icon.inquire_btn {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.header_contact_itm p {
    font-size: 15px;
    color: #79bbeb
}

.banner_btns .btn+.btn {
    text-transform: inherit !important
}

@media (min-width:1200px) {
    .header-new li.nav-item.dropdown.example:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: all
    }

    .header-new .dropdown-menu {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0 0 3px rgb(0 0 0 / .3);
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        transform: translate(0, 20px);
        -webkit-transform: translate(0, 20px);
        pointer-events: none
    }

    .dropdown-menu.dropdown_contact {
        width: 500px !important;
        right: 0 !important;
        left: auto !important
    }

    .navbar-dark .navbar-nav .nav-item.example:hover .nav-link.head_m {
        background: #feeded;
        color: #000 !important;
        position: relative
    }

    .navbar-dark .navbar-nav .nav-item.example:hover .nav-link.head_m::before {
        content: "";
        position: absolute;
        border-bottom: 2px solid #ed1f24;
        background: #ed1f24;
        left: 0;
        right: 0;
        width: 100%;
        display: block !important;
        bottom: 0 !important
    }

    .navbar-dark .navbar-nav .nav-item.example:hover .nav-link.head_m img {
        filter: unset
    }

    .header-new .mobile_show {
        display: none !important
    }
}

@media (max-width:1399.98px) {
    .navbar-dark .navbar-nav .nav-link {
        font-size: 16px
    }
}

@media only screen and (max-width:1199.98px) {
    #navbarSupportedContent {
        height: calc(100vh - 106px);
        max-height: calc(100vh - 106px);
        overflow: auto;
        padding: 0 30px;
        display: block !important;
        position: fixed;
        left: 0;
        width: 100%;
        top: -100vh;
        background: #fff;
        transition: 0.5s
    }

    .mobile_btns {
        right: 40px;
        align-items: center;
        top: 5px;
        position: absolute
    }

    .active_menu #navbarSupportedContent {
        top: 125px;
        transition: none;
        max-height: 100%
    }

    .active_menu .t_img path:nth-child(2) {
        opacity: 0
    }

    .t_img path {
        transition: 0.5s
    }

    .active_menu .t_img path:first-child {
        transform: rotate(45deg) translate(6px, -7px);
        transition: 0.5s
    }

    .active_menu .t_img path:nth-child(3) {
        transform: rotate(-45deg) translate(-11px, 0);
        transition: 0.5s
    }

    .navbar .nav-item a.nav-link.hover.hover-1,
    .navbar-dark .navbar-nav .nav-link.dropdown-toggle .button,
    .navbar-nav li {
        width: 100%
    }

    .navbar-dark .navbar-nav .nav-link.dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
        width: 100%
    }

    .verticalbaseLine {
        margin-left: 0;
        margin-right: 5px
    }

    .header-new .mobile_hide {
        display: none !important
    }

    .header-new .mobile_show {
        display: flex !important
    }

    .mobile_sec_heder {
        justify-content: flex-end
    }

    .about_mn_itm p,
    .d_none_mobile,
    .header_ai_itms_cls {
        display: none
    }

    .header_menu_cn {
        border-bottom: 1px solid #d0d0d0
    }

    .about_mn_itm,
    footer #examples .example .hover {
        border-bottom: 0
    }

    .header_menu_itms {
        padding: 20px 10px
    }

    .header_menu_itms.services_menu {
        padding: 15px;
        max-height: 401px
    }

    .header_menu_tabs {
        padding: 15px 0 15px 10px
    }

    .header_menu_tab_ic {
        flex: 0 0 40px;
        height: 45px
    }

    .header_menu_tab_con,
    .headermnu_fll_itm_con_in p,
    .industry_mn_itm a,
    .tab_menu_con_body_itm a {
        font-size: 15px
    }

    .service_hd_menu_left {
        flex: 0 0 290px
    }

    .service_hd_menu_con {
        flex: 0 0 calc(100% - 290px)
    }

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

    .about_mn_itm {
        margin-bottom: 20px;
        padding-bottom: 0
    }

    .about_mn_itm .about_mn_title {
        font-size: 15px;
        margin-bottom: 0;
        font-weight: 400
    }

    .headermnu_fll {
        padding: 15px 10px
    }

    .headermnu_fll_6 .col-md-12 .headermnu_fll_itm .headermnu_fll_itm_con,
    .headermnu_fll_itm_con {
        padding: 20px
    }

    .headermnu_fll_itm_con_in .insight_title,
    .headermnu_fll_itm_con_in h4 {
        font-size: 18px
    }

    .header_menu_tabs .nav-item .nav-link {
        gap: 10px
    }

    .navbar .dropdown-menu .header_menu_tabs li.nav-item {
        margin-bottom: 12px
    }

    .dropdown-menu.dropdown_contact {
        padding: 15px 10px;
        background: radial-gradient(75.99% 262.53% at 95.73% 108.2%, rgb(0 102 255 / .2) 0, #fff0 100%), radial-gradient(30.61% 75.99% at 3.39% 9.41%, #e6f4ed 0, #fff0 100%), #f5f5fc
    }

    .dropdown-menu.dropdown_contact .contact_us_li .btn-primary-icon,
    .emailcontainer .dropdown-content .send_resume_btn {
        color: #fff !important
    }

    .service_hd_menu_con .services_menu .accordion {
        display: block
    }

    .mobile_sec_heder {
        justify-content: end !important;
        padding: 0
    }
}

@media only screen and (max-width:991.98px) {
    .mobile_btns {
        right: 40px;
        align-items: center;
        top: 5px;
        position: absolute
    }

    .btn-primary.btn-primary-icon.inquire_btn {
        width: 160px
    }

    .navbar-dark .navbar-toggler {
        position: absolute;
        right: 0;
        top: 21px;
        border-color: #fff0;
        padding: 0
    }

    .navbar-dark .navbar-brand {
        margin: 0
    }

    .header_menu_cn {
        border-bottom: 0
    }

    .header_contact_itm_phone {
        display: none !important
    }

    .header_contact_itm.sky-hide,
    .header_new_contact [class*="col-"]:nth-child(2) .india_itms .header_contact_itm:nth-child(2)::after {
        display: none
    }

    .header_menu_cn .row {
        margin: 0 -5px
    }

    .header_menu_cn .row [class*="col-"] {
        padding: 0 5px
    }

    .header_menu_itms.services_menu [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .active_menu #navbarSupportedContent {
        transition: 0
    }

    .mobie_call_icon,
    .mobie_wts_icon {
        display: block !important
    }
}

@media only screen and (max-width:767px) {

    .header_contact_itm:last-child,
    .service_hd_menu_con .services_menu .tab-content,
    .service_hd_menu_left.p-0 {
        display: none
    }
.navbar .dropdown-menu{
    box-shadow: none !important; 
}
    .service_hd_menu_con {
        flex: 0 0 100%
    }

    .service_menu_heading {
        display: block;
        padding-left: 10px;
        font-size: 16px;
        margin-bottom: 11px;
        margin-top: 15px;
        text-transform: uppercase
    }

    .service_menu_heading::before {
        content: "-";
        margin-right: 10px;
        margin-left: -20px;
        color: #ed1f24
    }

    .services_menu .tab-pane {
        display: block !important;
        opacity: 1 !important
    }

    .header_menu_itms.services_menu {
        padding: 5px 0
    }

    .header_menu_itms.industry_mn .row [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .headermnu_fll_6 {
        margin-bottom: 20px
    }

    .headermnu_fll_6:last-child {
        margin-bottom: 0
    }

    .header_menu_itms .row [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%
    }

    .header_new_contact .row {
        flex-wrap: unset
    }
}

@media (max-width:576px) {

    .header_ai_itms_cls,
    .mobile_btns .nav-item {
        display: none !important
    }

    .mobile_btns .nav-item:last-child {
        display: flex !important
    }

    .mobile_btns {
        top: 0;
        right: 35px
    }

    .btn-primary.btn-primary-icon.inquire_btn {
        padding-left: 0 !important;
        width: 140px;
        padding-right: 0 !important;
        font-size: 13px
    }

    .header_menu_cn .about_mn .row [class*="col-"] {
        padding: 5px 0
    }

    .header_new_contact .row [class*="col-"]:first-child {
        padding-right: 0
    }

    .header_new_contact .row [class*="col-"]:nth-child(2) {
        padding-left: 0
    }

    .header_new_contact .row [class*="col-"]:first-child .header_contact_itm .drp_img img {
        width: auto;
        height: 13px
    }

    .header_new_contact [class*="col-"]:first-child .header_contact_itm:first-child .drp_img,
    .header_new_contact [class*="col-"]:first-child .header_contact_itm:nth-child(2) .drp_img {
        margin-right: 4px
    }

    .header_contact_itm::after {
        margin: 0 7px 0 15px
    }

    .header_new_contact .row [class*="col-"]:nth-child(2) .header_contact_itm::after {
        margin: 0 7px 0 3px
    }

    .mobile_sec_heder {
        justify-content: flex-end
    }

    .home_abt_info,
    .jploft_hme_con .btn-sec {
        text-align: center
    }

    .home_abt_btn .btn-sec {
        margin-top: 20px !important
    }
}

.header_white_menu {
    margin-left: auto;
    margin-right: unset !important
}

.service_hd_menu_con .services_menu .accordions-items .accordions-header {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #ddd
}

.service_hd_menu_con .services_menu .accordions-items .accordions-header .accordions-btn {
    background-color: #fff0;
    border: 0;
    outline: 0;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    position: relative;
    color: #ed1f24;
    font-weight: 400 !important
}

.service_hd_menu_con .services_menu .accordions-items .accordions-header .accordions-btn.collapsed::after {
    content: "+";
    color: #212529
}

.service_hd_menu_con .services_menu .accordions-items .accordions-header .accordions-btn::after {
    position: absolute;
    content: "-";
    right: 6px;
    top: 0;
    color: #ed1f24
}

.service_hd_menu_con .services_menu .accordions-items .accordions-body {
    overflow-x: hidden
}

.tab_menu_con_body_itm a {
    padding: 7px 10px;
    font-size: 17px;
    color: #000;
    position: relative;
    overflow: hidden
}

@media (max-width:1199.98px) {
    .active_menu #navbarSupportedContent {
        padding-bottom: 30px
    }

    .nav-item.example.ai-journey-btn {
        align-items: flex-start;
        margin-top: 12px
    }

    .navbar .nav-item {
        align-items: flex-start
    }

    .header_menu_itms.services_menu {
        max-height: 401px
    }

    .header_menu_tab_con,
    .tab_menu_con_body_itm a {
        font-size: 15px
    }

    footer .ftr-section .ftr-adrs .ftr-cont {
        margin-bottom: 5px
    }

    .heading_h2,
    h2 {
        font-size: 36px !important
    }
}

@media only screen and (max-width:1199.98px) {
    #navbarSupportedContent {
        height: calc(100vh - 50px);
        max-height: calc(100vh - 50px);
        overflow: auto;
        padding: 0 50px;
        display: block !important;
        position: fixed;
        left: 0;
        width: 100%;
        top: -100vh;
        background: #fff;
        transition: 0.5s
    }

    .navbar-dark .navbar-nav .nav-link.dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
        width: 100%
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 21px 0
    }

    .navbar .nav-item {
        flex-direction: column
    }

    .navbar .nav-item a.nav-link.hover.hover-1,
    .navbar-dark .navbar-nav .nav-link.dropdown-toggle .button,
    .navbar-nav li {
        width: 100%
    }

    .verticalbaseLine {
        margin-left: 0;
        margin-right: 5px
    }
}

@media screen and (max-width:991.98px) {
    .navbar-collapse {
        border-top: 1px solid #fff0;
        box-shadow: inset 0 1px 0 rgb(255 255 255 / .1)
    }

    .mobile_btns .mobile_show {
        border-bottom: 0
    }

    .navbar-nav>li {
        float: none;
        border-bottom: 1px solid #ddd
    }

    #examples .example .hover {
        border-bottom: 1px solid #d0d0d0
    }

    .header_menu_cn .row {
        margin: 0 -5px
    }

    #grocery-banner h1,
    .solution-bnr.fin-ban h1 {
        font-size: 36px
    }
}

@media (max-width:767.98px) {
    .active_menu #navbarSupportedContent {
        top: 110px;
        height: calc(100vh - 113px)
    }

    .header_menu_itms.services_menu {
        padding: 5px 0
    }
}

.rnk-bsns-header-right .row .col,
.slider_s#grocery-banner {
    background-blend-mode: normal, normal, darken, normal
}

#grocery-banner h1 {
    font-size: 56px;
    color: #fff;
    font-weight: 700
}

#grocery-banner.form_shaow .gro-form .request-form {
    box-shadow: 20px 20px 20px #98abcd
}

#grocery-banner .gro-form .request-form {
    border-radius: 0 30px 30px;
    width: 80%;
    background-color: #fff;
    margin: auto 0 auto auto
}

.project-price,
.request-form-header {
    padding-top: 15px
}

.technologies_sec {
    background: #000 !important
}

.slick-next:before,
[dir="rtl"] .slick-prev:before {
    content: "" !important
}

.btn-sec,
.buss-dtl-sct,
.buss-dtl-sct h2,
.button-wrap,
.dep-sldr .slick-arrow,
.features_sec .service_restimonial_head,
.home_abt_btn,
.home_experts_india .home_experts_con,
.home_experts_itm,
.industries-section .heading-section,
.modal_static_con .ovr-rting .ovr-rting-con p,
.modal_static_heading h2,
.request-form-header,
.responsnce_time,
.start_btn,
.swiper-slide,
.swiper_sld_head,
.techno-log-itm-con,
.technologies_sec .service_restimonial_head,
.testimonial_box-top {
    text-align: center
}

.responsnce_time_1 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 14px
}

.invalid-feedback,
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%
}

.footer_lgs .ovr-rting p span,
.modal_static_con .ovr-rting p span,
.responsnce_time span,
.responsnce_time_1 span,
.responsnce_time_2 span {
    color: #0092ff
}

#grocery-banner .gro-form .bodysec,
.career-accordian-section .panel-collapse {
    padding: 20px
}

.request-form .row {
    margin: 0 -8px
}

.valid-feedback {
    color: #28a745
}

.invalid-feedback {
    color: #dc3545
}

.too-form .error {
    position: absolute;
    font-size: 11px
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
    border-right: 1px solid #ced4da
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgb(0 0 0 / .2);
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
    background-image: url(https://demo.jploft.com/img/flags.webp) !important
}

.iti * {
    -moz-box-sizing: border-box
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

#grocery-banner .gro-form .bodysec .iti__country-list span,
.iti__country-list {
    font-size: 14px !important
}

.iti__dial-code {
    color: #999
}

.iti__flag.iti__be,
.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    width: 15px;
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    width: 19px;
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    width: 13px;
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    width: 15px;
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px;
        background-image: url(https://demo.jploft.com/img/flags@2x.png)
    }
}

.request-form-header::after {
    content: "";
    width: 70px;
    height: 2px;
    background: #ed1f24;
    display: block;
    margin: 10px auto 5px
}

#grocery-banner,
#grocery-banner .col-lg-7,
#grocery-banner .gro-text,
#grocery-banner p {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important
}

.srvcs_itm:hover,
.travel_background {
    background: linear-gradient(117deg, #7593ff 2.56%, #95abfc 97.3%)
}

.blockchain_plateform.about_blockchain {
    background: #fff
}

#pills-tabContent .type-dtl h4,
#pills-tabContent .type-dtl p,
.app-downlod.tsibog-alg ul li,
.awrd-wthus .section-heading h2,
.awrd-wthus .section-heading p,
.banneroverlay-laravel .inner-content h2,
.banneroverlay-laravel .inner-content p,
.blockchain_plateform_bt_con .abt-dtl,
.blog-sec .busn-txt a h5,
.blog-sec .busn-txt p,
.btn-primary:focus,
.btn-primary:hover,
.btn_full,
.buss-dtl-sct .btn-sec .btn-primary,
.buss-dtl-sct p,
.cms-right p,
.contact-footer-bg .footer-menu ul li a:hover,
.contact-footer-bg .site-rat,
.contact-list ul li a,
.education-caption h1,
.education-caption h2,
.education-caption h3,
.education-center h3,
.education-center p,
.groc-dtl h2,
.groc-dtl p,
.hiring_modal h2,
.home-portfolio-content-section .discuss-project-button:hover,
.home_banner_clients,
.home_rank_btns .rnk-bsns-header-left h2,
.home_rank_btns .rnk-bsns-header-left p,
.home_rank_btns .rnk-cover .rnk-bsns-bg h5 a,
.home_rank_btns .rnk-cover .rnk-bsns-bg p,
.ilo-business.vehicle_tracking .movie_effect h2,
.ilo-business.vehicle_tracking .vehicle_track.movie_effect p,
.industries-section .heading-section h2,
.industries-section .heading-section p,
.industries-txt h3,
.inner-content h2,
.inner-content h3,
.lot-dtl-sr ul li a,
.moodels-service-sec p,
.ofc-tem .section-heading h2,
.ofc-tem .section-heading p,
.our-services-section .heading-section p,
.page_portfolio_itm,
.rnk-bsns.ranked_sec .rnk-bsns-header-left p,
.rnk-bsns.ranked_sec h2,
.screens_sec h2,
.service_ssss_itm_con,
.servicess_itm_head_nm a,
.slider_s#grocery-banner.hire_page_banner .hire_counters,
.slider_s#grocery-banner.hire_page_banner h1,
.slider_s#grocery-banner.hire_page_banner p,
.solution-bnr.srvces-bnr-E-Learning h1,
.solution-main .btn:hover,
.testimlm .heading-section p,
.text-muted,
.top-banner-inner-startup h1.white,
.txt-white,
.type-dtl h4,
.upload-dtl-resm h3,
.vjn-dep h2,
.vjn-dep p,
.vsn-msn h2,
.vsn-msn p,
a.btn:hover {
    color: #fff
}

.section-heading-cum p {
    font-size: 16px !important
}

.support_modals {
    background: #000;
    color: #fff;
    padding: 32px 0 50px
}

.support_modal_itm {
    border-radius: 25px;
    border: 1px solid #394053;
    background: #161623;
    padding: 30px;
    height: 100%;
    display: flex;
    gap: 20px
}

.blockchain_plateform_sld1 [class*="col-"],
.support_modals [class*="col-"] {
    margin-top: 25px
}

.support_modal_cnt {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #485167;
    font-size: 130px;
    font-weight: 800;
    color: #161623;
    line-height: 1;
    flex: 0 0 83px;
    max-width: 83px;
    text-align: right
}

.support_modal_con {
    padding-top: 20px
}

.support_modal_con h3 {
    margin-bottom: 15px;
    margin-left: -46px
}

#grocery-banner {
    content-visibility: visible !important
}

#grocery-banner p {
    transition: none !important;
    font-size: 22px;
    color: #fff
}

.page_portfolio_rating_info ul {
    background: #05294d
}

.effort_sec.effort_sec_blk .effort_sec_itm_ic img {
    height: 61px;
    width: 61px
}

.delp-srvce.white_bg .srvcs_itm_meta img {
    height: 50px;
    width: 50px
}

.ftr_sec_tab_itms .admin-type img,
.tab-pane .admin-type img {
    height: 16px;
    width: 16px
}

.blockchain_plateform.blockchain_plateform1 .blockchain_plateform_sld_in .blockchain_pl_ic img,
.service_page_benefits .benefits_s_items .fntech_ic img {
    height: 45px;
    width: 45px
}

.services_sec_itm.flip-card .flip-card-front .flip-card-front-img .flip-card-front-meta img {
    height: 32px;
    width: 32px
}

.ag-section .ag-timeline-card_info .rang_sec_img img,
.needs_sec.gre-bg-lit .needs_sec_info .needs_sec_itms .needs_sec_itm .needs_sec_ic img {
    height: 55px;
    width: 55px
}

.lazy-section {
    content-visibility: auto;
    contain-intrinsic-size: 800px
}

.tab-content>.tab-pane.active {
    display: block !important
}

#faq,
.app-dvlp-main,
.bisiness_sec_itm,
.btn-sec,
.consulting_itm,
.contact_top_bn+.home_banner_clients,
.content_resources_shape,
.help_list,
.help_service_itms .row [class*="col-"],
.home_abt_col,
.home_banner_clients,
.how_work_s,
.inds_sec_itms .row [class*="col-"],
.mistake_sec_itms .row [class*="col-"],
.ourappslider.slick-initialized.slick-slider,
.page_portfolio_itm:nth-child(2),
.page_portfolio_itm:nth-child(3),
.pg_solutions_in .row [class*="col-"],
.portfolio_slidersec,
.techno-log-tabs {
    margin-top: 30px
}

#grocery-banner .gro-form .bodysec .addfile {
    border: none !important;
    position: relative;
    padding-top: 4px;
    width: 250px !important;
    display: inline-block
}

#grocery-banner .gro-form .bodysec .addfile:after,
.ftr-section .addfile:after {
    content: " ";
    position: absolute;
    width: 104px;
    height: 100%;
    background-image: url(https://demo.jploft.com/img/addfiles.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: -2px;
    z-index: 1
}

#grocery-banner .gro-form .bodysec .frm-btn {
    width: 100%;
    background-color: #ed1f24;
    border: 0;
    padding: 10px 0 !important
}

.abt-dtl p {
    margin: 15px 0
}

.banner_btns {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap
}

.btn-primary-icon,
.srvcs_itm_ic {
    align-items: center;
    position: relative
}

.banner_btns .btn {
    margin-right: 0 !important
}

.banner_btns .btn,
.banner_img_hire_btn .btn.btn-primary.btn-primary-icon {
    padding: 11.5px 20px !important
}

.btn-primary-icon {
    display: inline-flex !important;
    justify-content: center;
    padding-left: 36px !important;
    padding-right: 15px !important
}

.banner_btns .icon {
    flex: 0 0 20px
}

.banner_btns .btn.myButt10 img {
    margin-left: 0;
    width: 20px;
    margin-top: -3px
}

.banner_btns .icon img {
    margin: 0 !important;
    width: 20px;
    height: 20px
}

.banner_btns .btn+.btn {
    text-transform: uppercase;
    background: #fff !important;
    color: #212529;
    border: 1px solid #ed1f24;
    font-weight: 500;
    margin: 0
}

.buss-dtl-sct p,
.d-soltions .cntnts-r h3,
.h4,
.solutions_menu_nw .solution_menu_btns_para h3,
h4 {
    font-size: 24px
}

.home_banner_client_itms {
    display: flex;
    gap: 30px;
    margin-top: 26px
}

.home_banner_client_itm img {
    max-height: 39px
}

img {
    display: block
}

.about-eocmers.about-solutionpage {
    background-color: #f5f9ff
}

.about-eocmers,
.blockchain_plateform.about_blockchain,
.blogapp_page_stats,
.buss-idea-grow.home_btn_section,
.content_resources,
.delp-srvce+.buss-idea-grow.home_btn_section,
.mobl-app-groc,
.needs_sec,
.pd-t-70,
.port-secs+.home_btn_section {
    padding: 50px 0
}

.effort_sec_blk {
    background: #000;
    color: #fff;
    padding: 50px 0
}

.effort_sec_blk .effort_sec_itm {
    background: #161623;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    color: #fff
}

.effort_sec_blk .effort_sec_itm_ic img {
    margin: 0 auto 20px
}

.effort_sec_blk .effort_sec_itms [class*="col-"] {
    margin-bottom: 25px
}

.srvcs_itm {
    border-radius: 20px;
    border: 1px solid #cedfde;
    background: linear-gradient(180deg, #fff 0, #f0f4f3 100%);
    padding: 25px;
    height: 100%
}

.delp-srvce [class*="col-"] {
    margin-bottom: 1.5rem
}

.srvcs_itm:hover {
    border-radius: 20px;
    border: 1px solid #cedfde;
    box-shadow: 0 10px 55px 0 rgb(0 0 0 / 53%);
    color: #fff;
    transition: box-shadow 0.2s linear
}

.srvcs_itm:hover .srvcs_itm_ic {
    transition: 1s;
    bottom: -15px
}

.srvcs_itm_ic {
    border-radius: 10px;
    background: linear-gradient(180deg, #cedfde 0, #f0f4f3 100%);
    display: inline-flex;
    width: 70px;
    height: 70px;
    justify-content: center;
    flex: 0 0 70px;
    transition: 1s;
    bottom: 0
}

.srvcs_itm_meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px
}

.gre-bg-lit {
    background: #f5f9ff
}

.ftr_sec .ftr_sec_tab_itm .admin-img {
    background: 0;
    padding: 0
}

.ftr_sec_tab_itm:first-child {
    margin-top: 32px
}

.tab_cn_pn.gre-bg-lit {
    padding: 0;
    background: #f5f9ff
}

.tab_cn_pn .type-dtl h4,
.type-dtl h4 {
    font-size: 20px
}

.blogapp_page_stats-con h4,
.delp-srvce .btn-sec,
.page_portfolio_itm_con .aps-scrn-links,
.tab_cn_pn.gre-bg-lit .admin-type img,
.upload-dtl-resm .error {
    margin-top: 5px
}

.admin-type img,
.expertise-panel .heading-expertise .check-left {
    float: left;
    margin-right: 15px
}

.tab_cn_pn.gre-bg-lit .admin-type {
    margin-bottom: 0;
    margin-top: 30px
}

.admin-type {
    display: flex;
    align-items: flex-start;
    margin: 20px 0;
    display: flex;
    align-items: flex-start
}

.btn_full {
    background: #ee7752;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5);
    background-size: 400% 400%;
    padding: 20px 0
}

.home_btn_right .btn-sec,
.new_button_con .btn-sec {
    margin-top: 30px !important
}

.ul_list li {
    padding-left: 30px;
    background-image: url(https://demo.jploft.com/img/check_crcl11-new.svg);
    background-repeat: no-repeat;
    color: #fff;
    flex: 0 0 calc(50% - 13px);
    background-position: left 2px;
    font-weight: 500
}

.pg_solutions_itm {
    border: 1px solid #b0b8cf;
    background: #fff;
    padding: 25px 25px 0;
    text-align: center;
    flex-direction: column;
    justify-content: space-between
}

.mistake_sec_itm_in,
.pg_solutions_itm {
    border-radius: 20px;
    gap: 30px;
    height: 100%;
    display: flex;
    overflow: hidden
}

section.apps-carft-screen-short-ssection.screens_sec {
    margin: 0;
    background: #151b22
}

.accrodn-section-faq .card,
.blockchain_plateform_sld_con h3,
.blockchain_plateform_sld_ic,
.content_resources_ic,
.custom_sec_con .heading_h3,
.delp-srvce .dvlp-img,
.mistake_sec_con h3,
.needs_sec_con .heading_h3,
.page_portfolio_itm_logo,
.pg_solutions_con .heading_h3,
.rang_sec_img,
.service_ssss_itm_con h4,
.srvcs_itm_con h3 {
    margin-bottom: 15px
}

.pg_solutions_img img {
    margin: -1px auto 0
}

.ourappslider .slick-slide {
    transform: scale(.8);
    opacity: .7;
    transition: 0.4s ease-in-out;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    margin: 0 !important
}

.ourappslider img {
    border-radius: 10px
}

.footer_tech_img img,
.page_portfolio_itm_logo img {
    max-height: 50px;
    max-width: 200px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / .3)
}

.apps-develop-met .btn-sec,
.process_new .btn-sec {
    margin-top: 50px !important
}

.blockchain_plateform1.blockchain_plateform,
.blog-sec .busn-txt,
.technologies_sec+.blockchain_plateform .blockchain_plateform_sld_in {
    background: #161623
}

.blockchain_plateform_sld_in {
    padding: 15px;
    border-radius: 15px;
    overflow: hidden;
    height: 100%;
    background: #b6b0b012
}

.blockchain_plateform_tp {
    padding-bottom: 30px;
    color: #fff
}

.blockchain_pl_ic {
    background: #fff;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.blockchain_pl_ic,
.fntech_ic {
    display: inline-flex;
    width: 70px;
    height: 70px
}

.blockchain_plateform_sld1 .blockchain_plateform_sld_con p {
    color: #abb0bb
}

.flip-card {
    background-color: #fff0;
    width: 100%;
    perspective: 1000px;
    height: 460px;
    border-radius: 20px;
    margin-top: 20px
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2)
}

.flip-card-inner,
.ftr_sec .admin-img {
    text-align: center;
    border-radius: 20px
}

.flip-card-back,
.flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 20px;
    top: 0
}

.flip-card-front-meta {
    position: absolute;
    bottom: 0;
    padding: 25px;
    color: #fff;
    z-index: 1;
    text-align: left;
    width: 100%
}

.flip-card-front-ic {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.flip-card-front-meta h3 {
    margin-top: 15px;
    font-size: 22px
}

.flip-card-front::after {
    content: "";
    background: linear-gradient(180deg, #fff0 0, #000 100%);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.flip-card-back,
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-front {
    background-color: #bbb;
    color: #000;
    overflow: hidden
}

.flip-card-front-img {
    padding-bottom: 460px;
    position: relative;
    overflow: hidden
}

.flip-card-front-img img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.flip-card-back {
    background-color: #223039;
    color: #fff;
    padding: 25px;
    z-index: 1
}

.flip_list {
    margin: 20px 0 0;
    font-size: 16px
}

.flip_list li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px
}

.flip_list li::before {
    content: "";
    position: absolute;
    left: 2px;
    width: 15px;
    height: 16px;
    background-image: url(https://www.jploft.com/img/check_pink.png);
    background-size: 15px;
    top: 2px;
    filter: brightness(0) invert(1)
}

.homeblk_btn_section_innerpage {
    padding-top: 50px
}

.homeblk_btn_section {
    background: #000;
    padding-bottom: 50px;
    padding-top: 30px
}

.homeblk_btn_section .buss-dtl-sct {
    background: #161623;
    border-radius: 25px;
    padding: 0
}

.home_btn_section .buss-dtl-sct .new_button_con,
.homeblk_btn_section .buss-dtl-sct .new_button_con {
    padding: 35px 20px 35px 45px
}

.buss-dtl-sct h2 {
    margin: 0 auto 20px;
    font: bold 35px/40px Helvetica;
    letter-spacing: 0;
    color: #fff
}

.ul_list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 20px;
    margin-top: 15px
}

.admin-desn_tabs {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center
}

.admin-desn_tabs .nav-pills {
    border: 1px solid #ddd;
    display: inline-flex;
    justify-content: center;
    margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
    padding: 5px;
    gap: 7px
}

.admin-desn_tabs .nav-pills .nav-link {
    border: 0;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 22px;
    font-weight: 500;
    background-color: #f0f0f0
}

.admin-desn_tabs .nav-pills .nav-item .nav-link.active,
.admin-desn_tabs .nav-pills .nav-item .nav-link:hover {
    background: #161623 !important;
    color: #fff !important
}

.tab_cn_pn {
    background: #161623;
    padding: 30px;
    border-radius: 15px
}

.tab_cn_pn .type-dtl p {
    margin-top: 10px
}

.ftr_sec .admin-img {
    background: #ffffff12;
    padding: 30px
}

.buss-dtl-sct {
    background: #ee7752;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5);
    background-size: 400% 400%;
    padding: 50px;
    border-radius: 30px
}

.home_btn_section .home_btn_right .buss-dtl-sct-img img {
    max-height: 356px
}

.home_btn_section .buss-dtl-sct-img img,
.homeblk_btn_section .buss-dtl-sct-img img {
    max-height: 330px;
    max-width: 100%;
    margin-top: -60px
}

.new_button_con .heading_h2 {
    text-transform: initial
}

.buss-dtl-sct-con h2 {
    width: 100%;
    text-align: left;
    text-transform: capitalize
}

.home_btn_section .new_button_con p {
    font-size: 20px;
    color: #fff
}

.abt-jplft+.service_restimonial,
.home_btn_section .buss-dtl-sct,
.homeblk_btn_section_home,
.port-desc.pprtt-sldr,
.testimonial_box-icon {
    padding: 0
}

.ag-timeline-block {
    padding: 300px 0
}

.ag-timeline_title-box {
    padding: 0 0 30px;
    text-align: center
}

.ag-timeline_tagline {
    font-size: 40px;
    color: #54595f
}

.ag-timeline_title {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: #fff0;
    color: #fff0;
    font-size: 80px
}

.ag-timeline_item {
    margin: 0 0 50px;
    position: relative
}

.ag-timeline_item:nth-child(2n) {
    text-align: right
}

.ag-timeline {
    width: 1020px;
    max-width: 100%;
    margin: 40px auto 0;
    position: relative
}

.ag-timeline_line {
    width: 2px;
    background-color: #28282838;
    position: absolute;
    top: 2px;
    left: 50%;
    bottom: 0;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ag-timeline_line-progress {
    width: 100%;
    height: 20%;
    background-color: #ed1f24
}

.ag-timeline-card_box {
    padding: 0 0 20px 50%;
    display: flex;
    align-items: center
}

.ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
    padding: 0 50% 20px 0;
    justify-content: end
}

.ag-timeline-card_point-box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    margin: 0 14px 0 -20px;
    width: 40px;
    height: 40px;
    background: #fff;
    background: radial-gradient(75.99% 262.53% at 95.73% 108.2%, rgb(0 102 255 / 14%) 0, #fff0 100%), radial-gradient(30.61% 75.99% at 3.39% 9.41%, #e6f4ed 0, #fff0 100%), #fafafa;
    border-radius: 50%;
    border: 5px solid #dedeec
}

.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
    margin: 0 -20px 0 14px
}

.ag-timeline-card_point {
    height: 50px;
    line-height: 50px;
    width: 50px;
    border: 3px solid #ff0;
    background-color: #1d1d1b;
    text-align: center;
    font-size: 20px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.js-ag-active .ag-timeline-card_point {
    color: #1d1d1b;
    background-color: #ff0
}

.ag-timeline-card_meta {
    font-weight: 700;
    font-size: 24px;
    color: #a9a9b7
}

.ag-timeline-card_item {
    display: inline-block;
    width: 45%;
    margin: -69px 0 0;
    background-color: #fff;
    opacity: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / .5);
    -moz-box-shadow: 0 0 0 0 rgb(0 0 0 / .5);
    -o-box-shadow: 0 0 0 0 rgb(0 0 0 / .5);
    box-shadow: 0 0 0 0 rgb(0 0 0 / .5);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    -moz-transition: -moz-transform 0.5s, opacity 0.5s;
    -o-transition: -o-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    position: relative;
    box-shadow: 0 0 15px #ddd;
    text-align: left
}

.ag-timeline-card_info,
.needs_sec_heading,
.needs_sec_itm,
.techno-log-itm,
.techno-log-itms {
    display: flex;
    display: flex
}

.ag-timeline_item:nth-child(odd) .ag-timeline-card_item {
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%)
}

.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%)
}

.js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item,
.js-ag-active.ag-timeline_item:nth-child(odd) .ag-timeline-card_item {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ag-timeline-card_arrow {
    height: 18px;
    width: 18px;
    margin-top: 20px;
    background-color: #fff;
    box-shadow: -20px 0 20px #ddd;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ag-timeline_item:nth-child(odd) .ag-timeline-card_arrow {
    margin-left: calc(-18px / 2);
    margin-right: calc(-18px / 2);
    box-shadow: 20px 0 20px #ddd
}

.ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow {
    margin-left: -10px;
    right: auto;
    left: 0
}

.ag-timeline-card_info {
    padding: 20px;
    gap: 15px
}

.rang_sec_img {
    flex: 0 0 50px
}

.ag-timeline-card_desc {
    line-height: 1.45;
    font-size: 16px;
    color: #000
}

.ag-timeline-card_title {
    color: #000;
    margin-bottom: 15px
}

.js-timeline_item.ag-timeline_item.js-ag-active .ag-timeline-card_point-box {
    border: 5px solid #ed1f24
}

.service_restimonial_head p {
    font-size: 18px;
    color: #f1f1f1;
    line-height: 30px;
    font-weight: 400;
    margin: 18px 0;
    display: block
}

.techno-log-tabs {
    gap: 10px;
    justify-content: center;
    margin: 30px 0
}

.techno-log-tabs .nav-item {
    margin-bottom: 7px
}

.techno-log-tabs button {
    border: 0 !important;
    text-transform: capitalize;
    outline: 0 !important;
    position: relative;
    padding: 8px 30px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    border-radius: 50px !important;
    background: linear-gradient(156deg, #18191c 21.92%, #212225 77.49%) !important;
    box-shadow: 0 1px 1px 0 rgb(255 255 255 / .25) inset
}

.techno-log-tabs button::after {
    content: "";
    background: #ed1f24;
    height: 3px;
    width: 0;
    transition: 0.5s;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0
}

.techno-log-tabs button.active,
.techno-log-tabs button:hover {
    background: linear-gradient(156deg, #d1181c 21.92%, #610608 77.49%) !important;
    box-shadow: 0 1px 1px 0 rgb(255 255 255 / .25) inset;
    color: #fff
}

.accrodn-section-faqsec .card:last-child {
    margin-bottom: 0 !important
}

.techno-log-itms {
    margin-top: 30px;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center
}

.techno-log-itm {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    gap: 0;
    width: 140px;
    height: 140px;
    background-image: url(https://demo.jploft.com/img/hexagon-shape.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.techno-log-itm img {
    transition: 0.5s;
    transform: scale(1);
    max-height: 50px
}

.techno-log-itm:hover img {
    transition: 0.5s;
    transform: scale(.7)
}

.tab-content .techno-log-itm .techno-log-itm-con {
    display: block !important;
    font-size: 14px;
    margin-top: 5px
}

.about-eocmers.service_eocmers,
.different_industries,
.port-secs,
.rnk-bsns {
    background: #f6f9fb
}

.section-img img {
    max-height: 620px;
    max-width: 100%;
    margin: 0 auto
}

.solution-main.srvces-main.service_page_benefits {
    margin: 0;
    padding: 42px 0 50px
}

.benefits_s_item {
    background: radial-gradient(75.99% 262.53% at 95.73% 108.2%, rgb(0 102 255 / .2) 0, #fff0 100%), radial-gradient(30.61% 75.99% at 3.39% 9.41%, #e6f4ed 0, #fff0 100%), #f5f5fc;
    padding: 20px;
    border-radius: 18px;
    height: calc(100% - 25px);
    margin-top: 25px
}

.fntech_ic {
    border-radius: 10px;
    background: linear-gradient(180deg, #cedfde 0, #f0f4f3 100%);
    align-items: center;
    justify-content: center
}

.benefits_s_item_con h3 {
    font-size: 24px;
    margin-bottom: 13px
}

.needs_sec_heading {
    position: sticky;
    top: 280px;
    align-items: center;
    justify-content: center
}

.needs_sec_itm {
    gap: 25px;
    gap: 30px;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(90deg, #fff0 52.87%, #fff 100%);
    margin-bottom: 30px;
    padding-right: 15px
}

.needs_sec_ic {
    flex: 0 0 55px
}

.needs_sec_con {
    padding-left: 30px
}

.needs_sec_ic::before {
    content: "";
    position: absolute;
    right: -37.5px;
    width: 16px;
    height: 16px;
    background: #ffcebf;
    border: 2px solid #ff826e;
    border-radius: 40px;
    z-index: 1;
    top: 8px;
    animation: 1.5s infinite down1;
    -webkit-animation: 1.5s infinite down1
}

.needs_sec_ic::after {
    content: "";
    position: absolute;
    right: -31px;
    top: 0;
    width: 3px;
    border-radius: 10px;
    height: 55px;
    background: linear-gradient(180deg, #f77dad 0, #fc5d3d 100%)
}

@keyframes down1 {

    0,
    40% {
        transform: translate(0)
    }

    20% {
        transform: translateY(25px)
    }
}

@-webkit-keyframes down1 {

    0,
    40% {
        transform: translate(0)
    }

    20% {
        transform: translateY(25px)
    }
}

.cta_S {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 72px 0 80px;
    color: #fff;
    text-align: center;
    background-position: center;
    z-index: 99
}

.cta_S::before {
    content: "";
    background: rgb(0 0 0 / .8);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1
}

.accrodn-section-faq .card {
    margin-bottom: 30px;
    border: 0;
    background: 0 0 !important;
    box-shadow: none
}

.accrodn-section-faq .card .card-header {
    border: 0;
    padding: 0;
    background-color: #fff0
}

.accrodn-section-faq .btn-header-link.collapsed:after {
    background-repeat: no-repeat;
    margin-top: 10px
}

.accrodn-section-faq .card .collapse {
    border: 0
}

.accrodn-section-faq .card .card-body {
    background: #f5f9ff;
    line-height: 30px
}

.accrodn-section-faq .btn-header-link {
    display: block;
    text-align: left;
    font-weight: 600;
    margin: 0;
    background: #f5f9ff;
    border-radius: 30px;
    position: relative;
    color: #000;
    padding: 20px 80px 20px 30px;
    font-size: 22px;
    box-shadow: none
}

.accrodn-section-faq .btn-header-link.collapsed:after,
.accrodn-section-faq .btn-header-link:after {
    background-image: url(https://demo.jploft.com/img/down-arrow.svg);
    width: 18px;
    height: 11px;
    background-size: contain;
    top: 18px;
    content: ""
}

.accrodn-section-faq .btn-header-link:after {
    background-repeat: no-repeat;
    margin-top: 10px;
    float: right;
    transform: rotate(180deg);
    position: absolute;
    right: 40px
}

.rnk-bsns.ranked_sec {
    padding-top: 10px;
    background: #000;
    padding-bottom: 1px
}

.rnk-bsns-header-right {
    margin: 30px 0 20px
}

.map_footer {
    padding: 0 0 0;
    background: #fff0
}

.map_footer_in_india {
    background-image: url(https://www.jploft.com/img/india_location.webp)
}

.map_footer_in {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 366px;
    border-radius: 25px 25px 0 0;
    position: relative
}

.map_footer_con {
    border-radius: 25px 0 0;
    background: linear-gradient(270deg, #fff0 0, rgb(255 255 255 / .51) 31.91%, #fff 61.95%);
    padding: 40px 190px 40px 40px;
    width: 570px;
    height: 100%;
    max-width: 100%
}

.blog_sec {
    background: #0a0916;
    color: #fff
}

.blog-sec .blogcover {
    overflow: unset
}

.blogcover_in {
    border-radius: 15px;
    overflow: hidden;
    transition: 1s
}

.blogcover_in img,
.industries_section_itm:hover .industries_section_btn {
    transition: 1s;
    transform: scale(1)
}

.blog-sec h5 {
    font-size: 22px;
    line-height: 33px;
    font-weight: 600
}

.blogcover:hover .learn_more_btn {
    gap: 20px;
    transition: 0.5s
}

.busn-txt {
    padding: 25px;
    position: relative;
    margin-top: -8px
}

.blogcover .learn_more_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ed1f24;
    display: inline-flex;
    transition: 0.5s;
    background: 0 0 !important;
    padding: 0 !important;
    border: 0 !important
}

.blogcover:hover .blogcover_in img {
    transition: 1s;
    transform: scale(1.2)
}

.fade {
    transition: opacity 0.15s linear
}

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

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

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

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

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

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

#modal_static .modal-content,
#modal_static1 .modal-content,
#modal_static2 .modal-content {
    background: #eef;
    background: radial-gradient(75.99% 262.53% at 95.73% 108.2%, rgb(0 102 255 / .2) 0, #fff0 100%), radial-gradient(30.61% 75.99% at 3.39% 9.41%, #e6f4ed 0, #fff0 100%), #f5f5fc;
    background-blend-mode: normal, normal, darken, normal;
    border-radius: 20px
}

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

button.close {
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#modal_static .close,
#modal_static1 .close,
#modal_static2 .close {
    font-weight: lighter;
    position: absolute;
    right: 15px;
    top: 12px;
    opacity: 1;
    color: red;
    border: 0;
    box-shadow: unset;
    text-shadow: unset;
    cursor: pointer;
    z-index: 1;
    padding: 0;
    line-height: 1;
    margin: 0;
    width: 17px;
    height: 17px
}

#modal_static2 .close {
    width: 40px;
    height: 40px;
    background: #ed1f24;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

#modal_static2 .close img {
    width: 16px;
    filter: brightness(0) invert(1)
}

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

#modal_static2 .modal-content .modal-body {
    padding: 20px 25px 25px
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: 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;
    background-clip: padding-box;
    border: 1px solid;
    border-radius: .3rem;
    outline: 0
}

.heading_h1 {
    font-size: 50px
}

.modal_static_s .heading_h1 {
    text-align: center;
    margin-bottom: 20px
}

.modal_static_s .heading_h1 h2 {
    font-size: 35px !important
}

.modal_static_s .heading_h1 .modal_block {
    font-weight: 400;
    font-size: 25px
}

.testimonial {
    max-height: 330px;
    overflow: hidden
}

.testimonial .testimonial__inner .testimonial-slider {
    padding: 0 10%
}

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

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled),
summary {
    cursor: pointer
}

.slider-activation>.slick-next:before {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important
}

.abt-jplft .slider-activation .slick-next.slick-arrow::before,
.abt-jplft .slider-activation .slick-prev.slick-arrow::before,
.slick-next.slick-arrow::before,
.slick-prev.slick-arrow::before {
    background: unset !important;
    font-size: 0
}

.testimonial .testimonial__inner .testimonial-slider .slick-next:before,
.testimonial .testimonial__inner .testimonial-slider .slick-prev:before {
    font-size: 0 !important
}

.simplebar-item:not(:last-child),
.slick-slide {
    margin-right: 1rem
}

.testimonial-slide {
    padding: 0 10px 40px
}

.slick-initialized .slick-slide {
    display: block;
    outline: 0
}

.testimonial_box-img {
    padding: 0 0 10px;
    display: flex;
    justify-content: center
}

.testimonial_box-img img {
    border-radius: 50px !important
}

.testimonial_box-text {
    padding: 10px 0
}

.testimonial_box-text p {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.testimonial_box-name {
    padding-top: 10px
}

.testimonial_box-name h4 {
    font-size: 18px;
    line-height: normal;
    color: #000;
    margin-bottom: 0
}

.testimonial_box-job p {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0
}

.clt-lg-str-ver {
    display: flex;
    border: 1px solid #fff;
    padding: 10px;
    align-items: center;
    border-radius: 12px;
    margin: 10px 0;
    justify-content: space-between
}

.cltch-lgg {
    height: 17px
}

.slick-slide img {
    display: block;
    border-radius: 4px 0 0 4px
}

.testimonial-slide .clutch_sec_sld_itm_stars img {
    margin-right: -4px
}

.mt-0,
.my-0,
.port-desc .btn-sec,
.service_restimonial .testi-mon {
    margin-top: 0 !important
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 0
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-next:before,
.slick-prev:before {
    font-size: 25px;
    line-height: 1;
    opacity: .75
}

.slick-next:before,
[dir="rtl"] .slick-prev:before {
    content: "→"
}

.trusted-nw-title {
    font-size: 18px;
    margin-bottom: 20px
}

.ovr-rting {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

.modal_static_itms {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 30px !important;
    margin: 0;
    border-bottom: 0;
    padding-bottom: 15px;
    justify-content: center
}

#modal_static2 .modal_static_itms {
    gap: 10px 30px;
    margin: 0;
    border-bottom: 0;
    padding-bottom: 15px;
    justify-content: center
}

.modal_static_itm {
    flex: 0 0 100px;
    display: flex;
    align-items: center
}

#modal_static2 .modal_static_itms .modal_static_itm {
    font-size: 10px;
    overflow: hidden;
    flex: 0 0 100px
}

.ratinf-sde {
    display: flex;
    margin-top: 25px;
    gap: 15px;
    justify-content: center
}

.ratinf-sde ul {
    display: flex;
    gap: 5px
}

.ratinf-sde ul li img {
    height: 30px;
    width: 30px
}

.ratinf-sde p {
    font-size: 14px;
    font-weight: 300 !important
}

.ratinf-sde p span {
    font-weight: 600 !important
}

.iti,
.modal_static_form .addfile {
    display: inline-block;
    position: relative
}

.modal_static_form {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 8px 22px 0 rgb(0 0 0 / 18%);
}

.responsnce_time_2 {
    font-size: 18px;
    margin-bottom: 9px
}

p.red_text {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px
}

.modal_static_form .form-group {
    margin-bottom: 8px;
    position: relative
}

label {
    font-weight: 400;
    font-size: .875rem
}

.modal_static_form .form-control {
    border-radius: 10px;
    border: 1px solid #c7ced4;
    font-size: 14px;
    padding: 9px 10px;
    min-height: 42px;
    height: 46px;
    box-shadow: none !important;
    outline: 0 !important;
    color: #000
}

.error {
    font-size: 12px;
    line-height: 1
}

.error,
.hire-dedicated-panel .hire-panel-blox a span .red-mark {
    color: red
}

.iti input,
.iti input[type="tel"],
.iti input[type="text"] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type="tel"],
.iti--allow-dropdown input[type="text"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="tel"],
.iti--separate-dial-code input[type="text"] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

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

.modal_static_form .form-group textarea.form-control {
    height: 90px;
    resize: none;
    color: #000;
    font-size: 13px;
    width: 100%
}

.modal_static_form .addfile {
    border: none !important;
    padding-top: 4px
}

.protect_nda_s {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 5px
}

.modal_static_s .protect_nda_s {
    justify-content: flex-end
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

.protect_nda_s input {
    width: 19px;
    height: 19px
}

.footer_lgs .ovr-rting p,
.protect_nda_s label {
    font-size: 16px
}

.modal_static_form .captch-input h6 {
    background: #d6e3fc;
    padding: 0 15px 2px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    display: flex;
    line-height: 1;
    min-height: 42px;
    margin-bottom: 0
}

.modal_static_form .addfile:after {
    content: " ";
    position: absolute;
    width: 112px;
    height: 100%;
    background-image: url(https://demo.jploft.com/img/file_s.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: -2px;
    z-index: 1
}

.blog-sec .btn-primary,
.hom-new .btn-primary {
    padding: 11.5px 20px;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.modal_static_form button {
    width: 100%;
    margin-top: 15px
}

.testimonial_box-img img {
    width: 90px;
    height: 90px;
    border: 2px solid #e5e5e5
}

.testimonial .testimonial__inner .testimonial-slider .slick-next {
    right: 0;
    background-size: contain;
    height: 30px;
    width: 30px
}

.testimonial .testimonial__inner .testimonial-slider .slick-prev {
    left: 0;
    background-size: contain;
    height: 30px;
    width: 30px
}

.modal_static_con {
    padding: 0 15px
}

.mann-prrl {
    border-radius: 10px;
    border: 1px solid #fff;
    background: rgb(255 255 255 / .25);
    backdrop-filter: blur(5px);
    padding: 20px
}

.dev_abt_jplft,
.fiiter_contry_in,
.port-desc {
    backdrop-filter: blur(7.5px)
}

.add-parrl {
    display: flex;
    align-items: start;
    gap: 25px
}

.contact_page_itms li {
    display: flex;
    margin-bottom: 15px;
    border-bottom: 1px solid #c1c1c1;
    background: #ffffff91;
    padding: 15px;
    border-radius: 6px;
    justify-content: flex-start;
    text-align: left
}

.modal_new_cn .contact_page_itms li {
    padding: 0;
    margin-bottom: 10px;
    background: #fff0;
    border: 0;
    font-size: 14px
}

.contact_page_itms li::before {
    content: "";
    background: url(https://demo.jploft.com/img/li-tick.svg) 0 0/18px no-repeat;
    width: 18px;
    height: 17px;
    display: inline-flex;
    margin-right: 15px;
    margin-top: 2px;
    flex: 0 0 18px
}

.modal_new_cn .contact_page_itms li::before {
    margin-top: 2px;
    filter: unset;
    background-size: 20px !important;
    width: 45px;
    height: 20px;
    margin-right: 0;
    flex: 0 0 45px;
    background: url(https://demo.jploft.com/img/mdTick.svg) no-repeat
}

.contact_top_bn {
    border-left: 0;
    border-radius: 15px;
    gap: 0;
    margin-top: 0
}

.contact_top_bn h4 {
    padding-left: 0
}

.modal_static_con h4 {
    font-size: 15px;
    position: relative;
    font-weight: 500
}

.contact_top_bn_itms {
    gap: 10px;
    display: flex
}

.modal_static_con .contact_top_bn .contact_top_bn_itms {
    flex-wrap: wrap
}

.modal_static_con .contact_top_bn .contact_top_bn_itms .contact_top_bn_itm p,
.modal_static_con .contact_top_bn .contact_top_bn_itms .contact_top_bn_itm:first-child p {
    font-size: 14px
}

.contact_top_bn .contact_hr_itm_con p a {
    text-transform: capitalize !important
}

.modal_static_con .contact_top_bn .contact_top_bn_itms .contact_top_bn_itm {
    align-items: flex-start;
    flex: 0 0 100%
}

.modal_static_con .contact_top_bn .contact_top_bn_itms .contact_top_bn_itm .contact_hr_itm_ic {
    flex: 0 0 28px
}

.contact_hr_itm_ic img {
    max-width: 18px
}

.modal_static_con p {
    line-height: 1.4
}

.modal_static_form .captch-input {
    position: relative;
    display: flex;
    padding: 2px;
    border-radius: 7px;
    background: #dfe5f1;
    background: radial-gradient(75.99% 262.53% at 95.73% 108.2%, rgb(0 102 255 / .2) 0, #fff0 100%), radial-gradient(30.61% 75.99% at 3.39% 9.41%, #e6f4ed 0, #fff0 100%), #f5f5fc;
    background-blend-mode: normal, normal, darken, normal;
    gap: 5px
}

.event_app_portfolio1 {
    background: #47386d
}

.modal_static_form .form-group .form-control {
    height: 46px;
    border-radius: 10px;
    border: 1px solid #c7ced4;
    box-shadow: none !important;
    outline: 0 !important;
    color: #000
}

@media (min-width:1400px) {
    .modal-xl {
        max-width: 1340px
    }
}

@media (min-width:576px) {
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }
}

.dev_abt_wth-spae {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.dev_abt_jplft {
    padding: 40px;
    border-radius: 40px;
    background: rgb(255 255 255 / .2);
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / .04), 0 5px 18px 0 rgb(0 0 0 / .06), 0 24px 83px 0 rgb(0 0 0 / .1)
}

.abt-jplft ul {
    margin-top: 45px
}

.abt-jplft ul li {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    padding-left: 50px;
    background: url(https://demo.jploft.com/img/li-tick.svg) 0 0 / contain no-repeat;
    background-size: 24px
}

.abt-jplft .bg-trpt .slick-slider,
.vehicle_tracking.complete_section.result.eks h2::after {
    background: 0
}

.myButt_round {
    border-radius: 30px !important
}

.abt-jplft .slider-activation .slick-next,
.abt-jplft .slider-activation .slick-prev,
.busi_modal_sld .slick-next,
.busi_modal_sld .slick-prev,
.rvw_sec_sld .slick-next,
.rvw_sec_sld .slick-prev {
    position: absolute;
    margin: auto;
    border: 1px solid #e1e1e1 !important;
    width: 50px !important;
    height: 50px !important;
    background: #fff !important;
    transition: 0.5s ease-in-out;
    border-radius: 50%;
    z-index: 1
}

.abt-jplft .slider-activation .slick-next.slick-arrow,
.abt-jplft .slider-activation .slick-prev.slick-arrow {
    top: 100%
}

.abt-jplft .slider-activation .slick-prev:before,
.busi_modal_sld .slick-prev:before,
.rvw_sec_sld .slick-prev:before {
    transform: rotate(180deg)
}

.abt-jplft .bg-trpt .slick-slide,
.clutch_sec_sld .simplebar-item:not(:last-child),
.clutch_sec_sld .slick-slide,
.modal_static_con .ovr-rting ul,
.slick-dots li:last-child,
bsns-solutn .slick-slide {
    margin-right: 0
}

.abt-jplft .bg-trpt .slick-slide {
    padding-bottom: 8%;
    position: relative;
    overflow: hidden
}

.abt-jplft .bg-trpt .slick-slide img[alt="client-pic"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.vd-mdl,
.vido-sec a,
.vido-sec button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vd-mdl,
.vido-sec button {
    position: absolute;
    background: 0;
    border: 0
}

.abt-jplft .slider-activation .slick-next {
    right: calc(50% - 65px)
}

.about-txt,
.slider-wrapper {
    position: relative;
    z-index: 9
}

.abt-jplft .slider-activation .slick-prev {
    left: calc(50% - 45px);
    right: auto
}

.fiiter_contry_s {
    padding: 0;
    text-align: center
}

.fiiter_contry_in {
    border-radius: 0 0 25px 25px;
    padding: 40px;
    background: rgb(255 255 255 / .3);
    box-shadow: -2px 18px 20px 0 rgb(0 0 0 / .08);
    margin-top: 0;
    position: relative;
    margin-bottom: 30px
}

.fiiter_contry_in .heading_h2 {
    font-size: 1.75rem !important;
    font-weight: 600;
    margin-bottom: 10px
}

.header_new_contact,
.hiring_modal,
.loanlending_app_portfolio1,
.service_restimonial,
.stockstream_app_portfolio1,
.technologies_sec {
    background: #000
}

.service_restimonial_head {
    color: #fff;
    margin-bottom: 20px
}

.clutch_sec_head h3 a,
.elearn-section .content-panel p,
.prfle-dtl h2,
.vjn-dep h2 {
    font-size: 22px
}

.abt-jplft .slider-activation .slick-prev.slick-arrow,
.slick-prev.slick-arrow,
.slick-prev.slick-arrow:hover {
    background-image: url(https://demo.jploft.com/img/left_arrow_sld.svg) !important;
    box-shadow: unset !important;
    border-radius: 50%;
    border: 1px solid #ed1f24 !important
}

.clutch_sec_sld .slick-prev.slick-arrow::before,
.services_slider_in .slick-prev.slick-arrow::before,
section.apps-carft-screen-short-ssection span.pre_arrow.slick-arrow::before {
    content: "";
    background: url(https://demo.jploft.com/img/l-arrow.svg);
    width: 9px;
    height: 15px;
    display: block;
    margin: 0 auto
}

.clutch_sec_head_rating,
.clutch_sec_sld_itm_rt,
.clutch_stars,
.hr-pr-dtl,
.resume-mdl-snd,
.rnk-bsns_img,
.srce-icon {
    align-items: center;
    display: flex
}

.benefits_s_item_con,
.benefits_s_items,
.blog-ul li,
.clutch_para_verify,
.footer_lgs,
.project_overview_sum,
.review_verify+.clutch_metas,
.service_page_why_itms,
form#form1 {
    margin-top: 15px
}

.abt-jplft .slider-activation .slick-next.slick-arrow,
.abt-jplft .slider-activation .slick-prev.slick-arrow,
.slick-next.slick-arrow,
.slick-next.slick-arrow:hover,
.slick-prev.slick-arrow,
.slick-prev.slick-arrow:hover {
    background-size: 35px !important;
    background-position: center !important;
    background-color: transparent !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-repeat: no-repeat !important
}

.abt-jplft .slider-activation .slick-next.slick-arrow,
.slick-next.slick-arrow,
.slick-next.slick-arrow:hover {
    background-image: url(https://demo.jploft.com/img/right_arrow_sld.svg) !important;
    box-shadow: unset !important;
    border-radius: 50%;
    border: 1px solid #ed1f24 !important
}

.clutch_sec_sld .slick-next.slick-arrow,
.clutch_sec_sld .slick-prev.slick-arrow,
.services_slider_in .slick-arrow {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    color: #585858;
    position: absolute;
    top: 50%;
    z-index: 2;
    border: 1px solid #c7c7c7;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.clutch_sec_sld .slick-next.slick-arrow::before,
.services_slider_in .slick-next.slick-arrow::before,
section.apps-carft-screen-short-ssection span.next_arrow.slick-arrow::before {
    content: "";
    background: url(https://demo.jploft.com/img/r-arrow.svg) no-repeat;
    width: 9px;
    height: 15px;
    display: block;
    margin: 0 auto
}

footer {
    position: relative;
    background: linear-gradient(180deg, #fff 0, #f6f9fb 100%)
}

footer .ftr-section .ftr-bg {
    background: url(https://demo.jploft.com/img/footer-map.svg) right 68px no-repeat
}

footer .ftr-section .ftr-form .ftr-form-in {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 20px rgb(0 0 0 / .2);
    padding: 25px;
    height: 100%;
    box-shadow: none !important
}

.dmca-badge {
    display: flex;
    justify-content: end;
    margin-top: 10px
}

@media (max-width:1299.98px) {
    footer .ftr-section .form-group {
        margin-bottom: 1.5rem
    }

    footer .ftr-section .ftr-form .btn {
        margin-top: 25px
    }
}

footer .ftr-section .form-group .form-control {
    border: 0;
    border-bottom: 1px solid #a8a8a8;
    border-radius: 0;
    font-size: 14px;
    padding: .375rem 0;
    outline: 0 !important;
    box-shadow: 0 !important
}

.error {
    padding: 3px 0 0;
    color: red
}

footer .ftr-section .ftr-form .btn {
    display: block;
    width: 100%;
    margin-top: 10px
}

footer .ftr-section .ftr-adrs .ftr-cont {
    font-size: 16px;
    color: #ed1f24;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 4px;
    margin-bottom: 20px;
    display: block
}

footer .ftr-section .ftr-adrs .cnt-adrs {
    border-left: 0;
    padding-left: 0;
    margin-top: 25px
}

@media (max-width:1299.98px) {

    .footer_tech,
    footer .ftr-section .ftr-adrs .cnt-adrs {
        margin-top: 15px
    }
}

@media (max-width:1300px) {
    .navbar-dark .navbar-nav .nav-link {
        font-size: 15px
    }

    footer .ftr-section .ftr-adrs .cnt-adrs:first-child,
    footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(2),
    footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(3),
    footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(4) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .footer_address_wic {
        gap: 15px
    }

    .footer_address_ic {
        flex: 0 0 115px
    }

    footer .ftr-section .ftr-adrs .cnt-adrs .cnt-phn {
        margin-bottom: 0
    }
}

.footer_address_wic {
    display: flex;
    gap: 15px
}

.footer_address_ic {
    flex: 0 0 149px
}

footer .ftr-section .ftr-adrs .cnt-adrs .cnt-name {
    font-size: 15px;
    font-weight: 500;
    color: #f80;
    text-transform: uppercase
}

footer .ftr-section .ftr-adrs .cnt-adrs .cnt-ad {
    padding: 8px 0
}

footer .ftr-section .ftr-adrs .cnt-adrs .cnt-phn {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #000
}

.ftr-award {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px
}

.links-container {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    border-bottom: 1px solid #ccc
}

.nw-ftr-links h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 4px
}

.nw-ftr-links h4::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #ed1f24
}

.benifts ul,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.nw-ftr-links-menu li a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
    color: #000;
    position: relative;
    transition: 0.2s ease-in-out;
    padding-bottom: 4px;
    font-weight: 400
}

.nw-ftr-links-menu li a:after {
    content: "";
    width: 100%;
    border-bottom: 2px solid #ed1f24;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.2s ease-in-out
}

footer .ftr-nav ul li {
    display: inline-block;
    border-right: 0;
    margin-bottom: 10px
}

footer .ftr-nav ul li a {
    font-weight: 500;
    color: #363636;
    font-size: 13px !important;
    transition: 0.1s ease-in-out;
    position: relative
}

footer .ftr-nav ul li.example:after {
    content: "|";
    margin: 0 8px;
    color: #beb9b9;
    font-size: 11px
}

footer .ftr-nav .copyrgt {
    font-size: 15px;
    margin-top: 10px !important
}

footer .ftr-social-media {
    display: flex;
    justify-content: flex-end;
    gap: 5px
}

footer .ftr-social-media li {
    display: inline-block;
    margin: 0
}

footer .ftr-social-media li a img {
    border-radius: 50%
}

.hvr-grow {
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:active,
.hvr-grow:focus,
.hvr-grow:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: none !important
}

.nw-ftr-links-menu li a:hover {
    color: #ed1f24;
    padding-left: 2px
}

.nw-ftr-links-menu li a:hover:after {
    transform: scaleX(1)
}

.pointer-listing {
    column-count: 2;
    margin-top: 1rem
}

.banner_btns .icon {
    position: initial !important;
    margin-right: 7px !important;
    flex: 0 0 20px
}

.pointer-listing li {
    margin-bottom: 12px;
    padding-left: 22px;
    font-size: 18px;
    color: #212529;
    position: relative
}

.paginaton {
    margin: 20px;
    text-align: center
}

.pointer-listing li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 2px;
    height: 18px;
    width: 18px;
    background-image: url(https://demo.jploft.com/img/pointer-mark.svg);
    background-size: cover
}

.home_abt {
    padding: 20px 0 50px
}

.home_abt_bg {
    background: #fff;
    padding: 20px;
    border-radius: 20px
}

.home_abt_cnt {
    padding: 10px 0 10px 10px
}

.home_abt_cnt h3 {
    background: linear-gradient(90deg, #a85d99 .04%, #5680c4 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    font-size: 35px
}

.btn_full_img img {
    max-height: 350px;
    margin: 0 auto
}

.home_abt_btn {
    animation: 15s infinite gradient1;
    background: #ee7752;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5);
    background-size: 400% 400%;
    height: 100%;
    padding: 10px;
    color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.d-none.flex-sm-fill.d-sm-flex.align-items-sm-center.justify-content-sm-between {
    display: flex !important
}

.d-none.flex-sm-fill.d-sm-flex.align-items-sm-center.justify-content-sm-between p.small.text-muted {
    display: none
}

@media screen and (max-width:576px) {

    .heading-section p,
    .we-re-jp p,
    p {
        line-height: 24px;
        font-size: 14px
    }

    .d-none.flex-sm-fill.d-sm-flex.align-items-sm-center.justify-content-sm-between {
        display: none !important
    }

    .d-flex.justify-content-between.flex-fill.d-sm-none {
        display: flex !important
    }
}

@media (max-width:991.98px) {
    .nav-item.example.ai-journey-btn {
        width: 220px;
        border: 0 !important
    }

    .support_modal_itm {
        padding: 20px
    }

    .support_modal_cnt {
        font-size: 110px;
        flex: 0 0 70px;
        max-width: 70px
    }
}

@media (max-width:576.98px) {
    .active_menu #navbarSupportedContent {
        top: 100px;
        height: calc(100vh - 100px)
    }

    #navbarSupportedContent {
        padding: 0 30px
    }

    .accrodn-section-faq .btn-header-link {
        padding: 15px 50px 15px 20px;
        border-radius: 20px
    }

    footer .ftr-nav {
        padding: 15px 15px 0 !important;
        border-left: 0 !important
    }

    .footer_row img[alt="JPLoft"] {
        height: 60px !important
    }

    .accrodn-section-faq .btn-header-link,
    .blogapp_page_stats-con h4,
    .buss-dtl-sct p,
    .home_banner_clients h4,
    .modal_static_heading h2,
    .servicess_itm_head_nm {
        font-size: 16px
    }

    .home_abt_row {
        margin: 0 -5px
    }

    .home_abt_info .section-heading {
        margin-bottom: 10px
    }

    .home_abt_col {
        margin-top: 15px;
        padding: 0 5px
    }

    .home_abt_info,
    .jploft_hme_con .btn-sec {
        text-align: center
    }
}

@media (max-width:400px) {
    .header_contact_itm p {
        font-size: 13px
    }

    .header_contact_itm a {
        font-size: 12px
    }

    .support_modal_itm {
        padding: 15px;
        gap: 15px
    }

    .support_modal_cnt {
        font-size: 70px;
        flex: 0 0 40px;
        max-width: 40px;
        line-height: 55px
    }

    .support_modal_con h3 {
        margin-bottom: 10px;
        margin-left: 0
    }

    .support_modal_con {
        padding-top: 10px
    }

    .modal_new_cn .contact_page_itms li {
        font-size: 15px
    }

    .modal_static_con .contact_top_bn h4 {
        padding-left: 0
    }

    .contact_hr_itm_ic img {
        margin: 0 !important
    }

    .blog-sec .btn-primary,
    .hom-new .btn-primary {
        white-space: unset;
        line-height: 1.2
    }

    .banner_btns .btn {
        width: 100%;
        margin: 0 0 10px;
        padding: 0 20px !important;
        min-height: 40px;
        min-width: 100%
    }
}

.services_sec_itm a {
    color: #fff;
    text-decoration: underline
}

@media (max-width:1199px) {
    .pointer-listing li {
        font-size: 16px
    }

    .pointer-listing li::before {
        top: 0
    }
}

@media (max-width:991.98px) {

    #ft_footer_v2_modal .close,
    #modal_static2 .close {
        width: 30px !important;
        height: 30px !important
    }

    .region-menu-tp {
        font-size: 14px
    }

    .home_abt_btn {
        padding: 20px
    }

    #ft_footer_v2_modal .close {
        right: 3px;
        top: 3px
    }

    .protect_nda_s input {
        width: 18px;
        height: 18px
    }

    .footer_lgs,
    .modal_static_con .ovr-rting,
    .modal_static_form {
        margin-top: 20px
    }

    .modal_static_s .heading_h1 {
        margin-bottom: 0
    }

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

    .modal_static_con h4 {
        text-align: left
    }

    .modal_static_con .contact_top_bn .contact_top_bn_itms .contact_top_bn_itm p {
        font-size: 15px !important
    }

    p.red_text {
        font-size: 13px
    }

    .port-secs-cn .heading-section p,
    .protect_nda_s label {
        font-size: 15px
    }

    #modal_static .close,
    #modal_static1 .close,
    #modal_static2 .close {
        right: 3px !important;
        top: 3px !important
    }

    .modal_static_s .row {
        flex-direction: column-reverse
    }

    #modal_static2 .modal_static_itms .modal_static_itm {
        flex: 0 0 65px
    }

    .support_modal_con h3 {
        margin-bottom: 15px;
        margin-left: 0
    }

    .footer_tech,
    .home_banner_clients,
    footer .ftr-section .ftr-adrs .cnt-adrs {
        margin-top: 25px
    }
}

@media (max-width:767.98px) {
    .admin-type {
        margin: 30px 0 0
    }
.modal_static_s .heading_h1 h2{
    font-size: 29px !important;
    line-height: normal;
}
    .tab_cn_pn .row .row [class*="col-"]:first-child .admin-type {
        margin: 0
    }

    .modal_static_con .contact_top_bn {
        border-left: 0
    }

    .service_hd_menu_con .services_menu .accordion .tab_menu_con_body_itm a {
        padding: 5px 0
    }

    .navbar-dark .navbar-toggler {
        top: 16px
    }

    .btn_full_img,
    .hidden-md {
        display: none
    }

    .blockchain_plateform_sld_con,
    .groc-dtl.mobl_app_con,
    .groc-dtl.mobl_app_con .btn-sec,
    .new_button_con,
    .new_button_con .btn-sec,
    .new_button_con h2,
    .review_banner_s .tsibog-bnr-content,
    .review_banner_s h1,
    .serviceNew_s_itm_con,
    .serviceNew_s_itm_con .btn-sec {
        text-align: center
    }

    .ovr-rting {
        flex-direction: column
    }

    .b2b-feature-sec ul li,
    .banner_btns .btn,
    .elearn-section .content-panel p,
    .global-typo p,
    .hom-new .btn-primary,
    .we-re-jp p {
        font-size: 15px
    }

    .mobile_btns .nav-item:last-child {
        border-bottom: 0 !important
    }

    .hom-new .sld_sec .btn-primary-icon {
        white-space: normal;
        line-height: 1.3;
        width: 100%
    }
}

@media screen and (max-width:576px) {

    .section-heading p,
    p {
        font-size: 14px
    }

    #modal_static .close,
    #modal_static1 .close,
    #modal_static2 .close {
        right: 3px !important;
        top: 3px !important
    }

    .header_menu_itms.services_menu [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .abt-dtl h2 {
        line-height: 1.4
    }

    .section-img_new img {
        margin: 0 !important
    }

    .heading_h2,
    .section-heading h2,
    h2 {
        font-size: 22px !important
    }

    h3 {
        font-size: 18px
    }

    .heading_h2+.line-red+p {
        margin-top: 15px
    }

    .ul_list li {
        flex: 0 0 100%
    }

    .home_btn_section .buss-dtl-sct .new_button_con,
    .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con,
    .homeblk_btn_section .buss-dtl-sct .new_button_con {
        padding: 42px 30px 50px
    }

    .admin-desn_tabs .nav-pills .nav-link {
        font-size: 13px;
        padding: 8px 10px
    }

    .mobile_hide {
        display: none !important
    }

    .ag-timeline-card_info {
        padding: 15px 10px;
        gap: 10px
    }

    .heading_h3,
    .modal_static_s .heading_h1 h2 {
        font-size: 18px !important
    }

    #modal_static2 .modal-content .modal-body {
        padding: 10px
    }

    footer .footer_row .ftr-social-media,
    footer .ftr-section .ftr-form .btn {
        margin-top: 15px;
        justify-content: flex-start;
        margin-bottom: 15px
    }

    footer .ftr-nav ul li {
        display: inline-block;
        border-right: 0;
        margin-bottom: 0
    }
}

.region-menu-tp {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    margin: 5px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px
}

@media (max-width:576.98px) {
    .pointer-listing {
        text-align: left;
        column-count: 1
    }

    .pointer-listing li {
        margin-bottom: 10px;
        font-size: 12px
    }

    .pointer-listing li::before {
        height: 16px;
        width: 16px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .apps-carft-screen-short-ssection.section-padding.screens_sec.lazy-section,
    .blockchain_plateform.about_blockchain .blockchain_plateform_bt_img,
    .btn_full_in .pt-5 img,
    .portfolio_screens img:last-child,
    .section-img.section-img_new {
        display: none
    }

    .col-lg-6 .portfolio_screens {
        display: none
    }

    .buss-dtl-sct-con.new_button_con .ul_list li {
        text-align: left
    }

    .buss-dtl-sct .p-4.d-flex.justify-content-center,
    .service_restimonial,
    .tab-content>.tab-pane .admin-img {
        display: none !important
    }

    .apps-develop-met p {
        display: block !important
    }

    .apps-develop-met .btn-sec {
        text-align: center !important;
        margin-bottom: 30px;
        margin-top: 20px !important
    }

    .btn_full {
        padding-top: 15px !important
    }

    #ft_footer_v2_modal .modal-content,
    #modal_static2 .modal-content .modal-body {
        padding: 40px 15px 15px
    }

    #ft_footer_v2_modal .heading_h5,
    .responsnce_time_2 {
        font-size: 14px
    }

    #ft_footer_v2_modal .modal_static_form {
        padding: 10px
    }

    .ovr-rting ul {
        margin-bottom: 7px;
        margin-right: 0
    }

    #ft_footer_v2_modal .close img {
        width: 10px
    }

    #ft_footer_v2_modal .heading_h1 h2 {
        font-size: 20px !important
    }

    .modal_static_con h4 {
        font-size: 16px
    }

    .modal_static_con p {
        font-size: 12px;
        line-height: 1.3;
        margin-top: 5px
    }

    .modal_static_con .contact_top_bn .contact_top_bn_itms .contact_top_bn_itm {
        justify-content: flex-start
    }

    .modal_static_itms {
        gap: 10px 20px !important
    }

    .modal_static_itm {
        flex: 0 0 60px
    }

    .map_footer_con {
        display: none;
        border-radius: 25px 25px 0 0;
        background: linear-gradient(0, rgb(255 255 255 / .3) .32%, rgb(255 255 255 / .31) 51.58%, #fff 99.86%);
        padding: 20px !important;
        width: 100%
    }

    #modal_static2 .modal_static_con .ovr-rting .ovr-rting-con p,
    .app_works_con .row [class*="col-"]:last-child .app_works_itm,
    .app_works_itm,
    .different_industries_itm,
    .gro-text,
    .home_banner_clients,
    .home_page .slider-heading h1,
    .home_page_jploft .heading-section,
    .home_rank_btns .rnk-cover a .rnk-bsns-bg,
    .jploft_hme_con,
    .map_footer_con,
    .map_footer_con .btn-sec,
    .mobl_app_con,
    .page_portfolio_itm_con,
    .rnk-bsns-bg h5,
    .rnk-bsns-bg p,
    .rnk-bsns-header-left,
    .section-heading h2,
    .slider-heading .banner_btns {
        text-align: center
    }

    .map_footer_in_india {
        display: block !important;
        height: 200px;
        border-radius: 25px;
        margin-bottom: 25px;
        background-position: bottom
    }

    footer .ftr-section .ftr-adrs .cnt-adrs:first-child,
    footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(2),
    footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(3),
    footer .ftr-section .ftr-adrs .cnt-adrs:nth-child(4) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .footer_address_wic {
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center
    }

    .heading_h2,
    .section-heading h2,
    h2 {
        font-size: 22px !important
    }

    .navbar-brand img {
        height: 50px !important;
        width: 100px !important
    }

    .dmca-badge {
        justify-content: start
    }
}

@media only screen and (max-width:768px) {

    .buss-dtl-sct-img,
    .hire_counters,
    .home_banner_clients,
    .home_page .slider-heading p br,
    .homeblk_btn_section p,
    .service_hd_menu_con .services_menu .tab-content,
    .swiper_sld_head span,
    .trust-itm-h p,
    section.fiiter_contry_s {
        display: none
    }

    .effort_sec_blk .effort_sec_itms {
        margin-top: 30px
    }

    .banner_btns .free_qty_btn,
    .home-page-trust,
    .home_banner_clients,
    .technologies_sec .tab-content>.active,
    .technologies_sec .techno-log-tabs,
    .technologies_sec .techno-log-tabs .tab-content {
        display: none !important
    }

    .ftr-adrs .row [class*="col-"] {
        padding: 0 15px !important
    }

    .footer_address_wic {
        gap: 15px;
        flex-wrap: wrap;
        justify-content: start
    }

    .contact_top_bn .contact_hr_itm_con h5,
    .home-page-rank h3,
    .home-page-rank h3 sup,
    .servicess_itm li a,
    .techno-log-tabs button,
    footer .ftr-section .ftr-adrs .cnt-adrs .cnt-ad,
    footer .ftr-section .ftr-adrs .cnt-adrs .cnt-name,
    footer .ftr-section .ftr-adrs .cnt-adrs .cnt-phn {
        font-size: 13px
    }

    #modal_static2 .modal_static_con .ovr-rting .ovr-rting-con p,
    .app_works_con .row [class*="col-"]:last-child .app_works_itm,
    .app_works_itm,
    .different_industries_itm,
    .gro-text,
    .home_banner_clients,
    .home_page .slider-heading h1,
    .home_page_jploft .heading-section,
    .home_rank_btns .rnk-cover a .rnk-bsns-bg,
    .jploft_hme_con,
    .mobl_app_con,
    .page_portfolio_itm_con,
    .rnk-bsns-bg h5,
    .rnk-bsns-bg p,
    .rnk-bsns-header-left,
    .section-heading h2,
    .slider-heading .banner_btns {
        text-align: center
    }
}

.casestudy_bnr,
.contact_page_banner,
.sld_sec,
.sld_sec.service_sld,
.slider-section {
    min-height: calc(100vh - 106px);
    margin-top: 106px;
    position: relative
}

.mobile_sec_heder {
    justify-content: end !important;
    padding: 0
}

.header-growth-btn {
    margin-top: 0 !important
}

.navbar-dark .navbar-nav .nav-link .verticalbaseLine {
    height: auto
}

.btn-sec .btn-primary {
    padding: 11.5px 30px !important;
    border-radius: 40px;
    border: 1px solid #ed1f24
}

.blog-sec .btn-primary img,
.clutch_poewerdby img,
.clutch_sec_sld_itm_stars img,
.hom-new .btn-primary img {
    margin-left: 9px
}

.btn-primary-icon .icon {
    position: absolute;
    left: 0;
    top: 5px
}

@media (max-width:1399px) {
    .mobile-btn .btn-primary-icon {
        margin-top: 5px !important
    }
}

@media screen and (max-width:991.98px) {

    .count-up p,
    .hom-new .btn-primary,
    .nmbrs span {
        font-size: 13px
    }
}

@media screen and (max-width:767.98px) {

    .navbar-default .navbar-brand,
    .navbar-nav {
        display: inline
    }

    .navbar .nav-item {
        border-bottom: 1px solid #e2e2e2
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: 15px 0;
        text-transform: uppercase;
        display: flex;
        justify-content: space-between
    }

    .mobile_logo_footer {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }
}

.blockchain_plateform {
    background: bottom/cover #0b1634
}

@media (max-width:575.98px) {
    .hom-new .we-wrk .btn-primary {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }
}

@media screen and (max-width:576px) {
    .btn-primary-icon .icon {
        left: -3px;
        top: 3px
    }

    .buss-dtl-sct h2,
    .contact_page_banner h3,
    .why-jploft h3,
    h3 {
        line-height: 1.3
    }

    .slider_nm#grocery-banner .pdng-cntnr {
        padding: 30px 15px 40px
    }
}

@media (max-width:767.98px) {

    .about_leftbg::before,
    .banner_img_s,
    .block_sec_itm::before,
    .container.mt-5.port-secs-cn,
    .content_resources_shape,
    .different_middle_images,
    .header_contact_itm:last-child,
    .home-page-rank .rnk-bsns_itm_ic,
    .home_abt_img,
    .home_blockchain_itm_img,
    .homeblk_btn_section_home+.homeblk_btn_section,
    .port-desc.pprtt-sldr,
    .ppttjp.redbl.port-bnr-cvr img:first-child,
    .review_banner_s .hire_counters,
    .servicess_itm_con,
    .sky-hide,
    .sld_sec .swipe_slider,
    .stat-vid .counter,
    .stat-vid.counter_s,
    .trust-itm img {
        display: none
    }

    .abt-jplft ul li {
        padding-left: 40px;
        margin-top: 20px;
        font-size: 15px;
        background-size: 20px;
        line-height: 1.3
    }

    .hiring_modal_itm {
        height: auto;
        padding: 20px
    }

    textarea.form-control {
        width: 100% !important;
        height: auto !important
    }

    .hiring_modal_itms .row {
        gap: 20px !important
    }

    .header_contact_itm .drp_img img,
    .img-fluid,
    select.form-control[multiple],
    select.form-control[size],
    textarea.form-control {
        width: 26px;
        height: 26px
    }

    .archive-wrap .archive-main article {
        margin-top: 2rem
    }
}

@media screen and (max-width:1200px) {
    .modal_static_s #form1 .row .col-md-12 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width:1199.98px) {
    .modal_static_s .heading_h1 .modal_block {
        font-size: 20px
    }

    .modal_new_cn .contact_page_itms li::before {
        background-size: 18px !important;
        height: 18px
    }

    .modal_static_form .btn.btn-primary.frm-btn {
        width: 100%;
        padding: 16px 20px !important
    }

    .modal_static_form .addfile:after {
        width: 112px
    }

    .modal_static_s .protect_nda_s {
        justify-content: flex-start
    }

    .header_menu_tab_con,
    .tab_menu_con_body_itm a {
        font-size: 15px
    }

    #navbarSupportedContent .nav-link.dropdown-toggle.active+.dropdown-menu {
        display: block;
        background: 0 0;
        box-shadow: none;
        border-radius: 0;
        padding: 0
    }

    .t_img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px
    }
}

@media (max-width:991.98px) {

    .app_works_itm_con h4,
    .clutch_r_user_nm,
    .d-soltions.Innovative .cntnts-r h3,
    .h4,
    h4 {
        font-size: 18px
    }

    .heading_h3 {
        font-size: 20px !important
    }

    h3 {
        font-size: 20px
    }
}

.app-pike-kfc .delp-srvce .section-heading span,
.app-pike-kfc .features_sec_tabs ul.nav-pills .nav-link.active,
.app-pike-kfc .features_sec_tabs ul.nav-pills .nav-link:hover,
.line-red {
    background: #e51b19
}

.custom_sec_heading {
    position: absolute;
    top: 45px;
    text-align: center;
    width: 100%;
    left: 0
}

.center-body {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000b8;
    z-index: 9999999;
    top: 0;
    left: 0
}

@media (max-width:991.98px) {
    .hiring_modal_ic {
        flex: 0 0 60px
    }

    .custom_sec .section-heading {
        width: 100%;
        padding-right: 0
    }

    .custom_sec_info {
        padding: 15px;
        gap: 15px
    }

    .custom_sec_ic {
        flex: 0 0 70px;
        height: 70px
    }

    .custom_sec_con .heading_h3,
    .needs_sec_con .heading_h3,
    .pg_solutions_con .heading_h3 {
        margin-bottom: 10px
    }

    .custom_sec_itm:first-child [class*="col-"]:nth-child(2),
    .custom_sec_itm:first-child [class*="col-"]:nth-child(3) {
        margin-top: -80px;
        padding-top: 80px
    }
}

@media (max-width:767.98px) {
    .apps-carft-screen-short-ssection {
        display: none
    }

    .abt-jplft ul {
        margin-top: 25px;
        margin-bottom: 21px
    }

    .custom_sec .section-heading,
    .mistake_sec_con {
        text-align: center
    }

    .blog-sec .text-right,
    .we-wrk .text-right {
        text-align: center !important
    }

    .port-secs .heading-section {
        margin-bottom: 15px
    }

    .custom_sec_itms {
        margin-top: 25px
    }

    .apps-develop-met .btn-sec {
        margin-bottom: 0 !important
    }

    .btn_full_img,
    .hidden-md {
        display: none
    }

    .rnk-bsns-header-right .row .col {
        overflow-x: visible !important
    }
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti--separate-dial-code .iti__selected-dial-code,
.iti__arrow {
    margin-left: 6px
}

.iti__arrow {
    width: 0;
    height: 0;
    border-left: 3px solid #fff0;
    border-right: 3px solid #fff0;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: 0;
    border-bottom: 4px solid #555
}

.archive-count,
.page-subtitle {
    color: rgba(var(--cs-color-primary-rgb), .5)
}

.title-block {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--cs-color-title-block)
}

.title-block:after {
    display: block;
    background: currentColor;
    margin-top: .125rem;
    width: 100%;
    height: 1px;
    content: ""
}

.button-transparent,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--cs-color-headings)
}

.meta-category a .label:after {
    background-color: var(--cs-color-primary);
    width: 100%;
    height: 1px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: translateY(1px);
    transition: 0.15s cubic-bezier(.39, .575, .565, 1);
    transition-property: opacity, transform;
    content: ""
}

.site-content ul {
    list-style-position: inside
}

.pk-widget-posts .pk-post-meta,
.post-meta>li {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.meta-author .author a {
    display: flex;
    align-items: center;
    font-weight: 700
}

.archive-wrap .archive-full .more-link,
.archive-wrap .archive-timeline .more-link,
.cnvs-block-twitter .pk-twitter-wrap .pk-twitter-header a,
.cnvs-block-twitter .pk-twitter-wrap a:hover,
.cs-breadcrumbs a:focus,
.cs-breadcrumbs a:hover,
.cs-list-articles>li>a:hover,
.meta-category a:hover .label,
.offcanvas-brand,
.pk-inline-posts-container .pk-title a,
.pk-inline-posts-container .post-meta .meta-category a:hover,
.pk-twitter-counters .number,
.pk-twitter-name a,
.pk-twitter-username a:hover,
.post-meta .author a,
.post-meta a,
.post-meta a:focus,
.post-meta a:hover,
.sight-portfolio-area-filter__title,
.wp-block-archives-list>li>a:hover,
.wp-block-categories-list>li>a:hover,
.wp-block-categories__list>li>a:hover,
.wp-block-latest-posts>li>a:hover,
.wp-block-pullquote blockquote:not(.has-text-color),
[data-scheme] {
    color: var(--cs-color-primary)
}

.post-meta>li:not(:last-child):after {
    margin-right: .5rem;
    content: "\b7";
    margin-left: .5rem
}

.post-media {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.h1 a:focus,
.h1 a:hover,
.h2 a:focus,
.h2 a:hover,
.h3 a:focus,
.h3 a:hover,
.h4 a:focus,
.h4 a:hover,
.h5 a:focus,
.h5 a:hover,
.h6 a:focus,
.h6 a:hover,
h1 a:focus,
h1 a:hover,
h2 a:focus,
h2 a:hover,
h3 a:focus,
h3 a:hover,
h4 a:focus,
h4 a:hover,
h5 a:focus,
h5 a:hover,
h6 a:focus,
h6 a:hover {
    color: var(--cs-color-headings-hover);
    text-decoration: none
}

img {
    border-style: none
}

@media (max-width:1180px) {

    .archive-heading-small.archive-grid .entry-title,
    .archive-heading-small.archive-masonry .entry-title,
    .sidebar-enabled .archive-heading-small.archive-list .entry-title {
        font-size: 1rem !important
    }
}

@media (min-width:1181px) {

    .archive-heading-small.archive-grid .entry-title,
    .archive-heading-small.archive-masonry .entry-title,
    .sidebar-enabled .archive-heading-small.archive-list .entry-title {
        font-size: 1.2rem !important
    }
}

@media (min-width:1020px) {
    .page-title {
        font-size: 4.5rem
    }

    .main-content {
        display: flex;
        flex-wrap: wrap;
        margin-right: -20px;
        margin-left: -20px
    }

    .sidebar-left .content-area,
    .sidebar-right .content-area {
        flex: 0 0 calc(100% - 340px);
        max-width: calc(100% - 340px)
    }

    .sidebar-area {
        position: relative;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        flex: 0 0 340px;
        max-width: 340px
    }
}

.sidebar-area .sidebar-1:not(:empty),
.sidebar-area .sidebar-2:not(:empty) {
    padding-top: 60px
}

@media (min-width:720px) {

    .archive-wrap .archive-grid,
    .archive-wrap .archive-masonry {
        display: flex;
        flex-wrap: wrap;
        margin-right: -20px;
        margin-left: -20px
    }

    .archive-wrap .archive-grid article:nth-child(-n+2),
    .archive-wrap .archive-masonry>article:nth-child(-n+2) {
        margin-top: 0
    }

    .archive-wrap .archive-grid article,
    .archive-wrap .archive-masonry .archive-col,
    .archive-wrap .archive-masonry>article {
        position: relative;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        flex: 0 0 50%;
        max-width: 50%
    }

    .sidebar-area {
        display: flex;
        flex-wrap: wrap;
        margin-right: -20px;
        margin-left: -20px;
        margin-top: 3rem
    }

    .sidebar-area .sidebar {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        flex: 0 0 50%;
        max-width: 50%;
        position: initial
    }

    .sidebar-area .sidebar-1:not(:empty),
    .sidebar-area .sidebar-2:not(:empty) {
        padding-top: 0
    }
}

@media (max-width:400px) {
    .blog_start {
        padding: 94px 0 0
    }
}

@media (max-width:1024.98px) {
    .site-content-blog .main-content {
        width: 800px;
        max-width: 100%;
        margin: 0 auto
    }

    .entry-content>blockquote {
        margin-top: 0
    }
}

.emailcontainer .hovr-pop-hdng {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px
}

.dropdown-content ul:first-child {
    border-right: 1px solid #eee
}

.emailcontainer p {
    font-size: 15px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 10px
}

.dropdown-content ul li p {
    font-size: 18px;
    margin-bottom: 10px;
    color: #ff3546
}

.emailcontainer .dropdown-content a {
    color: #fff !important;
    padding: 8px 0 !important;
    text-decoration: none;
    display: block;
    font-size: 14px !important
}

@media screen and (min-width:992px) {
    .navbar-dark .navbar-nav .nav-link {
        padding: 23.8px 7px
    }

    .navbar .dropdown-menu li a {
        padding: 8px 0 !important;
        border-radius: 4px 0 0 4px;
        color: #fff;
        text-decoration: none;
        width: 100%
    }
}

.drp_img {
    flex: 0 0 45px;
    display: flex;
    justify-content: center
}

.emailcontainer .dropdown-content img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.emailcontainer .drp_img img {
    height: 20px
}

.emailcontainer a span::after {
    content: "";
    background: #ed1f24;
    height: 1px;
    position: absolute;
    bottom: -3px;
    width: 0;
    transition: 0.5s;
    left: 0
}

@media screen and (max-width:1200px) {
    .modal_static_s .row .col-lg-6:first-child {
        display: none !important
    }

    .modal_static_s .row .col-lg-6:last-child {
        min-width: 100% !important
    }

    .modal-dialog {
        max-width: 90%;
        margin: 1.75rem auto
    }

    .modal_static_s #form1 .row .col-md-12 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .modal_static_s #form1 .row .col-md-12:nth-child(4) {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:1100px) {

    .casestudy_bnr,
    .contact_page_banner,
    .sld_sec,
    .sld_sec.service_sld,
    .slider-section {
        min-height: auto;
        margin-top: 106px;
        position: relative
    }
}

@media screen and (max-width:992px) {
    .modal_static_form form .row .col-md-6 {
        max-width: 100% !important
    }

    #grocery-banner .pdng-cntnr {
        padding: 40px
    }
}

@media (max-width:1199px) {
    .pointer-listing li {
        font-size: 16px;
        text-align: left
    }
}

@media (max-width:768px) {
    .modal_static_s #form1 .row .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.modal-xl {
    max-width: 1340px !important
}

.entry-container p a {
    color: #007bff
}

.accrodn-section-faq .btn-header-link:focus,
.page-item:first-child .page-link:focus,
.page-item:last-child .page-link:focus,
.page-link:focus {
    box-shadow: none !important
}

#grocery-banner .gro-form .bodysec .addfile:after,
.ftr-section .addfile:after,
.sidebar-area-in #grocery-banner .gro-form .bodysec .addfile:after {
    width: 111px
}

@media screen and (max-width:1200px) {
    .sidebar-area-in #grocery-banner .gro-form .bodysec .addfile:after {
        width: 119px
    }
}

@media (max-width:767.98px) {

    .abt-jplft ul,
    .custom_sec_itms {
        margin-top: 25px
    }

    .apps-carft-screen-short-ssection,
    .btn_full_img,
    .hidden-md {
        display: none
    }

    .abt-jplft ul {
        margin-bottom: 21px
    }

    .custom_sec .section-heading,
    .mistake_sec_con {
        text-align: center
    }

    .blog-sec .text-right,
    .we-wrk .text-right {
        text-align: center !important
    }

    .port-secs .heading-section {
        margin-bottom: 15px
    }

    .apps-develop-met .btn-sec {
        margin-bottom: 0 !important
    }

    .rnk-bsns-header-right .row .col {
        overflow-x: visible !important
    }

    .site-content-blog .accrodn-section-faq .card .card-body {
        padding: 10px 22px
    }

    .service_hd_menu_con .services_menu .accordions-items .accordions-header .accordions-btn {
        padding-left: 0;
        padding-top: 0
    }
}

.tab_menu_con_body .col-5 {
    flex: 0 0 20%
}

div#navbarSupportedContent {
    justify-content: end
}

.header_contact_itm::after {
    content: "|";
    color: #636060;
    width: .5px;
    margin: 0 20px 0 15px
}

footer .ftr-section .addfile:after {
    width: 110px
}

footer .ftr-section .addfile {
    border: 0 !important
}

footer .ftr-nav ul li.example:last-child::after {
    display: none
}

@media screen and (max-width:577px) {
    .sidebar-area-in #grocery-banner .gro-form .bodysec .addfile:after {
        width: 128px;
        top: 0
    }

    footer .ftr-section .addfile:after {
        width: 112px;
        top: -4px;
        height: 114%
    }
}

@media (min-width:1020px) {
    .sidebar-area {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .sidebar-area .sidebar {
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        padding-left: 0;
        padding-right: 0
    }

    .sidebar-area .sidebar-1 {
        display: block
    }

    .cs-container {
        max-width: 1450px !important
    }

    .sidebar-left .content-area,
    .sidebar-right .content-area {
        flex: 0 0 calc(100% - 340px);
        max-width: calc(100% - 340px);
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width:1020px) {
    .cs-container {
        max-width: 1020px
    }
}

.pagination .page-link {
    border-radius: 50px;
    min-width: 37px;
    height: 37px;
    color: #000
}

.pagination {
    gap: 5px;
    padding: 18px 0 0
}

.page-item.active .page-link,
button.wp-block-search__button.wp-element-button {
    background-color: #ed1f24 !important;
    border-color: #ed1f24 !important
}

.page-link:hover {
    color: #ed1f24 !important;
    background-color: #ed1f2424 !important;
    border-color: #fcdfe0 !important
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 50px !important;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #484848
}

.page-item:first-child .page-link:hover,
.page-item:last-child .page-link:hover {
    background: #000 !important;
    color: #fff !important
}

.meta-category a .char {
    text-transform: uppercase !important
}

@media screen and (max-width:550px) {
    .sidebar-area .sidebar-1:not(:empty) {
        padding-top: 0
    }

    .navbar-dark .navbar-toggler {
        top: 13px
    }
}

/*div#ft_footer_v2_modal button.slick-next.slick-arrow,
div#ft_footer_v2_modal button.slick-prev.slick-arrow,
div#modal_static2 button.slick-next.slick-arrow,
div#modal_static2 button.slick-prev.slick-arrow {
    top: 22% !important
}*/

li.nav-item.example.ai-journey-btn a {
    padding: 8px 20px !important
}

.dropdown-menu.dropdown_contact {
    padding: 15px !important
}

@media (min-width:576px) {
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }

    .calendly-booking-overlay .modal-dialog-centered,
    .modal-dialog-centered {
        margin: 1.75rem auto !important
    }

    .ai_video_wrapper,
    .get_funding_video_wrapper {
        border-radius: 10px 10px 0 0
    }

    footer .ftr-section .ftr-adrs .ftr-cont {
        letter-spacing: 2px
    }
}

.cs-overlay-blank,
.cs-overlay-link,
.header_new_contact [class*="col-"]:nth-child(2) .header_contact_itms .header_contact_itm:nth-child(2)::after,
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
img,
legend,
main,
nav,
pre,
section {
    display: block
}

.header_contact_itm::after {
    content: "|";
    color: #636060;
    width: .5px;
    margin: 0 20px 0 15px
}

.header_contact_itm p {
    margin-bottom: 0;
    padding-bottom: 0
}

@media (max-width:1199.98px) {
    .active_menu #navbarSupportedContent {
        padding-bottom: 30px;
        top: 99px;
        padding-bottom: 64px
    }
}

.contact_us_li a {
    width: 100%
}

@media screen and (max-width:400px) {
    .header_contact_itm a {
        font-size: 12px !important
    }

    .header_contact_itm::after {
        margin: 0 7px 0 15px !important
    }
}

.hd_mn_lft {
    height: 100%;
    padding: 30px;
    background: #feeded;
    border-radius: 0 0 0 15px
}

.hd_mn_ft_con {
    margin-top: 20px
}

.hd_mn_ft_con p.heading_h3 {
    font-weight: 600
}

.hd_mn_ft_con .btn-sec {
    flex-wrap: wrap;
    text-align: left;
    margin-top: 20px !important;
    display: flex;
    gap: 15px
}

#talkt {
    padding: 11.5px 11px !important;
    border-radius: 40px;
    border: 1px solid #ed1f24
}

.about_mn_itm p,
.hd_mn_ft_con .btn-sec p {
    font-size: 15px
}

.flip_box_img img {
    display: block !important
}

@media screen and (max-width:400px) {
    .header_contact_itm::after {
        margin: 0 7px 0 15px !important
    }

    .header_contact_itm a {
        font-size: 13px
    }
}

.navbar-nav .dropdown-menu {
    padding: 0 !important
}

.blog-sec .btn-primary,
.hom-new .btn-primary {
    border-radius: 100px !important
}

.btn-primary:hover {
    background: #ED1F24 !important;
    color: #fff !important
}

.jp-btn-primary,
.jp-btn-secondary {
    display: flex;
    height: 56px;
    padding: 17px 24px;
    align-items: center;
    gap: 12px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border-radius: 8px;
    transition: 0.3s ease;
    border-radius: 100px !important
}

.jp-btn-primary {
    border-radius: 8px;
    background: #ED1F24 !important;
    box-shadow: 0 0 20px 0 rgb(147 51 234 / .3);
    color: #fff
}

.jp-btn-primary:hover,
.jp_experts_cta:hover,
.jp_trust_business_cta:hover,
.jp_global_work_btn:hover,
.jp_cloud_devops_cta:hover,
.jp_industry_cta:hover,
.jp_story_cta:hover,
.btn-primary-icon:hover,
.btn-primary:hover {
    color: #fff;
    text-decoration: none;
    background-position: right center;
    background-size: 200% auto;
    -webkit-animation: pulse512 1.5s infinite;
    animation: pulse512 1.5s infinite
}

@keyframes pulse512 {
    0% {
        box-shadow: 0 0 0 0 #ED1F24
    }

    70% {
        box-shadow: 0 0 0 10px #ed1f2228
    }

    100% {
        box-shadow: 0 0 0 0 #ed1f2205
    }
}