.initialism,
.region-menu-tp,
.service_hd_menu_con
  .services_menu
  .accordions-items
  .accordions-header
  .accordions-btn,
footer .ftr-section .ftr-adrs .cnt-adrs .cnt-name,
footer .ftr-section .ftr-adrs .ftr-cont {
  text-transform: uppercase;
  text-transform: uppercase;
}
:root,
[data-site-scheme="default"] {
  --cs-color-site-background: #ffffff;
  --cs-color-topbar-background: #ffffff;
  --cs-color-navbar-background: #ffffff;
  --cs-color-submenu-background: #000000;
}
[data-site-scheme="dark"] {
  --cs-color-site-background: #1c1c1c;
  --cs-color-topbar-background: #1c1c1c;
  --cs-color-navbar-background: #1c1c1c;
  --cs-color-submenu-background: #000000;
}
:root,
[data-scheme="default"] {
  --cs-color-contrast-50: #f8f9fa;
  --cs-color-contrast-100: #f8f9fa;
  --cs-color-contrast-200: #e9ecef;
  --cs-color-contrast-300: #dee2e6;
  --cs-color-contrast-400: #ced4da;
  --cs-color-contrast-500: #adb5bd;
  --cs-color-contrast-600: #6c757d;
  --cs-color-contrast-700: #495057;
  --cs-color-contrast-800: #343a40;
  --cs-color-contrast-900: #212529;
  --cs-color-accent: #2e073b;
  --cs-color-primary: #000000;
  --cs-color-primary-rgb: "0,0,0";
  --cs-color-primary-contrast: #ffffff;
  --cs-color-secondary: #a8aab2;
  --cs-color-secondary-background: #f2f4f6;
  --cs-color-secondary-contrast: #000000;
  --cs-color-headings: #000000;
  --cs-color-headings-hover: #6c757d;
  --cs-color-title-block: #000000;
  --cs-color-link: #2e073b;
  --cs-color-excerpt: #66676d;
  --cs-palette-color-black: #000000;
  --cs-palette-color-cyan-bluish-gray: #abb8c3;
  --cs-palette-color-white: #ffffff;
  --cs-palette-color-pale-pink: #f78da7;
  --cs-palette-color-vivid-red: #ce2e2e;
  --cs-palette-color-luminous-vivid-orange: #ff6900;
  --cs-palette-color-luminous-vivid-amber: #fcb902;
  --cs-palette-color-light-green-cyan: #7bdcb5;
  --cs-palette-color-vivid-green-cyan: #01d083;
  --cs-palette-color-pale-cyan-blue: #8ed1fc;
  --cs-palette-color-vivid-cyan-blue: #0693e3;
  --cs-palette-color-vivid-purple: #9b51e0;
  --cs-palette-color-secondary: #818181;
  --cs-palette-color-gray-50: #f8f9fa;
  --cs-palette-color-gray-100: #f8f9fa;
  --cs-palette-color-gray-200: #e9ecef;
}
[data-scheme="inverse"] {
  --cs-color-contrast-50: rgba(255, 255, 255, 0.1);
  --cs-color-contrast-100: rgba(255, 255, 255, 0.1);
  --cs-color-contrast-200: rgba(255, 255, 255, 0.2);
  --cs-color-contrast-300: rgba(255, 255, 255, 0.3);
  --cs-color-contrast-400: rgba(255, 255, 255, 0.4);
  --cs-color-contrast-500: rgba(255, 255, 255, 0.5);
  --cs-color-contrast-600: rgba(255, 255, 255, 0.6);
  --cs-color-contrast-700: rgba(255, 255, 255, 0.7);
  --cs-color-contrast-800: rgba(255, 255, 255, 0.8);
  --cs-color-contrast-900: rgba(255, 255, 255, 0.9);
  --cs-color-secondary: rgba(255, 255, 255, 0.85);
  --cs-color-secondary-background: rgba(255, 255, 255, 0.1);
  --cs-color-headings-hover: rgba(255, 255, 255, 0.7);
  --cs-color-excerpt: rgba(255, 255, 255, 0.4);
  --cs-palette-color-secondary: rgba(255, 255, 255, 0.85);
  --cs-palette-color-gray-50: rgba(255, 255, 255, 0.1);
  --cs-palette-color-gray-100: rgba(255, 255, 255, 0.1);
  --cs-palette-color-gray-200: rgba(255, 255, 255, 0.2);
}
[data-scheme="dark"] {
  --cs-color-contrast-50: #000000;
  --cs-color-contrast-100: #333333;
  --cs-color-contrast-200: #494949;
  --cs-color-contrast-300: #606060;
  --cs-color-contrast-400: #777777;
  --cs-color-contrast-500: #8e8e8e;
  --cs-color-contrast-600: #a4a4a5;
  --cs-color-contrast-700: #bbbbbb;
  --cs-color-contrast-800: #d2d2d2;
  --cs-color-contrast-900: #e9e9e9;
  --cs-color-accent: #000000;
  --cs-color-secondary: #858585;
  --cs-color-secondary-background: #333333;
  --cs-color-headings-hover: #bbbbbb;
  --cs-color-link: #858585;
  --cs-color-excerpt: #777777;
  --cs-palette-color-secondary: #858585;
  --cs-palette-color-gray-50: #000000;
  --cs-palette-color-gray-100: #333333;
  --cs-palette-color-gray-200: #494949;
}
:root,
[data-scheme="dark"],
[data-scheme="default"] {
  --cs-color-accent-contrast: #ffffff;
  --cs-color-overlay-background: rgba(0, 0, 0, 0.25);
}
.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;
}
.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;
}
address,
legend {
  line-height: inherit;
}
progress,
sub,
sup {
  vertical-align: baseline;
}
button,
hr,
input {
  overflow: visible;
}
.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,
.emailcontainer a span,
.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 0.2rem rgb(0 123 255 / 0.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 {
  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,
.header_contact_itm p,
.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,
.protect_nda_s label,
.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;
}
b,
strong {
  font-weight: bolder;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
.btn-link:hover,
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
.btn-link,
.btn:hover,
.btn_and-tsi:hover,
.card-header a:hover,
.mega-dropdown-menu > li ul > li > a:focus,
.mega-dropdown-menu > li ul > li > a:hover,
.navbar .dropdown-menu li a,
.nw-ftr-links-menu li a,
.rnk-bsns a,
a,
a:hover,
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;
}
.ag-section,
.archive-wrap .entry-thumbnail,
.offcanvas-active,
.widget_media_gallery,
.widget_tag_cloud,
svg {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
caption {
  color: #6c757d;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
.about-txt,
.additional-bn img,
.ag-timeline-card_meta-box,
.card .content .back .social-icon li,
.conatact-map-location #map_wrapper1 .gm-style-iw.gm-style-iw-c h2 span,
.design-dev img,
.essence img,
.figure,
.fresh_product,
.industry-solution .industry-solution-content .description img,
.it_works img,
.it_works1 img,
.list-inline-item,
.map-section #map_wrapper .gm-style-iw.gm-style-iw-c h2 span,
.navbar-nav .hdr_phone a img,
.razer h2,
.result h3,
.site-rat img,
.slick-dots li,
.solution-bnr.srvces-bnr-E-Learning h1 span,
.solution-bnr.srvces-bnr-Seom h1 span,
.solution-bnr.srvces-bnr-Unity h1 span,
.solution-bnr.srvces-bnr-angul h1 span,
.solution-bnr.srvces-bnr-cake-bg h1 span,
.solution-bnr.srvces-bnr-cont-mark h1 span,
.solution-bnr.srvces-bnr-eco-mer h1 span,
.solution-bnr.srvces-bnr-high h1 span,
.solution-bnr.srvces-bnr-magento h1 span,
.solution-bnr.srvces-bnr-node h1 span,
.solution-bnr.srvces-bnr-ppc h1 span,
.solution-bnr.srvces-bnr-react-del h1 span,
.solution-bnr.srvces-bnr-saleforce h1 span,
.solution-bnr.srvces-bnr-shopify h1 span,
.solution-bnr.srvces-bnr-smo h1 span,
.solution-bnr.srvces-bnr-web h1 span,
.solution-bnr.srvces-bnr-yii-web h1 span,
.tab_menu_con_body_itm a,
.tsibog img,
a,
figure.effect-lexi:hover .lin-txt,
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;
}
legend {
  width: 100%;
  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"]::-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,
.d-none.flex-sm-fill.d-sm-flex.align-items-sm-center.justify-content-sm-between
  p.small.text-muted,
.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,
footer .ftr-nav ul li.example:last-child::after,
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: 0.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: 0.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),
.meta-author .by,
.post-prev-next .prev-link .link-arrow,
.post-tags ul > li:not(:last-child),
.tagcloud a:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\00A0";
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  height: auto;
}
.figure-img {
  margin-bottom: 0.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 {
  color: #fff;
  background-color: #212529;
  border-radius: 0.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;
}
.heading_h3 {
  font-size: 24px !important;
}
.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_para_verify.mt-0,
.clutch_sec_sld_itm_rt-ppupp,
.contact_top_bn_itm,
.meta-author .author,
.meta-shares .total,
.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,
.navbar-nav .cs-mega-menu .cs-mm-post .entry-header .post-meta .cs-icon,
.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 / 0.16);
  padding: 10px 20px;
  width: 100%;
  right: 0;
  left: 0;
  top: 100%;
  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;
  width: 100%;
}
.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;
}
.header_contact_itm .drp_img img,
.img-fluid,
img,
select.form-control[multiple],
select.form-control[size],
textarea.form-control {
  height: auto;
}
.d-none.flex-sm-fill.d-sm-flex.align-items-sm-center.justify-content-sm-between,
.dropdown_contact li a {
  display: flex !important;
}
.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://www.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 {
  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;
}
.about_mn_itm a,
.agriculture_app_portfolio1,
.archive-heading-small.archive-grid .entry-title a,
.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-item.active .page-link:hover,
.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 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,
.cs-card-sm .entry-title,
.cs-hero-layout .cs-hero-container,
.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,
.pk-widget-posts-template-large .pk-overlay-thumbnail img,
.post-media img,
.pprtt-sldr img,
.rnk-cover a,
.section-img img,
.servicess_itm ul li,
.single .entry-container .entry-content-wrap,
.sldr-clt-logo img,
.slick-slider,
.widget .pk-subscribe-with-bg button,
.widget .pk-subscribe-with-bg input[type="text"],
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-video video {
  width: 100%;
}
.header_contact_itm p {
  margin-left: 10px;
}
.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,
.hd_mn_ft_con .btn-sec 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,
.emailcontainer a:hover span::after,
.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;
}
.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://www.jploft.com/img/porfolios/fortfolio_bg_1.webp);
}
.headermnu_fll_6:nth-child(2) .headermnu_fll_itm {
  background-image: url(https://www.jploft.com/img/porfolios/fortfolio_bg_2.webp);
}
.headermnu_fll_6:nth-child(3) .headermnu_fll_itm {
  background-image: url(https://www.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 / 0.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;
}
@media (min-width: 1200px) {
  .header-new li.nav-item.dropdown.example:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: all;
    padding: 0;
  }
  .header-new .dropdown-menu {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 3px rgb(0 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;
  }
  .cnvs-block-section > .cnvs-block-section-outer,
  .content-not-found,
  .cs-container,
  .cs-hero-layout-fullwidth .cs-hero-container,
  .entry-header-large .entry-header-inner {
    max-width: 1200px;
  }
  .sidebar-right .content-area {
    padding-right: 40px;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 7px !important;
    padding-left: 7px !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;
  }

  .header-new .mobile_hide {
    display: none !important;
  }
  .mobile_btns {
    right: 40px;
    align-items: center;
    top: 5px;
    position: absolute;
  }
  .active_menu #navbarSupportedContent {
    top: 113px;
    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_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 / 0.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;
  }
  .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;
  }
}
.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 8px;
  font-size: 16px;
  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 / 0.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;
  }
}
.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: 0.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 / 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://www.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://www.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,
a.nav-link.dropdown-toggle.hover.hover-1.head_m.about_link.active
  + .dropdown-menu {
  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;
  font-family: Poppins;
}
#grocery-banner .gro-form .bodysec .addfile:after,
.ftr-section .addfile:after {
  content: " ";
  position: absolute;
  height: 100%;
  background-image: url(https://www.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,
.navbar-expand-xl .navbar-nav {
  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: inherit !important;
  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;
}
.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%;
}
.archive-related .title-block,
.archive-wrap .archive-full .entry-header,
.archive-wrap .archive-timeline .entry-header,
.cnvs-block-tabs .cnvs-block-tabs-buttons,
.cs-hero .hero-list article,
.delp-srvce [class*="col-"],
.entry-content .pk-row > [class*=" pk-col-"] > h1,
.entry-content .pk-row > [class*=" pk-col-"] > h2,
.entry-content .pk-row > [class*=" pk-col-"] > h3,
.entry-content .pk-row > [class*=" pk-col-"] > h4,
.entry-content .pk-row > [class*=" pk-col-"] > h5,
.entry-content .pk-row > [class*=" pk-col-"] > h6,
.entry-content .pk-row > [class^="pk-col-"] > h1,
.entry-content .pk-row > [class^="pk-col-"] > h2,
.entry-content .pk-row > [class^="pk-col-"] > h3,
.entry-content .pk-row > [class^="pk-col-"] > h4,
.entry-content .pk-row > [class^="pk-col-"] > h5,
.entry-content .pk-row > [class^="pk-col-"] > h6,
.entry-content div[class*=" pk-col-"],
.entry-content div[class^="pk-col-"],
.gallery,
.post-inner:not(:last-child) {
  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://www.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(0.8);
  opacity: 0.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 / 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 / 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 / 0.5);
  -moz-box-shadow: 0 0 0 0 rgb(0 0 0 / 0.5);
  -o-box-shadow: 0 0 0 0 rgb(0 0 0 / 0.5);
  box-shadow: 0 0 0 0 rgb(0 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 / 0.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 / 0.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://www.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(0.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 / 0.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 / 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 1.25rem;
  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://www.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;
  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 / 0.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-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 / 0.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: 0.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-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: 0.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;
}
.abt-jplft h4,
.header-growth-btn,
.home_btn_section button,
.mt-0,
.my-0,
.port-desc .btn-sec,
.service_restimonial .testi-mon,
.service_restimonial_head h4,
.site-content a {
  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: 0.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 20px 42px 0 rgb(0 0 0 / 0.5);
}
.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: 0.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,
.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: 111px;
  height: 100%;
  background-image: url(https://www.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 / 0.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://www.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://www.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 / 0.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;
  }
}
.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 / 0.2);
  box-shadow:
    0 2px 6px 0 rgb(0 0 0 / 0.04),
    0 5px 18px 0 rgb(0 0 0 / 0.06),
    0 24px 83px 0 rgb(0 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://www.jploft.com/img/li-tick.svg) 0 0/24px no-repeat;
}
.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 / 0.3);
  box-shadow: -2px 18px 20px 0 rgb(0 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://www.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://www.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://www.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://www.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://www.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 / 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: 0.375rem 0;
  outline: 0 !important;
  box-shadow: 0 !important;
}
.error {
  font-size: 12px;
  line-height: 1;
  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;
  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;
}
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://www.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 0.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;
}
@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,
  .mobile_hide {
    display: none !important;
  }
  .d-flex.justify-content-between.flex-fill.d-sm-none {
    display: flex !important;
  }
  .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;
  }
  .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;
  }
}
@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: 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;
  }
  form#form1 .row.align-items-center {
    flex-direction: column !important;
  }
  #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;
  }
  .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;
  }
  .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;
  }
  .modal_static_s form .row {
    flex-direction: row;
  }
  #grocery-banner h1 {
    font-size: 32px;
  }
  .sidebar-area-in #grocery-banner .gro-form .bodysec .addfile:after {
    width: 118px;
  }
  #grocery-banner .gro-form .request-form {
    margin: 0 auto;
    width: 100%;
  }
  form#form1 .row.align-items-center {
    flex-direction: row !important;
  }
}
@media (max-width: 767.98px) {
  .active_menu #navbarSupportedContent {
    top: 110px;
    height: calc(100vh - 113px);
  }
  .header_menu_itms.services_menu,
  .service_hd_menu_con .services_menu .accordion .tab_menu_con_body_itm a {
    padding: 5px 0;
  }
  .admin-type {
    margin: 30px 0 0;
  }
  .tab_cn_pn .row .row [class*="col-"]:first-child .admin-type {
    margin: 0;
  }
  .modal_static_con .contact_top_bn {
    border-left: 0;
  }
  .navbar-dark .navbar-toggler {
    top: 16px;
  }
  .about_leftbg::before,
  .banner_img_s,
  .block_sec_itm::before,
  .btn_full_img,
  .container.mt-5.port-secs-cn,
  .content_resources_shape,
  .different_middle_images,
  .header_contact_itm:last-child,
  .hidden-md,
  .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;
  }
  .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%;
  }
  .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_itms {
    /* padding: 0 !important; */
  }
      .header_contact_itm .drp_img img{
        width: 20px;
        height: 20px;
      }
  .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;
  }
}
.region-menu-tp {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin: 5px 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}
@media (max-width: 576.98px) {
  .active_menu #navbarSupportedContent {
    top: 99px;
    height: calc(100vh - 100px);
  }
  #navbarSupportedContent {
    padding: 0 30px;
  }
  .map_footer {
    margin-top: 16px;
  }
  .accrodn-section-faq .btn-header-link {
    padding: 15px 70px 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_con 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;
  }
  #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_abt_info,
  .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,
  .jploft_hme_con .btn-sec,
  .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;
  }
  .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,
  .col-lg-6 .portfolio_screens,
  .portfolio_screens img:last-child,
  .section-img.section-img_new {
    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 .heading_h1 h2 {
    font-size: 20px !important;
  }
  .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 / 0.3) 0.32%,
      rgb(255 255 255 / 0.31) 51.58%,
      #fff 99.86%
    );
    padding: 20px !important;
    width: 100%;
  }
  .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;
  }
  #ft_footer_v2_modal .close img {
    width: 10px;
  }
  .post-archive h1 {
    margin-bottom: 0 !important;
  }
  .blog_start {
    padding: 101px 0 0;
  }
}
@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;
}
.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: 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;
  }
}
.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;
}
.cs-hero .hero-list .cs-post-thumbnail:hover a:after,
.cs-overlay-background:after,
.cs-overlay-hover .cs-overlay-background,
.pk-widget-posts .pk-post-thumbnail:hover a:after {
  background: var(--cs-color-overlay-background);
}
.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;
}
.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;
}
@media screen and (max-width: 1400px) {
  .hom-new .btn-primary {
    font-size: 16px;
  }
}
@media (max-width: 1300px) {
  .navbar-dark .navbar-nav .nav-link {
    font-size: 15px;
  }
  .navbar-brand img {
    width: 100%;
  }
}
.hd_mn_lft {
  height: 100%;
  padding: 30px;
  background: #feeded;
}
.hd_mn_ft_img {
  border-radius: 15px;
  overflow: hidden;
}
.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;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  z-index: 1055 !important;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.vdo-modl {
  margin: auto;
  height: 100%;
  display: flex;
  max-width: 900px !important;
}
.site-content,
.swiper_sld_head {
  padding-top: 30px;
}
.creer-hero,
.creer-hero.review_banner_s,
.pagenotfound_sec,
.site-content,
.thanks_sec,
.topapps_sec,
.topapps_sec1 {
  margin-top: 106px;
}
.site-content {
  margin: 7rem 0 4rem;
}
.archive-wrap {
  background: var(--cs-color-site-background);
}
.meta-category {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.5rem;
}
.cs-video-tools-large .cs-player-control:first-child,
.meta-category a:first-child,
.offcanvas-header .navbar-brand,
.page-item:first-child .page-link,
.title-comment-reply:after {
  margin-left: 0;
}
.meta-category a:before {
  order: 2;
  color: var(--cs-color-secondary);
  padding: 0 0.5rem;
  content: "—";
}
.meta-category a .char {
  order: 1;
  display: flex;
  justify-content: center;
  background-color: #000;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-transform: lowercase;
  transition: 0.2s;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  text-transform: uppercase;
}
.meta-category a .label {
  position: relative;
  order: 3;
  color: var(--cs-color-secondary);
  transition: color 0.15s;
}
.cs-overlay {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: 257px;
}
.cs-overlay-ratio:before {
  content: "";
  display: table;
  box-sizing: border-box;
  width: 0;
  height: 100%;
}
.cs-ratio-landscape:before {
  padding-bottom: 60%;
}
.cs-overlay-ratio .cs-overlay-background {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cs-overlay-background,
.cs-overlay-background:after,
.cs-overlay-blank,
.cs-overlay-link,
.cs-overlay-ratio .cs-overlay-background img {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
}
.cs-overlay-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.cs-overlay-background:after {
  content: "";
  transition: 0.2s;
}
.cs-overlay-hover .cs-overlay-background:after {
  opacity: 0;
}
.cs-overlay-content {
  position: relative;
  padding: 20px;
  width: 100%;
}
.cs-overlay-ratio .cs-overlay-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.cs-overlay .read-more {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.cs-overlay-hover .post-meta,
.cs-overlay-hover .read-more {
  opacity: 0;
  transition: 0.2s;
}
.ajax-navigation .load-more:focus,
.ajax-navigation .load-more:hover,
.cs-hero .hero-list .cs-post-thumbnail a:hover:before,
.cs-overlay-hover:focus .cs-overlay-background:after,
.cs-overlay-hover:focus .post-meta,
.cs-overlay-hover:focus .read-more,
.cs-overlay-hover:hover .cs-overlay-background:after,
.cs-overlay-hover:hover .post-meta,
.cs-overlay-hover:hover .read-more,
.cs-video-tools-large .cs-player-control:hover .cs-tooltip span,
.cs-video-wrapper .cs-video-inner.active,
.entry-more .button:focus,
.entry-more .button:hover,
.meta-category a .label:hover::after,
.pk-share-buttons-wrap .pk-share-buttons-link .pk-share-buttons-count,
.pk-widget-posts-template-default .pk-post-thumbnail a:hover:before {
  opacity: 1;
}
.cnvs-block-section > .cnvs-block-section-outer,
.cs-container,
.cs-hero-layout-fullwidth .cs-hero-container {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
.meta-category a {
  display: flex;
  align-items: center;
  color: var(--cs-color-primary);
  margin-left: 1rem;
}
.post-meta {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 0;
}
.abr-badge-primary,
.archive-count,
.archive-timeline .entry-date,
.archive-wrap .archive-timeline .entry-date span,
.comment-metadata,
.cs-breadcrumbs,
.cs-font-secondary,
.cs-homepage-category-count,
.cs-video-tools-large .cs-tooltip,
.footer-copyright,
.logged-in-as,
.must-log-in,
.navbar-brand .tagline,
.navbar-follow-button .navbar-follow-text,
.navbar-follow-counters,
.page-subtitle,
.pk-font-secondary,
.pk-instagram-counters,
.pk-instagram-item .pk-instagram-data .pk-meta,
.pk-twitter-counters,
.post-format-icon,
.post-meta,
.post-sidebar-shares .total-shares,
.post-tags a,
.says,
.searchwp-live-search-no-min-chars:after,
.searchwp-live-search-no-results em,
.site-content div[class*="meta-"],
.site-content input[type="color"],
.site-content input[type="date"],
.site-content input[type="datetime-local"],
.site-content input[type="datetime"],
.site-content input[type="email"],
.site-content input[type="month"],
.site-content input[type="number"],
.site-content input[type="password"],
.site-content input[type="range"],
.site-content input[type="search"],
.site-content input[type="tel"],
.site-content input[type="text"],
.site-content input[type="time"],
.site-content input[type="url"],
.site-content input[type="week"],
.site-content label,
.site-content select,
.site-content span[class*="meta-"],
.site-content textarea,
.site-description,
.tagcloud a,
.widget_rss ul li .rss-date,
.wp-block-audio figcaption,
.wp-block-embed figcaption,
.wp-block-image figcaption,
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-quote cite,
.wp-caption-text,
blockquote cite,
figcaption,
small {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: none;
}
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 {
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
.wp-block-search__inside-wrapper {
  display: flex;
  height: 36px;
  gap: 10px;
}
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
  display: block;
  width: 100%;
  font-size: 0.75rem;
  padding: 0.375rem 1rem;
  line-height: 1.625rem;
  color: #495057;
  background-color: #fff;
  border: 1px solid #e3e5e7;
  border-radius: 0;
  transition: background-color 0.15s ease-in-out;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
.adp-popup-type-notification-bar .adp-popup-button,
.adp-popup-type-notification-box .adp-popup-button,
.button,
.pk-widget-about .pk-about-button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #fff0;
  background-color: var(--cs-color-accent);
  color: var(--cs-color-accent-contrast);
  transition: opacity 0.15s ease-in-out;
  text-decoration: none;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0;
}
.abr-review-item .abr-review-name,
.archive-wrap .more-link,
.comment-reply-link,
.cs-font-primary,
.entry-meta-details .pk-share-buttons-count,
.entry-meta-details .pk-share-buttons-label,
.footer-instagram .instagram-username,
.footer-instagram .pk-instagram-username,
.meta-category a,
.navbar-dropdown-btn-follow,
.navbar-follow .navbar-follow-counters .number,
.navbar-follow-facebook .navbar-follow-text,
.navbar-follow-instagram .navbar-follow-text,
.navbar-follow-youtube .navbar-follow-text,
.navigation.pagination .nav-links > a,
.navigation.pagination .nav-links > span,
.no-comments,
.pk-font-primary,
.pk-instagram-counters .number,
.pk-twitter-counters .number,
.post-prev-next .link-text,
.post-sidebar-tags a,
.post-tags .title-tags,
.read-more,
.share-total,
.sight-portfolio-entry__meta,
.site-content .button,
.site-content .nav-links,
.site-content button,
.site-content input[type="button"],
.site-content input[type="reset"],
.site-content input[type="submit"],
.subcategories .cs-nav-link,
.text-action,
.widget_categories ul li a,
.wp-block-button .wp-block-button__link {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.widget {
  margin: 0 0 2.5rem;
}
.widget_text {
  color: var(--cs-color-primary);
  word-wrap: break-word;
}
.cnvs-block-tabs .cnvs-block-tabs-button a,
.comment-author .fn,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.pk-font-heading,
.post-sidebar-date .reader-text,
.sight-portfolio-area-filter__list-item a,
.sight-portfolio-area-filter__title,
.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-pullquote p,
.wp-block-quote,
blockquote,
p.has-drop-cap:not(:focus):first-letter {
  font-weight: 700;
  letter-spacing: -0.025em;
  text-transform: none;
}
.pk-font-heading {
  --pk-heading-font-color: var(--cs-color-primary);
  color: #000;
}
.pk-social-links-item.pk-social-links-no-count {
  margin: 10px 0;
}
.screen-reader-text,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
select:not([size]):not([multiple]) {
  height: calc(1.5em + 0.75rem + 2px);
}
.archive-wrap .archive-main article {
  margin-top: 4rem;
}
.about-eocmers + .features_sec,
.abt-jplft,
.accrodn-section-faq,
.ag-section,
.app-dvlp-section,
.app_works_s,
.apps-develop-met,
.bisiness_sec,
.blockchain_plateform,
.blog-section-main,
.blog_sec,
.delp-srvce,
.dev-process.process_new,
.different_industries,
.ftr_sec,
.hiring_modal,
.howappwork,
.ofc-tem,
.on-demand-section,
.our-vne,
.port-secs,
.price-ecomr-app,
.rnk-bsns,
.rvw_sec,
.service_restimonial,
.services_sec,
.table-need-tem,
.technologies_sec,
footer .ftr-section,
section.apps-carft-screen-short-ssection.screens_sec,
section.our-work-section {
  padding: 32px 0 50px;
}
.container {
  max-width: 1450px !important;
}
.entry-content > blockquote {
  position: relative;
  font-size: 1.5rem;
  line-height: 1.5;
  background: var(--cs-color-contrast-100);
  margin: 48px 0;
  padding: 2rem;
  border-left: 0;
}
.entry-content blockquote li {
  color: #000;
  font-weight: 500;
  font-size: 16px;
}
.entry-content ul {
  list-style: disc !important;
}
.map_footer_con h2,
h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 5px;
}
.breadcrumb,
.pagination {
  border-radius: 0.25rem;
  list-style: none;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
}
.page-link {
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
}
.card:hover .content .from-bottom,
.howappwork .how-it-wokrs-list li::before,
header {
  top: 0;
}
.page-header,
.post-sidebar-shares .pk-share-buttons-scheme-bold .pk-share-buttons-link {
  background: var(--cs-color-contrast-100);
}
.page-header {
  position: relative;
  margin-bottom: 50px;
}
.page-header-content {
  position: relative;
  padding: 3rem 0;
}
.cnvs-block-section-heading,
.pk-font-block,
.pk-widget-contributors .pk-author-posts > h6,
.title-block {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.archive-count,
.page-subtitle {
  color: rgba(var(--cs-color-primary-rgb), 0.5);
}
.title-block {
  display: inline-block;
  margin-bottom: 1rem;
  color: var(--cs-color-title-block);
}
.title-block:after {
  display: block;
  background: currentColor;
  margin-top: 0.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(0.39, 0.575, 0.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: 0.5rem;
  content: "\b7";
  margin-left: 0.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;
  }
  .navbar .dropdown-menu {
    /* display: none !important; */
  }
  .navbar .dropdown-menu{
    box-shadow: none !important;
    padding: 0 !important;
  }
  .navbar-dark .navbar-nav .nav-link{
    width: 100%;
  }
  .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: 0.5px;
  margin: 0 20px 0 15px;
}
footer .ftr-section .addfile:after {
  width: 110px;
}
footer .ftr-section .addfile {
  border: 0 !important;
}
@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: 125px;
    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;
  }
}
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;
  }
  
}
@media (max-width: 576px) {
 
  .header_contact_itm::after{
         padding: 0 10px 0 3px !important;
  }
    .header_contact_itm a .drp_img{
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 400px) {
 
  .header_contact_itm::after {
    margin: 0 7px 0 7px !important;
  }.header_contact_itm a { 
    font-size: 13px; 
}
  .header_contact_itm::after{
         padding: 0 0 0 0 !important;
  }

 
}