.img-fluid {
    max-width: 100%
}

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

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

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

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

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

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

h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 5px
}

a.btn {
    background: #ed1f24;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    padding: 5px 15px 4px
}

.homepage_contentSld a.btn {
    margin-top: 0px !important
}

.img-fluid {
    height: auto
}

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

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn {
    vertical-align: middle
}

.btn:hover {
    text-decoration: none
}

.d-none {
    display: none !important
}

.btn {
    font-weight: 400
}

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

.btn-group-vertical>.btn {
    width: 100%
}

.btn {
    display: inline-block;
    color: #212529;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff0;
    border: 1px solid #fff0;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.btn:hover {
    color: #212529
}

.btn.focus,
.btn:focus {
    outline: 0
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgb(38 143 255 / .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-group-lg>.btn,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-prepend>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-prepend>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-group>.btn:not(:first-child),
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-prepend>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child),
.input-group>.input-group-append>.btn,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn input[type="checkbox"],
.btn-group-toggle>.btn input[type="radio"],
.btn-group-toggle>.btn-group>.btn input[type="checkbox"],
.btn-group-toggle>.btn-group>.btn input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.navbar>.container,
.navbar>.container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width:767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
    .navbar .dropdown-menu{
    box-shadow: none !important; 
}
    .stct-data p {
    font-size: 20px !important;}
}

@media (max-width:991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width:1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.btn .badge {
    position: relative
}

.btn .badge {
    top: -1px
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

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

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

@media (min-width:576px) {
    .container {
        max-width: 540px
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.text-white {
    color: #fff !important
}

@media print {
    a:not(.btn) {
        text-decoration: underline
    }

    .container {
        min-width: 992px !important
    }
}

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

.gre-bg-lit.accrodn-section-faq {
    background: #fff
}

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

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

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

.banner_btns .btn {
    margin-right: 10px
}

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

.section-heading p br {
    display: none
}

.breadcrumb_sec .container {
    padding: 0 40px
}

.app_download_in .row,
.casestudy_bnr_in .row,
.project_overview_in .row {
    align-items: center
}

.challenges_solution_in .row [class*="col-"]:first-child .challenges_solution_con {
    padding-right: 20px
}

.challenges_solution_in .row [class*="col-"]:nth-child(2) .challenges_solution_con {
    position: relative;
    padding-left: 20px
}

.challenges_solution_in .row [class*="col-"]:nth-child(2) .challenges_solution_con::before {
    background: #fff;
    background: linear-gradient(180deg, #fff 0, #888 50%, #fff 100%);
    content: "";
    width: 2px;
    height: 100%;
    display: inline-flex;
    position: absolute;
    left: -15px
}

.flow_sec_in .row .col_5 {
    flex: 0 0 20%;
    max-width: 20%
}

.app_feature_itms .row {
    margin: 0 -8px
}

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

.why_jpl_services .row {
    align-items: center
}

.bsns-solutn .container {
    position: relative
}

.game_sec .icon li a img {
    filter: brightness(0) invert(1);
    width: auto
}

.game_sec .icon li a {
    display: flex !important;
    align-items: center;
    justify-content: center
}

.game_sec .icon li a:hover img {
    filter: unset
}

.text-center img {
    margin: 0 auto
}

.bsns-solutn .row {
    position: relative
}

.left_right_sec .col-6:nth-child(2) .left_right_sec_itm {
    text-align: right
}

.left_right_sec .col-6:nth-child(2) .left_right_sec_itm .left_right_sec_itm_head {
    flex-direction: row-reverse
}

.left_right_sec .col-6:nth-child(2) .left_right_sec_itm .left_right_sec_itm_head .left_right_sec_itm_head_ic {
    margin-right: 0;
    margin-left: 10px
}

.left_right_sec .col-6:first-child {
    border-right: 1px solid #bfbfbf
}

.left_right_sec .col-6:nth-child(2) .left_right_sec_itm .know_more_btn {
    padding-right: 36px !important;
    padding-left: 15px !important
}

.left_right_sec .col-6:nth-child(2) .left_right_sec_itm .know_more_btn .icon {
    right: 0;
    left: auto
}

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

.awrd-wthus .section-heading h2,
.awrd-wthus .section-heading p,
.btn-primary:focus,
.btn-primary:hover,
.ofc-tem .section-heading h2,
.ofc-tem .section-heading p,
.our-services-section .heading-section p,
.solution-main .btn:hover {
    color: #fff
}

.ofc-tem .section-heading h2 {
    margin-bottom: 10px
}

.port-secs .port-bnr-cvr,
.slider-section,
.vdo-bg {
    overflow: hidden
}

.four .icon {
    position: absolute;
    left: 0;
    top: 2px;
    padding: 3px
}

.four .icon {
    transition: 0.3s;
    color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s
}

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

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

.btn-primary-icon .icon {
    position: absolute;
    left: 0;
    top: 5px
}

.btn-primary:hover {
    box-shadow: none;
    background-color: #ed1f24;
    border-color: #ed1f24
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #ff363b;
    border-color: #ff363b
}

.industries-section .heading-section h2,
.industries-section .heading-section p,
.port-secs .heading-section h2,
.port-secs .heading-section p,
.port-secs p {
    color: #000
}

.clt-s .row {
    flex-wrap: inherit !important
}

.new-portfolio-section .container,
.port-desc,
.slider-heading,
.slider-section,
.vido-sec {
    position: relative
}

.container {
    max-width: 1450px
}

.blog-sec .btn-primary,
.hom-new .btn-primary {
    padding: 11.5px 20px;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.blog-sec .btn-primary img,
.clutch_sec_sld_itm_stars img,
.hom-new .btn-primary img {
    margin-left: 9px
}

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

.clutch_sec_sld_itm_rt {
    align-items: center;
    display: flex
}

.pplr-logos .row {
    justify-content: center
}

.port-secs h2 {
    text-align: left
}

.blog-bg .row {
    margin: 0
}

.slider-section:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(15 13 28 / 70%)
}

.slider-heading h1 {
    color: #fff;
    font-size: 56px;
    font-weight: 900;
    width: 65%;
    margin: 25px auto 13px;
    line-height: 1.3
}

.slider-heading p {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    width: 80%;
    margin: 25px auto 50px;
    line-height: 1.4
}

.slider-heading h1 .colr-1 {
    color: #fff
}

.pdng-cntnr .row {
    align-items: center
}

.heading-section {
    margin-bottom: 36px;
    margin-top: 50px
}

.heading-section h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 15px
}

.heading-section p {
    font-size: 19px;
    font-weight: 400
}

.vd-mdl,
.vido-sec a,
.vido-sec button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.we-re-jp h3,
.we-wrk .heading-section {
    margin-top: 0
}

.vido-sec a {
    position: absolute
}

.vd-mdl,
.vido-sec button {
    position: absolute;
    background: 0;
    border: 0
}

.port-desc {
    margin-left: 0;
    margin-left: auto !important;
    margin-right: auto !important
}

.we-re-jp h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 700
}

.we-re-jp h5,
.we-re-jp p {
    color: #fff;
    line-height: 30px;
    font-weight: 400;
    display: inline-block
}

.we-re-jp h5 {
    font-size: 18px;
    margin: 30px 0 0
}

.we-re-jp p {
    font-size: 15px;
    margin: 20px 0 30px
}

.port-secs {
    background: #f6f9fb;
    padding: 40px 0
}

.port-secs .port-bnr-cvr .port-bnr {
    transition: 0.2s ease-in-out
}

.port-secs .port-bnr-cvr:hover .port-bnr {
    transform: scale(1.08);
    transition: 0.6s ease-in-out
}

.port-secs h2 {
    font-size: 40px;
    color: #000;
    line-height: 55px;
    font-weight: 700
}

.career-section-hiring.graphics-features.video-services-gray .col-md-4.col-sm-4:first-child,
.career-section-hiring.graphics-features.video-services-gray .col-md-4.col-sm-4:nth-child(2),
.career-section-hiring.graphics-features.video-services-gray .col-md-4.col-sm-4:nth-child(3),
.career-section-hiring.graphics-features.video-services-gray .col-md-4.col-sm-4:nth-child(4),
.career-section-hiring.graphics-features.video-services-gray .col-md-4.col-sm-4:nth-child(5),
.career-section-hiring.graphics-features.video-services-gray .col-md-4.col-sm-4:nth-child(6),
.codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4,
.graphics-features .graphic-anim-section .col-md-4.col-sm-4:first-child,
.graphics-features .graphic-anim-section .col-md-4.col-sm-4:nth-child(2),
.graphics-features .graphic-anim-section .col-md-4.col-sm-4:nth-child(3),
.ios-game-development-panel .col-md-4.col-sm-4:first-child,
.ios-game-development-panel .col-md-4.col-sm-4:nth-child(2),
.ios-game-development-panel .col-md-4.col-sm-4:nth-child(3),
.joomla-services .col-md-4.col-sm-4:first-child,
.joomla-services .col-md-4.col-sm-4:nth-child(2),
.joomla-services .col-md-4.col-sm-4:nth-child(3),
.magento-servicess-panel .col-md-4.col-sm-4,
.node-optmal-panel .col-md-4.col-sm-4:first-child,
.node-optmal-panel .col-md-4.col-sm-4:nth-child(2),
.node-optmal-panel .col-md-4.col-sm-4:nth-child(3),
.node-optmal-panel .row,
.php-web-development .row,
.shopify-services .row,
.vr-game-develop-production .col-md-4.col-sm-4,
.web-designer-services .col-md-4.col-sm-4,
.web-portfolio-section .col-md-3.col-sm-3 {
    margin-bottom: 30px
}

.port-secs .slick-slider {
    width: 87%;
    margin-left: 13%
}

.port-secs .slick-prev {
    right: 110px;
    left: unset
}

.port-secs .slick-next {
    right: 50px
}

.port-secs .slick-next,
.port-secs .slick-prev {
    top: auto;
    background: #fff;
    bottom: 100%;
    width: 55px;
    height: 55px;
    border-radius: 50%
}

.port-secs .slick-prev:before {
    content: "";
    background: url(https://www.jploft.com/img/l-arrow.svg);
    width: 7.25px;
    height: 13.39px;
    display: block;
    margin: 0 auto
}

.port-secs .slick-next:before {
    content: "";
    background: url(https://www.jploft.com/img/r-arrow.svg) no-repeat;
    width: 9px;
    height: 13.39px;
    display: block;
    margin: 0 auto
}

.port-secs .slick-next:hover:before,
.port-secs .slick-prev:hover:before {
    display: none
}

.port-secs .slick-next:hover:after {
    content: "";
    background: url(https://www.jploft.com/img/l-arrow-2.svg) no-repeat;
    width: 9px;
    height: 13.39px;
    display: block;
    margin: 0 auto
}

.port-secs .slick-prev:hover:before {
    content: "";
    background: url(https://www.jploft.com/img/l-arrow-1.svg) no-repeat;
    width: 9px;
    height: 13.39px;
    display: block;
    margin: 0 auto
}

.we-wrk {
    margin-top: 50px
}

.port-desc {
    width: 90%;
    margin: -40px auto 30px auto;
    padding: 30px 30px 30px 0;
    transition: 0.3s;
    border-radius: 26px;
    background: rgb(255 255 255 / .3);
    box-shadow: 0 6px 20px 0 rgb(0 0 0 / .08);
    backdrop-filter: blur(7.5px)
}

.port-desc h4 {
    font-size: 32px;
    color: #000;
    font-weight: 700
}

.port-desc p {
    font-size: 18px;
    margin: 18px 0;
    display: block
}

.port-desc a {
    margin-right: 15px
}

.port-desc a:hover .adn-btn {
    filter: brightness(0) saturate(100%) invert(86%) sepia(36%) saturate(6096%) hue-rotate(31deg) brightness(99%) contrast(102%)
}

.port-desc a:hover .wbicn {
    filter: brightness(0) saturate(100%) invert(15%) sepia(98%) saturate(3633%) hue-rotate(348deg) brightness(103%) contrast(89%)
}

.port-desc a:hover .aple-btn-im {
    filter: brightness(0)
}

.redbl:hover h4 {
    color: #e5134b
}

.whrlpoll-1:hover h4 {
    color: #fbc000
}

.codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel.blue-panel .image-caption {
    position: absolute;
    bottom: 0
}

.cntct-strp .btn,
.travel-readygo-start-sec .btn {
    margin-top: 15px
}

.cntct-strp .btn img {
    vertical-align: inherit
}

.port-secs .slider .slick-arrow:hover {
    background: #ed1f24 !important;
    color: #fff !important
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.dropdown-menu .container-fluid {
    padding: 0 30px
}

.clutch_para_verify img {
    margin-right: 10px
}

.ourbrandsslider .slide-item {
    display: inline-block !important;
    width: auto !important;
    height: auto;
    margin: auto 35px
}

.admin-desn .section-heading,
.app-pro-fect .section-heading,
.awrd-wthus .section-heading {
    margin-bottom: 40px
}

.admin-desn .section-heading h2,
.app-pro-fect .section-heading h2 {
    color: #fff;
    margin-bottom: 10px
}

.ofc-tem .section-heading {
    text-align: center
}

.ofc-tem .section-heading span {
    position: relative
}

.ofc-tem .glry .section-heading {
    text-align: left
}

.glry .addiframe img {
    width: 75px;
    height: 75px
}

.vdo-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.vdo-bg video {
    min-height: calc(100vh - 51px);
    width: 100vw;
    height: 100%;
    object-fit: cover
}

.new-contact-us-bg .contact-form-box .row {
    display: block
}

.media-caption .btn {
    margin-top: 10px
}

.tsibog_wrap .whatwe-did .col-md-5 img {
    max-width: 60%;
    display: inline-block
}

.art-never-finished .col-md-6.col-sm-6,
.contact-instant .col-md-5.col-sm-5,
.contact-instant .col-md-7.col-sm-7,
.elearn-section .col-md-6.col-sm-6,
.file-upload-sec .col-md-4,
.file-upload-sec .col-md-8,
.graphics-transforms .col-md-6.col-sm-6,
.industry-solution .col-md-6.col-sm-6,
.node-application .col-md-6.col-sm-6,
.website-technologies .col-md-6.col-sm-6,
.why-choose-jploft .col-md-7.col-sm-7 {
    padding: 0
}

.howitwork-section .row:last-child,
.php-web-development .row:last-child,
.shopify-services .row:last-child {
    margin-bottom: 0
}

.yii-development-sec .col-md-6 {
    display: flex;
    margin-right: 0
}

.b2b-feature-sec .container-fluid,
.travel-accompanying-sec .container-fluid,
.travel-hospitality-sec .container-fluid,
.yii-development-sec .container-fluid {
    padding: 0;
    max-width: 2500px
}

.inner-content .btn {
    margin-top: 25px
}

.b2b-feature-sec .row,
.healthcare-gray-sec .row,
.travel-accompanying-sec .row,
.travel-hospitality-sec .row {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0
}

.b2b-feature-sec .col-md-6 {
    display: flex;
    padding: 16px
}

.b2c-solution-sec .col-md-6,
.healthcare-gray-sec .col-md-6,
.travel-accompanying-sec .col-md-6,
.travel-hospitality-sec .col-md-6 {
    display: flex;
    padding: 0
}

.bt2-caption .btn,
.healthcare-caption .btn,
.restaurent-caption .btn,
.want-to-join .btn {
    margin-top: 20px
}

.on-demand-section .section-heading h2 {
    color: #000;
    margin-bottom: 20px
}

.col-md-4.red-box-left::before {
    content: "";
    position: absolute;
    background-color: #d2053f;
    width: 5000px;
    right: 0;
    height: 100%
}

.col-md-4.red-box-right::before {
    content: "";
    position: absolute;
    background-color: #8e6a37;
    width: 5000px;
    left: 0;
    height: 100%
}

.mooving-classroom-sec .container-fluid,
.traning-sec .container-fluid {
    padding: 0;
    max-width: 2500px;
    margin: 0 auto
}

.mooving-classroom-sec .row,
.traning-sec .row {
    display: flex;
    width: 100%;
    margin: 0
}

.elearning-tool .col-md-6 {
    padding: 0 100px
}

.want-to-join .container {
    max-width: 600px
}

.b2c-solution-sec .row {
    display: flex;
    margin: 0;
    width: 100%
}

.b2c-solution-sec .container-fluid {
    max-width: 2500px;
    margin: 0 auto;
    padding: 0
}

.top-banner-inner-seo .btn-primary {
    border-radius: 25px
}

.new-contact-us-bg .contact-form-box .col-md-6 {
    display: inline-block;
    width: 49%
}

.global-footer.contact-footer-bg .contact-form-box .text-left h2 {
    color: #000;
    margin-top: 0;
    border: 0;
    margin-bottom: 25px
}

.global-footer.contact-footer-bg .btn-primary {
    background-color: #419531;
    color: #fff;
    padding: 15px 20px;
    margin-top: 5px
}

.global-footer.contact-footer-bg .btn-primary:hover {
    background-color: #45ab31 !important
}

.clutch_sec_sld .slide-item {
    padding: 10px
}

.clutch_sec_sld_itm_rt span {
    line-height: 1;
    color: #fff;
    margin-right: 5px;
    padding-top: 1px;
    font-size: 20px
}

.clutch_para_verify {
    display: flex;
    align-items: center;
    font-size: 15px;
    margin-top: 20px;
    color: #49adf4
}

.slider-heading h1 .colr-2 {
    color: #fff
}

.delp-srvce .section-heading h2 {
    color: #000;
    text-align: center
}

.delp-srvce .section-heading p {
    text-align: center;
    margin-bottom: 60px
}

.on-demand-section .section-heading p {
    font: 400 15px/24px Helvetica;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 55px
}

.app-fetur-section .section-heading h2 {
    text-align: left
}

.app-fetur-section .section-heading p {
    text-align: left;
    margin-bottom: 15px
}

.delp-srvce .section-heading span {
    display: block;
    background: #ff8285;
    height: 2px;
    width: 150px;
    margin: 20px 0
}

.scrp-app .section-heading {
    margin-bottom: 40px
}

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

.top-banner-inner-automotive .container-fluid {
    padding: 0 !important
}

.solution-main .btn.hvr-bubble-right:before {
    border-color: #fff0 #fff0 #fff0 #df355c
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem #fff0
}

.cloe-myntra .section-heading h2 {
    letter-spacing: 0;
    color: #000;
    margin-bottom: 50px;
    font: 700 35px/60px Helvetica
}

.gre-bg-lit.app-dvlp-section+.gre-bg-lit.app-dvlp-section {
    padding-top: 0
}

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

.request-form .row [class*="col-"] {
    padding: 0 8px
}

.solution-main .btn {
    padding: 8px 15px;
    color: #fff;
    margin-top: 20px
}

.solution-main .btn img {
    vertical-align: middle
}

.mt-3 {
    margin-top: 120px
}

.newsletter .content .btn {
    min-height: 50px;
    border-radius: 0 4px 4px 0;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-top: 0
}

.row.abt-srvc.com h3 {
    font-size: 30px
}

.contact-instant .instant-blue-panel li .icon {
    display: inline-block;
    vertical-align: middle
}

.howitwork-section .row {
    margin-bottom: 35px
}

.comnt-section .form-comment .btn {
    background: #ff3546;
    color: #fff;
    border: 0;
    padding: 10px 20px;
    font-size: 16px;
    text-transform: uppercase
}

.comnt-section .form-comment .btn:hover {
    background: #ffd02b;
    color: #000
}

.art-never-finished .container-fluid,
.industry-solution .container-fluid,
.node-application .container-fluid,
.website-technologies .container-fluid {
    max-width: 2500px
}

.codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel {
    min-height: 270px
}

.codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel.blue-panel {
    background: #148dd6;
    position: relative;
    cursor: pointer
}

.hdr_phone .dropdown-content .text-center {
    font-size: 21px
}

.app-solution .btn {
    background: #fe545f;
    padding: 10px 20px;
    border-radius: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    font-size: 18px;
    font-family: sans-serif;
    border: 0;
    cursor: pointer;
    text-decoration: none
}

.top-background-portion .container-fluid {
    width: 92%
}

.box .icon {
    padding: 0;
    margin: 0;
    list-style: none
}

.box .icon li {
    display: inline-block;
    margin: 0 5px
}

.box .icon li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50% 0;
    background: #ed1f24;
    font-size: 18px;
    color: #fff;
    box-shadow: 0 0 0 2px rgb(0 0 0 / .5), 0 0 0 4px rgb(255 255 255 / .8);
    transition: 0.3s
}

.box .icon li a:hover {
    background: #fff;
    color: #ed1f24;
    box-shadow: 0 0 15px rgb(0 0 0 / .5) inset, 0 0 10px #fff
}

.web-portfolio-section .col-md-4.col-sm-4 {
    margin-bottom: 35px;
    padding: 0 20px
}

.locations .col-md-3.col-sm-3:last-child {
    border-right: 0
}

.website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 h3 {
    margin: 0 0 25px;
    font-size: 22px;
    font-weight: 300;
    position: relative
}

.website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6:first-child h3:after {
    background: #672e63;
    height: 2px;
    width: 105px;
    display: block;
    content: "";
    margin-bottom: 13px;
    position: absolute;
    bottom: -25px
}

.website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6:nth-child(2) h3:after {
    background: #2c637a;
    height: 2px;
    width: 105px;
    display: block;
    content: "";
    margin-bottom: 13px;
    position: absolute;
    bottom: -25px
}

.website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6:nth-child(3) h3:after {
    background: #676d46;
    height: 2px;
    width: 105px;
    display: block;
    content: "";
    margin-bottom: 13px;
    position: absolute;
    bottom: -25px
}

.website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6:nth-child(4) h3:after {
    background: #2b6357;
    height: 2px;
    width: 105px;
    display: block;
    content: "";
    margin-bottom: 13px;
    position: absolute;
    bottom: -25px
}

.website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6:nth-child(5) h3:after {
    background: #4a4d80;
    height: 2px;
    width: 105px;
    display: block;
    content: "";
    margin-bottom: 13px;
    position: absolute;
    bottom: -25px
}

.website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6:nth-child(6) h3:after {
    background: #546050;
    height: 2px;
    width: 105px;
    display: block;
    content: "";
    margin-bottom: 13px;
    position: absolute;
    bottom: -25px
}

.clarity-fairness-panel .col-md-4.col-sm-4:nth-child(2) .fairness-panel {
    border-top: 5px solid #2e58a6
}

.clarity-fairness-panel .col-md-4.col-sm-4:nth-child(3) .fairness-panel {
    border-top: 5px solid #2ea62e
}

.topnav .icon {
    display: none
}

.why-choose-jploft .container-fluid {
    max-width: 2500px;
    background: #058590
}

.locations .col-md-3.col-sm-3 {
    border-right: 1px solid #b4b4b4;
    min-height: 230px
}

.trustworthy-sec .col-md-8 {
    padding-top: 110px
}

.static-map-location .col-md-4.col-sm-4 {
    padding: 0;
    width: 30%
}

.static-map-location .col-md-8.col-sm-8 {
    padding: 0;
    width: 70%
}

.casestdy_itms_in .row .btn.btn-primary {
    transform: scale(1);
    transition: all 0.5s
}

.casestdy_itms_in .row:hover .btn.btn-primary {
    transform: scale(.8);
    transition: all 0.5s
}

.casestdy_itms_in .row:nth-child(2n+2) {
    flex-direction: row-reverse
}

.casestdy_itms_in .row {
    margin: 0
}

.casestdy_itms_in .row [class*="col-"] {
    padding: 0
}

.btn-primary-icon.inquire_btn .icon {
    position: initial;
    padding-right: 5px
}

.btn-primary.btn-primary-icon.inquire_btn img {
    filter: brightness(100)
}

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

@media (min-width:1230px) {
    .casestdy_itms .container {
        max-width: 1230px
    }
}

@media screen and (max-width:1600px) {
    .port-secs .slick-slider {
        width: 95%;
        margin-left: 4%
    }
}

@media (max-width:1400px) {
    .technology_tools_itms .row {
        margin: 0 -7px
    }

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

@media screen and (max-width:1400px) {
    .container {
        max-width: 1280px
    }

    .hom-new .btn-primary {
        font-size: 16px
    }
}

@media (min-width:1024px) and (max-width:1250px) {

    .file-upload-sec .col-md-4,
    .file-upload-sec .col-md-8 {
        padding: 0 15px
    }

    .form-group.roboto-sec .text-right {
        text-align: center;
        margin-top: 15px
    }
}

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

    .col-md-4.red-box-left::before,
    .col-md-4.red-box-right::before {
        display: none
    }
}

@media (max-width:1199px) and (min-width:980px) {

    .magento-servicess-panel .col-md-4.col-sm-4:first-child,
    .magento-servicess-panel .col-md-4.col-sm-4:nth-child(2),
    .magento-servicess-panel .col-md-4.col-sm-4:nth-child(3) {
        margin-bottom: 20px
    }

    .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel {
        min-height: 300px
    }

    .top-background-portion .container-fluid,
    .website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 {
        width: 100%
    }

    .top-background-portion .global-banner-slide .col-md-7 {
        width: 58.33333333%;
        float: left
    }

    .top-background-portion .global-banner-slide .col-md-5 {
        width: 41.66666667%;
        float: left
    }

    .website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 h3 {
        margin-bottom: 20px;
        font-size: 16px
    }

    .locations .col-md-3.col-sm-3:nth-child(2) {
        border-right: 0
    }
}

@media (max-width:979px) and (min-width:768px) {
    .mt-0 {
        margin-top: -12px !important
    }

    .custom-menu-panel .col-md-4 {
        width: 33.33%;
        float: left
    }

    .custom-menu-panel .col-md-6 {
        width: 50%;
        float: left
    }

    .magento-servicess-panel .col-md-4.col-sm-4:first-child,
    .magento-servicess-panel .col-md-4.col-sm-4:nth-child(2),
    .magento-servicess-panel .col-md-4.col-sm-4:nth-child(3) {
        margin-bottom: 20px
    }

    .head-top-bar .col-md-8 {
        float: left;
        width: 65%
    }

    .head-top-bar .col-md-4 {
        width: 35%;
        float: left
    }

    .contact-office-locations .locations .col-md-3.col-sm-3 {
        width: 50%;
        float: left;
        min-height: 190px
    }

    .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel.blue-panel .image-caption {
        position: relative;
        bottom: 0
    }

    .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel.blue-panel .image-caption img,
    .website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 {
        width: 100%
    }

    .top-background-portion .global-banner-slide .col-md-7 {
        width: 58.33333333%;
        float: left
    }

    .top-background-portion .global-banner-slide .col-md-5 {
        width: 41.66666667%;
        float: left
    }

    .website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 h3 {
        margin-bottom: 20px;
        font-size: 16px
    }

    .website-technologies .technologies-services .container {
        width: auto
    }

    .locations .col-md-3.col-sm-3:nth-child(2) {
        border-right: 0
    }

    .trustworthy-sec .col-md-8 {
        padding-top: 0
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .form-group.roboto-sec .text-right {
        text-align: center;
        margin-top: 15px
    }

    .b2b-feature-sec .row,
    .healthcare-gray-sec .col-md-6,
    .healthcare-gray-sec .row,
    .mooving-classroom-sec .col-md-6,
    .mooving-classroom-sec .row,
    .new-contact-us-bg .col-md-5,
    .new-contact-us-bg .col-md-7,
    .new-contact-us-bg .row,
    .traning-sec .col-md-6,
    .travel-accompanying-sec .col-md-6,
    .travel-accompanying-sec .row,
    .travel-hospitality-sec .col-md-6,
    .travel-hospitality-sec .row,
    .yii-development-sec .row {
        display: block
    }

    .b2c-solution-sec .row {
        display: block;
        margin: 0;
        width: 100%
    }

    .b2c-solution-sec .col-md-6 {
        display: block;
        padding: 0
    }

    .yii-development-sec .col-md-6 {
        display: block;
        margin-right: 0
    }

    .traning-sec .row {
        margin: 0;
        display: block
    }

    .elearning-tool .col-md-6 {
        padding: 0 15px
    }
}

@media (max-width:1199.98px) {
    .port-desc h4 {
        font-size: 22px
    }

    .clutch_para_verify {
        font-size: 14px
    }

    .slider-heading h1 {
        width: 80%
    }
}

@media screen and (max-width:1024px) {
    .port-secs {
        padding: 50px 0
    }
}

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

    .new-contact-us-bg .col-md-5,
    .new-contact-us-bg .col-md-7 {
        max-width: 100%;
        width: 100%
    }

    .slider-heading h1 {
        font-size: 40px;
        margin: 0 auto 13px
    }

    .slider-heading p {
        font-size: 16px;
        margin: 25px auto -10px
    }

    .hom-new .btn-primary {
        font-size: 13px
    }

    .abt-jplft .col-md-6,
    .row.we-re-jp .col-md-5,
    .row.we-re-jp .col-md-6 {
        max-width: 100% !important;
        flex: none
    }

    .row.we-re-jp .col-md-1 {
        display: none
    }

    .port-desc p {
        font-size: 16px;
        line-height: 26px
    }

    .we-re-jp p {
        margin: 0 0 30px
    }

    .port-secs {
        padding: 30px 0
    }

    .slider-section .pplr-logos .col {
        flex-basis: auto;
        flex-grow: inherit;
        width: 25%
    }

    .tsibog_wrap .whatwe-did .col-md-5 img {
        max-width: 100%;
        display: inline-block
    }

    .casestdy_itms_in .row:hover .btn.btn-primary {
        transform: scale(1)
    }
}

@media screen and (max-width:767.98px) {
    .vdo-bg.mobile_hide {
        display: block !important
    }

    .port-secs .port-bnr-cvr .port-bnr {
        width: 100%
    }

    .port-secs .port-bnr-cvr:hover .port-bnr {
        transform: scale(1)
    }

    .we-re-jp {
        border-top: 1px solid #32323f;
        padding-top: 50px
    }

    .slider-section:before {
        background: #23232f
    }

    .hom-new .slider-section:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgb(15 13 28/80%);
        z-index: 1
    }

    .glry .addiframe img {
        width: 48px;
        height: 48px
    }

    .row.benifts {
        justify-content: center
    }

    .slider-section .pplr-logos .col {
        flex-basis: auto;
        flex-grow: inherit;
        width: 25%
    }

    .hom-new .btn-primary,
    .we-re-jp p {
        font-size: 15px
    }

    .heading-section,
    .restaurent-caption .btn {
        margin-top: 0
    }

    .heading-section h2 {
        line-height: 40px
    }

    .col-md-4.red-box-right::before {
        display: none
    }

    .heading-section h2,
    .we-re-jp h3 {
        font-size: 30px
    }

    .we-re-jp h5 {
        font-size: 16px;
        line-height: 28px
    }

    .port-secs .slick-slider {
        width: 95%;
        margin-left: 5%
    }

    .port-secs .slick-next,
    .port-secs .slick-prev {
        top: -10px
    }

    .port-secs .slick-prev {
        right: 70px;
        background: #ed1f24;
        width: 40px;
        height: 40px
    }

    .port-secs .slick-next:before,
    .port-secs .slick-prev:before {
        filter: brightness(0) invert(1)
    }

    .port-secs .slick-next {
        right: 20px;
        background: #ed1f24;
        width: 40px;
        height: 40px
    }

    .we-wrk {
        margin-top: 30px
    }

    .blog-sec .text-right,
    .we-wrk .text-right {
        text-align: left !important
    }

    .hom-new .we-wrk .btn-primary,
    .ios-game-development-panel .col-md-4.col-sm-4:first-child,
    .ios-game-development-panel .col-md-4.col-sm-4:nth-child(2),
    .ios-game-development-panel .col-md-4.col-sm-4:nth-child(3),
    .node-optmal-panel .col-md-4.col-sm-4,
    .scrp-app .section-heading {
        margin-bottom: 30px
    }

    .port-desc {
        width: 100%;
        padding: 20px
    }

    .port-desc h4 {
        font-size: 28px
    }

    .hom-new .blog-sec .btn-primary {
        margin-top: 25px
    }

    .graphics-features .graphic-anim-section .col-md-4.col-sm-4,
    .graphics-features .graphic-anim-section .col-md-4.col-sm-4:first-child,
    .graphics-features .graphic-anim-section .col-md-4.col-sm-4:nth-child(2),
    .graphics-features .graphic-anim-section .col-md-4.col-sm-4:nth-child(3),
    .slider-heading p {
        margin-bottom: 20px
    }

    .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel.blue-panel .image-caption img,
    .top-background-portion .container-fluid,
    .vr-game-develop-production .col-md-4.col-sm-4 {
        width: 100%
    }

    .busnss-mod .icon img {
        width: auto
    }

    .slider-heading h1 {
        width: 100%;
        font-size: 30px
    }

    .slider-heading p {
        font-size: 16px;
        width: 100%
    }

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

    .stat-vid .vido-sec {
        margin-bottom: 40px
    }

    .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel,
    .ios-game-development-panel .col-md-6.col-sm-6 .development-panel {
        min-height: auto
    }

    .abt-bdy .section-heading h2 {
        font-size: 26px;
        margin-bottom: 10px
    }

    .abt-bdy .section-heading p {
        font-size: 13px
    }

    .yii-development-sec .col-md-6 {
        display: block;
        margin-right: 0
    }

    .b2b-feature-sec .row,
    .healthcare-gray-sec .col-md-6,
    .healthcare-gray-sec .row,
    .mooving-classroom-sec .col-md-6,
    .mooving-classroom-sec .row,
    .new-contact-us-bg .col-md-5,
    .new-contact-us-bg .col-md-7,
    .new-contact-us-bg .row,
    .restaurent-service-sec .col-md-4,
    .restaurent-service-sec .row,
    .traning-sec .col-md-6,
    .travel-accompanying-sec .col-md-6,
    .travel-accompanying-sec .row,
    .travel-hospitality-sec .col-md-6,
    .travel-hospitality-sec .row,
    .yii-development-sec .row {
        display: block
    }

    .form-group.roboto-sec .text-right {
        text-align: center;
        margin-top: 15px
    }

    .file-upload-sec .col-md-4,
    .file-upload-sec .col-md-8 {
        padding-left: 15px;
        padding-right: 15px
    }

    .trustworthy-sec .col-md-8 {
        padding-top: 0
    }

    .b2c-solution-sec .row {
        display: block;
        margin: 0;
        width: 100%
    }

    .b2c-solution-sec .col-md-6 {
        display: block;
        padding: 0
    }

    .traning-sec .row {
        margin: 0;
        display: block
    }

    .elearning-tool .col-md-6 {
        padding: 0 15px
    }

    .node-optmal-panel .col-md-4.col-sm-4:last-child {
        margin: 0
    }

    .clt-s .row {
        flex-wrap: wrap !important
    }

    .cloe-myntra .section-heading h2 {
        font: 700 30px/40px Helvetica;
        margin-bottom: 20px;
        margin-top: 50px
    }

    .cntnts-r .mt-5,
    .mt-0,
    .why-jploft>.row {
        margin-top: 0 !important
    }

    .newsletter .content .btn {
        border-radius: 4px;
        width: 100%;
        margin-top: 15px
    }

    .srvc-weare>.row {
        margin-top: 10px !important
    }

    .for-moble .dropdown-content .row {
        height: 420px;
        overflow: auto
    }

    .client_says_testimomials .item .col-md-6.col-sm-6,
    .drupal-services .col-md-4.col-sm-4,
    .game-development-platform .platform .col-md-3.col-sm-3,
    .php-web-development .col-md-4.col-sm-4,
    .price-per-hour-section .col-sm-6,
    .service-elarning .col-md-3.col-sm-3 {
        width: 50%;
        float: left
    }

    .hire-software-developer .col-md-4.col-sm-4 {
        width: 33.33%;
        float: left
    }

    .quality-application-center .quality-col-grid .text-center {
        font-size: 12px
    }

    .howitwork-section .col-md-4.col-sm-4 {
        width: 50%;
        float: left;
        min-height: 440px
    }

    .head-top-bar .col-md-8 {
        float: left;
        width: 65%
    }

    .head-top-bar .col-md-4 {
        width: 35%;
        float: left
    }

    .android-section-develop .wp-services-includes .col-md-4.col-sm-4 {
        width: 100%;
        float: none
    }

    .ios-game-development-panel .col-md-4.col-sm-4 .development-panel img,
    .ios-game-development-panel .col-md-6.col-sm-6 .development-panel img {
        width: 60px
    }

    .magento-servicess-panel .col-md-4.col-sm-4 {
        width: 100%;
        float: left
    }

    .ios-game-development-panel .col-md-4.col-sm-4 {
        width: 50%;
        float: left;
        margin-bottom: 30px
    }

    .ios-game-development-panel .col-md-6.col-sm-6 {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .joomla-services .col-md-4.col-sm-4 {
        width: 100%;
        float: none;
        margin-bottom: 30px
    }

    .codeignter-services-section .graphic-anim-section .col-md-4.col-sm-4 .white-panel.blue-panel .image-caption {
        position: relative;
        bottom: 0
    }

    .website-technologies .technology-website-section .services-tech .col-md-6.col-sm-6 h3 {
        margin-bottom: 20px;
        font-size: 16px
    }

    .locations .col-md-3.col-sm-3 {
        border-right: 0;
        min-height: auto;
        margin-bottom: 20px
    }

    .static-map-location .col-md-4.col-sm-4,
    .static-map-location .col-md-8.col-sm-8 {
        padding: 0;
        width: 100%
    }

    .delp-srvce .text-center.mt-5 {
        margin-top: 20px !important
    }

    .why_jpl_services .mt-5 {
        margin-top: 0 !important
    }

    .casestdy_itms_in .row,
    .casestdy_itms_in .row:nth-child(2n+2) {
        flex-direction: column-reverse
    }

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

    .challenges_solution_in .row [class*="col-"]:nth-child(2) .challenges_solution_con::before {
        display: none
    }

    .flow_sec_in .row {
        margin: 0 -7px
    }

    .flow_sec_in .row .col_5 {
        padding: 0 7px
    }

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

@media screen and (max-width:700px) {
    .container {
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0
    }

    .portfolio_cat_in .container {
        position: relative
    }
}

@media screen and (max-width:576px) {
    .new-contact-us-bg .contact-form-box .col-md-6 {
        width: 100%
    }

    .port-secs {
        padding: 30px 0
    }

    .section-heading h2,
    .slider-heading h1 {
        font-size: 22px;
        line-height: 1.5
    }

    .we-re-jp {
        padding-top: 25px
    }

    .slider-section {
        height: auto;
        min-height: unset;
        padding: 50px 0 0;
        margin-top: 50px
    }

    .heading-section h2 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 10px
    }

    .stat-vid .vido-sec {
        margin-bottom: 30px
    }

    .we-re-jp h3 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .we-wrk {
        margin-top: 0
    }

    .heading-section {
        margin-bottom: 20px
    }

    .port-desc h4,
    .port-desc h4 span {
        margin-top: 15px
    }

    .btn-primary-icon .icon {
        left: -3px;
        top: 3px
    }

    .hom-new .btn-primary img {
        margin-left: 10px
    }

    .port-secs .slick-slider {
        width: 100%;
        margin-left: 0;
        padding: 40px 15px 0
    }

    .port-secs .slick-next,
    .port-secs .slick-prev {
        top: 5px
    }

    .testimlm .heading-section {
        margin: 0 !important;
        padding: 30px 0 0 !important
    }

    .slider-heading p {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 22px
    }

    .clutch_sec_sld .slide-item,
    .slider-section .container [class*="col-"] {
        padding: 0
    }

    .abt-bdy .section-heading h2 {
        font-size: 22px;
        line-height: 1.4
    }

    .heading-section p,
    .we-re-jp p {
        line-height: 24px;
        font-size: 14px
    }

    .port-desc h4,
    .port-desc h4 span {
        font-size: 18px !important
    }

    .port-desc p {
        font-size: 14px;
        line-height: 22px
    }

    .nike-prt-2 {
        padding-top: 0 !important;
        margin-top: 0 !important
    }

    .mt-5.bsns-cover,
    .mt-5.port-secs-cn {
        margin-top: 20px !important
    }

    .jn-with-us .section-heading,
    .our-vne .section-heading {
        margin-bottom: 15px !important
    }

    .jn-with-us .row.mt-5,
    .our-vne .row.mt-5 {
        margin-top: 0 !important
    }

    .glry .section-heading {
        margin: 0 !important
    }

    .breadcrumb_sec .container {
        padding: 0 15px
    }

    .on-demand-section .section-heading h2 {
        margin-bottom: 15px
    }

    .delp-srvce .section-heading h2,
    .on-demand-section .section-heading h2 {
        line-height: 1.4
    }

    .delp-srvce .section-heading span {
        margin: 10px 0 20px
    }

    .delp-srvce .section-heading p {
        font: 14px/22px Helvetica;
        margin-bottom: 30px
    }

    .section-heading h2 {
        font: 700 22px/30px Roboto, sans-serif
    }

    .section-heading p {
        font: 14px/22px Helvetica
    }

    .on-demand-section .section-heading p {
        margin-bottom: 25px
    }

    .admin-desn .section-heading,
    .app-pro-fect .section-heading {
        margin-bottom: 25px
    }

    .port-desc h4 {
        margin: 0
    }

    .port-desc p {
        margin-top: 10px
    }

    .rnk-bsns .row.mt-5 {
        margin-top: 25px !important
    }

    .gre-bg-lit.app-dvlp-section+.gre-bg-lit.app-dvlp-section,
    .gre-bg-lit.app-dvlp-section+.section-padding.howappwork {
        padding-top: 0
    }

    .left_right_sec_itm .btn-primary {
        font-size: 14px
    }

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

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

    .flow_sec_in .row .col_5 {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .flow_sec_in .row {
        justify-content: center
    }

    .banner_btns .btn:last-child {
        margin: 0
    }

    .banner_btns .btn {
        font-size: 13px
    }
}

@media (min-width:320px) and (max-width:480px) {

    .android-section-develop .wp-services-includes .col-md-4.col-sm-4,
    .drupal-services .col-md-4.col-sm-4,
    .hire-software-developer .col-md-4.col-sm-4 {
        width: 100%;
        float: none
    }

    .howitwork-section .col-md-4.col-sm-4 {
        width: 50%;
        float: left;
        min-height: 390px
    }
}

@media screen and (max-width:365px) {
    .banner_btns .btn {
        width: 100%;
        margin: 0 0 10px;
        padding: 0 20px !important;
        min-height: 40px
    }

    .banner_btns .icon {
        position: relative;
        left: unset;
        right: unset;
        top: unset
    }

    .banner_btns .btn:last-child,
    .banner_btns .icon img {
        margin: 0
    }

    .banner_btns .btn:first-child .icon {
        top: 4px
    }

    .banner_btns .btn:last-child .icon {
        margin-right: 5px;
        margin-left: -10px
    }
}

@media (min-width:1200px) {
    .header_menu_cn .solutions_menu .row {
        margin: 0 -6px
    }

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

@media screen and (min-width:992px) {
    .navbar .dropdown-menu li a.btn-primary-icon .icon {
        top: 1px
    }
}

footer .ftr-section .ftr-form .btn {
    display: block;
    width: 100%;
    margin-top: 10px
}

footer .ftr-section .ftr-adrs .btn {
    padding: 10px 30px;
    font-size: 19px;
    font-weight: 500
}

footer .ftr-section .ftr-adrs .btn img {
    display: inline-block
}

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

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

.solutions_menu .col-md-3.solutions_menu_itm_big {
    max-width: 40%;
    flex: 0 0 40%
}

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

@media only screen and (max-width:991.98px) {
    .btn-primary.btn-primary-icon.inquire_btn {
        width: 160px
    }

    .dropdown-menu .container-fluid {
        padding: 0 10px !important
    }

    .head-top-bar .col-md-8 {
        float: left;
        width: 65%
    }

    .head-top-bar .col-md-4 {
        width: 35%;
        float: left
    }

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

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

@media only screen and (max-width:767px) {
    .header_menu_itms .row [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%
    }
}

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

.slider-heading {
    padding: 20px 0 80px
}

.rnk-bsns-header-right .row .col {
    background: radial-gradient(75.99% 262.53% at 95.73% 108.2%, rgb(0 102 255 / .2) 0, #fff0 100%), radial-gradient(30.61% 75.99% at 3.39% 9.41%, #e6f4ed 0, #fff0 100%), #f5f5fc;
    background-blend-mode: normal, normal, darken, normal
}

.btn-sec,
.industries-section .heading-section {
    text-align: center
}

.contact_page_banner .home_banner_clients {
    text-transform: uppercase !important
}

.funded_sec_in {
    position: relative
}

.cntct-strp .btn img {
    display: none !important
}

.hire-dedicated-developers-s .btn-sec .btn,
.industries-section .heading-section,
.row.d-soltions.Innovative,
.we-wrk {
    margin-top: 0
}

.gre-bg-lit .buss-dtl-sct button.myButt,
.gre-bg-lit .buss-dtl-sct button.myButt:hover {
    background: #ed1f24;
    padding: 15px 30px !important;
    color: #fff;
    justify-content: center;
    border-radius: 50px;
    margin: 20px auto 0
}

.gre-bg-lit .buss-dtl-sct button.myButt img {
    filter: brightness(0) invert(1)
}

.accrodn-section-faq .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%
}

.cntct-strp .btn {
    padding: 15px 25px !important
}

.rnk-bsns-header-right .row {
    gap: 14px;
    margin: 30px 0
}

.rnk-bsns-header-right .row .col {
    padding: 15px 25px !important;
    border-radius: 20px;
    flex: 0 0 calc(25% - 11px)
}

.admin-desn .row .col-lg-4.col-sm-6:last-child .admin-type,
.delp-srvce .section-heading p {
    margin-bottom: 0
}

.on-demand-section .section-heading p {
    font-size: 18px;
    line-height: 1.6;
    font-family: Poppins, sans-serif
}

.app-fetur-section .section-heading p,
.rvw_sec .rnk-bsns-header {
    margin-bottom: 35px
}

.delp-srvce .btn-sec {
    margin-top: 5px
}

.mobl-app-groc .btn-sec {
    text-align: left;
    margin-top: 20px
}

.mobl-app-groc .btn-sec .btn-primary {
    border: 1px solid #fff !important;
    background: #fff !important
}

.mobl-app-groc .btn-sec .btn-primary:hover {
    border: 1px solid #fff;
    background: 0 0 !important;
    color: #fff !important
}

.btn-sec .btn-primary {
    padding: 11.5px 30px !important;
    border-radius: 40px;
    border: 1px solid #ed1f24
}

.btn-sec,
.contact_top_bn+.home_banner_clients,
.home_banner_clients {
    margin-top: 30px
}

.plt_sec.delp-srvce .section-heading p,
.shopify_plus_s .section-heading p,
.sld_sec+.delp-srvce.consulting_main .section-heading p {
    margin-bottom: 10px
}

.about-eocmers .row,
.abt-jplft .row,
.app_works_con .row,
.blockchain_plateform_bt .row,
.buss-dtl-sct .row,
.footer_lgs .row,
.home_blockchain_itms .row,
.home_page_jploft .row,
.mobl-app-groc .row,
.modal_static_s .row,
.page_portfolio_itm .row,
.page_portfolio_itm_in .row,
.review_banner_s .row,
.serviceNew_s_itm .row {
    align-items: center
}

.contat_location_itms .row,
.delp-srvce.app-fetur-section .row,
.features_sec_itms .row {
    justify-content: center
}

.page_portfolio_itm:nth-child(2) .row,
.serviceNew_s_itm:nth-child(2n+2) .row {
    flex-direction: row-reverse
}

.dropdown-content .row+.contact_us_li a .icon,
.mobl-bn-hro,
.only-mblc,
.text-btn {
    display: none
}

.project-price {
    padding-top: 15px
}

.contact_out_india .col-md-6 {
    margin-top: 10px
}

.port-secs .slick-next:before,
.port-secs .slick-next:hover:after,
.port-secs .slick-prev:before,
.port-secs .slick-prev:hover:before {
    height: 14.39px;
    width: 9px;
    top: 0
}

.srvces-main.range_sec .row [class*="col-"]:first-child .rang_sec_in {
    border-color: #1c71b8
}

.srvces-main.range_sec .row [class*="col-"]:first-child .rang_sec_in::after {
    background: #1c71b8
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(2) .rang_sec_in {
    border-color: #95c11c
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(2) .rang_sec_in::after {
    background: #95c11c
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(3) .rang_sec_in {
    border-color: #662283
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(3) .rang_sec_in::after {
    background: #662283
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(4) .rang_sec_in {
    border-color: #e94d1c
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(4) .rang_sec_in::after {
    background: #e94d1c
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(5) .rang_sec_in {
    border-color: #e71c73
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(5) .rang_sec_in::after {
    background: #e71c73
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(6) .rang_sec_in {
    border-color: #f9b232
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(6) .rang_sec_in::after {
    background: #f9b232
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(7) .rang_sec_in {
    border-color: #2a225c
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(7) .rang_sec_in::after {
    background: #2a225c
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(8) .rang_sec_in {
    border-color: #e30016
}

.srvces-main.range_sec .row [class*="col-"]:nth-child(8) .rang_sec_in::after {
    background: #e30016
}

.about-eocmers .btn-sec,
.hire-dedicated-developers-s .btn-sec,
.new_button_con .btn-sec,
.serviceNew_s_itm_con .btn-sec {
    text-align: left
}

.bisiness_sec_con .btn,
.hiring_modal .btn-sec .btn {
    width: 100%
}

.abt-jplft .row+.testi-mon {
    margin-top: 70px !important
}

.clutch_para_verify,
.project_overview_sum,
.review_verify+.clutch_metas {
    margin-top: 15px
}

.different_sec .heading-section {
    margin-top: 0;
    color: #fff;
    text-align: center
}

.home_blockchain .heading-section {
    text-align: center;
    color: #fff;
    max-width: 80%;
    margin: 0 auto
}

.banner_btns .btn.myButt10 img {
    margin-left: 0;
    margin-top: 0
}

.banner_btns .icon {
    position: initial;
    margin-right: 7px;
    flex: 0 0 20px
}

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

.banner_img_hire_btn .icon img,
.banner_img_hire_meta .banner_btns .btn,
.home-page-rank .rnk-bsns-header-right .row,
.testimonials-label .clutch_para_verify {
    margin: 0
}

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

.banner_btns .btn+.btn:active {
    color: #212529
}

.banner_img_hire_btn .btn.btn-primary.btn-primary-icon .icon {
    flex: 0 0 24px;
    margin-right: 5px
}

.port-desc {
    padding: 25px
}

.home_page_jploft {
    background: #000;
    padding: 38px 0 50px
}

.funded_sec_itm {
    text-align: center;
    padding: 50px 20px
}

.funded_sec .rnk-bsns-header {
    margin-bottom: 40px;
    text-align: center
}

.funded_sec_itm img {
    transition: 1s;
    transform: scale(1);
    margin: 0 auto
}

.funded_sec_itm:hover img {
    transition: 1s;
    transform: scale(1.5)
}

.border_line {
    background-color: rgb(255 255 255 / .3);
    width: .0625rem;
    height: 100%;
    transition: 0.6s;
    position: absolute;
    left: calc(25% - 8px);
    top: 0
}

.boder_type4,
.boder_type5 {
    height: .0625rem;
    width: 100%
}

.boder_type2 {
    left: 50%
}

.boder_type3 {
    left: calc(75%+8px)
}

.boder_type4 {
    top: 32%;
    left: 0
}

.boder_type5 {
    top: 64%;
    left: 0
}

.hom-new .slider-heading,
.trust-other-page .home-page-trust {
    padding: 20px
}

.slider-heading h1 {
    line-height: 1.2
}

.hom-new .home_page .hire_counters .hire_counter_itm,
.service_ssss .heading-section {
    text-align: center;
    margin: 0
}

.home_page .slider-heading h1 {
    text-align: left;
    width: 100%;
    font-weight: 700;
    color: #fff;
    display: inline-block
}

.home_page .slider-heading p {
    margin: 25px 0 50px;
    text-align: left;
    width: 100%
}

.hom-new .slider-heading {
    text-align: left;
    display: flex;
    gap: 20px;
    align-items: center
}

.home_page .hire_counters {
    width: 320px;
    border: 1px solid #767373;
    border-radius: 15px;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: rgb(0 0 0 / .3);
    gap: 40px
}

.hom-new .home_page .hire_counters .hire_counter_itm figure {
    line-height: 1
}

.hom-new .home_page .hire_counters .hire_counter_itm .hire_counter_cn {
    margin-top: 7px
}

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

.home_banner_client_itm img {
    max-height: 39px
}

.home_page_jploft .heading-section {
    display: flex;
    margin-top: 0;
    gap: 100px;
    align-items: center;
    color: #fff;
    margin-bottom: 25px
}

.home_page_jploft .heading-section h3 {
    font-weight: 400;
    font-size: 60px;
    min-width: 360px
}

.home_page_jploft .heading-section h3 span {
    font-weight: 700;
    color: #ed1f24
}

.home_page_jploft .heading-section p {
    font-size: 24px;
    line-height: 1.5
}

.rnk-bsns .row {
    margin: 0 -8px !important
}

.delp-srvce .row [class*="col-"] .section-heading,
.home_rank_btns .rnk-bsns-header {
    margin-bottom: 40px
}

.funded_sec {
    background: #000;
    color: #fff;
    padding: 42px 0 0
}

.home_page_jploft .we-re-jp p {
    margin: 0 0 20px
}

.clutch_sec_source {
    font-size: 15px;
    color: #84919e;
    display: flex
}

.slider-section {
    min-height: calc(100vh - 106px);
    margin-top: 106px
}

.home_page_jploft #tl_vid_op {
    padding-bottom: 55.5%;
    position: relative
}

.home_page_jploft #tl_vid_op iframe,
.home_page_jploft #tl_vid_op+.img-fluid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 5px solid #fff;
    border-radius: 30px
}

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

.rvw_sec_sld .slick-next:before,
.rvw_sec_sld .slick-prev:before {
    position: absolute;
    content: "";
    background: url(https://www.jploft.com/img/arrow_icn.svg) no-repeat;
    width: 22px;
    height: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    opacity: 1;
    line-height: 2
}

.rvw_sec_sld .slick-next {
    right: calc(50% - 61px)
}

.rvw_sec_sld .slick-prev {
    left: calc(50% - 244px);
    right: auto
}

.rvw_sec_sld .slick-prev:before {
    transform: rotate(180deg)
}

.servicess_itms .row [class*="col-"]:first-child .servicess_itm ul li,
.servicess_itms .row [class*="col-"]:nth-child(4) .servicess_itm ul li,
.servicess_itms .row [class*="col-"]:nth-child(5) .servicess_itm ul li {
    width: auto
}

.clutch_sec_sld_head {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between
}

.clutch_sec_source {
    align-items: center;
    font-weight: 300;
    gap: 10px
}

.review_verify+.clutch_metas .clutch_metas_itm:first-child {
    background: unset;
    flex: 0 0 auto;
    color: #84919e;
    padding: 0
}

.clutch_sec_source_ic {
    height: 35px;
    display: inline-flex;
    align-items: center
}

.clutch_sec_source_ic img {
    max-width: unset;
    max-height: 24px
}

.rvw_sec_sld {
    padding: 25px 0 10px;
    position: relative
}

.testimonials-info {
    padding-top: 50px
}

.delp-srvce.app-fetur-section .section-heading,
.testimlm .slide-item,
.testimonials-info .clutch_sec_sld_head {
    margin-bottom: 30px
}

.testimonials-info p {
    color: #333;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.project_overview_sum p,
.testimonials-info-wrap h5 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.6
}

.testimonials-info h4,
.testimonials-info-wrap h4 {
    padding-bottom: 5px;
    color: #f80;
    font-size: 18px;
    margin-bottom: 0
}

.testimonials-name {
    padding: 15px 0 0
}

.testimonials-name h3 {
    padding-bottom: 0;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 0
}

.testimonials-name p {
    padding-bottom: 0;
    color: dimgray;
    font-size: 16px;
    margin-bottom: 0
}

.rvw_sec_sld .testimonials-item-img {
    display: inline-block;
    background: #505083;
    margin: 45px 0 0 10px;
    position: relative;
    padding: 5px;
    border-radius: 20px
}

.testimonials-item-img img {
    border-radius: 16px
}

.testimonials-info .clutch_sec_sld_head .clutch_sec_sld_itm_rt span {
    color: #000;
    font-size: 38px;
    padding: 0;
    border-radius: 10px;
    font-weight: 700;
    line-height: 1;
    border-bottom: 2px solid #ffc107
}

.clutch_sec_sld_itm_stars {
    margin-top: -5px
}

.testimonials-info .clutch_sec_source {
    color: #393838
}

.testimonials-info .clutch_sec_sld_itm_stars img {
    width: 20px;
    height: 20px
}

.rvw_sec_sld .testimonials-item-img:after {
    position: absolute;
    top: 122px;
    left: 100%;
    height: 6px;
    width: 65px;
    background: #505083;
    content: "";
    z-index: 1
}

.rvw_sec_sld .testimonials-abt {
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px
}

.testimonials-label {
    display: inline-block;
    padding: 6px 15px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    background: #49adf41a;
    border: 1px solid #49adf4
}

.testimonials-info-wrap .testimonials-name {
    padding: 25px 0 20px
}

.testimonials-info .clutch_sec_source_ic img {
    height: 30px;
    max-width: unset
}

.testimonials-info .clutch_sec_source_ic {
    height: auto;
    margin-top: -5px
}

.port-desc.pprtt-sldr {
    padding: 0
}

.blog-sec .btn-primary,
.hom-new .btn-primary {
    white-space: nowrap
}

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

.port-secs+.home_btn_section {
    padding: 50px 0
}

.port-secs .slick-slider h3 {
    margin-top: 17px
}

.buss-dtl-sct.home_btn_right .row {
    align-items: unset
}

.home_btn_right .col-md-8 {
    align-items: center;
    display: inline-flex
}

.home_btn_right .col-md-4 {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center
}

.contact_out_hide .btn {
    margin: 5px 0 0
}

.serviceNew_s_itm [class*="col-"] .row {
    margin: 0 -25px
}

.new_button_con .btn-sec .btn-primary-icon {
    margin: 0 !important
}

.different_industries_in .section-heading.mb-4 {
    margin-bottom: 10px !important
}

.faq-sec .container {
    margin: 0 auto !important
}

.col-md-6.text-left p {
    border-left: 2px solid #e0e0e0;
    padding-left: 25px
}

.port-secs,
.rvw_sec {
    padding: 32px 0 50px
}

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

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

.delp-srvce .Innovative .section-heading p {
    margin-bottom: 24px
}

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

.app-dvlp-section .btn-sec {
    margin-top: 35px !important
}

.on-demand-section .section-heading p {
    margin-bottom: 50px
}

.port-secs-cn .heading-section {
    margin-top: 0;
    margin-bottom: 20px
}

.ppttjp.redbl.port-bnr-cvr img:first-child {
    max-height: 66px
}

.ppttjp.nike-prt-2.mt-5.pt-5.port-bnr-cvr {
    margin-top: 43px !important;
    padding-top: 0 !important
}

.dropdown-content .row+.contact_us_li a {
    padding-left: 30px !important;
    padding-right: 30px !important;
    min-width: 50%
}

.dropdown-content .row+.contact_us_li {
    display: flex;
    justify-content: center
}

.app-pike-amazon .btn-primary,
.app-pike-amazon .btn-primary:hover,
.app-pike-amazon .btn-sec .btn-primary {
    color: #fff;
    background: #f3ad3b !important;
    border: 1px solid #f3ad3b !important
}

.app-pike-amazon .banner_btns .btn+.btn {
    border: 1px solid #ed1f24 !important;
    background: #fff !important;
    color: #000
}

.app-pike-amazon .banner_btns .btn+.btn:hover {
    border: 1px solid #ed1f24 !important
}

.app-pike-amazon .btn-sec .btn-primary:focus,
.app-pike-amazon .btn-sec .btn-primary:hover,
.app-pike-amazon .btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    border-color: #f3ad3b !important;
    color: #f3ad3b
}

.app-pike-amazon .delp-srvce .section-heading span {
    background: #f6960a
}

.blogapp_page_stats_in .row [class*="col-"]:first-child,
.blogapp_page_stats_in .row [class*="col-"]:last-child {
    margin-top: -156px
}

.blogapp_page_stats-head .row {
    justify-content: center;
    text-align: center;
    padding: 0 20px
}

.app-like-spotify .home_btn_section .btn-sec .btn-primary,
.app-pike-amazon .home_btn_section .btn-sec .btn-primary {
    color: #fff;
    background: #211e14 !important;
    border: 1px solid #211e14 !important
}

.app-pike-amazon .home_btn_section .btn-sec .btn-primary:hover {
    color: #211e14;
    background: #fff !important;
    border: 1px solid #211e14 !important
}

.app_works_con .row [class*="col-"]:last-child .app_works_itm {
    flex-direction: row-reverse;
    text-align: right
}

.app-like-urbanclap .delp-srvce .section-heading span {
    background: #5d31e3
}

.app-like-urbanclap .btn-primary,
.app-like-urbanclap .btn-primary:hover,
.app-like-urbanclap .btn-sec .btn-primary {
    color: #fff;
    background: #5d31e3 !important;
    border: 1px solid #5d31e3 !important
}

.app-like-urbanclap .btn-sec .btn-primary:focus,
.app-like-urbanclap .btn-sec .btn-primary:hover,
.app-like-urbanclap .btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    border-color: #5d31e3 !important;
    color: #5d31e3
}

.app-pike-kfc .btn-primary,
.app-pike-kfc .btn-primary:hover,
.app-pike-kfc .btn-sec .btn-primary {
    color: #fff;
    background: #e51b19 !important;
    border: 1px solid #e51b19 !important
}

.app-pike-kfc .banner_btns .btn-primary:first-child,
.app-pike-kfc .banner_btns .btn-primary:hover {
    color: #fff;
    background: #f19d3b !important;
    border: 1px solid #f19d3b !important
}

.app-pike-kfc .btn-sec .btn-primary:focus,
.app-pike-kfc .btn-sec .btn-primary:hover,
.app-pike-kfc .btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    border-color: #e51b19 !important;
    color: #e51b19
}

.app-pike-kfc .delp-srvce .section-heading span {
    background: #e51b19
}

.home-page-rank .rnk-bsns-header-right .row {
    margin: 0;
    gap: 0 14px
}

.home-page-rank .rnk-bsns-header-right .row .col {
    margin: 0;
    background: #161623
}

.home-page-trust {
    flex: 0 0 330px;
    border: 1px solid #767373;
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    background: rgb(0 0 0/0.3)
}

.trust-itm-h p {
    font-weight: 400;
    font-size: 16px !important;
    margin-bottom: 5px;
    text-align: left;
    margin: 0 0 5px 0 !important
}

.home-page-trust-itm a {
    color: #fff;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: flex-end
}

.home-page-trust-itm a:hover {
    color: #fff
}

.trust-itm {
    display: flex;
    gap: 3px
}

.trust-itm-rating {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 15px
}

.trust-itm-rating span {
    margin-bottom: -5px
}

.modal8 .modal-content .col-md-4,
.trust-itm-r {
    text-align: right
}

.home-page-trust-itm {
    margin: 0 0 25px;
    border-bottom: 1px solid #3b3b3b;
    padding-bottom: 25px
}

.home-page-trust-itm:last-child,
.trust-other-page .home-page-trust-itm {
    margin: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.app-like-spotify .delp-srvce .section-heading span {
    background: #1ed760
}

.app-like-spotify .btn-primary,
.app-like-spotify .btn-primary:hover,
.app-like-spotify .btn-sec .btn-primary {
    color: #fff;
    background: #1ed760 !important;
    border: 1px solid #1ed760 !important
}

.app-like-spotify .banner_btns .btn+.btn {
    border: 1px solid #1ed760 !important;
    background: #fff !important;
    color: #000
}

.app-like-spotify .banner_btns .btn+.btn:hover {
    border: 1px solid #1ed760 !important
}

.app-like-spotify .btn-sec .btn-primary:focus,
.app-like-spotify .btn-sec .btn-primary:hover,
.app-like-spotify .btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    border-color: #1ed760 !important;
    color: #1ed760
}

.app-like-careem .btn-primary,
.app-like-careem .btn-primary:hover,
.app-like-careem .btn-sec .btn-primary {
    color: #fff;
    background: #00493e !important;
    border: 1px solid #00493e !important
}

.app-like-careem .banner_btns .btn+.btn {
    border: 1px solid #00493e !important;
    background: #fff !important;
    color: #000
}

.app-like-careem .banner_btns .btn+.btn:hover {
    border: 1px solid #00493e !important
}

.app-like-careem .btn-sec .btn-primary:focus,
.app-like-careem .btn-sec .btn-primary:hover,
.app-like-careem .btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    border-color: #00493e !important;
    color: #00493e
}

.app-like-careem .delp-srvce .section-heading span {
    background: #3ab54e
}

.app-like-careem .home_btn_section .btn-sec .btn-primary {
    color: #211e14;
    background: #3ab54e !important;
    border: 1px solid #3ab54e !important
}

.trust-other-page .home-page-trust-itm .trust-itm img {
    max-height: 13px
}

.trust-other-page .home-page-trust-itm a {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px
}

.trust-other-page .trust-itm-r {
    text-align: center;
    width: 100%;
    justify-content: center;
    display: flex
}

.trust-other-page .home-page-trust-itm img {
    max-height: 23px
}

.trust-other-page-white .trust-itm-rating span {
    color: #212529;
    font-weight: 500
}

.buss-dtl-sct .btn-sec .btn-primary,
.home_banner_clients,
.home_rank_btns .rnk-bsns-header-left h2,
.home_rank_btns .rnk-bsns-header-left p,
.industries-section .heading-section h2,
.industries-section .heading-section p,
.testimlm .heading-section p {
    color: #fff
}

.dev_service_list .dev_service_item h3 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
    animation: rainbow 0.4s ease-in-out infinite;
    transition: all 0.4s ease-out;
    border-radius: 60px;
    background: #000;
    box-shadow: 0 8px 10px 0 rgb(255 255 255 / .2);
    padding: 10px 30px;
    display: inline-block
}

.dev_service_list .dev_service_item a:hover h3 {
    background: linear-gradient(to left, #00dbde, #fc00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none
}

.home_banner_clients p {
    font-size: 24px;
    font-weight: 600
}

@media (max-width:1431px) {
    .rvw_sec_sld .testimonials-item-img:after {
        width: 40px
    }

    .rvw_sec_sld .slick-next {
        right: calc(50% - 35px)
    }

    .testimonials-item-img img {
        width: 220px
    }
}

@media (max-width:1400px) {
    .rvw_sec_sld .slick-prev {
        left: calc(50% - 217px);
        top: calc(50% - 35px)
    }

    .rvw_sec_sld .slick-next {
        right: calc(50% - 60px);
        top: calc(50% - 35px)
    }

    .rvw_sec_sld .testimonials-item-img:after {
        top: 100px
    }
}

@media (max-width:1300px) {
    .slider-heading p {
        font-size: 22px
    }

    .slider-heading h1 {
        font-size: 52px
    }
}

@media (max-width:1299.98px) {
    .banner_btns .btn {
        padding: 11.5px 14px !important
    }

    footer .ftr-section .ftr-form .btn {
        margin-top: 25px
    }
}

@media (max-width:1260px) {
    .rvw_sec_sld .slick-next {
        right: calc(50% - 69px)
    }

    .rvw_sec_sld .slick-prev {
        left: calc(50% - 208px)
    }
}

@media (max-width:1199.98px) {
    .rvw_sec {
        display: none
    }

    .slider-heading h1 {
        font-size: 45px
    }

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

    .rnk-bsns-header {
        gap: 0;
        flex-wrap: wrap
    }

    .rnk-bsns .row .col {
        flex: 0 0 calc(25% - 11px) !important
    }

    .rnk-bsns-header-right .row .col {
        padding: 15px 20px !important
    }

    .rnk-bsns .row .col.rnk-cover {
        flex: 0 0 33.33% !important
    }

    .rnk-bsns .row,
    .servicess_itms .row {
        justify-content: center
    }

    .slider-heading p {
        font-size: 17px
    }

    .slider-section {
        height: auto
    }

    .slider-heading .banner_btns {
        margin-top: 20px !important
    }

    .home_page .slider-heading p {
        margin: 15px 0 25px
    }

    .home_banner_clients {
        margin-top: 35px
    }

    .home_page_jploft .heading-section {
        gap: 50px
    }

    .home_page_jploft .heading-section h3 {
        font-size: 50px;
        min-width: 300px
    }

    .testimonials-item-img img {
        width: 190px
    }

    .rvw_sec_sld .slick-next {
        right: calc(50% - 45px)
    }

    .rvw_sec_sld .slick-prev {
        left: calc(50% - 204px)
    }

    .rvw_sec_sld .testimonials-item-img:after {
        width: 30px
    }

    .rvw_sec_sld .testimonials-abt {
        font-size: 24px;
        line-height: 32px
    }
}

@media (max-width:1024.98px) {
    .home-page-trust {
        flex: 0 0 280px;
        padding: 20px
    }

    .home-page-trust-itm {
        margin: 0 0 20px;
        padding-bottom: 20px
    }

    .trust-itm-img img {
        max-height: 27px
    }

    .trust-itm-h p {
        font-size: 15px !important
    }

    .trust-itm img {
        width: 14px
    }

    .rvw_sec {
        display: none
    }

    .rnk-bsns-header-right .row .col {
        padding: 15px 12px 15px 15px !important
    }
}

@media (max-width:991.98px) {

    .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con .btn-sec,
    .trust-itm-h p {
        text-align: center
    }

    .slider-heading p {
        width: 100%
    }

    .home_banner_clients {
        margin-top: 25px
    }

    .abt-jplft .row+.testi-mon {
        margin-top: 110px !important
    }

    .port-secs h2 {
        font-size: 24px;
        line-height: 1.3
    }

    .port-desc {
        padding: 15px 15px 25px
    }

    .heading-section h2 {
        font-size: 28px
    }

    .home_page_jploft .heading-section p {
        font-size: 16px
    }

    .heading-section p {
        font-size: 16px;
        font-weight: 400
    }

    .banner_btns .btn {
        padding: 11.5px 9px !important
    }

    .slider-section:before {
        background: rgb(15 13 28 / 80%)
    }

    .home-page-trust {
        flex: 0 0 100%;
        margin-top: 15px;
        display: flex;
        gap: 20px;
        background: unset;
        border-top: 1px solid #767373
    }

    .home-page-trust-itm {
        margin: 0;
        padding-bottom: 0;
        border: 0
    }

    .home-page-trust-itm:last-child {
        border: 0
    }

    .home-page-trust-itm a {
        justify-content: center;
        flex-wrap: wrap
    }

    .home_btn_right .col-md-4,
    .home_page .slider-heading p br,
    .rvw_sec {
        display: none
    }

    .home_btn_right .col-md-8 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .home_page {
        background: #161623
    }

    .port-secs-cn .heading-section p {
        font-size: 15px
    }

    #grocery-banner.blogapp_page_banner .pdng-cntnr .hom-new .slider-heading {
        padding: 20px 0 80px
    }

    .port-desc a {
        margin-right: 7px
    }

    .trust-itm-h p {
        font-size: 13px
    }

    .trust-itm-h p {
        font-size: 13px !important
    }

    .slider-heading h1 {
        font-size: 30px
    }

    .industries-section .col-md-12.px-md-1 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .row.we-re-jp .col-md-7 {
        max-width: 100% !important;
        flex: none
    }

    .we-re-jp .vido-sec {
        width: 100% !important;
        margin-bottom: 25px
    }

    .hom-new .slider-section {
        height: auto;
        padding-top: 30px;
        padding-bottom: 20px;
        min-height: unset
    }

    .rnk-bsns-header-right .row .col {
        padding: 13px 15px !important
    }

    .rnk-bsns-header-right .row .col .count-up {
        margin-bottom: 0 !important
    }

    .modal_static_s .row {
        flex-direction: column-reverse
    }

    .modal_static_s form .row {
        flex-direction: unset
    }

    .home-page-rank .rnk-bsns-header-right .row .col,
    .rnk-bsns .row .col {
        flex: 0 0 calc(50% - 11px) !important
    }

    .cntct-strp .btn {
        margin-top: 15px !important
    }

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

    .home-page-rank .rnk-bsns-header-right .row {
        gap: 14px
    }

    .trust-itm-img img {
        max-height: 22px
    }

    .home-page-trust {
        flex: 0 0 260px
    }

    .trust-itm img {
        width: 12px
    }

    .hom-new .slider-heading {
        flex-wrap: wrap
    }

    .home-page-trust {
        flex: 0 0 100% !important
    }

    .home_banner_clients p {
        font-size: 18px
    }
}

@media (max-width:767.98px) {
    .home_blockchain .heading-section {
        margin-right: auto;
        margin-bottom: 30px
    }

    .trust-itm img:first-child {
        display: block
    }

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

    .slider-section.home_page .mobl-bn-hro {
        position: absolute;
        display: block;
        width: 100%
    }

    .slider-section.home_page>.container {
        z-index: 9
    }

    .service_ssss_mobile .heading-section {
        margin-bottom: 20px
    }

    .container.mt-5.port-secs-cn,
    .port-desc.pprtt-sldr,
    .ppttjp.redbl.port-bnr-cvr img:first-child,
    .trust-itm img {
        display: none
    }

    .home-page-rank .rnk-bsns-header-right .row {
        flex-wrap: unset
    }

    .home-page-rank .rnk-bsns-header-right .row .col {
        flex: 0 0 calc(25% - 11px) !important;
        border-radius: 10px
    }

    .blogapp_page_stats_in .row [class*="col-"],
    .blogapp_page_stats_in .row [class*="col-"]:first-child,
    .blogapp_page_stats_in .row [class*="col-"]:last-child {
        margin-top: 30px
    }

    .app-pro-fect .btn-sec {
        margin-top: 0
    }

    .about-takealook .row,
    .home_btn_right .row {
        flex-direction: column-reverse
    }

    .hiring_modal .section-heading.text-center,
    .row.d-soltions.Innovative .cntnts.mt-4 {
        margin: 0 !important
    }

    .ppttjp.nike-prt-2.mt-5.pt-5.port-bnr-cvr {
        margin-top: 0 !important
    }

    .port-secs .heading-section {
        margin-bottom: 15px
    }

    .funded_sec .rnk-bsns-header,
    .hom-new .we-wrk .btn-primary {
        margin-bottom: 40px
    }

    .hom-new .sld_sec .btn-primary-icon {
        white-space: normal;
        line-height: 1.3
    }

    .home_rank_btns .rnk-bsns-header {
        margin-bottom: 30px
    }

    .col-md-6.text-left p {
        border-left: 0;
        padding-left: 0;
        margin-top: 15px
    }

    .groc-dtl.mobl_app_con .btn-sec,
    .new_button_con .btn-sec,
    .serviceNew_s_itm_con .btn-sec {
        text-align: center
    }

    .slider-section {
        margin-top: 113px;
        min-height: calc(100vh - 113px)
    }

    .slider-heading h1 {
        font-size: 30px
    }

    .slider-heading p {
        font-size: 16px
    }

    .rnk-bsns .row .col {
        flex: 0 0 calc(50% - 11px) !important
    }

    .rnk-bsns .row .col.rnk-cover {
        flex: 0 0 50% !important
    }

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

    .cntct-strp .btn {
        margin-top: 15px !important
    }

    .consulting_main.delp-srvce .section-heading p {
        margin: 0
    }

    .blockchain_plateform_bt .row {
        flex-direction: column-reverse;
        text-align: center
    }

    .home_blockchain .heading-section {
        max-width: 100%
    }

    .home_page_jploft .heading-section {
        flex-wrap: wrap;
        gap: 15px
    }

    .home_page_jploft .heading-section h3 {
        font-size: 32px;
        min-width: unset
    }

    .home_page_jploft {
        padding: 20px 0
    }

    .home_page .hire_counters {
        padding: 15px;
        gap: 30px;
        flex: 0 0 190px
    }

    .home_page .banner_btns .btn {
        width: 100%;
        margin: 45px 0
    }

    .home_banner_client_itms {
        gap: 15px
    }

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

    .border_line {
        left: calc(33.33% - 8px)
    }

    .boder_type2 {
        left: 66.66%
    }

    .boder_type4 {
        top: 23%;
        left: 0
    }

    .boder_type5 {
        top: 50%;
        left: 0
    }

    .boder_type3.border_line {
        width: 100%;
        height: .0625rem;
        left: 0;
        top: 77%
    }

    .funded_sec_itm {
        padding: 25px 10px
    }

    .port-secs+.buss-idea-grow.services_calltoaction.home_btn_section {
        padding: 50px 0 !important
    }

    .home_page_jploft .row {
        border: 0 !important
    }

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

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

    .Innovative .col-md-4:not(:last-child) .block_sec_itm {
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 20px
    }

    .trust-itm-img img {
        max-height: 18px
    }

    .trust-itm-h p {
        font-size: 12px !important
    }

    .home-page-trust {
        padding: 15px
    }
}

@media (max-width:576.98px) {
    .awrd-wthus .section-heading h2 {
        text-align: left !important
    }

    .app_works_con .row [class*="col-"]:last-child .app_works_itm,
    .home_banner_clients,
    .home_page .slider-heading h1,
    .home_page_jploft .heading-section,
    .jploft_hme_con,
    .rnk-bsns-header-left,
    .section-heading h2,
    .slider-heading .banner_btns {
        text-align: center
    }

    .home_page_jploft .heading-section h3 {
        font-size: 1.4rem;
        line-height: 1.4
    }

    .home_page.slider-heading h1 {
        font-size: 1.1rem;
        line-height: 1.3
    }

    .trust-other-page .home-page-trust-itm a {
        justify-content: center
    }

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

    .border_line {
        left: calc(25% - 8px)
    }

    .boder_type2 {
        left: 50%
    }

    .boder_type4 {
        top: 33.33%;
        left: 0
    }

    .boder_type5 {
        left: 0;
        top: 66.66%
    }

    .boder_type3.border_line {
        width: .0625rem;
        height: 100%;
        left: 75%;
        top: 0
    }

    .funded_sec_in .col-4:nth-child(7) img {
        filter: contrast(.5)
    }

    .home_page .slider-heading p br,
    .trust-itm-h p {
        display: none
    }

    .home_page_jploft .we-re-jp {
        padding-top: 5px
    }

    .heading-section h2 {
        font-size: 21px
    }

    .home-page-rank .rnk-bsns-header-right .row {
        gap: 6px;
        flex-wrap: wrap
    }

    .home-page-rank .rnk-bsns-header-right .row .col {
        padding: 10px 9px !important;
        flex: 0 0 calc(50% - 6px) !important;
        border-radius: 7px
    }

    .trust-itm-img img {
        max-height: 16px
    }

    .trust-itm img {
        width: 10px
    }

    .home_banner_client_itms {
        margin-top: 18px
    }

    .home-page-trust {
        gap: 10px;
        padding: 10px;
        border-radius: 10px
    }

    .trust-itm-rating span {
        margin-bottom: -3px;
        font-size: 12px
    }

    .trust-itm-rating {
        gap: 5px;
        margin-bottom: 0
    }

    .home_banner_clients h4 {
        font-size: 16px
    }

    .app_works_con .row [class*="col-"]:last-child {
        margin-top: 30px
    }

    .admin-desn .section-heading p,
    .app-dvlp-section .section-heading p,
    .different_sec .heading-section p,
    .howappwork .section-heading p {
        margin-top: 20px
    }

    footer .ftr-section .ftr-form .btn {
        margin-top: 15px
    }

    .slider-section {
        margin-top: 100px;
        min-height: unset
    }

    .new_button_con .btn-sec .btn {
        white-space: unset;
        line-height: 1.2
    }

    .banner_btns .btn {
        width: 100%;
        margin: 0 0 10px;
        min-height: 40px;
        min-width: 100%;
        padding: 11.5px 15px !important
    }

    .home_banner_client_itm img {
        max-height: 31px
    }

    .testimlm .heading-section {
        padding: 30px 0 !important
    }

    .port-secs h2 {
        font-size: 23px;
        margin-bottom: 0
    }

    .home_page_jploft .heading-section h3 {
        justify-content: center;
        margin: 0 auto
    }

    .home_banner_client_itms {
        gap: 20px;
        justify-content: center
    }

    .slider-heading p {
        font-size: 17px;
        width: 90%;
        line-height: 24px
    }

    .rnk-bsns-header-right .row {
        gap: 10px
    }

    .rnk-bsns-header-right .row .col {
        padding: 12px !important
    }

    .rnk-bsns .row .col {
        flex: 0 0 calc(50% - 6px) !important
    }

    .rnk-bsns .row .col {
        flex: 0 0 100% !important;
        padding: 15px 25px !important
    }

    .rnk-bsns .row .col.rnk-cover {
        flex: 0 0 100% !important;
        padding: 0 15px !important
    }

    .funded_sec_itm {
        padding: 20px 3px;
        height: 69px;
        display: flex;
        align-items: center
    }

    .funded_sec {
        padding: 42px 0 0
    }

    .ftr-adrs .row.m-0 {
        margin: 0 -15px !important
    }

    .ftr-adrs .row [class*="col-"] {
        padding: 0 15px !important
    }

    .hom-new .slider-section {
        padding-top: 30px;
        padding-bottom: 0
    }

    .home_page .slider-heading p {
        margin: 8px 0 20px;
        text-align: center
    }

    .home_page .slider-heading {
        padding: 75px 20px
    }
}

@media (min-width:768px) and (max-width:800px) {

    .admin-desn .col-md-5,
    .admin-desn .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width:436px) {

    .industries_menu .col-md-3:nth-child(3) .header_menu_itm .nav-link,
    .industries_menu .col-md-3:nth-child(4) .header_menu_itm .nav-link,
    .industries_menu .col-md-3:nth-child(5) .header_menu_itm .nav-link,
    .industries_menu .col-md-3:nth-child(6) .header_menu_itm .nav-link {
        height: 108px
    }
}

@media (max-width:400px) {
    .slider-section {
        margin-top: 94px;
        min-height: unset
    }

    .blog-sec .btn-primary,
    .hom-new .btn-primary {
        white-space: unset;
        line-height: 1.2
    }

    .banner_btns .btn.myButt10 img {
        margin-left: 0;
        margin-right: 5px;
        margin-top: -5px
    }

    .banner_btns .icon {
        position: relative;
        left: unset;
        right: unset;
        top: unset
    }

    .banner_btns .btn {
        width: 100%;
        margin: 0 0 10px;
        padding: 0 20px !important;
        min-height: 40px;
        min-width: 100%
    }

    .banner_btns .btn:first-child .icon {
        top: 4px
    }

    .banner_btns .btn:last-child .icon {
        margin-right: 5px;
        margin-left: -10px
    }

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

@media screen and (max-width:380px) {
    .home-page-trust {
        gap: 8px;
        padding: 8px
    }

    .home-page-trust.trust-other-page {
        gap: 12px;
        padding: 0
    }

    .home-page-trust-itm a {
        gap: 10px
    }

    .trust-itm-rating span {
        margin-bottom: -3px;
        font-size: 11px
    }
}

.text {
    -webkit-line-clamp: unset
}

@media only screen and (max-width:768px) {
    .banner_btns .btn {
        font-size: 15px
    }

    .home-page-trust,
    .home_banner_clients {
        display: none
    }

    .only-mblc .home_banner_clients {
        display: block
    }

    .text {
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .text-btn {
        appearance: none;
        border: 1px solid #ed1f24;
        line-height: 1;
        padding: 5px 10px !important;
        width: fit-content;
        border-radius: 30px !important;
        -webkit-border-radius: .25em;
        -moz-border-radius: .25em;
        -ms-border-radius: .25em;
        -o-border-radius: .25em;
        margin: 15px auto;
        cursor: pointer;
        display: flex;
        align-items: center;
        height: 28px
    }

    .text-btn::before {
        content: "see more";
        display: inline-block;
        width: 100%;
        text-transform: capitalize;
        color: #ed1f24
    }

    .text-btn:checked::before {
        content: "see less";
        color: #ed1f24
    }

    .text:has(+.text-btn:checked) {
        -webkit-line-clamp: initial
    }

    .only-mblc {
        display: block;
        background: #000;
        margin-top: -25px;
        padding: 30px 30px 15px
    }

    .only-mblc .home-page-trust {
        display: flex
    }
}

.btn-sec .btn-primary:focus,
.btn-sec .btn-primary:hover,
.btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    color: #ed1f24 !important
}

@media (min-width:1200px) {
    .slider-heading h1 {
        font-size: 40px !important
    }

    .home_page .slider-heading-con.homepage_contentSld h1 {
        margin: 0 auto
    }

    .home_page .slider-heading-con.homepage_contentSld .home_banner_client_itms,
    .home_page .slider-heading-con.homepage_contentSld p {
        margin: 30px 0 0
    }

    .slider-heading-con.homepage_contentSld .banner_btns {
        margin-top: 39px !important
    }

    .slider-heading-con.homepage_contentSld .home_banner_clients {
        margin-top: 39px
    }
}

@media (max-width:1199px) {
    .dev_service_list .dev_service_item h3 {
        font-size: 14px
    }
}

.heading_h2,
.heading_h3 {
    font-family: Poppins, sans-serif !important
}

.flip-card-back .btn-sec {
    text-align: left
}

.tab_cn_pn .row {
    align-items: center
}

.heading_h2 {
    font-size: 40px !important
}

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

.fiiter_contry_in .heading_h2 {
    font-size: 1.75rem !important;
    font-weight: 600;
    margin-bottom: 10px
}

.ftr-adrs .heading_h3 {
    font-size: 32px !important;
    font-weight: 700
}

.ftr-form-in .heading_h3 {
    margin-bottom: 35px
}
.ftr-form-in h2{
        font-size: 1.75rem !important;
    font-weight: 600;
    margin-bottom: 10px
}
.rnk-bsns.ranked_sec .rnk-bsns-header-left p {
    color: #fff
}

.custom_sec_con .heading_h3,
.needs_sec_con .heading_h3,
.pg_solutions_con .heading_h3 {
    margin-bottom: 15px
}

.mistake_sec_itms .row [class*="col-"]:nth-child(2) .mistake_sec_itm {
    background: linear-gradient(180deg, #fff0 0, #cedfde 100%)
}

.mistake_sec_itms .row [class*="col-"]:nth-child(2) .mistake_sec_itm .mistake_sec_itm_in {
    flex-direction: column-reverse;
    padding: 0 30px 30px;
    background: linear-gradient(0, #f0f4f3 0, #fff 100%)
}

.mistake_sec_itms .row [class*="col-"],
.pg_solutions_in .row [class*="col-"] {
    margin-top: 30px
}

.btn_full_in .row {
    align-items: center
}

.pg_solutions_in .btn-sec {
    margin-top: 50px !important
}

.custom_sec .section-heading {
    width: 50%;
    padding-right: 20px
}

@media (max-width:991.98px) {
    .srvcs_itm_meta .heading_h3 {
        flex: 0 0 100%
    }

    .custom_sec .section-heading {
        width: 100%;
        padding-right: 0
    }

    .custom_sec_con .heading_h3,
    .needs_sec_con .heading_h3,
    .pg_solutions_con .heading_h3 {
        margin-bottom: 10px
    }

    .home_btn_right .col-md-8 {
        justify-content: center
    }

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

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

@media (max-width:767.98px) {
    .custom_sec .section-heading {
        text-align: center
    }

    .mistake_sec_itms .row [class*="col-"] .mistake_sec_itm .mistake_sec_itm_in,
    .mistake_sec_itms .row [class*="col-"]:nth-child(2) .mistake_sec_itm .mistake_sec_itm_in {
        padding: 20px 20px 0
    }

    .mistake_sec_itms .row [class*="col-"]:nth-child(2) .mistake_sec_itm .mistake_sec_itm_in {
        flex-direction: column;
        padding-bottom: 20px
    }

    .mistake_sec_itms .row [class*="col-"]:nth-child(2) .mistake_sec_itm {
        background: linear-gradient(180deg, #cedfde 0, #fff0 100%)
    }

    .service_hire .row {
        flex-direction: column-reverse
    }

    .cta_S .btn-sec {
        margin-top: 25px !important
    }

    .heading_h2 {
        font-size: 28px !important
    }

    .fiiter_contry_in .heading_h2,
    .ftr-adrs .heading_h3 {
        font-size: 22px !important
    }
}

@media (max-width:576.98px) {

    .delp-srvce .row [class*="col-"] .section-heading,
    .home_rank_btns .rnk-bsns-header {
        margin-bottom: 30px
    }

    .heading_h2 {
        font-size: 22px !important
    }

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

.help_service_itms .row [class*="col-"],
.inds_sec_itms .row [class*="col-"] {
    margin-top: 30px
}

.jploft_hme_con h2 span,
.span_red {
    color: #ed1f24
}

.home_page_jploft .heading-section {
    display: inline-block;
    margin-bottom: 10px
}

.home_page_jploft .heading-section p {
    font-size: 20px
}

.heading_h1 {
    font-size: 50px
}

.span_light {
    font-weight: lighter;
    display: block;
    margin-bottom: 10px
}

.funded_sec_row,
.home_experts_in .row {
    align-items: center
}

.home_experts_con .btn-sec {
    margin-top: -25px !important;
    margin-bottom: 35px
}

.jploft_hme_con .btn-sec {
    text-align: left;
    margin-top: 0 !important
}

.home_experts_india .home_experts_con {
    text-align: center
}

.funded_sec_in_img {
    padding-left: 25px
}

.home_experts_img img {
    margin: 0 auto
}

.home_experts_in {
    margin-top: 80px
}

.home_experts_con .heading_h2 {
    color: #fff;
    margin-bottom: 50px
}

.home_experts_india .home_experts_itms {
    justify-content: center
}

.home_abt_bg .row {
    align-items: flex-end
}

.help_service .heading-section,
.home_abt_info .heading-section,
.inds_sec .heading-section {
    margin-bottom: 0
}

.jploft_hme_con h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px
}

.btn-sec .btn-primary:focus,
.btn-sec .btn-primary:hover,
.btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #ed1f24 !important;
    color: #fff !important
}

.rvw_sec_sld .slider-activation .slick-next:hover,
.rvw_sec_sld .slider-activation .slick-prev:hover {
    box-shadow: 0 0 40px #3d3d3d !important
}

.flip_box_img {
    border: 1px solid rgb(255 255 255 / .8);
    position: relative;
    padding-bottom: 79%;
    overflow: hidden;
    background: linear-gradient(91deg, rgb(245 245 252 / .6) 50%, #fafaff 98.36%);
    border-radius: 25px
}

.flip_box_img img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-height: unset !important;
    transition: opacity 0.6s, transform 0.6s !important;
    -webkit-transition: opacity 0.6s, transform 0.6s !important
}

.flip_box_img img:first-child,
.flip_box_img:hover img:nth-child(2),
.port-secs .port-bnr-cvr:hover .flip_box_img img:first-child,
.port-secs .port-bnr-cvr:hover .flip_box_img:hover img:nth-child(2) {
    opacity: 1;
    transform: scale(.92)
}

.flip_box_img img:nth-child(2),
.flip_box_img:hover img:first-child,
.port-secs .port-bnr-cvr:hover .flip_box_img img:nth-child(2),
.port-secs .port-bnr-cvr:hover .flip_box_img:hover img:first-child {
    opacity: 0;
    transform: scale(.95)
}

.new_button_con .heading_h2 {
    text-transform: initial
}

.funded_sec_in_para {
    margin-top: 15px
}

.funded_sec_in_img .portfolio_slidersec_btns img {
    filter: brightness(.5) invert(1)
}

.funded_sec_in_img .funded_sec_in_img_hrf {
    width: 100%
}

.header_new_contact .row {
    align-items: center
}

.map_footer_con .btn-sec {
    text-align: left
}

.about_page .home_banner_clients,
.about_values_in .section-heading,
.glry_sss .section-heading,
.jploft_awards .section-heading {
    text-align: center
}

.about_page .home_banner_client_itms,
.thanks_sec .home_banner_clients .home_banner_client_itms {
    justify-content: center
}

.thanks_procerss .row [class*="col-"] .thanks_procerss_itm:last-child {
    margin-bottom: 10px
}

.banner_btns .btn+.btn.btn-primary-3 {
    background: #ed1f24;
    color: #fff
}

.banner_btns .btn.btn-primary.btn-primary-3 {
    background: #ed1f24 !important;
    color: #fff
}

.thanks_sec .home_banner_clients h4 {
    color: #000
}

.thanks_sec .banner_btns .btn {
    margin: 0
}

.thanks_procerss .row [class*="col-"]:last-child .thanks_procerss_itm {
    flex-direction: row-reverse;
    justify-content: flex-start;
    text-align: right
}

.thanks_procerss .row {
    align-items: center
}

.ftr_sec_tab_itm .section-heading {
    margin-bottom: 40px
}

.tab_cn_pn.gre-bg-lit .section-heading {
    margin-bottom: 0
}

.ftr_sec_tab_itm .tab_cn_pn .row {
    align-items: unset
}

.blockchain_plateform_sld1 .slide-item {
    height: 100%
}

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

@media (min-width:1400px) {
    .thanks_sec .container {
        max-width: 1100px
    }
}

@media (max-width:1199.98px) {
    .heading_h2 {
        font-size: 36px !important
    }

    .heading_h1 {
        font-size: 40px
    }

    .home_experts_con .heading_h2 .span_red {
        display: block
    }
}

@media (max-width:991.98px) {
    .ai_agent .section-heading.text-center {
        text-align: left !important
    }

    .ai_agent .section-heading .mx-auto {
        margin-left: 0 !important
    }

    .jploft_awards_itm .img-fluid {
        max-height: 150px
    }

    .next-gen-heading.country-au {
        font-size: 35px !important
    }

    .next-gen-heading.country-sa {
        font-size: 33px !important
    }

    .funded_sec_itm {
        padding: 30px 12px
    }

    .funded_sec_in_img {
        padding-left: 0
    }

    .home_experts_in {
        margin-top: 0
    }

    .home_page_jploft {
        padding: 30px 0 20px
    }
}

@media (max-width:767.98px) {

    .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 {
        margin-top: 25px
    }

    .tab_cn_pn.gre-bg-lit .row {
        flex-direction: row-reverse
    }

    .ftr_sec_tab_itm:first-child .section-heading {
        margin-bottom: 0
    }

    .about_page .home_banner_clients {
        display: block
    }

    .thanks_procerss .row [class*="col-"]:last-child .thanks_procerss_itm {
        flex-direction: row;
        text-align: left
    }

    .thanks_procerss .row [class*="col-"]:first-child .thanks_procerss_itm:last-child {
        margin-bottom: 10px
    }

    .thanks_procerss .row [class*="col-"]:last-child .thanks_procerss_itm:last-child {
        margin-bottom: 0
    }

    .thanks_sec .home_banner_clients {
        display: block
    }

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

    .heading_h2,
    .section-heading h2 {
        font-size: 28px !important
    }

    .ppttjp.redbl.port-bnr-cvr img:first-child {
        display: initial
    }

    .funded_sec_in_img {
        margin: 30px auto 50px;
        width: 601px;
        max-width: 100%
    }

    .heading_h1 {
        font-size: 32px
    }

    .home_experts_img {
        display: none
    }

    .home_experts_con {
        text-align: center
    }
}

@media (max-width:576.98px) {
    .ai_agent .section-heading.text-center .heading_h2 {
        text-align: left
    }

    .heading_h2+.line-red+p {
        margin-top: 15px
    }

    .effort_sec_blk .section-heading {
        text-align: center
    }

    .thanks_sec .banner_btns .btn {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        min-width: calc(50% - 10px)
    }

    .thanks_sec .banner_btns .btn:last-child {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 100%
    }

    .map_footer_con .btn-sec {
        text-align: center
    }

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

    .header_new_contact .row [class*="col-"]:nth-child(2) .header_contact_itm:last-child {
        flex: unset
    }

    .header_new_contact .row {
        flex-wrap: unset
    }

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

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

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

    .funded_sec_itm {
        padding: 20px 3px
    }

    .heading_h1 {
        font-size: 27px
    }

    .section-heading h2,
    .heading_h2 {
        font-family: Poppins;
        font-size: 22px !important
    }

    .home_abt_info .section-heading {
        margin-bottom: 10px
    }

    .jploft_hme_con {
        margin-bottom: 25px;
        margin-top: 15px
    }

    .slider-heading h1 {
        font-size: 24px
    }
}

@media (max-width:490px) {
    .header_new_contact .row [class*="col-"]:first-child {
        padding-right: 0
    }
}

@media (max-width:400px) {
    .thanks_sec .banner_btns .btn:first-child .icon {
        top: 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 {
        height: 13px
    }

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

    .map_footer_con .btn-sec {
        margin-top: 15px !important
    }
}

.funded_sec.funded_sec_home {
    padding: 42px 0 50px
}

.ai_sec_tabs_body .btn-sec {
    text-align: left
}

.consultation_btn {
    background-image: url(https://www.jploft.com/img/btndemo_bg.svg);
    background-color: #fff0
}

@media (max-width:767.98px) {
    .funded_sec.funded_sec_home {
        padding-bottom: 0
    }

    .mobile-btn .btn-primary-icon {
        margin-bottom: 15px !important
    }

    .home_page_jploft #tl_vid_op iframe,
    .home_page_jploft #tl_vid_op+.img-fluid {
        border: 1px solid #fff
    }

    .home_page_jploft #tl_vid_op iframe,
    .home_page_jploft #tl_vid_op+.img-fluid {
        border-radius: 10px
    }
}

@media (max-width:575.98px) {
    .rvw_sec {
        background: transparent !important
    }

    .hom-new .we-wrk .btn-primary {
        margin-bottom: 15px !important;
        margin-top: 0 !important
    }

    .port-desc .btn-sec.text-left .btn-primary {
        margin-top: 15px !important;
        margin-bottom: 0 !important
    }

    .testimonials-info .clutch_sec_source_ic {
        margin-top: 0
    }
}

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

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

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

.modal_static_s .row {
    align-items: start
}

@media (max-width:1199.98px) {
    .modal_static_s .heading_h1 h2 {
        font-size: 25px !important
    }

    .modal_static_s .heading_h1 .modal_block {
        font-size: 20px
    }
}

@media (max-width:991.98px) {
    .modal_static_s .heading_h1 {
        margin-bottom: 0
    }
}

@media (max-width:576.98px) {
    .modal_static_s .heading_h1 h2 {
        font-size: 22px !important
    }
}

@media (max-width:400px) {
    .modal_static_s .heading_h1 h2 {
        font-size: 20px !important
    }
}

.hd_mn_ft_con .btn-sec {
    flex-wrap: wrap;
    text-align: left;
    margin-top: 20px !important;
    display: flex;
    gap: 15px
}

.hd_mn_ft_con .btn-sec p {
    font-size: 15px
}

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

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

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

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

.headermnu_fll .row {
    height: 100%
}

.contact_us_li .btn-primary-icon .icon,
.send_resume_btn .icon {
    display: none
}

@media (max-width:1199.98px) {
    .dropdown-menu.dropdown_contact .contact_us_li .btn-primary-icon {
        color: #fff !important
    }

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

@media (max-width:767.98px) {
    .header_menu_itms.industry_mn .row [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width:575.98px) {
    .header_menu_cn .about_mn .row [class*="col-"] {
        padding: 0 10px
    }
}

.port-desc p {
    font-size: 15.5px
}

.port-desc h3.heading_h2 {
    font-size: 32px !important
}

.dark-plhold .consultation_btn {
    background-color: #000;
    position: relative;
    min-height: 360px;
    padding-top: 70px
}

.dark-plhold .conslut_dmo {
    position: absolute;
    right: 0;
    top: 35px;
    width: 25%
}

.dark-plhold .conslut_dmo img {
    width: 100%
}

.dark-plhold .consultation_btn_in h2 {
    color: #fff
}

.dark-plhold .consultation_btn_in p {
    margin-top: 20px;
    color: #fff
}

.nw-port-rgt {
    background: linear-gradient(51deg, #f9f9fd 71.75%, #e3e3ff 93.96%);
    padding: 40px
}

.nw-port-sec-in {
    border-radius: 30px;
    overflow: hidden
}

.prjct-logo {
    height: 53px;
    margin: 30px 0
}

.nw-port-rgt h3 {
    font-size: 32px;
    margin: 20px 0 40px 0;
    font-weight: 600;
    color: #000
}

.stct-data p {
    font-size: 30px;
    color: #222;
    display: flex;
    gap: 10px;
    font-weight: 600;
    margin-bottom: 0
}

.stct-data span {
    font-size: 14px;
    color: #222
}

.stct-data {
    border-bottom: 1px solid #e6e6ea;
    padding-bottom: 50px;
    display: flex;
    gap: 30px
}

.nw-prt-imgd .flip_box_img {
    border: 0;
    position: unset;
    overflow: hidden;
    background: 0;
    border-radius: 0;
    padding-bottom: 0
}

.nw-prt-imgd .flip_box_img img {
    border-radius: 0;
    transform: scale(1)
}

.nw-prt-imgd .flip_box_img img:nth-child(2) {
    transform: scale(1)
}

.port-bnr.video-el {
    min-width: 105%;
    min-height: 100%
}

@media screen and (max-width:1400px) {
    .prjct-logo {
        margin: 0 0 20px
    }

    .nw-port-rgt h3 {
        font-size: 28px;
        margin: 20px 0 30px 0
    }

    .dark-plhold .conslut_dmo {
        top: 60px
    }
}

@media screen and (max-width:1200px) {
    .stct-data {
        padding-bottom: 30px
    }

    .nw-port-rgt h3 {
        font-size: 22px;
        margin: 20px 0 20px 0
    }

    .stct-data span {
        font-size: 11px
    }

    .dark-plhold .conslut_dmo {
        top: 85px
    }
}

@media screen and (max-width:1024px) {
    .prjct-logo {
        height: 40px;
        margin: 0
    }

    .nw-port-rgt {
        padding: 30px
    }

    .port-desc h3.heading_h2 {
        font-size: 25px !important
    }

    .port-desc a {
        font-size: 15px
    }

    .stct-data img {
        width: 17px
    }
}

@media screen and (max-width:992px) {
    .nw-port-rgt h3 {
        font-size: 16px
    }

    .dark-plhold .conslut_dmo {
        display: none
    }

    .dark-plhold .consultation_btn {
        min-height: 290px
    }

    .nw-prt-imgd .flip_box_img {
        padding-bottom: 79%
    }
}

@media screen and (max-width:767px) {
    .ordr-fr-mb1 {
        order: 1
    }

    .ordr-fr-mb2 {
        order: 2
    }

    .stct-data {
        margin-bottom: 15px
    }

    .nw-port-rgt a {
        font-size: 15px
    }

    .port-desc {
        width: 90%;
        margin: -35px auto 30px auto !important
    }

    .stct-data p {
        font-size: 17px
    }

    .nw-port-sec-in {
        border-radius: 18px
    }
}

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

@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_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) {
    .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
    }
}

@media (max-width:991.98px) {
    .modal_static_s form .row {
        flex-direction: row
    }
}

@media (max-width:991.98px) {
    form#form1 .row.align-items-center {
        flex-direction: row !important
    }
}

@media (max-width:768px) {
    .modal_static_s #form1 .row .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgb(237 31 36 / 40%)
    }

    100% {
        box-shadow: 0 0 0 20px #fff0
    }
}

.industry-btn .btn-primary {
    display: flex !important;
    align-items: center;
    gap: 5px
}

@media (max-width:991px) {
    .industry-btn .btn-primary {
        justify-content: center;
        margin-left: auto;
        margin-right: auto
    }
}

.funded_sec.funded_sec_home {
    position: relative;
    padding-bottom: 0 !important;
    background: #fff0;
    z-index: 9
}

.funded_sec.funded_sec_home::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 90%;
    width: 100%;
    background: #000;
    z-index: -9
}

.abt-jplft.dev_abt_wth-spae .heading_h2 span {
    display: inline-block;
    background-color: #ed1f24;
    padding: 5px 10px;
    border-radius: 50px;
    margin-right: 5px
}

.boder_type3 {
    left: calc(75% + 8px)
}

@media (max-width:991.98px) {
    .funded_sec.funded_sec_home::after {
        height: 100%
    }
}

@media (max-width:575.98px) {
    .abt-jplft.dev_abt_wth-spae .heading_h2 {
        margin-top: 15px !important
    }

    .abt-jplft.dev_abt_wth-spae .heading_h2 {
        text-align: center
    }
}

.home-page-trust {
    background-color: transparent !important
}

.banner-badge-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px
}

.banner-badge-menu li span {
    background-color: #fff0;
    border: 1px double #fff;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 7px 15px
}

.home-page-trust {
    background-color: transparent !important
}

.funded_sec_in_img-innr {
    position: relative
}

.funded_sec_in_img-innr .funded_sec_in_img_hrf {
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-85%);
    width: auto;
    animation: pulse-animation 2s infinite;
    border-radius: 50px;
    border: 4px solid #000
}

.funded_sec_in_para {
    margin-top: 35px
}

.home_experts_bottom_con_us h3 {
    line-height: normal
}

.home_experts_bottom {
    align-items: end
}

.home_experts_con .btn-sec {
    margin-bottom: -6px !important
}

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

.section-heading p br {
    display: none
}

.service_restimonial_head {
    color: #fff;
    margin-bottom: 20px
}

.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,
.btn-primary:focus,
.btn-primary:hover,
.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,
.home-portfolio-content-section .discuss-project-button:hover,
.ilo-business.vehicle_tracking .movie_effect h2,
.ilo-business.vehicle_tracking .vehicle_track.movie_effect 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,
.solution-bnr.srvces-bnr-E-Learning h1,
.solution-main .btn:hover,
.text-muted,
.top-banner-inner-startup h1.white,
.txt-white,
.upload-dtl-resm h3,
.vjn-dep h2,
.vjn-dep p,
.vsn-msn h2,
.vsn-msn p,
a.btn:hover {
    color: #fff
}

.ofc-tem .section-heading h2 {
    margin-bottom: 10px
}

#grocery-banner .gro-text .ftr-cover,
.abt-jplft,
.abt-jplft h4,
.achievement,
.aps-scrn,
.cl-with-us h4,
.cr-hd,
.creer-hero,
.creer-log,
.dropdown-submenu,
.dvp-tst,
.howitwork .how-work,
.hr-dtl-bg,
.hr-pr-dtl,
.it_works,
.it_works1,
.lve-jploft,
.new-portfolio-section .container,
.ofc-joim,
.ofc-tem,
.ourappslider,
.owl_wrapper,
.poplr-brnd-logo,
.port-desc,
.prfe-img,
.slick-dots li,
.slider-contents,
.slider-form .file-uplod-sldr,
.slider-heading,
.slider-section,
.src-dtl,
.trm-check p,
.vido-sec,
.vjn-dep,
.service_restimonial_head h4 {
    position: relative
}

.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 h4,
.service_restimonial_head h4 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    z-index: 2
}

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

.admin-desn .section-heading,
.app-pro-fect .section-heading,
.awrd-wthus .section-heading,
.cl-with-us h2,
.salesforce-development .salesfore-service,
.testimlm .testi-txt,
.why-join-us p,
.wthus-dtl {
    margin-bottom: 40px
}

.admin-desn .section-heading h2,
.app-pro-fect .section-heading h2,
.prfle-dtl p,
.upload-dtl-resm p,
.wthus-1 h2 {
    color: #fff;
    margin-bottom: 10px
}

.ofc-tem .section-heading {
    text-align: center
}

.ofc-tem .section-heading span {
    position: relative
}

.ofc-tem .glry .section-heading {
    text-align: left
}

.healthcare-gray-sec .inner-content h2,
.on-demand-section .section-heading h2 {
    color: #000;
    margin-bottom: 20px
}

.delp-srvce .section-heading h2 {
    color: #000;
    text-align: center
}

.delp-srvce .section-heading p {
    text-align: center;
    margin-bottom: 60px
}

.on-demand-section .section-heading p {
    font: 400 15px/24px Helvetica;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 55px
}

.app-fetur-section .section-heading h2 {
    text-align: left
}

.app-fetur-section .section-heading p {
    text-align: left;
    margin-bottom: 15px
}

.delp-srvce .section-heading span,
.line-red {
    display: block;
    background: #ff8285;
    height: 2px;
    width: 150px;
    margin: 20px 0
}

.scrp-app .section-heading {
    margin-bottom: 40px
}

.cloe-myntra .section-heading h2 {
    letter-spacing: 0;
    color: #000;
    margin-bottom: 50px;
    font: 700 35px/60px Helvetica
}

@media (max-width:1199.98px) {

    h2,
    .cntct-strp h4,
    .rnk-bsns h2,
    .abt-jplft h4,
    .service_restimonial_head h4,
    .abt-jplft h4,
    .service_restimonial_head h4 {
        font-size: 35px
    }
}

@media screen and (max-width:767.98px) {
    .mobile_hide {
        display: none !important
    }

    .count-up,
    .hom-new .we-wrk .btn-primary,
    .ios-game-development-panel .col-md-4.col-sm-4:first-child,
    .ios-game-development-panel .col-md-4.col-sm-4:nth-child(2),
    .ios-game-development-panel .col-md-4.col-sm-4:nth-child(3),
    .node-optmal-panel .col-md-4.col-sm-4,
    .scrp-app .section-heading {
        margin-bottom: 30px
    }

    .abt-jplft h4,
    .movie_effect h2,
    .newv-career-cover h1,
    .service_restimonial_head h4 {
        font-size: 26px
    }

    .abt-jplft p,
    .service_restimonial_head p {
        margin: 10px 0 30px
    }

    .abt-bdy .section-heading h2 {
        font-size: 26px;
        margin-bottom: 10px
    }

    .abt-bdy .section-heading p,
    .price-per-hour-section .web-price-panel.green .title,
    .price-per-hour-section .web-price-panel.orange .title,
    .razer p {
        font-size: 13px
    }

    .cloe-myntra .section-heading h2 {
        font: 700 30px/40px Helvetica;
        margin-bottom: 20px;
        margin-top: 50px
    }
}

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

    .abt-dtl h2,
    .abt-hro .cr-hd h1,
    .abt-jplft h4,
    .cl-with-us h3,
    .cntct-strp h4,
    .count-up h3,
    .cr-hd h1,
    .ftr-form h4,
    .section-heading h2,
    .skl-vlue h2,
    .home_page_main_heading,
    .slider-heading h1,
    .topsec h3,
    h2.counter-count,
    .service_restimonial_head h4 {
        font-size: 22px;
        line-height: 1.5
    }

    .abt-bdy .section-heading h2,
    .ftr-adrs h2,
    footer .ftr-section .ftr-adrs h2 {
        font-size: 22px;
        line-height: 1.4
    }

    .abt-jplft p,
    .blog-sec p,
    .rnk-bsns p,
    .service_restimonial_head p {
        font-size: 15px;
        line-height: 1.4
    }

    .abt-jplft p,
    .service_restimonial_head p {
        margin: 18px 0
    }

    .abt-jplft p,
    .accrodn-section-faq .btn-header-link,
    .cl-with-us p,
    .form-control,
    .rnk-bsns p,
    .wthus-1 p,
    body,
    .service_restimonial_head p {
        font-size: 14px
    }

    .jn-with-us .section-heading,
    .our-vne .section-heading {
        margin-bottom: 15px !important
    }

    .glry .section-heading {
        margin: 0 !important
    }

    .on-demand-section .section-heading h2,
    .why-join-us h2,
    footer .ftr-nav ul li {
        margin-bottom: 15px
    }

    .delp-srvce .section-heading h2,
    .on-demand-section .section-heading h2 {
        line-height: 1.4
    }

    .delp-srvce .section-heading span,
    .line-red {
        margin: 10px 0 20px
    }

    .delp-srvce .section-heading p {
        font: 14px/22px Helvetica;
        margin-bottom: 30px
    }

    .section-heading h2 {
        font: 700 22px/30px Roboto, sans-serif
    }

    .dvlp-dtl p,
    .section-heading p,
    .type-dtl p {
        font: 14px/22px Helvetica
    }

    .on-demand-section .section-heading p {
        margin-bottom: 25px
    }

    .admin-desn .section-heading,
    .app-pro-fect .section-heading {
        margin-bottom: 25px
    }
}

@media only screen and (max-width:1199.98px) {
    .header-new .mobile_hide {
        display: none !important
    }
}

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

.about-eocmers.about-solutionpage,
.busnss-mod,
.hire-dedicated-developers-s .btn-sec .btn,
.hom-new .hire_counters,
.home_btn_section+.about_blockchain,
.industries-section .heading-section,
.row.d-soltions.Innovative,
.solutions_menu.solutions_menu_nw .header_menu_itm span,
.we-wrk {
    margin-top: 0
}

.admin-desn .row .col-lg-4.col-sm-6:last-child .admin-type,
.delp-srvce .section-heading p,
.hiring_modal_itms ul li:last-child,
.rnk-bsns-header-right .counter,
.why-tech .ofc-joim p,
footer .ftr-nav ul li {
    margin-bottom: 0
}

.on-demand-section .section-heading p {
    font-size: 18px;
    line-height: 1.6;
    font-family: Poppins, sans-serif
}

.app-fetur-section .section-heading p,
.rvw_sec .rnk-bsns-header,
footer .ftr-section h4 {
    margin-bottom: 35px
}

.blogapp_page_stats-con h4,
.delp-srvce .btn-sec,
.page_portfolio_itm_con .aps-scrn-links,
.upload-dtl-resm .error {
    margin-top: 5px
}

.mobl-app-groc .btn-sec {
    text-align: left;
    margin-top: 20px
}

.mobl-app-groc .btn-sec .btn-primary {
    border: 1px solid #fff !important;
    background: #fff !important
}

.mobl-app-groc .btn-sec .btn-primary:hover {
    border: 1px solid #fff;
    background: 0 0 !important;
    color: #fff !important
}

.btn-sec .btn-primary {
    padding: 11.5px 30px !important;
    border-radius: 40px;
    border: 1px solid #ed1f24
}

#faq,
.app-dvlp-main,
.bisiness_sec_itm,
.btn-sec,
.consulting_itm,
.contact_top_bn+.home_banner_clients,
.content_resources_shape,
.home_banner_clients,
.how_work_s,
.ourappslider.slick-initialized.slick-slider,
.page_portfolio_itm:nth-child(2),
.page_portfolio_itm:nth-child(3),
.techno-log-tabs {
    margin-top: 30px
}

.app_works_itm_con h4,
.fiiter_contry_s h3,
.industries_section_con h4,
.plt_sec.delp-srvce .section-heading p,
.shopify_plus_s .section-heading p,
.sld_sec+.delp-srvce.consulting_main .section-heading p,
footer .ftr-section .ftr-adrs .ftr-cont {
    margin-bottom: 10px
}

.about-eocmers .btn-sec,
.contact_hr_itm_con,
.hire-dedicated-developers-s .btn-sec,
.new_button_con,
.new_button_con .btn-sec,
.serviceNew_s_itm_con .btn-sec,
.site-content ul#examples,
.tsibog-bnr-content {
    text-align: left
}

.abt-jplft .bg-trpt .slick-slide img,
.bisiness_sec_con .btn,
.dev-process-bx,
.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,
.pprtt-sldr img,
.servicess_itm ul li {
    width: 100%
}

.header_new_contact,
.hiring_modal,
.loanlending_app_portfolio1,
.stockstream_app_portfolio1,
.technologies_sec {
    background: #000
}

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

.tab-content .techno-log-itm .techno-log-itm-con {
    display: none
}

.techno-log-itm {
    display: flex;
    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(.7)
}

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

.techno-log-tabs button {
    border: 0 !important;
    text-transform: capitalize;
    font-weight: 400;
    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%);
    box-shadow: 0 1px 1px 0 rgb(255 255 255 / .25) inset
}

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

.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%);
    box-shadow: 0 1px 1px 0 rgb(255 255 255 / .25) inset;
    color: #fff
}

.technologies_sec {
    background: #000;
    padding-top: 0
}

.delp-srvce .row [class*="col-"] .section-heading,
.home_rank_btns .rnk-bsns-header {
    margin-bottom: 40px
}

.blogapp_page_stats-head,
.delp-srvce.app-fetur-section .section-heading,
.quote-icon,
.testimlm .slide-item,
.testimonials-info .clutch_sec_sld_head {
    margin-bottom: 30px
}

.faq-sec,
.new_button_con .btn-sec .btn-primary-icon {
    margin: 0 !important
}

.different_industries_in .section-heading.mb-4 {
    margin-bottom: 10px !important
}

.about-eocmers+.features_sec,
.abt-jplft,
.accrodn-section-faq,
.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,
.hiring_modal,
.howappwork,
.ofc-tem,
.on-demand-section,
.our-vne,
.port-secs,
.price-ecomr-app,
.rnk-bsns,
.rvw_sec,
.service_restimonial,
.table-need-tem,
.technologies_sec,
footer .ftr-section,
section.apps-carft-screen-short-ssection.screens_sec,
section.our-work-section,
.services_sec,
.ag-section,
.ftr_sec {
    padding: 32px 0 50px
}

.abt-srvc,
.btn-sec {
    margin-top: 25px !important
}

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

.delp-srvce .Innovative .section-heading p {
    margin-bottom: 24px
}

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

.abt-jplft h4,
.home_btn_section button,
.service_restimonial_head h4,
.site-content a {
    margin-top: 0 !important
}

.app-dvlp-section .btn-sec {
    margin-top: 35px !important
}

.on-demand-section .section-heading p {
    margin-bottom: 50px
}

.technologies_sec+.blockchain_plateform {
    background: #0a0916;
    padding: 0 0 50px
}

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

.technologies_sec+.blockchain_plateform .blockchain_plateform_sld_in p {
    color: #acb7ca
}

.app-pike-amazon .btn-primary,
.app-pike-amazon .btn-primary:hover,
.app-pike-amazon .btn-sec .btn-primary {
    color: #fff;
    background: #f3ad3b !important;
    border: 1px solid #f3ad3b !important
}

.app-pike-amazon .btn-sec .btn-primary:focus,
.app-pike-amazon .btn-sec .btn-primary:hover,
.app-pike-amazon .btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    border-color: #f3ad3b !important;
    color: #f3ad3b
}

.app-pike-amazon .delp-srvce .section-heading span,
.app-pike-amazon .dev-process h2:after,
.app-pike-amazon .faq-sec h2:after,
.app-pike-amazon .features_sec_tabs ul.nav-pills .nav-link.active,
.app-pike-amazon .features_sec_tabs ul.nav-pills .nav-link:hover,
.app-pike-amazon .howappwork .how-it-wokrs-list li figure,
.app-pike-amazon .howappwork .how-it-wokrs-list li::after,
.app-pike-amazon .howappwork .how-it-wokrs-list li::before,
.app-pike-amazon .line-red,
.app-pike-amazon .srvces-main h2:after,
.app_works_itm_ic {
    background: #f6960a
}

.app-like-spotify .home_btn_section .btn-sec .btn-primary,
.app-pike-amazon .home_btn_section .btn-sec .btn-primary {
    color: #fff;
    background: #211e14 !important;
    border: 1px solid #211e14 !important
}

.app-pike-amazon .home_btn_section .btn-sec .btn-primary:hover {
    color: #211e14;
    background: #fff !important;
    border: 1px solid #211e14 !important
}

.app-like-urbanclap .casestudy_bnr_cat.casestudy_bnr_cat_date::before,
.app-like-urbanclap .delp-srvce .section-heading span,
.app-like-urbanclap .features_sec_tabs ul.nav-pills .nav-link.active,
.app-like-urbanclap .features_sec_tabs ul.nav-pills .nav-link:hover,
.app-like-urbanclap .line-red {
    background: #5d31e3
}

.app-like-urbanclap .btn-primary,
.app-like-urbanclap .btn-primary:hover,
.app-like-urbanclap .btn-sec .btn-primary {
    color: #fff;
    background: #5d31e3 !important;
    border: 1px solid #5d31e3 !important
}

.app-like-urbanclap .btn-sec .btn-primary:focus,
.app-like-urbanclap .btn-sec .btn-primary:hover,
.app-like-urbanclap .btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    border-color: #5d31e3 !important;
    color: #5d31e3
}

.app-pike-kfc .btn-primary,
.app-pike-kfc .btn-primary:hover,
.app-pike-kfc .btn-sec .btn-primary {
    color: #fff;
    background: #e51b19 !important;
    border: 1px solid #e51b19 !important
}

.app-pike-kfc .btn-sec .btn-primary:focus,
.app-pike-kfc .btn-sec .btn-primary:hover,
.app-pike-kfc .btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    border-color: #e51b19 !important;
    color: #e51b19
}

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

.app-like-spotify .app_works_itm_ic,
.app-like-spotify .casestudy_bnr_cat.casestudy_bnr_cat_date::before,
.app-like-spotify .delp-srvce .section-heading span,
.app-like-spotify .dev-process h2:after,
.app-like-spotify .features_sec_tabs ul.nav-pills .nav-link.active,
.app-like-spotify .home_btn_section .buss-dtl-sct,
.app-like-spotify .line-red,
.features_sec_tabs ul.nav-pills .nav-link:hover {
    background: #1ed760
}

.app-like-spotify .btn-primary,
.app-like-spotify .btn-primary:hover,
.app-like-spotify .btn-sec .btn-primary {
    color: #fff;
    background: #1ed760 !important;
    border: 1px solid #1ed760 !important
}

.app-like-spotify .btn-sec .btn-primary:focus,
.app-like-spotify .btn-sec .btn-primary:hover,
.app-like-spotify .btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    border-color: #1ed760 !important;
    color: #1ed760
}

.app-like-careem .btn-primary,
.app-like-careem .btn-primary:hover,
.app-like-careem .btn-sec .btn-primary {
    color: #fff;
    background: #00493e !important;
    border: 1px solid #00493e !important
}

.app-like-careem .btn-sec .btn-primary:focus,
.app-like-careem .btn-sec .btn-primary:hover,
.app-like-careem .btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    border-color: #00493e !important;
    color: #00493e
}

.app-like-careem .app_works_itm_ic,
.app-like-careem .delp-srvce .section-heading span,
.app-like-careem .dev-process h2:after,
.app-like-careem .line-red {
    background: #3ab54e
}

.app-like-careem .home_btn_section .btn-sec .btn-primary {
    color: #211e14;
    background: #3ab54e !important;
    border: 1px solid #3ab54e !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,
.hiring_modal h2,
.home_banner_clients,
.home_rank_btns .rnk-bsns-header-left h2,
.home_rank_btns .rnk-bsns-header-left p,
.home_rank_btns .rnk-cover .rnk-bsns-bg h5 a,
.home_rank_btns .rnk-cover .rnk-bsns-bg p,
.industries-section .heading-section h2,
.industries-section .heading-section p,
.page_portfolio_itm,
.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
}

.dev_service_list .dev_service_item h3 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
    animation: rainbow 0.4s ease-in-out infinite;
    transition: all 0.4s ease-out;
    border-radius: 60px;
    background: #000;
    box-shadow: 0 8px 10px 0 rgb(255 255 255 / .2);
    padding: 10px 30px;
    display: inline-block
}

.dev_service_list .dev_service_item a:hover h3 {
    background: linear-gradient(to left, #00dbde, #fc00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-shadow: none
}

@media (max-width:1199.98px) {
    .techno-log-itm-img img {
        max-height: 70px
    }
}

@media (max-width:991.98px) {

    #modal_static2 .modal_static_con h2,
    .footer_lgs .ovr-rting p,
    .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con .btn-sec,
    .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con h2,
    .home_btn_section .home_btn_right.buss-dtl-sct .new_button_con p,
    .modal_static_con,
    .trust-itm-h p {
        text-align: center
    }

    .techno-log-itm img {
        max-height: 70px
    }
}

@media (max-width:767.98px) {

    .home-page-rank h3,
    .techno-log-tabs button {
        font-size: 17px
    }

    .app-pro-fect .btn-sec,
    .content_resources_con,
    .home_btn_section .buss-dtl-sct-img img,
    .home_btn_section+.about_blockchain,
    .homeblk_btn_section .buss-dtl-sct-img img {
        margin-top: 0
    }

    .delp-srvce+.solution-main,
    .hiring_modal .section-heading.text-center,
    .howappwork+.solution-main,
    .row.d-soltions.Innovative .cntnts.mt-4 {
        margin: 0 !important
    }

    .abt-jplft h4,
    .cntct-strp h4,
    .rnk-bsns h2,
    .service_restimonial_head h4,
    h2 {
        font-size: 28px
    }

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

    .consulting_main.delp-srvce .section-heading p {
        margin: 0
    }

    .techno-log-tabs {
        gap: 25px
    }

    .techno-log-itm {
        flex: 0 0 calc(30.33% - 16px)
    }

    .technologies_sec h4 {
        display: inline-block;
        width: 100%
    }

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

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

@media (max-width:576.98px) {
    .awrd-wthus .section-heading h2 {
        text-align: left !important
    }

    #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,
    .footer_address_wic,
    .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
    }

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

    .techno-log-itm img {
        max-height: 40px
    }

    .abt-jplft h4,
    .cntct-strp h4,
    .review_banner_s h1,
    .rnk-bsns h2,
    .service_restimonial_head h4,
    h2 {
        font-size: 24px
    }

    #casestdy_list,
    .admin-desn .section-heading p,
    .app-dvlp-section .section-heading p,
    .blockchain_plateform p,
    .different_sec .heading-section p,
    .howappwork .section-heading p {
        margin-top: 20px
    }

    .new_button_con .btn-sec .btn {
        white-space: unset;
        line-height: 1.2
    }

    .rnk-bsns-header-right p,
    .techno-log-tabs button {
        font-size: 12px
    }

    .different_industries,
    .different_sec,
    .technologies_sec {
        padding: 40px 0
    }

    .techno-log-itms {
        margin-top: 30px;
        gap: 6px
    }

    .techno-log-itm-con {
        font-size: 10px;
        line-height: 1.2
    }

    .techno-log-itm {
        padding: 10px;
        flex: 0 0 calc(25% - 7px);
        border-radius: 10px;
        gap: 10px
    }

    .techno-log-tabs {
        gap: 8px
    }
}

@media (max-width:400px) {

    .abt-jplft h4,
    .cntct-strp h4,
    .contact_page_banner h3,
    .rnk-bsns h2,
    .service_restimonial_head h4,
    h2 {
        font-size: 20px
    }

    .techno-log-itm img {
        max-height: 35px
    }

    .techno-log-itms {
        gap: 8px
    }

    .techno-log-tabs {
        gap: 7px
    }
}

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

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

    .techno-log-itms {
        margin-top: 0
    }
}

.btn-sec .btn-primary:focus,
.btn-sec .btn-primary:hover,
.btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #fff !important;
    color: #ed1f24 !important
}

@media (max-width:1199px) {
    .dev_service_list .dev_service_item h3 {
        font-size: 14px
    }
}

.heading_h2,
.heading_h3 {
    font-family: Poppins, sans-serif !important
}

.flip-card-back,
.flip-card-back .btn-sec {
    text-align: left
}

.admin-desn .techno-log-tabs {
    padding: 8px;
    border-radius: 50px;
    border: 0;
    background: #161623;
    gap: 8px
}

.admin-desn .techno-log-tabs button {
    background: #000 !important;
    padding: 10px 30px !important;
    border-radius: 60px
}

.admin-desn .techno-log-tabs .nav-item {
    margin: 0;
    border: 0
}

.admin-desn .techno-log-tabs button.active::after,
.admin-desn .techno-log-tabs button:hover::after {
    display: none
}

.heading_h2 {
    font-size: 40px !important
}

.fiiter_contry_in .heading_h2 {
    font-size: 1.75rem !important;
    font-weight: 600;
    margin-bottom: 10px
}

.pg_solutions_in .btn-sec {
    margin-top: 50px !important
}

.custom_sec .section-heading {
    width: 50%;
    padding-right: 20px
}

@media (max-width:991.98px) {
    .custom_sec .section-heading {
        width: 100%;
        padding-right: 0
    }

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

@media (max-width:767.98px) {

    .custom_sec .section-heading,
    .mistake_sec_con {
        text-align: center
    }

    .service_hire .section-img,
    .technologies_sec {
        display: none
    }

    .cta_S .btn-sec {
        margin-top: 25px !important
    }

    .heading_h2 {
        font-size: 28px !important
    }

    .fiiter_contry_in .heading_h2,
    .ftr-adrs .heading_h3 {
        font-size: 22px !important
    }
}

@media (max-width:576.98px) {

    .delp-srvce .row [class*="col-"] .section-heading,
    .home_rank_btns .rnk-bsns-header {
        margin-bottom: 30px
    }

    .heading_h2 {
        font-size: 22px !important
    }
}

.home_experts_con .btn-sec {
    margin-top: -25px !important;
    margin-bottom: 35px
}

.jploft_hme_con .btn-sec {
    text-align: left;
    margin-top: 0 !important
}

.home_experts_con .heading_h2 {
    color: #fff;
    margin-bottom: 50px
}

.btn-sec .btn-primary:focus,
.btn-sec .btn-primary:hover,
.btn-sec .btn-primary:not(:disabled):not(.disabled):active {
    background: #ed1f24 !important;
    color: #fff !important
}

.new_button_con .heading_h2 {
    text-transform: initial
}

.map_footer_con .btn-sec {
    text-align: left
}

.about_page .home_banner_clients,
.about_values_in .section-heading,
.glry_sss .section-heading,
.jploft_awards .section-heading,
.our_locations_in,
.thanks_procerss .heading_sec,
.thanks_sec_in {
    text-align: center
}

.About_us_pagre .map_footer,
.ofc-tem-sec.ofc-tem+.technologies_sec {
    padding-top: 0
}

.ftr_sec_tab_itm .section-heading {
    margin-bottom: 40px
}

.tab_cn_pn.gre-bg-lit .line-red,
.tab_cn_pn.gre-bg-lit .section-heading {
    margin-bottom: 0
}

@media (max-width:1199.98px) {

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

    .home_experts_con .heading_h2 .span_red {
        display: block
    }
}

@media (max-width:991.98px) {
    .ai_agent .section-heading.text-center {
        text-align: left !important
    }

    .ai_agent .section-heading .mx-auto {
        margin-left: 0 !important
    }
}

@media (max-width:767.98px) {

    .ftr_sec_tab_itm:first-child .section-heading,
    .tab_cn_pn .scl-fix-dt [class*="col-"]:last-child .admin-type {
        margin-bottom: 0
    }

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

    .heading_h2,
    .section-heading h2,
    h2 {
        font-size: 28px !important
    }
}

@media (max-width:576.98px) {
    .ai_agent .section-heading.text-center .heading_h2 {
        text-align: left
    }

    .heading_h2+.line-red+p {
        margin-top: 15px
    }

    .effort_sec_blk .section-heading {
        text-align: center
    }

    .map_footer_con,
    .map_footer_con .btn-sec {
        text-align: center
    }

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

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

    .section-heading h2,
    .heading_h2,
    h2 {
        font-family: Poppins;
        font-size: 22px !important
    }

    .home_abt_info .section-heading {
        margin-bottom: 10px
    }
}

@media (max-width:400px) {
    .map_footer_con .btn-sec {
        margin-top: 15px !important
    }
}

.ai_sec_tabs_body .btn-sec {
    text-align: left
}

@media (max-width:767.98px) {
    .ai_sec_tabs_body_img .mobile_hide {
        display: none
    }
}

@media (max-width:575.98px) {
    .port-desc .btn-sec.text-left .btn-primary {
        margin-top: 15px !important;
        margin-bottom: 0 !important
    }
}

.hd_mn_ft_con .btn-sec {
    flex-wrap: wrap;
    text-align: left;
    margin-top: 20px !important;
    display: flex;
    gap: 15px
}

.hd_mn_ft_con .btn-sec p {
    font-size: 15px
}

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

.dev_service_list .dev_service_item .dev_service_item_card img {
    position: absolute;
    transition: 0.4s
}

.dev_service_list .dev_service_item .dev_service_item_card img.block_dev_img {
    right: -60px;
    bottom: -40px;
    max-width: 130%;
    max-height: 130%
}

.dev_service_list .dev_service_item .dev_service_item_card img {
    right: -60px;
    bottom: -40px;
    max-width: 100%;
    max-height: 100%
}

.container {
    max-width: 1450px !important
}

.d-blck {
    display: block !important
}

.abt-jplft ol li,
.abt-jplft ul li,
.emailcontainer ol li,
.emailcontainer ul li,
.howappwork .how-it-wokrs-list ul,
.mega-dropdown-menu>li>ul>li,
.our-services-section ol li,
.our-services-section ul li,
.slick-dots,
nav ol li,
nav ul li {
    list-style: none
}

#grocery-banner .gro-text .ftr-cover,
.abt-jplft,
.abt-jplft h4,
.achievement,
.aps-scrn,
.cl-with-us h4,
.cr-hd,
.creer-hero,
.creer-log,
.dropdown-submenu,
.dvp-tst,
.howitwork .how-work,
.hr-dtl-bg,
.hr-pr-dtl,
.it_works,
.it_works1,
.lve-jploft,
.new-portfolio-section .container,
.ofc-joim,
.ofc-tem,
.ourappslider,
.owl_wrapper,
.poplr-brnd-logo,
.port-desc,
.prfe-img,
.slick-dots li,
.slider-contents,
.slider-form .file-uplod-sldr,
.slider-heading,
.slider-section,
.src-dtl,
.trm-check p,
.vido-sec,
.vjn-dep,
.service_restimonial_head h4 {
    position: relative
}

.vd-mdl,
.vido-sec a,
.vido-sec button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.abt-jplft:after,
.sml-im-vd,
.vido-sec a {
    position: absolute
}

.vd-mdl,
.vido-sec button {
    position: absolute;
    background: 0;
    border: 0
}

.about-txt,
.slider-wrapper {
    position: relative;
    z-index: 9
}

.dev_abt_wth-spae {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.abt-jplft h4,
.service_restimonial_head h4 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    z-index: 2
}

.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 / contain no-repeat
}

.slider-activation {
    width: 100% !important;
    margin-left: 0 !important
}

.slider-activation .slick-prev {
    left: unset;
    right: 110px
}

.slider-contents {
    border-radius: 8px
}

.slider-contents a {
    position: absolute;
    top: 44%;
    left: 45%
}

.slider-activation>.slick-next,
.slider-activation>.slick-prev {
    top: 108% !important
}

.slider-activation>.slick-next {
    right: 20px;
    width: auto
}

.slider-activation>.slick-prev {
    width: auto
}

.slider-activation>.slick-next:before {
    content: "→"
}

.slider-activation>.slick-prev:before {
    content: "←"
}

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

.abt-jplft .slick-slider {
    width: 88%;
    margin-left: 12%;
    background: #0a0916
}

.abt-jplft .bg-trpt .slick-slider,
.vehicle_tracking.complete_section.result.eks h2::after {
    background: 0
}

.glry .addiframe img {
    width: 75px;
    height: 75px
}

@media screen and (max-width:1400px) {
    .abt-jplft ul {
        margin-top: 25px
    }
}

@media (max-width:1199.98px) {

    h2,
    .cntct-strp h4,
    .rnk-bsns h2,
    .abt-jplft h4,
    .service_restimonial_head h4,
    .abt-jplft h4,
    .service_restimonial_head h4 {
        font-size: 35px
    }

    .busn-txt p,
    .rnk-bsns-bg p,
    .abt-jplft ul li {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width:1024px) {
    .abt-jplft ul {
        z-index: 9;
        position: relative
    }
}

@media screen and (max-width:991.98px) {
    .abt-jplft ul {
        z-index: 9;
        position: relative;
        margin-bottom: 60px;
        margin-top: 40px
    }

    .abt-jplft .col-md-6,
    .row.we-re-jp .col-md-5,
    .row.we-re-jp .col-md-6 {
        max-width: 100% !important;
        flex: none
    }

    .abt-jplft:after,
    .app-solution:after,
    .bnftt,
    .bsns-solutn br,
    .design-dev h4 br,
    .errow-con,
    .essence img,
    .right-sec h1 br,
    .row.we-re-jp .col-md-1 {
        display: none
    }

    #grocery-banner .gro-form,
    .abt-jplft {
        padding: 50px 0
    }
}

@media screen and (max-width:767.98px) {
    .glry .addiframe img {
        width: 48px;
        height: 48px
    }

    .abt-jplft h4,
    .movie_effect h2,
    .newv-career-cover h1,
    .service_restimonial_head h4 {
        font-size: 26px
    }

    .abt-jplft ul li {
        padding-left: 40px;
        margin-top: 20px;
        font-size: 15px;
        background-size: 20px;
        line-height: 1.3
    }

    .abt-jplft .slick-slider {
        background: #000
    }

    .slider-contents a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .abt-jplft p,
    .service_restimonial_head p {
        margin: 10px 0 30px
    }
}

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

    .abt-jplft,
    .accrodn-section-faq,
    .app-dvlp-section,
    .apps-develop-met,
    .blog-section-main,
    .brand-section-new,
    .cloe-myntra,
    .clt-revw-testi,
    .comy-grt,
    .jn-with-us,
    .ofc-tem,
    .on-demand-section,
    .our-vne,
    .port-secs,
    .price-ecomr-app,
    .rnk-bsns,
    .skl-vlue,
    .table-need-tem,
    .why-join-us,
    section.our-work-section {
        padding: 30px 0
    }

    .abt-dtl h2,
    .abt-hro .cr-hd h1,
    .abt-jplft h4,
    .cl-with-us h3,
    .cntct-strp h4,
    .count-up h3,
    .cr-hd h1,
    .ftr-form h4,
    .section-heading h2,
    .skl-vlue h2,
    .home_page_main_heading,
    .slider-heading h1,
    .topsec h3,
    h2.counter-count,
    .service_restimonial_head h4 {
        font-size: 22px;
        line-height: 1.5
    }

    .abt-jplft p,
    .blog-sec p,
    .rnk-bsns p,
    .service_restimonial_head p {
        font-size: 15px;
        line-height: 1.4
    }

    .abt-jplft p,
    .service_restimonial_head p {
        margin: 18px 0
    }

    .abt-jplft p,
    .accrodn-section-faq .btn-header-link,
    .cl-with-us p,
    .form-control,
    .rnk-bsns p,
    .wthus-1 p,
    body,
    .service_restimonial_head p {
        font-size: 14px
    }
}

@media only screen and (max-width:991.98px) {
    .abt-jplft ul {
        margin-bottom: 25px;
        margin-top: 20px
    }
}

.about-eocmers .row,
.abt-jplft .row,
.app_works_con .row,
.blockchain_plateform_bt .row,
.buss-dtl-sct .row,
.footer_lgs .row,
.home_blockchain_itms .row,
.home_page_jploft .row,
.mobl-app-groc .row,
.modal_static_s .row,
.page_portfolio_itm .row,
.page_portfolio_itm_in .row,
.review_banner_s .row,
.serviceNew_s_itm .row {
    align-items: center
}

.abt-jplft .bg-trpt .slick-slide,
.modal_static_con .ovr-rting ul {
    margin-right: 0
}

.abt-jplft .bg-trpt .slick-slide img,
.bisiness_sec_con .btn,
.dev-process-bx,
.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,
.pprtt-sldr img,
.servicess_itm ul li {
    width: 100%
}

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

.abt-jplft .row+.testi-mon {
    margin-top: 70px !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:before,
.abt-jplft .slider-activation .slick-prev:before,
.busi_modal_sld .slick-next::before,
.busi_modal_sld .slick-prev:before,
.rvw_sec_sld .slick-next:before,
.rvw_sec_sld .slick-prev:before {
    position: absolute;
    content: "";
    background: url(https://www.jploft.com/img/arrow_icn.svg) no-repeat;
    width: 22px;
    height: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    opacity: 1;
    line-height: 2
}

.abt-jplft .slider-activation .slick-next {
    right: calc(50% - 65px)
}

.abt-jplft .slider-activation .slick-prev {
    left: calc(50% - 65px);
    right: auto
}

.abt-jplft .slider-activation .slick-prev:before,
.busi_modal_sld .slick-prev:before,
.rvw_sec_sld .slick-prev:before {
    transform: rotate(180deg)
}

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

.about-eocmers+.features_sec,
.abt-jplft,
.accrodn-section-faq,
.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,
.hiring_modal,
.howappwork,
.ofc-tem,
.on-demand-section,
.our-vne,
.port-secs,
.price-ecomr-app,
.rnk-bsns,
.rvw_sec,
.service_restimonial,
.table-need-tem,
.technologies_sec,
footer .ftr-section,
section.apps-carft-screen-short-ssection.screens_sec,
section.our-work-section,
.services_sec,
.ag-section,
.ftr_sec {
    padding: 32px 0 50px
}

.abt-jplft h4,
.home_btn_section button,
.service_restimonial_head h4,
.site-content a {
    margin-top: 0 !important
}

@media (max-width:1400px) {
    .abt-jplft:after {
        border-bottom: 590px solid #eb1a2b;
        border-left: 660px solid #fff0
    }
}

@media (max-width:1199.98px) {
    .abt-jplft:after {
        border-left: 510px solid #fff0;
        border-bottom: 550px solid #eb1a2b
    }
}

@media (max-width:991.98px) {
    .abt-jplft .row+.testi-mon {
        margin-top: 110px !important
    }

    .slider-activation>.slick-next,
    .slider-activation>.slick-prev {
        top: 108% !important
    }

    .abt-jplft+.service_restimonial {
        padding: 42px 0 0
    }
}

@media (max-width:767.98px) {

    .abt-jplft h4,
    .cntct-strp h4,
    .rnk-bsns h2,
    .service_restimonial_head h4,
    h2 {
        font-size: 28px
    }
}

@media (max-width:576.98px) {

    .abt-jplft h4,
    .cntct-strp h4,
    .review_banner_s h1,
    .rnk-bsns h2,
    .service_restimonial_head h4,
    h2 {
        font-size: 24px
    }
}

@media (max-width:400px) {

    .abt-jplft h4,
    .cntct-strp h4,
    .contact_page_banner h3,
    .rnk-bsns h2,
    .service_restimonial_head h4,
    h2 {
        font-size: 20px
    }
}

.site-content .slider-activation>.slick-next,
.slider-activation>.slick-prev {
    width: 15px;
    height: 21px;
    overflow: hidden
}

.site-content .slick-prev:before,
.site-content .slider-activation>.slick-next:before {
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    content: " > ";
    font-family: monospace;
    padding: 0;
    margin: 0;
    line-height: 1;
    top: -5px;
    position: relative
}

.site-content .slider-activation>.slick-prev:before {
    content: " < " !important
}

.heading_h2,
.heading_h3 {
    font-family: Poppins, sans-serif !important
}

.heading_h2 {
    font-size: 40px !important
}

.fiiter_contry_in .heading_h2 {
    font-size: 1.75rem !important;
    font-weight: 600;
    margin-bottom: 10px
}

@media (max-width:991.98px) {
    .heading_h2 {
        font-size: 36px !important
    }
}

@media (max-width:767.98px) {
    .heading_h2 {
        font-size: 28px !important
    }

    .fiiter_contry_in .heading_h2,
    .ftr-adrs .heading_h3 {
        font-size: 22px !important
    }
}

@media (max-width:576.98px) {

    .abt-jplft .slider-activation .slick-prev,
    .abt-jplft .slider-activation .slick-next {
        top: auto !important;
        bottom: -100px
    }

    .heading_h2 {
        font-size: 22px !important
    }
}

.home_experts_con .heading_h2 {
    color: #fff;
    margin-bottom: 50px
}

.abt-jplft .slider-activation .slick-prev {
    left: calc(50% - 45px);
    right: auto
}

.abt-jplft .slider-activation .slick-next:hover,
.abt-jplft .slider-activation .slick-prev:hover,
.rvw_sec_sld .slider-activation .slick-next:hover,
.rvw_sec_sld .slider-activation .slick-prev:hover {
    box-shadow: 0 0 40px #3d3d3d !important
}

.new_button_con .heading_h2 {
    text-transform: initial
}

@media (max-width:1199.98px) {

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

    .home_experts_con .heading_h2 .span_red {
        display: block
    }
}

@media (max-width:991.98px) {
    .dev_abt_jplft {
        padding: 20px;
        border-radius: 20px
    }
}

@media (max-width:767.98px) {

    .heading_h2,
    .section-heading h2,
    h2 {
        font-size: 28px !important
    }
}

@media (max-width:576.98px) {
    .ai_agent .section-heading.text-center .heading_h2 {
        text-align: left
    }

    .heading_h2+.line-red+p {
        margin-top: 15px
    }

    .section-heading h2,
    .heading_h2,
    h2 {
        font-family: Poppins;
        font-size: 22px !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
}

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

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

.dev_abt_jplft {
    padding: 40px;
    border-radius: 40px;
    background: rgb(255 255 255 / .2);
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / .04), 0 5px 18px 0 rgb(0 0 0 / .06), 0 24px 83px 0 rgb(0 0 0 / .1);
    backdrop-filter: blur(7.5px)
}

@media (max-width:575.98px) {

    .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: 40px !important;
        width: 40px !important;
        height: 40px !important
    }
}

.we-re-jp h5,
.we-re-jp p {
    color: #fff;
    line-height: 30px;
    font-weight: 400;
    display: inline-block
}

.we-re-jp p {
    font-size: 15px;
    margin: 20px 0 30px
}

.home_page_jploft .we-re-jp p {
    margin: 0 0 20px
}

.section-heading h2 {
    font-weight: 700
}

.port-desc {
    width: 90%;
    margin: -40px auto 30px auto;
    padding: 30px 30px 30px 0;
    transition: 0.3s;
    border-radius: 26px;
    background: rgb(255 255 255 / .3);
    box-shadow: 0 6px 20px 0 rgb(0 0 0 / .08);
    backdrop-filter: blur(7.5px)
}

.busn-txt,
.port-desc {
    padding: 25px
}

.nw-port-rgt {
    background: linear-gradient(51deg, #f9f9fd 71.75%, #e3e3ff 93.96%);
    padding: 40px;
    padding-left: 40px !important;
    padding-right: 40px !important
}

.consultation_btn {
    background-image: url(../img/btndemo_bg.svg);
    background-color: #fff0
}

.dark-plhold .consultation_btn {
    background-image: url(../img/btndemo_bg.svg);
    background-color: #000;
    position: relative;
    min-height: 360px;
    padding-top: 70px
}

.service_restimonial_head h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 5px
}

.rnk-bsns-header-left h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 5px
}

.map_footer_con h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 5px
}

@media screen and (max-width:550px) {
    .stct-data {
        gap: 8px;
        flex-wrap: wrap
    }
        .stct-data { 
        flex-direction: column;
    }
}

body {
    font-family: "Poppins", sans-serif
}

.industry-btn .btn-primary {
    display: flex !important;
    align-items: center;
    gap: 5px
}

@media (max-width:991px) {
    .industry-btn .btn-primary {
        justify-content: center;
        margin-left: auto;
        margin-right: auto
    }
}

.mute-btn-active {
    display: none
}

.funded_sec.funded_sec_home {
    position: relative;
    padding-bottom: 0 !important;
    background: #fff0;
    z-index: 9
}

.funded_sec.funded_sec_home::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 90%;
    width: 100%;
    background: #000;
    z-index: -9
}

.abt-jplft.dev_abt_wth-spae {
    padding-bottom: 0 !important
}

.abt-jplft.dev_abt_wth-spae .dev_abt_jplft {
    background: #fff0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    backdrop-filter: none
}

.abt-jplft ul {
    margin-top: 5px;
    min-height: 320px
}

.abt-jplft ul li {
    color: #fff
}

.abt-jplft.dev_abt_wth-spae .heading_h2 span {
    display: inline-block;
    background-color: #ed1f24;
    padding: 5px 10px;
    border-radius: 50px;
    margin-right: 5px
}

.boder_type3 {
    left: calc(75% + 8px)
}

@media (max-width:991.98px) {
    .abt-jplft ul {
        min-height: 100%
    }

    .funded_sec.funded_sec_home::after {
        height: 100%
    }

    .abt-jplft.dev_abt_wth-spae {
        padding-bottom: 65px !important
    }

    .banner-badge-menu {
        margin-top: 13px;
        justify-content: center
    }
}

@media (max-width:575.98px) {

    .abt-jplft .slider-activation .slick-prev,
    .abt-jplft .slider-activation .slick-next {
        bottom: -80px !important
    }

    .abt-jplft.dev_abt_wth-spae .heading_h2 {
        margin-top: 15px !important
    }

    .ai_videos_cls_tpbar h2 {
        font-size: 22px !important;
        text-align: center !important;
        margin-bottom: 10px !important
    }

    .dev_service_list {
        gap: 13px
    }

    .ai_videos_cls_tpbar h2.hm-head {
        font-size: 22px !important
    }

    .abt-jplft.dev_abt_wth-spae .heading_h2 {
        text-align: center
    }

    .ai_videos_cls_tpbar p {
        text-align: center !important
    }
}

.home-page-trust {
    background-color: transparent !important
}

.banner-badge-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px
}

.banner-badge-menu li span {
    background-color: #fff0;
    border: 1px double #fff;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 7px 15px
}

.home-page-trust {
    background-color: transparent !important
}

.funded_sec_in_img-innr {
    position: relative
}

.funded_sec_in_img-innr .funded_sec_in_img_hrf {
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-85%);
    width: auto;
    animation: pulse-animation 2s infinite;
    border-radius: 50px;
    border: 4px solid #000
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgb(237 31 36 / 40%)
    }

    100% {
        box-shadow: 0 0 0 20px #fff0
    }
}

.funded_sec_in_para {
    margin-top: 35px
}

.home_experts_bottom_con_us h3 {
    line-height: normal
}

.home_experts_bottom {
    align-items: end
}

.home_experts_con .btn-sec {
    margin-bottom: -6px !important
}

.vdo-modl {
    margin: auto !important;
    height: 100%;
    display: flex;
    max-width: 900px !important
}

.dev_abt_wth-spae.abt-jplft ul li {
    color: #fff
}

.testimonials-item-img img {
    border-radius: 16px
}

#ft_footer_v2_modal .modal-content {
    border: 0 !important
}

@media (max-width:576.98px) {
    .home_page .slider-heading {
        padding: 0 20px 24px
    }

    .header_new_contact .row [class*="col-"]:nth-child(2) .header_contact_itm::after {
        display: none !important
    }
}

@media (max-width:991.98px) {
    .banner-badge-menu {
        margin-top: 13px !important;
        justify-content: center
    }
}

.modal-content {
    border: 0 !important
}

@media only screen and (max-width:768px) {
    .only-mblc {
        display: block;
        background: #000;
        margin-top: -25px;
        padding: 30px 30px 15px
    }
}

@media (max-width:991.98px) {
    .home_banner_clients p {
        font-size: 18px
    }
}

@media (max-width:576.98px) {
    .home_banner_client_itms {
        gap: 20px;
        justify-content: center
    }
}

@media (max-width:576.98px) {
    .home_banner_client_itms {
        margin-top: 18px
    }
}

@media (max-width:576.98px) {
    .home_banner_client_itm img {
        max-height: 31px
    }

    .only-mblc {
        display: block !important
    }

    .home_banner_clients {
        display: block !important
    }
}

@media only screen and (max-width:768px) {
    .only-mblc .home_banner_clients {
        display: block !important
    }

    .nw-port-rgt {
            padding: 22px 30px !important;
    }

    .ai_videos_cls {
        margin-bottom: 0px !important;
        padding-bottom: 0 !important
    }

    .footer_row img[alt="JPLoft"] {
        margin: auto !important
    }
}

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

    .ftr-social-media,
    footer .for-mbl,
    footer .ftr-nav {
        text-align: center !important;
        padding: 15px 15px 0
    }

    .rnk-bsns-header-left input {
        display: flex !important
    }

    .footer_address_wic {
        justify-content: center !important
    }
}

@media (max-width:576.98px) {
    footer .ftr-nav {
        padding: 15px 15px 0 !important;
        border-left: 0 !important
    }

    footer .ftr-nav .copyrgt {
        display: flex;
        justify-content: center;
        gap: 5px
    }

    footer .footer_row .ftr-social-media,
    footer .ftr-section .ftr-form .btn {
        justify-content: center !important
    }

    .dmca_sec a {
        justify-content: center
    }
}

@media only screen and (max-width:768px) {
    .only-mblc .home-page-trust {
        display: flex !important
    }
}

.emailcontainer {
    padding: 15px
}

.site-footer {
    position: relative;
    overflow: hidden;
    padding: clamp(2rem, 4vw, 3rem) 0 1rem;
    background: url(https://demo.jploft.com/img/ai-page-img/footer-bg-img.webp) center/cover no-repeat, linear-gradient(180deg, rgb(255 255 255 / .02), #fff0);
    color: #fff
}

.site-footer__container {
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 1.25rem));
    margin: 0 auto
}

.site-footer__top {
    position: relative;
    border-radius: 20px;
    border: 1px solid rgb(194 64 255 / .35);
    background: url(https://demo.jploft.com/img/ai-page-img/sarving-map-img.png) top/cover no-repeat, linear-gradient(180deg, rgb(255 255 255 / .06), rgb(255 255 255 / .03)), rgb(20 20 20 / .72);
    backdrop-filter: blur(6px);
    padding: 36px 1.15rem;
    box-shadow: 0 16px 32px rgb(0 0 0 / .22);
    margin-bottom: clamp(2rem, 6vw, 100px);
    background-size: 90%;
    background-position: bottom
}

.site-footer__top::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    border: 1px solid var(--New-Gradient, #01ffd0);
    background: #fff0
}

.site-footer__countries {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .35rem;
    margin-bottom: 27px
}

.site-footer__country-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    border: 2px solid rgb(255 255 255 / .55);
    background: rgb(255 255 255 / .18);
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    margin-left: -.15rem;
    box-shadow: 0 0 0 2px rgb(12 12 12 / .4)
}

.site-footer__country-badge--count {
    width: 2.4rem;
    height: 2.4rem;
    border-color: #fff0;
    background: linear-gradient(135deg, #48c0ff 0%, #8b5cff 100%);
    font-size: .86rem;
    font-weight: 700
}

.site-footer__top-title {
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.site-footer__top-copy {
    margin: .35rem auto 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.site-footer__content {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.58fr);
    gap: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 60px
}

.site-footer__form-panel {
    padding: .35rem .15rem 0
}

.site-footer__form-title {
    margin: 0 0 .15rem;
    color: #fff;
    font-size: clamp(1.2rem, 1.9vw, 1.65rem);
    line-height: 1.2;
    font-weight: 700
}

.site-footer__form-subtitle {
    margin: 0 0 1rem;
    color: rgb(255 255 255 / .7);
    font-size: .82rem;
    line-height: 1.45
}

.site-footer__form {
    display: grid;
    gap: .85rem
}

.site-footer__field {
    position: relative
}

.site-footer__input,
.site-footer__textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgb(255 255 255 / .28);
    background: #fff0;
    color: #fff;
    font-size: .86rem;
    line-height: 1.4;
    padding: .45rem 0 .6rem;
    outline: none
}

.site-footer__input::placeholder,
.site-footer__textarea::placeholder {
    color: rgb(255 255 255 / .56)
}

.site-footer__textarea {
    min-height: 92px;
    resize: vertical
}

.site-footer__file-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
    color: rgb(255 255 255 / .72);
    font-size: .8rem
}

.site-footer__file-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 2.3rem;
    padding: .55rem .95rem;
    border-radius: .35rem;
    background: rgb(255 81 81 / .12);
    color: #f66;
    border: 1px solid rgb(255 81 81 / .25);
    font-size: .78rem;
    font-weight: 700
}

.site-footer__captcha {
    display: grid;
    gap: .25rem;
    font-size: .76rem;
    color: rgb(255 255 255 / .76)
}

.site-footer__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 2.9rem;
    padding: .74rem 1.5rem;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff604f 0%, #ff323a 100%);
    color: #fff;
    font-size: .95rem;
    font-weight: 700;
    box-shadow: 0 14px 28px rgb(255 50 58 / .22)
}

.site-footer__right {
    display: grid;
    gap: 1rem
}

.site-footer__locations-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .55rem
}

.site-footer__location-card {
    position: relative;
    grid-column: span 2;
    min-height: 9.25rem;
    padding: .85rem .85rem .8rem;
    border: 1px solid rgb(255 255 255 / .08);
    box-shadow: 0 12px 24px rgb(0 0 0 / .16);
    border-radius: 8px;
    overflow: hidden;
    background: #1a1a1a;
    transition: transform 0.28s ease, box-shadow 0.28s ease
}

.site-footer__location-card::before {
    content: "";
    position: absolute;
    inset: 0; 
    mix-blend-mode: luminosity;
    pointer-events: none;
   transition: all .3s ease;
} 
.india-hover:hover::before, .uk-hover-bg:hover::before, .austr-hover-bg:hover::before, .us-hover-bg:hover::before, .saudi-arabia-hover:hover::before    { 
      mix-blend-mode: unset  !important;
} 
.india-hover::before {
    background-image: url("https://demo.jploft.com/img/ai-page-img/india-hover-bg.webp");
}

.uk-hover-bg::before {
    background-image: url("https://demo.jploft.com/img/ai-page-img/uk-hover-bg.webp");
}

.austr-hover-bg::before {
    background-image: url("https://demo.jploft.com/img/ai-page-img/australia-hover-bg.webp");
}

.us-hover-bg::before {
    background-image: url("https://demo.jploft.com/img/ai-page-img/us-hover-bg.webp");
}

.saudi-arabia-hover::before {
    background-image: url("https://demo.jploft.com/img/ai-page-img/saudi-arabia-hover-bg.webp");
}
.site-footer__location-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / .42);
    pointer-events: none;
    transition: background 0.28s ease
}

.site-footer__location-card>* {
    position: relative;
    z-index: 1
}

.site-footer__location-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgb(0 0 0 / .22)
}

.site-footer__location-card:hover::after {
    background: rgb(0 0 0 / .24)
}

.site-footer__location-card--wide {
    grid-column: span 3
}

.site-footer__location-head {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: 24px
}

.site-footer__location-flag {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem
}

.site-footer__location-title {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px
}

.site-footer__location-copy {
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
    margin-bottom: 5px
}

a.site-footer__location-copy:hover {
    text-decoration: underline !important;
    color: white !important
}

.site-footer__rating-strip {
    border-radius: .9rem;
    scrollbar-width: none;
    flex-wrap: wrap
}

.site-footer__rating-strip::-webkit-scrollbar {
    display: none
}

.site-footer__rating-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem
}

.site-footer__rating-strip img {
    display: block;
    object-fit: contain;
    flex: 0 0 auto;
    width: 193px;
    height: 186px;
    aspect-ratio: 138 / 149
}

.site-footer__links-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .95rem;
    align-items: start
}

.site-footer__links-title {
    margin: 0 0 .7rem;
    color: #fff;
    font-size: 16.2px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.48px;
    letter-spacing: .22px
}

.site-footer__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 15px
}

.site-footer__links a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.76px;
    position: relative
}

.site-footer__links a::before {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: "";
    background-color: #e30016;
    width: 0%;
    height: 2px;
    transition: all ease 0.5s
}

.site-footer__copyright a {
    color: #e30016 !important
}

.iti__country {
    color: black !important
}

.iti__country {
    color: black !important
}

.site-footer__links a:hover {
    color: #e30016
}

.site-footer__links a:hover:before {
    width: 100%;
}

.site-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin-top: 66px;
    border: 1px solid rgb(255 255 255 / .08);
    border-radius: 8px;
    background: var(--color-grey-10, #1a1a1a);
    padding: 15.355px 24px 16.035px 24px
}

.site-footer__legal {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.9px
}

.site-footer__social {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap
}

.site-footer__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.site-footer__copyright {
    margin: 27px 0 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

@media (max-width:991.98px) {
    .site-footer__content {
        grid-template-columns: 1fr
    }

    .site-footer__locations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .site-footer__location-card,
    .site-footer__location-card--wide {
        grid-column: span 1
    }

    .site-footer__links-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media (max-width:767.98px) {
    .site-footer__container {
        width: min(100% - 1rem, 1180px)
    }

    .site-footer__countries img {
        width: 150px
    }

    .site-footer__top-title {
        font-size: 20px !important
    }

    .site-footer__top-copy {
        font-size: 14px
    }
}

@media (max-width:575.98px) {
    .site-footer {
        padding-top: 1.5rem
    }

    .site-footer__top,
    .site-footer__bottom {
        border-radius: .85rem
    }

    .site-footer__locations-grid {
        grid-template-columns: 1fr
    }

    .site-footer__location-card {
        grid-column: span 1
    }

    .site-footer__links-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .9rem
    }

    .site-footer__links a {
        font-size: 13px !important;
        line-height: 1.45;
        opacity: .8
    }

    .site-footer__bottom {
        margin-top: 33px
    }

    .site-footer__links-group h4 {
        font-size: 16px !important
    }

    .site-footer__links-title {
        margin-bottom: .45rem;
        font-size: 16px !important
    }

    .site-footer__bottom #examples {
        justify-content: center
    }

    .form-control-file::before {
        width: 115px
    }
 
 
.site-footer__social {
    justify-content: center
}

.site-footer__bottom {
    justify-content: center;
    text-align: center
}

.site-footer__content {
    margin-bottom: 2rem
}

.site-footer__links-title {
    margin-bottom: .45rem;
    font-size: .92rem
}

.site-footer__links {
    gap: .55rem
}

.site-footer__links a {
    font-size: .92rem;
    line-height: 1.45
}

.site-footer__submit {
    width: 100%
}

.site-footer__rating-strip {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: .15rem
}

.site-footer__rating-strip img {
    width: auto;
    height: 4.4rem
}
}

footer .captch-input {
    display: flex;
    align-items: center
}

footer .captch-input h6 {
    margin-bottom: 0;
    background: #131313;
    height: 38px;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: -21px;
    border-bottom: 1px solid #fff
}

footer #captcha-math {
    padding-left: 9px !important
}

.blog_sec {
    display: grid !important
}

.site-footer__links-group h4 {
    font-size: 16px !important
}

.site-footer__bottom #examples {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    flex-wrap: wrap
}

.site-footer__bottom #examples li a {
    color: #fff;
    font-size: 15px;
    border-right: 1px solid #ffffff59;
    padding-right: 11px;
    line-height: normal;
    position: relative
}
.site-footer__bottom #examples li:last-child a{
       border-right: 0;
}
.ai-journey-btn .nav-link .journey-btn-text {
    background: white !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #fff0
}

.header-new.header-scrolled .ai-journey-btn .nav-link .journey-btn-text {
    background: linear-gradient(357deg, #4829f8 22.38%, #1e7bd6 41.07%, #6145ff 61.67%, #9b27cc 91.75%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #fff0
}

.site-footer__bottom #examples li a.hover-1::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: "" !important;
    background-color: #e30016;
    width: 0%;
    height: 2px;
    transition: all ease 0.5s;
    display: block !important
}

.site-footer__bottom #examples li a.hover-1:hover ::after {
    width: 90%
}

.site-footer__bottom #examples .example .hover:hover {
    color: #e30016 !important
}

footer .container input.form-control {
    background-color: transparent !important;
    border: 0px !important;
    border-bottom: 1px solid white !important;
    border-radius: 0px !important;
    padding-left: 0px !important;
    color: white !important
}

footer .container input.form-control:focus {
    box-shadow: none !important
}

footer .container input.form-control#mobile_code1 {
    padding-left: 85px !important
}

footer .container select#bottombudget {
    background-color: transparent !important;
    border: 0px !important;
    border-bottom: 1px solid white !important;
    border-radius: 0px !important;
    padding-left: 0px !important;
    color: white !important
}

footer .container textarea {
    background-color: transparent !important;
    border: 0px !important;
    border-bottom: 1px solid white !important;
    border-radius: 0px !important;
    padding-left: 0px !important;
    color: white !important
}

footer #form1 p {
    color: #E0E0E0 !important;
    font-size: 11px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 17.88px;
    margin-bottom: 20px !important
}

footer #form1 p a {
    color: #ED1F24 !important
}

@media (max-width:575.98px) {
    .site-footer__links-title {
        margin-bottom: .45rem;
        font-size: 20px
    }
}

.form-control-file {
    border: 0px !important
}

.form-control-file::before {
    content: " ";
    position: absolute;
    width: 112px;
    height: 100%;
    background-image: url(https://demo.jploft.com/img/img-home-new/add_file_new.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: -2px;
    z-index: 1;
    cursor: pointer
}

footer select#bottombudget>option {
    color: black !important
}

button#top-footer-submit {
    width: 100%;
    color: #FFF;
    font-style: normal;
    font-weight: 500;
    line-height: 26px
}
.modal_static_form {
box-shadow: 0 8px 22px 0 rgb(0 0 0 / 18%);
}
.modal_static_s .heading_h1 h2 {
    color: #000
}
.modal_static_s .heading_h1 p{
    font-size: 14px;
}
.modal-body {
    color: #000
}

.header-new {
    background: transparent !important;
    border-bottom: 0px !important
}

.header_new_contact .container {
    border-bottom: 0px !important
}

.header-new .container {
    border-bottom: 1px solid #ffffff26;
    padding-bottom: 8px
}

header.header-new.header-scrolled {
    background: #fff !important;
    animation: simple-rotate1 0.3s linear alternate
}

@keyframes simple-rotate1 {
    0% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(0)
    }
}

.navbar-brand img.d-flex {
    display: none !important
}

.navbar-brand img.d-none {
    display: flex !important
}

header.header-new.header-scrolled li.nav-item.dropdown.example>a {
    color: #000 !important
}

header.header-new.header-scrolled .navbar-dark .navbar-nav .nav-link img {
    filter: none
}

header.header-new.header-scrolled .navbar-brand img.d-flex {
    display: flex !important
}

header.header-new.header-scrolled .navbar-brand img.d-none {
    display: none !important
}

header.header-new.header-scrolled .t_img path {
    fill: #000 !important
}

.header_ai_itms_cls {
    display: none !important
}

.ai-journey-btn .nav-link::after {
    background: transparent !important
}

li.nav-item.dropdown.example>a {
    color: #fff !important
}

.navbar-dark .navbar-nav .nav-link>img {
    filter: brightness(0) invert(1)
}

.t_img path {
    fill: #fff !important
}

@media only screen and (max-width:1199.98px) {
    li.nav-item.dropdown.example>a {
        color: #000 !important
    }

    .navbar-dark .navbar-nav .nav-link>img {
        filter: none
    }

    .active_menu #navbarSupportedContent {
        top: 99px !important
    }

    .ai-journey-btn .nav-link .journey-btn-text {
        background: black !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: #fff0
    }

    .site-footer__rating-strip img {
        width: fit-content
    }
}

@media only screen and (max-width:992px) {
    .site-footer__rating-strip img {
        width: fit-content;
        height: 146px
    }
}

.modal_static_form .captch-input h6 {
    color: #000 !important
}

@media only screen and (max-width:550px) {
    .site-footer__rating-strip img {
        width: fit-content;
        height: 106px
    }
}

@media only screen and (max-width:450px) {
    .site-footer__rating-strip img {
        width: fit-content;
        height: 84px
    }
}