:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.icon-box-design-1:hover::after, .icon-box-design-1:hover::before {
    height: 40px;
    position: absolute;
    width: 40px;
    transition: .4s;
    content: ""
}

.common-list li::before, .content li::before {
    content: " ";
    height: 8px;
    margin-left: -16px;
    width: 8px;
    display: block
}

.popup-list, .two-sec-list {
    column-count: 2
}

.ftr-social ul li, .popup-list, .social-share ul, ul.breadcrumb {
    list-style: none
}

#navlist ul, .case-study-detail ul, .course-bar ul, .ftr-list ul, .two-sec-list {
    list-style-type: none
}

.common-textsec h5, .home-blog-cat h5, .pop-up-left h2, .white-arrow-btn {
    text-transform: uppercase
}

.btn-shape, .img-adv-box img, .img-hover-text-effect img {
    outline: transparent solid 1px
}

body {
    line-height: 30px;
    overflow-x: hidden
}

.sticky + .content {
    padding-top: 102px
}

.banner-sec {
    background-image: url(../img/banner/ui-ux-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0;
    position: relative;
    margin-top: 65px
}

    .banner-sec::before {
        content: '';
        background: #0000005e;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }

    .banner-btn-sec .btn-common a, .banner-sec h1, .banner-sec p, .card__price-box, .case-studiesnewsec .case-study-body .btn-no-bg, .case-studiesnewsec .case-study-head h3, .case-study-newbox .title-box a, .corse-btn a, .corse-btn-1:hover a, .digital-markng-banner a.btn-no-bg.btn-common, .digital-markng-banner h1, .digital-markng-banner p, .form-left-sec p a, .job-cta-text a, .onload-popup .floating-form label, .parallax-bg, .parallax-bg h3, .rel-tech-sec ul li:hover a, .service-new-banner h1, .service-new-banner p, .service-new-banner ul.breadcrumb li a, .service-new-banner ul.breadcrumb li + li:before, .slaboutsec h3, .slaboutsec p, .white-list li {
        color: #fff
    }

.banner-head {
    font-size: 40px;
    font-weight: 500;
    line-height: 40px
}

.head, .main-head {
    font-weight: 400;
    color: #032d60
}

.head {
    font-size: 50px;
    line-height: 60px;
    margin-top: 0;
    margin-bottom: 20px
}

    .head span {
        font-weight: 600;
        display: block
    }

.main-head {
    font-size: 40px;
    line-height: 55px;
    margin-top: 0
}

.sub-title, .title {
    line-height: 46px;
    font-weight: 600;
    margin-top: 0
}

.blog-detail-sec h1, .blog-detail-sec h2, .blog-detail-sec h3, .blog-detail-sec h4, .blog-detail-sec h5, .blog-detail-sec h6, .case-left-sec span, .font-semi-bold, .main-head span, .small-head {
    font-weight: 600
}

.box-sec p, .icon-text p, li, p {
    font-weight: 500
}

.title {
    font-size: 36px
}

.sub-title {
    font-size: 33px
}

.blog-inner h3 a, .case-study-sec .sub-head a, .head-box a, .head-box h3 a, .icon-tabs.case-studies-sec .nav-pills .nav-link.active h3, .job-main-cat h4 a, .rel-tech-sec ul li a, .related-sbox a, h1, h2, h3, h4, h5, h6 {
    color: #000
}

.blog-box:hover .blog-inner h3 a, .blog-text p:hover, .btn-no-bg, .btn-no-bg.btn-common a, .check-list li a:hover, .common-textsec ul li a:hover, .ftr-list li a:hover, .ftr-social .social-links li a:hover, .job-left-sec h4 a:hover, .related-sbox .head-box:hover .head-box .fa-small-arrow, .related-sbox .head-box:hover h4.sub-head, .related-sbox:hover a, .sitemap-sec ul li:hover a, a {
    color: #002542
}

.ptb-70 {
    padding: 70px 0
}

.new-sec.case-detail-newsec .left-box:last-child, .ptb-50 {
    padding: 50px 0
}

.ptb-40 {
    padding: 40px 0
}

.box-sec {
    background: #f6f7fc;
    padding: 0 30px;
    border-radius: 15px
}

.fs-32 {
    font-size: 32px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-35 {
    font-size: 35px !important
}

.box-sec p {
    font-size: 26px;
    line-height: 40px;
    color: #032d60
}

.box-text-sec {
    padding: 80px 0 50px
}

.pt-70 {
    padding-top: 70px
}

.mtb-35 {
    margin: 35px 0
}

.bg-color {
    background: #f8fbff
}

.btn-no-bg {
    font-size: 16px;
    font-weight: 600;
    color: #002542;
    display: inline-block;
    position: relative;
    transition: .5s
}

.btn-sec.btn-common.btn-bg-white a {
    color: #094e91;
    font-size: 16px;
    font-weight: 600
}

.btn-no-bg:hover {
    text-decoration: underline;
    color: #002542
}

.btn-no-bg::after {
    content: '\f105';
    padding-left: 2px;
    font-family: FontAwesome
}

.second-sec .card, .service-tabs-main .service-text {
    padding: 40px 30px
}

.head-box .fa-small-arrow {
    font-size: 32px;
    position: relative;
    top: 2.7px
}

.img-adv-box.box-1 .img-adv-box-inner .sub-head, .main-tech-sec .tech-service-box p, .process-flow-box .new_service_content .sub-head, .service-common-sec .home-blog-main .sub-head, .test-series-sec .soln-text p, .why-hire-withus .hire-right-sec p {
    min-height: unset
}

.blog-list-one, .border-left-box img, .case-studiesnewsec .industy, .cntct-top-subbox .phone-sec, .ftr-hr.last-ftr-hr, .service-common-sec .home-blog-cat h5, .team-text h4 {
    margin-bottom: 10px
}

.inline-text-sec h3.sub-head, .service-common-sec .blog-btn-sec {
    margin-top: 0
}

.service-common-sec .home-blog-sec-1 {
    min-height: 338px
}

.banner-bg-light, .bg-light-grey, .cnt-right, .home-service-tab.home-new-service-tab.about-serv-sec, .services-sec, .tech-industry-sec, .tech-stack-sec, .top-banner {
    background: #fafafa
}

.breadcrumb-sec, .service-strip {
    background: #f8f8f8
}

ul.breadcrumb {
    padding: 10px 0 !important
}

    ul.breadcrumb li {
        display: inline;
        font-size: 14px;
        color: #858383
    }

.content .breadcrumb li::before {
    background: unset;
    height: unset;
    width: unset;
    margin-left: 0;
    display: inline
}

ul.breadcrumb li + li:before {
    padding: 8px;
    color: #000;
    content: "/\00a0"
}

ul.breadcrumb li a {
    color: #000;
    text-decoration: none
}

    ul.breadcrumb li a:hover {
        color: #01447e
    }

.icon-box-design-1 {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border: 1px solid #ecf1fb;
    background: #fff;
    padding: 20px 20px;
    margin-bottom: 30px;
    display: flex;
    transition: .5s;
    height: 100%;
}

.icon-sec img {
    margin-right: 15px;
    width: 50px
}

.icon-text h5 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 24px;
}

.icon-text p {
    font-size: 14px;
    margin-bottom: 0;
    color: #032d60
}

.about-insty:hover, .blog-box:hover, .course-list:hover, .hire-us-box:hover, .home-blog-sec:hover, .home-case-study:hover, .icon-box-design-1:hover, .icon-head-sec:hover, .new-box:hover, .new-icon-layout:hover, .second-sec .card:hover, .tech-service-box:hover, .tools-box:hover, .training-box:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%)
}

    .icon-box-design-1:hover::before {
        border-right: 1px solid #002542;
        border-bottom: 1px solid #002542;
        right: 15px;
        bottom: 30px
    }

    .icon-box-design-1:hover::after {
        border-left: 1px solid #002542;
        border-top: 1px solid #002542;
        left: 15px;
        top: 1px
    }

.tech-sec img {
    width: 80px;
    margin: auto auto 40px;
    display: block
}

.ui-ux-banner {
    background-image: url(../img/banner/ui-ux-design.webp) !important
}

.common-sec .form-left-sec, .mt-70, .service-tabs-main {
    margin-top: 70px
}

    .service-tabs-main::before {
        content: "";
        width: 80%;
        background: #0b3155;
        height: 94%;
        position: absolute;
        right: 0;
        -webkit-box-shadow: 0 10px 59px 0 rgb(0 0 0 / 14%);
        box-shadow: 0 10px 59px 0 rgb(0 0 0 / 14%);
        top: 35px;
        max-width: 2600px
    }

.banner-part-1::after, .banner-part-1::before {
    position: absolute;
    height: 200px;
    width: 200px;
    z-index: -1
}

.banner-part-2::after, .banner-part-1::before {
    position: absolute;
    height: 200px;
    width: 200px;
    z-index: -1
}

.banner-part-3::after, .banner-part-1::before {
    position: absolute;
    height: 200px;
    width: 200px;
    z-index: -1
}

.banner-part-4::after, .banner-part-1::before {
    position: absolute;
    height: 200px;
    width: 200px;
    z-index: -1
}


.service-main-left {
    transition-delay: .1s;
    transition: opacity 1s cubic-bezier(.23,1,.32,1) .5s,transform 2s cubic-bezier(.23,1,.32,1);
    flex: 0 0 370px;
    background-color: #0b3155;
    box-shadow: 0 2px 37px 0 rgb(0 0 0 / 40%);
    display: inline-block;
    flex: 0 0 500px;
    margin: 0;
    max-width: 420px;
    padding: 30px 0;
    transform: translateX(-30px) translateY(-30px);
    vertical-align: top
}

    .service-main-left .nav-pills .nav-link.active {
        padding: 16px 40px 16px 16px;
        background: #fff;
        box-shadow: 0 2px 20px 0 rgb(0 0 0 / 30%);
        color: #0b3155;
        text-decoration: none;
        transform: translateX(37px);
        width: calc(100% + 20px);
        cursor: pointer;
        display: block;
        font-size: 20px;
        font-weight: 600;
        border-radius: 0;
        height: 100%
    }

    .service-main-left .nav-pills .nav-link {
        border: 0;
        border-radius: var(--bs-nav-pills-border-radius);
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 18px;
        font-weight: 600;
        height: 100%;
        padding: 16px 0 16px 53px;
        width: 100%;
        text-align: left
    }

.service-text {
    padding: 70px 30px 70px 50px
}

.common-list, .content ul {
    list-style-type: none;
    padding-left: 18px
}

.content li::before {
    background-color: #fece1a;
    transform: translateY(16px)
}

.service-tabs-main li::before, .white-list li::before {
    background-color: #fff
}

.common-list li::before {
    background-color: #0098ca;
    transform: translateY(17px);
    border-radius: 5px
}

.banner-part-1 {
    padding: 60px 0;
    position: relative;
    z-index: 9;
    background: #fafafa
}

.carousel.banner-part-1.slide {
    padding: 60px 0 0
}

.banner-part-1::before {
    content: "";
    top: 0;
    right: 0;
    background: linear-gradient(45deg, black, transparent);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-part-2::before {
    content: "";
    top: 0;
    right: 0;
    background: linear-gradient(45deg, black, transparent);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-part-3::before {
    content: "";
    top: 0;
    right: 0;
    background: linear-gradient(45deg, black, transparent);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-part-4::before {
    content: "";
    top: 0;
    right: 0;
    background: linear-gradient(45deg, black, transparent);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-part-1::after {
    content: "";
    bottom: 0;
    left: 0;
    background-size: cover
}

.banner-part-2 {
    position: relative;
}

.banner-part-3 {
    position: relative;
}

.banner-part-4 {
    position: relative;
}

.banner-part-2::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(45deg, black, transparent);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-part-2::after {
    content: "";
    bottom: 0;
    left: 0;
    background-size: cover
}

.banner-part-3::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(45deg, black, transparent);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-part-3::after {
    content: "";
    bottom: 0;
    left: 0;
    background-size: cover
}

.banner-part-4::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(45deg, black, transparent);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-part-4::after {
    content: "";
    bottom: 0;
    left: 0;
    background-size: cover
}

.btn-box-shadow, .job-listing-box a.btn-common:hover {
    box-shadow: 0 4px 5px 2px rgb(0 0 0 / 20%)
}

.btn-no-bg.btn-common, .corporate-video-secs .effect-phoebe figcaption, .employee-reviews .testi-img-sec {
    background: unset !important
}

.banner-part-2 {
    background-image: url(../img/banner/ui-ux-design-banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0 70px
}

.img-text-sec img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    margin-top: -12px
}

.sub-head {
    font-size: 20px;
    font-weight: 600;
    color: #002542;
    line-height: 28px;
    text-transform: capitalize;
    margin: 5px 0 15px
}

.sub-head-1 {
    font-size: 20px;
    font-weight: 600;
    color: #032d60;
    line-height: 27px;
    margin: 5px 0 20px
}

li, p {
    font-size: 16px;
    line-height: 25px
}

.banner-bg-gradient {
    background: linear-gradient(to left,#0795c4,#0e122f)
}

.banner-part-1.banner-bg-gradient .btn-no-bg, .banner-part-1.banner-bg-gradient .btn-no-bg.btn-common a, .banner-part-1.banner-bg-gradient .head, .banner-part-1.banner-bg-gradient p, .banner-text-bg .banner-text h1, .breadcrumb-white li, .breadcrumb-white li a, .breadcrumb.breadcrumb-white li + li:before, .hire-img-sec .sub-title, .text-white {
    color: #fff !important
}

.inner-bg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/inner-bg.png);
    background-position: center top;
    padding: 50px 0
}

.two-sec-list li {
    min-height: 50px;
    margin-bottom: 15px
}

.hr1 {
    border-top: 1px dashed #000
}

.d-flex.img-text-sec {
    align-items: center
}

.two-sec-list .sub-head {
    font-size: 15px;
    font-weight: 500
}

.contact-main-box img, .icon-text-box-one img, .job-benefit-box img, .second-sec .card-body img, .tech-service-box img {
    width: 60px;
    margin-bottom: 10px
}

.second-sec .card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px 11px rgb(95 138 236 / 5%);
    position: relative;
    text-align: left;
    border: 0;
    margin-bottom: 20px;
    transition: .5s
}

    .hire-boxes:hover .bar, .icon-box-item:hover .bar, .icon-tabs .nav-pills .nav-link.active img.hover-img, .icon-text-box-one:hover .bar, .join-box:hover .bar, .nav-pills .show > .nav-link img.hover-img, .next-story:hover .next-story-sec, .second-sec .card:hover .bar, .ser-cmn-sec:hover .bar, .skil-indstry-sec .instry-text, .slick-initialized .slick-slide, .slick-slide img, .wpd-icon i {
        display: block
    }

.mt-50, .mt-7 {
    margin-top: 50px
}

.btn-no-bg.btn-common:hover {
    color: #002542 !important
}

.new-box {
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border: 1px solid #e6ecef;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    transition: .5s
}

    .new-box::before {
        content: "";
        width: 5px;
        height: 35px;
        display: inline-block;
        position: absolute;
        top: 26px;
        left: 15px;
        background: #00c3e1
    }

#clients .owl-theme .owl-nav.disabled + .owl-dots, #navlist ul li::before, .about-bg::before, .case-studies-filter ul li::before, .case-studies.case-studiesnewsec .owl-nav, .case-text span.tag::after, .clients-main-sec .owl-dots, .clients-main-sec .owl-nav, .common-textsec ul li::before, .contact-main-box.lastbox::after, .fee-box .col-lg-6:first-child::after, .ftr-second-sec .ftr-list ul li:last-child a::after, .hire-us-banner.hire-detail-banner::before, .icon-tabs .nav-pills .nav-link img.hover-img, .icon-tabs .nav-pills .nav-link.active img.normal-img, .job-listing-box .exp:first-child::before, .job-main-cat .btn-arrow::after, .mob-img, .mob-tabs, .mob-view, .moretext, .moretext1, .moretext2, .nav-pills .show > .nav-link img.normal-img, .offshorepopups ul li:last-child::after, .owl-carousel1 .owl-dots, .owl-carousel1 .owl-nav, .process-flow-sec .col-lg-3:first-child .separator, .rel-tech-sec ul li::before, .service-lbox.new-sbox:hover::after, .service-lbox.new-sbox:hover::before, .services-main-sec .col-lg-4:first-child::after, .skillslist li::before, .slick-arrow.slick-hidden, .slick-slide.slick-loading img, .social-share ul li::before, .tags-list ul li::before, .testi-sec-new .testi-box::before, .testimonials-sec .owl-dots, .top-strip-sec .col-lg-4.col-sm-4:first-child::after, .two-sec-list li::before {
    display: none
}

#clients .item {
    margin: auto 20px
}

#clients .clientHeading {
    display: inline-block;
    background-color: var(--BgColor);
    padding: 10px 25px
}

    #clients .clientHeading p {
        font-size: 45px;
        color: var(--LogoBlue)
    }

    #clients .clientHeading .first {
        font-size: 20px;
        color: var(--LogoBlue)
    }

    #clients .clientHeading .last {
        font-size: 20px;
        color: var(--LogoBlue);
        float: right
    }

.blockquote-article {
    background: url(../img/about/quote.png) top left/52px 61px no-repeat #fff;
    padding: 70px 45px;
    border-radius: 10px;
    box-shadow: 0 16px 59px 0 rgb(0 0 0 / 13%);
    position: absolute;
    top: -47px
}

.sec-title p, .service-box, .service-box img, blockquote {
    position: relative
}

blockquote {
    font: inherit;
    padding: 0
}

.blockquote-article p {
    margin-top: 10px;
    color: #35353d;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    font-style: italic
}

.quote-sec blockquote {
    border-left: 0
}

.fs-18, .icon-tabs .nav-pills .nav-link h3, .new-icon-layout .sub-head {
    font-size: 18px
}

blockquote cite {
    display: block;
    color: #686565;
    font: 700 150%/1.5rem sans-serif;
    margin: 1em 0 0;
    text-align: right
}

    blockquote cite::before {
        content: "- ";
        font: inherit;
        color: #686565
    }

.icon-tabs .service-text-new, .ptb-30, .quote-para-sec {
    padding: 30px 0
}

.sec-title p {
    padding-left: 50px;
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    margin-top: 0
}

    .sec-title p::before {
        content: "";
        height: 2px;
        width: 40px;
        position: absolute;
        left: 0;
        background-color: #001033;
        top: 14px
    }

.service-icon-sec .head {
    line-height: 60px;
    font-weight: 700
}

.service-head {
    font-size: 30px;
    line-height: 40px
}

.service-title h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    margin: 0
}

.service-box {
    background: #f4f4f6;
    padding: 50px 20px 30px;
    margin-bottom: 100px;
    transition: .5s
}

    .service-box:hover .service-title {
        box-shadow: 0 2px 3px 2px #1179ef33;
        transition: .5s
    }

    .service-box img {
        width: 70px;
        margin: auto auto 30px;
        display: block
    }

.service-title {
    position: absolute;
    bottom: -43px;
    border-radius: 0;
    background: #fff;
    padding: 10px;
    font-family: "Open Sans",sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    width: calc(100% - 36px)
}

.icon-head-sec, .service-new-box {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    border-radius: 6px;
    transition: .5s;
    background: #fff;
    position: relative
}

.service-htabs .nav-link {
    display: inline-block;
    cursor: pointer;
    padding: 10px 28px;
    line-height: 30px;
    color: #000;
    transition: .5s
}

.service-htabs .nav.flex-row.nav-pills {
    justify-content: center;
    display: inline-flex;
    text-align: center;
    background: #efeff4;
    border-radius: 30px
}

.service-htabs .nav-pills .nav-link.active, .service-htabs .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #033776 !important;
    box-shadow: unset;
    border-radius: 25px
}

.service-htabs .tab-content {
    width: 100%;
    background: #f7f8fb;
    box-shadow: 0 3px 6px #00000016;
    padding: 30px;
    margin: 5rem 0 0
}

.case-studies-sec .col-lg-5, .case-studiesnewsec .case-studies-sec .col-lg-7, .gallery-sec .col-12.col-sm-6.col-md-3, .new-sec.case-detail-newsec .left-box, .service-htabs .service-text, .sitemap-blogsec {
    padding: 0
}

.desk-view .industry-type, .full-stack-syllabus h4.sub-head, .port-lists, .portd-name, .tab-content a.btn-common {
    margin-top: 20px
}

.service-htabs .nav-link:hover {
    background: #033776;
    color: #fff;
    border-radius: 30px
}

.icon-head-sec {
    border: 1px solid #e6ecef;
    padding: 20px;
    margin-bottom: 30px
}

    .icon-head-sec::before {
        content: "";
        width: 5px;
        height: 35px;
        display: inline-block;
        position: absolute;
        top: 20px;
        left: 26px;
        background: #002542;
        margin-left: -27px
    }

.service-new-box {
    border: 1px solid #e6ecef;
    margin-bottom: 25px
}

    .service-new-box img {
        min-height: 250px !important;
        border-radius: 3px 3px 0 0
    }

.sertext-sec {
    margin: -30px 10px 0;
    background: #fff;
    position: relative;
    border-radius: 6px;
    padding: 20px 10px;
    min-height: 275px
}

.icon-hover-box::before, .service-new-box::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid #0098ca;
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 9
}

.icon-box-item, .job-listing-box {
    -webkit-transition: .3s;
    -o-transition: .3s
}

.service-new-box:hover::before {
    -ms-transform: scale(1);
    transform: scale(1)
}

.box-shadow-imgsec {
    padding: 3rem;
    margin-top: 100px
}

.box-shadow-layout {
    background-image: url(../img/circle-bg.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.box-shadow-imgsec img {
    width: 85%;
    display: block;
    margin: auto
}

.box-shadow-textsec {
    box-shadow: 0 16px 59px 0 rgb(0 0 0 / 13%);
    padding: 10rem 3.7rem;
    background: #fff;
    font-size: 1.25rem;
    position: relative;
    z-index: 1
}

.icon-hover-box, .icon-hover-box .box-iconsec {
    box-shadow: 2px 4px 13px rgb(17 121 239 / 10%);
    background: #fff
}

.icon-tabs .nav {
    border-bottom: 1px solid rgba(50,50,50,.1);
    text-align: center
}

.icon-tabs .nav-pills .nav-link img {
    width: 50px;
    margin: auto
}

.icon-tabs .nav-link {
    display: inline-block;
    padding: .5rem 2rem
}

.icon-tabs .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: unset !important;
    border-radius: 0
}

    .icon-tabs .nav-pills .nav-link.active h3 {
        font-weight: 600;
        color: #094e91
    }

.icon-hover-box {
    border-radius: 4px;
    position: relative;
    padding: 0 15px 30px 20px;
    margin-bottom: 100px;
    min-height: 340px
}

    .icon-hover-box .box-iconsec img {
        width: 70px
    }

    .icon-hover-box:hover::before {
        transform: scale(1)
    }

    .icon-hover-box .box-iconsec {
        border-radius: 10px;
        position: absolute;
        top: -50px;
        padding: 10px
    }

    .icon-hover-box .box-textsec {
        position: relative;
        display: block;
        top: 70px
    }

.pt-100 {
    padding-top: 100px
}

.icon-box-item {
    position: relative;
    display: block;
    background: #fff;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 7%);
    -moz-transition: .3s;
    -ms-transition: .3s;
    transition: .5s;
    padding: 20px 20px 40px;
    margin-bottom: 20px;
    text-align: center
}

.imgicon-sec {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 15px
}

    .imgicon-sec img, .strip-imgsec img, .tech-img-sec img, .w-60 {
        width: 60px
    }

    .imgicon-sec h3 {
        font-size: 22px;
        font-weight: 500;
        color: #000;
        line-height: 30px;
        margin: 0 0 10px
    }

.bar {
    width: 200px;
    height: 6px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-color: #032d60;
    border-radius: 0 0 10px 10px;
    display: none;
    animation: .5s bar
}

.fadeInLeft, .fadeInRight {
    animation-duration: 1s;
    animation-delay: 0s
}

@keyframes bar {
    0% {
        width: 0
    }

    100% {
        width: 200px
    }
}

.inline-icontext-box {
    display: flex;
    margin-bottom: 20px;
    padding: 20px;
    transition: .5s
}

    .inline-icontext-box:hover::before {
        border-right: 1px solid #0098ca;
        border-bottom: 1px solid #0098ca;
        content: "";
        height: 40px;
        right: 15px;
        position: absolute;
        bottom: 20px;
        width: 40px;
        transition: .4s
    }

    .inline-icontext-box:hover::after {
        border-left: 1px solid #0098ca;
        border-top: 1px solid #0098ca;
        content: "";
        height: 40px;
        left: 15px;
        position: absolute;
        top: 0;
        width: 40px;
        transition: .4s
    }

.core-sec .tech-sec-box-1 .imgbox img, .inline-img-sec img {
    width: 60px;
    margin-right: 15px
}

.inline-icontext-box:hover {
    background: #fff;
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    border-radius: 3px
}

.accordion-body p:last-child, .banner-text-bg h1, .funcn-text-sec p, .hornzl-box p, .inline-text-sec p, .quote-para-sec .btn-common, .service-lbox p, .tools-top-sec p {
    margin-bottom: 0
}

.bg-box-sec {
    border-radius: 6px;
    border: 1px solid #e6ecef;
    padding: 20px;
    background: #f0f8ff;
    transition: .5s;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px
}

    .bg-box-sec:hover {
        background: #fff;
        box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
        border: 1px solid #fff0
    }

    .bg-box-sec img, .service-lbox img {
        width: 52px;
        margin-bottom: 10px
    }

.process-flow-box {
    padding: 0;
    cursor: pointer;
    margin-bottom: 30px
}

.number {
    width: 33px;
    height: 33px;
    text-align: center;
    font-size: 16px;
    color: #1f5994;
    border: 1px solid #094e91;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 32px;
    background: #fff;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    z-index: 1;
    position: relative
}

.separator, .separator::before {
    position: absolute;
    height: 1px;
    z-index: 0
}

.separator {
    top: 15px;
    width: 100%;
    background: #ededed;
    left: -51%
}

.new_service_content {
    margin-top: 30px;
    border-radius: 4px;
    padding: 30px 20px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    background-color: #fff;
    -webkit-box-shadow: 0 50px 80px 0 rgb(0 11 40 / 8%);
    box-shadow: 0 50px 80px 0 rgb(0 11 40 / 8%)
}

    .new_service_content img {
        width: 50px;
        height: auto;
        margin: auto auto 15px;
        display: block
    }

    .new_service_content:hover {
        background-color: #f0f8ff;
        -webkit-box-shadow: 0 50px 80px 0 rgb(0 11 40 / 8%);
        box-shadow: 0 50px 80px 0 rgb(0 11 40 / 8%)
    }

.process-flow-box:hover .number {
    background: #094e91;
    -webkit-box-shadow: 0 10px 30px 0 rgb(95 81 251 / 50%);
    box-shadow: 0 10px 30px 0 rgb(95 81 251 / 50%);
    color: #fff
}

.blog-dimg img, .case-study-img img, .process-flow-box:hover .separator:before, .tools-bottom-sec .skill-sec img {
    width: 100%
}

.separator::before {
    content: "";
    top: 0;
    width: 0;
    background: #094e91;
    left: 0;
    -webkit-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear
}

.img-service-sec img {
    min-height: 270px;
    border-radius: 6px
}

.img-service-sec {
    transition: .5s;
    margin-bottom: 35px;
    position: relative
}

    .img-service-sec .text-part {
        margin: -40px 15px 0;
        background: #fff;
        position: relative;
        border-radius: 6px;
        padding: 10px;
        text-align: center;
        box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%)
    }

    .img-service-sec:hover .text-part {
        background: #f0f8ff
    }

.img-hover-text-effect {
    position: relative;
    backface-visibility: hidden;
    transform: scale(1);
    margin: 20px 10px;
    overflow: hidden !important
}

    .img-hover-text-effect img {
        transition: .3s,margin-top 1ms,width 1ms,max-width 1ms,margin-left 1ms !important;
        animation: .3s all !important;
        position: relative;
        backface-visibility: hidden;
        transform: scale(1);
        z-index: 2;
        height: 400px !important;
        width: 100%
    }

.event-caption-box p {
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 12px
}

.event-captions {
    top: 0;
    padding: 10px;
    width: 100%;
    height: 100%;
    background-color: #032d6075;
    position: absolute;
    overflow: hidden;
    color: #fff;
    transform: translate3d(0,0,0);
    z-index: 2
}

.white-arrow-btn {
    font-size: 17px;
    font-weight: 600;
    color: #fff
}

    .white-arrow-btn::after {
        padding-left: 2px;
        font-family: FontAwesome;
        content: '\f061'
    }

.event-caption-box {
    padding-top: 53%
}

.img-hover-text-effect .common-list {
    padding-left: 14px
}

    .img-hover-text-effect .common-list li::before {
        width: 6px;
        height: 6px;
        background-color: #fff;
        margin-left: -13px;
        transform: translateY(14px)
    }

.img-hover-text-effect .btn-common {
    padding: 3px 20px
}

.img-hover-text-effect .common-list li {
    font-size: 15px;
    line-height: 22px
}

span.event-tag {
    background: #0098ca;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px
}

.img-hover-text-effect:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.1);
    overflow: hidden
}

.case-study-inner::before {
    content: "";
    width: 71%;
    background: #fff;
    height: 75%;
    position: absolute;
    right: 0;
    -webkit-box-shadow: 0 10px 59px 0 rgb(0 0 0 / 14%);
    box-shadow: 0 10px 59px 0 rgb(0 0 0 / 14%);
    top: 0;
    max-width: 2600px
}

.case-study-inner {
    padding: 4rem 0;
    position: relative
}

.img-adv-box {
    position: relative;
    display: block;
    background: 0 0;
    overflow: hidden !important
}

    .img-adv-box img {
        transition: .5s,margin-top 2ms,width 2ms,max-width 2ms,margin-left 2ms !important;
        animation: .5s all !important;
        opacity: 1 !important;
        border-radius: 4px !important;
        z-index: 2;
        position: relative;
        -webkit-transform: translateZ(0);
        width: 100% !important
    }

    .img-adv-box:hover img {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        overflow: hidden
    }

.img-adv-box-caption {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%) !important;
    transform: translate3d(0,0,0);
    z-index: 9;
    overflow: hidden;
    color: #fff;
    cursor: pointer
}

.img-adv-box-inner {
    bottom: 0;
    position: absolute;
    padding: 20px 14px;
    text-align: left;
    overflow: hidden;
    max-height: 135px;
    transition: max-height 1s;
    max-width: 100%
}

    .img-adv-box-inner .sub-head {
        line-height: 26px;
        min-height: 102px
    }

.img-adv-box.box-1 .img-adv-box-inner {
    max-height: 85px
}

.img-adv-box:hover .img-adv-box-inner {
    max-height: 500px
}

.case-study-head {
    font-size: 44px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 0;
    color: #032d60
}

.color-text {
    color: #0098ca
}

.home-case-study img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.home-blog-sec, .home-case-study {
    width: 100%;
    display: block;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    background: #fff;
    margin-bottom: 20px
}

.home-blog-sec {
    display: inline-block;
    width: 100%;
    padding: 20px
}

.home-blog-sec-1 {
    padding: 16px 16px;
}

.home-blog-main {
    padding-bottom: 40px;
}

.home-blog-sec-1 {
    padding-bottom: 20px;
}

.home-blog-main .sub-head {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}



.blog-btn-sec {
    margin-top: 24px;
    margin-bottom: 20px;
}

.fa-arrow::after {
    content: '\f178';
    padding-left: 2px;
    font-family: FontAwesome
}

.blog-btn-sec a {
    float: left;
    color: #0098ca;
    width: 100%;
    transition: .5s
}

    .blog-btn-sec a:hover {
        padding-right: 2px;
        color: #002542
    }

.home-blog-main .sub-head {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px
}

.home-blog-main p {
    font-size: 15px;
    line-height: 23px;
}

.home-blog-cat h5 {
    color: #094e91;
    font-size: 15px;
    display: block;
    margin-bottom: 15px;
    font-weight: 600
}

.home-blog-sec.btm-sec .sub-head, .new_service_content .sub-head, .tools-top-sec p, .training-body li {
    min-height: 60px
}

.home-blog-sec.btm-sec .check-list {
    min-height: 135px
}

.testi-img img {
    border: 10px solid #fff;
    width: 250px !important;
    height: 250px;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgb(0 0 0 / 16%)
}

.testi-img {
    padding-top: 40px
}

.employee-reviews .testi-text-sec::before, .testi-text::before {
    content: url(../img/quote.png);
    filter: invert(1);
    display: block;
    margin-bottom: 1rem
}

.employee-reviews .testi-text-sec h3, .testi-text h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fece1a;
    margin-bottom: 5px;
    line-height: 24px
}

.popup-list h4, .testi-text h5 {
    font-size: 16px
}

.testi-text h5 {
    color: #616163
}

.testi-detail {
    display: flex;
    margin-top: 20px
}

.google-view {
    display: flex;
    justify-content: end
}

.cal-sec, .devexperiencenew {
    align-items: center
}

.google-view h5 a {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative
}

.ftr-list li a, .popup-list h4 {
    font-weight: 500
}

.testi-box .client-logo {
    width: 22%
}

    .testi-box .client-logo img {
        width: 85% !important;
        margin: 0
    }

.google-view h5 {
    margin-left: 20px;
    margin-top: 20px;
    z-index: 9
}

.onload-popup .modal-dialog.modal-dialog-lg {
    max-width: 850px
}

.onload-popup .modal-content {
    background-image: url(../img/popup-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px !important
}

.branding-banner, .onload-popup .modal-body, .onload-popup .modal-header {
    padding: 0 !important
}

.onload-popup .bg-white {
    background: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.onload-popup .modal-header .close {
    margin: 0;
    position: absolute;
    right: 0;
    padding: 0 .5rem;
    border: none;
    background: #ffffff08;
    color: #cbcbcb;
    font-size: 30px;
    z-index: 9
}

.bb-0, .brb-0, .onload-popup .modal-header {
    border-bottom: 0
}

.pop-up-left, .popup-form {
    padding: 15px
}

.popup-list {
    text-align: center
}

    .popup-list img {
        width: 40px
    }

    .blog-detail-para p, .blog-detail-para ul, .popup-list li, .service-new-banner ul.breadcrumb, .sitemap-sec {
        margin-bottom: 25px
    }

.pop-up-left {
    padding-top: 15%
}

    .pop-up-left h2 {
        font-size: 18px;
        font-weight: 800;
        line-height: 30px;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 0
    }

.offshorepopups {
    width: 100%;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left
}

    .offshorepopups ul li {
        display: inline-block;
        width: 32%;
        position: relative;
        padding-left: 15px;
        padding-right: 12px;
        float: left
    }

.devexperiencenew {
    display: flex;
    justify-content: center
}

    .devexperiencenew h3 {
        font-size: 22px;
        font-weight: 700
    }

    .devexperiencenew p {
        font-size: 16px;
        text-align: left;
        padding-left: 8px;
        margin: 15px 0;
        line-height: 20px
    }

.cbtn-sec, .client-img, .client-sec, .cntct-top-box .sub-head, .course-navlists .owl-item, .fee-left-box, .fee-right-box, .hire-box .sub-head, .right-img, .spam-text span, .strip-secs {
    text-align: center
}

.offshorepopups ul li::after {
    content: '';
    position: absolute;
    border-right: 2px solid #0c5991;
    top: 10px;
    left: 0;
    width: 100%;
    height: 75%;
    z-index: 1
}

.btn-common.btn-white {
    background: #fff;
    color: #0098ca;
    padding: 6px 20px
}

.onload-popup .modal-dialog {
    margin: 10rem auto 1.75rem
}

.onload-popup .modal-content::before {
    background: #00000082;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 5px
}

.onload-popup .floating-form {
    padding: 50px 20px
}

.floating-label {
    position: relative;
    margin-bottom: 30px;
    background: #ffffff
}

.floating-form label, .highlight {
    position: absolute;
    pointer-events: none
}

.floating-input, .floating-select {
    font-size: 14px;
    display: block;
    width: 100%;
    height: 30px;
    background-color: transparent;
    border-bottom: 1px solid #222
}

.ftr-imgs img, .ftr-second-sec .ftr-list ul li, .ftr-social ul li, .pagination {
    display: inline-block;
}

.ftr-second-sec .ftr-list ul li {
    display: inline;
}

.onload-popup .floating-input, .onload-popup .floating-input:focus, .onload-popup .floating-select, .onload-popup .floating-select:focus {
    border: 0 !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important
}

.floating-input:focus, .floating-select:focus {
    border-bottom: 2px solid #000;
    color: #000
}

.onload-popup .floating-input:focus, .onload-popup .floating-select:focus {
    border-bottom: 2px solid #fff;
    color: #fff
}

.floating-form label {
    font-size: 14px;
    font-weight: 400;
    left: 20px;
    top: 10px;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.onload-popup .floating-input:focus ~ label, .onload-popup .floating-input:not(:placeholder-shown) ~ label {
    color: #fff !important;
    background: unset !important
}

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
    top: -18px;
    font-size: 14px;
    color: #5264ae
}

.floating-input:focus ~ .bar:after, .floating-input:focus ~ .bar:before, .floating-select:focus ~ .bar:after, .floating-select:focus ~ .bar:before {
    width: 50%
}

.floating-textarea {
    min-height: 30px;
    max-height: 260px;
    overflow: hidden;
    overflow-x: hidden
}

.highlight {
    height: 50%;
    width: 100%;
    top: 15%;
    left: 0;
    opacity: .5
}

.floating-credit, .floating-heading {
    position: fixed;
    color: #aaa;
    font-family: arial,sans-serif
}

.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
    -webkit-animation: .3s inputHighlighter;
    -moz-animation: .3s inputHighlighter;
    animation: .3s inputHighlighter
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264ae
    }

    to {
        width: 0;
        background: 0 0
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264ae
    }

    to {
        width: 0;
        background: 0 0
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264ae
    }

    to {
        width: 0;
        background: 0 0
    }
}

.floating-credit {
    bottom: 10px;
    right: 10px;
    font-size: 13px
}

    .floating-credit a {
        text-decoration: none;
        color: #000;
        font-weight: 700
    }

        .floating-credit a:hover {
            border-bottom: 1px dotted #f8f8f8
        }

.floating-heading {
    font-size: 20px
}

.btn-common.ftr-btn {
    border: 1px solid #2e5481;
    background: unset;
    color: #222;
    padding: 3px 20px
}

    .btn-common.ftr-btn:hover {
        background: #002542;
        border: 1px solid #002542
    }

.ftr-sec-main {
    /*background-image: linear-gradient(to bottom right,#f7f7f7,#eafbff);*/
    padding: 50px 0 0;
    background: #002542;
}

.ftr-list h3 {
    color: #fece1a !important;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 30px
}

.ftr-copyright p, .ftr-list li a {
    font-size: 15px;
    color: #fff
}

    .ftr-list li a:hover {
        font-weight: 600 !important;
        color: #fff !important;
    }

.ftr-list .btn-common:hover {
    background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important
}

.ftr-list li {
    line-height: 26px;
    margin-bottom: 5px;
    display:inline;

}
.ftr-list ul li a::after {
    content: '|' !important;
    padding: 10px 12px !important   ;
}
.ftr-social .social-links li a {
    color: #fff;
}

.ftr-imgs img {
    width: 120px;
    margin-right: 15px
}

hr.ftr-hr {
    border-top: 1px solid #cecece;
    margin: 15px 0
}

.ftr-second-sec .ftr-list ul li a::after {
    content: '|';
    padding: 10px 12px
}

.ftr-social ul li {
    margin-right: 14px
}

    .case-text-sec .center-sec, .ftr-social ul li a img {
        width: 20px
    }

.common-sec {
    box-shadow: 0 6px 22px 0 rgb(0 0 0 / 8%)
}

.form-left {
    background: linear-gradient(90deg,#0072bd 0,#23a6de 100%);
    padding: 20px
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
    top: -14px !important;
    font-size: 13px !important;
    color: #032936 !important;
    background: #fff !important;
    padding: 0 10px
}

.floating-select:not([value=""]):valid ~ label {
    top: -17px;
    font-size: 13px;
    color: #032936 !important;
    background: #fff !important;
    padding: 0 10px
}

.common-textsec ul li a, .job-main-cat:hover a.btn-arrow {
    color: #002542;
    text-decoration: underline
}

.floating-input:focus, .floating-select:focus {
    outline: 0;
    border: 1px solid #222
}

.common-sec .form-right-sec p, .common-sec p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 5px
}

input.floating-input[type=file] {
    padding: 13px 20px;
    height: unset
}

.floating-input, .floating-select {
    border-radius: 3px !important;
    border: 1px solid grey
}

.floating-form label {
    color: #535252
}

.floating-selectcommon {
    padding: 8px 4px 8px 15px;
    border-radius: 3px !important;
    border: 1px solid grey;
    display: block;
    width: 100%;
    background-color: transparent;
    color: #535252;
    height: 53px
}

select.floating-selectcommon:focus-visible {
    outline: 0 !important
}

.form-right-sec {
    padding: 30px;
    background: #fff
}

.form-left-sec {
    padding: 20px 45px
}

    .form-left-sec span.telhead, span.telhead {
        font-size: 16px;
        font-weight: 600
    }

    .form-left-sec h3, .form-right-sec h3, .mb-20, .our-locations .img-adv-box, .sitemap .subsec, .termscontn-sec ul {
        margin-bottom: 20px
    }

.contact-box, .form-right-sec h3, .hire-right-sec {
    margin-bottom: 40px
}

.cal-sec, .client-img {
    display: flex;
    margin-bottom: 20px;
}

.cal-sec {
    display: flex;
    margin-bottom: 20px;
    align-items: start;
}

.cal-sec {
    gap: 2rem;
}

.form-left-sec p img {
    width: 30px;
    margin-right: 10px
}


.cal-sec .img-sec {
    min-width: 12% !important;
}

.boxed-photo-banner img, .boxed-photo-banner:before {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover
}

.cal-sec p a {
    color: #000;
    display: block;
    line-height: 30px;
    font-size: 16px
}

.cal-sec p {
    font-size: 20px;
    margin-bottom: 0
}

.common-sec .form-left-sec p {
    font-size: 18px;
    line-height: 30px
}

.cal-sec .img-sec img {
    width: 45px
}

.cal-sec-1 img {
    margin-top: -14px
}

.accordion-body, .floating-input, .floating-select {
    padding: 25px
}

textarea.floating-input.floating-textarea {
    height: unset
}

.spam-text span {
    display: block;
    font-size: 17px;
    color: #222
}

.floating-form p {
    margin-bottom: 0;
    font-size: 16px
}

.boxed-photo-banner {
    display: flex;
    align-items: center;
    border-radius: 10px;
    background-color: #eee;
    padding: 80px 60px;
    position: relative;
    overflow: hidden;
    margin-top: 20px
}

    .boxed-photo-banner:before {
        content: "";
        opacity: 1;
        z-index: 3;
        background: linear-gradient(270deg,rgb(240 240 240 / 0%) 0,#0b3155 50%)
    }

    .boxed-photo-banner img {
        z-index: 1
    }

.boxed-photo-banner-text {
    position: relative;
    z-index: 10;
    max-width: 50%
}

    .boxed-photo-banner-text h2 {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        line-height: 38px;
        margin-top: 0
    }

    .boxed-photo-banner-text p {
        color: #fff;
        opacity: 1;
        font-size: 18px;
        line-height: 32px;
        margin: 15px 0 0;
        max-width: 80%;
        display: block
    }

.client-img {
    flex-direction: column;
    width: 170px;
    height: 100px;
    align-items: center;
    justify-content: center;
    border-radius: .6rem !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    background: #fff
}

.owl-carousel1 .client-img img {
    width: 130px !important;
    height: unset
}

@keyframes scroll {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-10%)
    }
}

.slick-slider .slide {
    animation: 10s linear infinite scrollText
}

.clients-left-sec {
    background-color: #f0f8ff;
    padding: 60px 25px;
    color: #0098da
}

p.fclient {
    font-size: 22px;
    color: #606062;
    margin: 0;
    font-weight: 500
}

.clients-left-sec h3 {
    font-size: 45px;
    color: #0098da;
    margin: 0;
    text-align: center
}

p.lclient {
    font-size: 22px;
    color: #606062;
    margin: 0;
    font-weight: 500;
    text-align: right
}

.slick-slide {
    margin: 0 20px
}

.slick-list, hr.ep-divider {
    margin: 0;
    position: relative
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    display: block;
    overflow: hidden;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

    .slick-track:after, .slick-track:before {
        display: table;
        content: ""
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.ep-title, .skillslist li {
    display: inline-block;
    padding: 0 20px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.ep-title {
    color: #2f5597;
    font-family: reg,helvetica,arial,sans-serif;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0 0 35px;
    text-align: center;
    background: #7e8990;
    z-index: 997;
    position: relative
}

.btn-arrow::after, .fa {
    font-family: FontAwesome
}

hr.ep-divider {
    height: 1px;
    background: #eaf5fe;
    top: -46px
}

.slick-slide {
    padding: 14px;
    vertical-align: middle
}

    .slick-slide img:focus {
        border: none !important
    }

.box-layout {
    margin-top: 50px;
    padding: 2rem 0;
    border-top: 3px dotted #032d60;
    border-bottom: 3px dotted #032d60
}

    .box-layout p {
        font-size: 24px;
        line-height: 35px;
        font-weight: 500;
        margin-bottom: 0;
        color: #032d60
    }

.web-app-fetures .icon-box-design-1 {
    min-height: 115px
}

.sec-head {
    margin-top: 0;
    color: #032d60;
    font-size: 38px;
    font-weight: 600;
    line-height: 45px
}

.tech-sec .slick-slide img {
    width: 100px
}

.tech-sec .client-img {
    flex-direction: row
}

.service-quotese {
    padding: 20px 50px;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    background: linear-gradient(90deg,rgba(146,205,250,.4) 0,rgba(199,235,255,.4) 100%)
}

    .quote-para-sec p, .service-quotese p {
        font-size: 20px;
        line-height: 32px;
        font-weight: 500;
        margin-bottom: 0;
        color: #032d60
    }

.new_service_content {
    min-height: 460px
}

.web-app-ctasec .boxed-photo-banner-text {
    max-width: 60%
}

.webapp-ourwork-sec {
    background: #fafafa;
    border-bottom: 1px solid rgba(204,205,207,.5);
    border-top: 1px solid rgba(204,205,207,.5)
}

.bg-dots-sec, .bg-value {
    background: url(../img/dots-bg-image.webp) bottom left no-repeat #f8fbff
}

.box-layout-sec {
    background: #fff;
    padding: 60px;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgb(77 80 84 / 15%);
    border: 1px solid #ddd
}

    .box-layout-sec .two-sec-list, .industry-why-us .two-sec-list {
        column-count: 1
    }

.new-icon-layout {
    width: 100%;
    display: flex;
    overflow: hidden;
    margin-bottom: 50px;
    border: 1px solid #f5f5f5;
    min-height: 128px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    background: #fff;
    cursor: pointer;
    transition: .5s
}

    .new-icon-layout .icon-part {
        background: #fafafa !important;
        display: flex !important;
        align-items: center !important;
        width: 30% !important;
        padding: 20px 10px
    }

        .new-icon-layout .icon-part img {
            width: 60px !important;
            height: 60px !important;
            margin: auto !important;
            background: unset !important
        }

    .new-icon-layout .text-sec {
        padding: 20px;
        width: 70%;
        display: flex;
        align-items: center
    }

.why-us-service-sec {
    background: #0b3155
}

.why-right-sec {
    background: #fff;
    box-shadow: 0 2px 37px 0 rgb(0 0 0 / 10%);
    padding: 50px;
    border-radius: 10px
}

.dmarketing-fetures .icon-box-design-1 {
    min-height: 140px
}

.digital-quote-sec .quote-para-sec {
    padding: 40px 0 10px
}

.digital-quote-sec .service-quotese {
    padding: 0 50px
}

.accordion-button {
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / 5%);
    padding: 14px 25px;
    font-size: 18px;
    letter-spacing: 1.2px;
}

.job-listing-box .skill-tag, span.exp {
    font-size: 14px;
    color: #606062
}

.accordion-button:focus {
    border-color: rgb(0 0 0 / 5%) !important;
    box-shadow: unset
}

.job-listing-box, .job-listing-box:hover, .job-main-cat, .tech-sec-box:hover {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%)
}

.accordion-button:not(.collapsed) {
    background-color: #002542;
    border: 1px solid rgb(0 0 0 / 5%);
    font-weight: 600;
    color: #ffffff;
}

    .accordion-button:not(.collapsed)::after {
        filter: invert(1);
    }

.accordion-collapse.collapse.show, .bg-white, .cnt-left, .fsd-whyusec .tech-sec-box-1, .icon-tabs.tools-tab-sec.service-tools, .navbar.navbar-expand-lg.navbar-light.bg-light, .porfolio-filter-sec.sticky-head, .service-htabs.solutions-tabs .tab-content, .uploadsec {
    background: #fff
}

.bg-banner-part {
    background-image: url(../img/career/career-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 0;
    position: relative
}

.banner-text-bg {
    background: #00000052;
    padding: 15px 20px;
    border-radius: 5px
}

.job-listing-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    background: #fff;
    border: 1px solid #ecedf2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    transition: .3s;
    align-items: center;
    margin-bottom: 30px
}

    .job-listing-box .exp img {
        width: 18px;
        margin-right: 5px
    }

    .job-listing-box a.btn-common {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        margin-bottom: 0
    }

    .job-listing-box .exp::before {
        content: '|';
        padding: 5px 10px
    }

.job-left-sec h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px
}

.job-types {
    margin-bottom: 10px;
    font-size: 14px
}

.job-left-sec h4 a {
    color: #0b3155
}

.job-listing-box .skill-tag {
    padding: 5px 20px;
    border-radius: 16px;
    margin-right: 6px;
    font-weight: 500;
    border: 1px solid rgb(100 100 102)
}

.job-left-sec {
    width: 75%
}

.example-image-link img {
    width: 100%;
    height: 230px;
    margin-bottom: 20px
}

.new-logos-sec .example-image-link img {
    height: unset !important;
    margin-bottom: 0
}

.image-grid .new-logos-sec img {
    box-shadow: unset !important;
    height: unset
}

.image-grid.corp-brand-sec img {
    box-shadow: unset !important
}

.new-logos-sec .example-image-link {
    flex-direction: column;
    width: 170px;
    height: 100px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: .6rem !important;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);
    margin-bottom: 20px;
    text-align: center;
    background: #fff
}

.case-studiesnewsec .case-study-body, .mt-30, .portfolio-lists, .team-detail {
    margin-top: 30px
}

.jobs-banner-sec {
    background: #000
}

.job-benefit-box {
    text-align: center;
    padding: 10px 20px
}

.feature-block {
    position: relative;
    margin-bottom: 30px
}

    .feature-block .inner-box {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        height: 250px
    }

    .feature-block .image, .resume-block, .resume-outer {
        position: relative;
        margin-bottom: 0
    }

    .feature-block .overlay-box, .job-top-sec::before, .overlay-link {
        width: 100%;
        position: absolute;
        left: 0
    }

    .feature-block .image img {
        display: block;
        width: 100%;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    .feature-block .overlay-box {
        top: 0;
        height: 100%;
        background: #00000073
    }

        .feature-block .overlay-box .content {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 30px 30px 25px;
            z-index: 9
        }

        .feature-block .overlay-box h5 {
            font-size: 22px;
            color: #fff;
            font-weight: 500;
            display: block;
            margin-bottom: 2px
        }

        .feature-block .overlay-box .total-jobs {
            display: block;
            font-size: 16px;
            color: #fff
        }

.overlay-link {
    top: 0;
    height: 100%;
    z-index: 9
}

.feature-block .inner-box:hover .image img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.job-top-sec {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 50px;
    position: relative;
    z-index: 9
}

    .job-top-sec::before {
        background: #000000b8;
        height: 100%;
        content: '';
        z-index: -1;
        top: 0;
        right: 0
    }

    .job-top-sec.job-first-sec {
        background-image: url(../img/events/2.webp)
    }

    .job-top-sec.job-second-sec {
        background-image: url(../img/events/4.jpeg)
    }

    .job-top-sec.job-third-sec {
        background-image: url(../img/events/5.jpeg)
    }

    .job-top-sec p {
        color: #c4c4c4;
        text-align: center
    }

    .job-top-sec .sub-head {
        color: #fff;
        text-align: center
    }

.job-main-cat {
    border-radius: 6px;
    background: #fff;
    padding: 25px 20px;
    position: relative;
    margin-bottom: 30px;
    transition: .5s;
    text-align: center
}

.hire-us-box, .icon-tabs.case-studies-sec .nav {
    text-align: left
}

.home-icon-sec1 img, .job-main-cat img {
    width: 60px;
    margin-bottom: 15px
}

.job-main-cat .sub-head {
    font-size: 22px;
    margin-bottom: 5px
}

.job-main-cat a.btn-arrow, .sitemap ul li a, .text-decn {
    text-decoration: underline
}

.btn-arrow::after {
    padding-left: 2px;
    content: '\f105'
}

.job-main-cat:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%);
    border-radius: 0
}

.bg-grey, .details:hover {
    background: #f6f6f6
}

.disclaimer-box {
    background: -webkit-linear-gradient(bottom,#edf5f8,#f0fbff);
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px
}

.more-btn {
    color: #0098ca;
    font-weight: 500
}

.details {
    border-bottom: 1px solid #e5e2e2;
    padding: 10px
}

.skillslist li {
    margin-right: 10px;
    border: 1px solid #002542;
    border-radius: 15px;
    margin-bottom: 10px;
    font-size: 16px
}

.skillslist {
    margin-top: 10px
}

    #navlist ul, .case-studies-filter.casestudies ul, .common-textsec ul, .skillslist ul, .tags-list ul {
        padding-left: 0
    }

.details label {
    font-size: 16px !important;
    color: #032d60;
    font-weight: 600;
    display: block
}

.apply-form.common-sec {
    box-shadow: unset
}

.details.details-new, .strip-icon-sec, .testi-sec-new .testi-btm {
    display: flex;
    align-items: center
}

    .case-img, .details.details-new label {
        width: 35%
    }

.apply-now-sec {
    background: #fff;
    border-radius: 10px;
    padding: 5%;
    border: 1px solid #ebf0f6;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%)
}

.common-sec .floating-selectcommon:active, .common-sec .floating-selectcommon:focus {
    border-color: #0098ca
}

.case-study-banner {
    background-image: url(../img/banner/case-studies-banner.webp)
}

.case-studies-filter ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 20px
}

.case-studies-filter li a {
    color: #032d60;
    background: #f2f9fd;
    padding: 8px 20px;
    margin-bottom: 15px;
    border-radius: 5px;
    transition: .5s
}

    .case-studies-filter li a.active, .case-studies-filter li a:hover {
        background: #002542;
        color: #fff
    }

.icon-tabs.case-studies-sec .nav-pills .nav-link h3 {
    font-size: 22px
}

.icon-tabs .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    border-bottom: 4px solid #094e91
}

.case-study-sec {
    box-shadow: 0 4px 6px 0 rgb(0 0 0 / 5%);
    overflow: hidden;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out;
    cursor: pointer;
    margin-bottom: 30px !important;
    border-radius: 5px;
    border: 1px solid #e6ecef;
    min-height: 440px
}

.case-study-text {
    position: relative;
    padding: 40px 20px;
    -webkit-transition: .45s ease-out;
    transition: .45s ease-out
}

    .case-study-text span {
        font-size: 14px;
        color: #787373
    }

    .case-study-text a.btn-arrow {
        font-weight: 500;
        line-height: 1;
        color: #0098ca;
        text-transform: uppercase;
        bottom: 10px;
        position: absolute;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: 18%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        -webkit-transition: .25s ease-out;
        transition: .25s ease-out;
        font-size: 14px
    }

.case-study-sec:hover .case-study-text a.btn-arrow {
    opacity: 1;
    bottom: 25px;
    -webkit-transition: .25s ease-in-out .25s;
    transition: .25s ease-in-out .25s
}

.case-study-sec:hover .case-study-text {
    padding: 20px 20px 45px
}

.case-study-sec:hover img {
    overflow: hidden !important;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.about-insty, .card__side, .case-study-img, .common-box {
    overflow: hidden
}

.case-study-sec:hover {
    -webkit-box-shadow: 0 15px 15px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 15px 15px 0 rgb(0 0 0 / 5%);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.case-study-sec .sub-head {
    font-size: 18px;
    line-height: 28px;
    min-height: 100px
}

.fa-facebook::after {
    content: "\f09a"
}

.fa-twitter::after {
    content: "\f099"
}

.fa-linkedin:after {
    content: "\f0e1"
}

.fa-whatsapp::after {
    content: "\f232"
}

.fa-instagram::after {
    content: "\f16d"
}

.fa-youtube::after {
    content: "\f16a"
}

.fa-question::after {
    content: "\f059"
}

.fa {
    padding-left: 2px
}

.cmn-social {
    padding: 10px 13px;
    border-radius: 5px;
    color: #fff;
    background: #032d60;
    transition: .5s
}

a.facebook.cmn-social {
    padding: 10px 15px;
    background: #4267b2
}

a.twitter {
    background: #1da1f2
}

a.linkedin {
    background: #0077b5
}

.whatapp {
    background: #25d366
}

.fa-direction::after {
    content: "\f041"
}

.cmn-social:hover {
    border-radius: 50px;
    box-shadow: 0 6px 30px 0 rgb(0 0 0 / 20%);
    transform: scale(1.2);
    color: #fff
}

.fa-play::after {
    content: "\f04b"
}

.common-bg::before, .hire-img-sec::before {
    content: '';
    position: absolute;
    height: 100%
}

.border-head-center, .page-not-found img {
    margin: auto
}

.case-study-catsec {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.social-share ul li {
    display: inline-block;
    margin-right: 8px
}

.employee-reviews .testi-img-sec img, .home-service-tab.home-new-service-tab.about-serv-sec .nav-pills .nav-link.active, .w-100 {
    width: 100% !important
}

.case-study-bg {
    background: #f6f6f6;
    padding: 40px
}

    .case-study-bg.tools-sec .slick-slide {
        background: unset !important;
        padding: 0
    }

    .case-study-bg.tools-sec .client-img {
        width: 150px;
        height: 120px
    }

.slick-slide img {
    width: 100px;
    height: 100px
}

.download-sec {
    align-items: center;
    justify-content: space-between
}

.next-story-sec {
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    padding: 10px;
    position: absolute;
    top: 53px;
    transition: .4s;
    z-index: 999;
    display: none
}

.hire-img-sec, .hire-us-box {
    box-shadow: 2px 4px 13px rgb(17 121 239 / 10%)
}

.about-first-sec, .blog-imgsec a img, .case-block-two, .case-study-newbox .case-block, .common-bg, .fee-box .col-lg-6, .hire-us-box, .inner-box, .next-case-study, .p-relative, .top-strip-sec .col-lg-4.col-sm-4 {
    position: relative
}

.next-story-sec a img {
    margin-right: 10px;
    width: 130px
}

.next-case-study a.btn-common.btn-box-shadow.btn-arrow {
    float: right !important
}

.case-study-detail li::before {
    background-color: #0098ca;
    content: " ";
    display: block;
    height: 8px;
    margin-left: -16px;
    transform: translateY(18px);
    width: 8px
}

.case-study-detail ul {
    padding-left: 15px
}

.blog-detail-para ol li::before, .carousel.case-study-sliders span.visually-hidden {
    display: none !important
}

.next-story-sec a p {
    color: #000
}

.linesec {
    width: 100%;
    height: 2px;
    margin-bottom: 50px;
    background: linear-gradient(to right,#0098ca 0,#002542 18%,#ded7d7 18%)
}

.related-casestudies .case-study-text a.btn-arrow {
    left: 23%
}

.elearn-app .service-lbox p, .pminh-120 p, .related-casestudies .case-study-sec .sub-head {
    min-height: 120px
}

.bg-gradient {
    background-image: -webkit-linear-gradient(bottom,#edf5f8,#fff)
}

.bg-gradient-1 {
    background-image: -webkit-linear-gradient(bottom,#d9f0fe,#fff)
}

.common-bg {
    background-image: url(../img/shape-1.webp);
    background-position: left center;
    background-repeat: no-repeat
}

    .common-bg::before {
        background-image: url(../img/shape-2.webp);
        background-repeat: no-repeat !important;
        background-position: top right !important;
        background-size: 30%;
        width: 100%;
        right: 0
    }

.hire-img-sec {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 5px
}

.hire-us-box {
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: .5s;
    padding: 20px;
    border: 1px solid #ecf1fb
}

.hire-img-sec::before {
    background: #011169a6;
    width: 100%
}

.case-studiesnewsec .industy span, .hire-us-box p {
    font-size: 15px
}

.hire-us-box::before {
    content: "";
    width: 5px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 19px;
    left: -1px;
    background: #00c3e1
}

.hire-us-box .sub-head {
    margin: 0 0 5px
}

.case-details, .case-list-details, .function-grid-inner, .icon-tabs.tech-service-sec .nav, .solution-box-sub, .testi-inner {
    display: flex
}

.icon-tabs.tech-service-sec .nav-pills .nav-link.active h3 {
    font-weight: 600;
    color: #0098ca
}

.icon-tabs.tech-service-sec .nav-pills .nav-link.active img.normal-img, .icon-tabs.tech-service-sec .nav-pills .show > .nav-link img.normal-img {
    display: block !important;
    filter: revert
}

.icon-tabs.tech-service-sec .nav-pills .nav-link img {
    filter: grayscale(1)
}

.icon-tabs.tech-service-sec .nav-pills .nav-link h3 {
    font-weight: 600;
    line-height: 30px;
    color: #606062
}

.case-block-two {
    margin-bottom: 50px
}

.inner-box {
    display: block;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 7%);
    background: #f2faf8
}

.image-column, .image-layer {
    position: absolute;
    top: 0;
    height: 100%
}

.tech-why-us .whyus-boxes, .tools-box {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 20%);
    border-radius: 5px;
    transition: .5s
}

.image-column {
    float: left;
    right: 0;
    width: 50%
}

.image-layer {
    left: 0;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.content-column {
    position: relative;
    float: left;
    width: 50%
}

.content-box {
    position: relative;
    padding: 55px;
    background: #fff;
    min-height: 200px
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.industry-quotesec {
    background: linear-gradient(45deg,#e1f3ff,#f6f7fb);
    padding: 0 50px;
    border-radius: 3px
}

.solutions-tabs {
    background: #f7f8fb
}

.service-htabs.solutions-tabs .nav-link {
    padding: 8px 16px;
    text-align: center
}

.tech-why-us .why-left-sec img {
    border-radius: 10px
}

.tech-why-us .whyus-boxes {
    background: #fff;
    border: 1px solid #ecf1fb;
    margin-bottom: 30px;
    padding: 20px
}

.pr-50, .why-left-sec {
    padding-right: 50px
}

.industry-why-us .img-text-sec img {
    width: 80px;
    height: 80px;
    margin-right: 15px
}

.industry-why-us {
    background: #f9f9fb;
    border-bottom: 1px solid rgba(204,205,207,.5);
    border-top: 1px solid rgba(204,205,207,.5)
}

.skill-sec img {
    width: 80px;
    margin: auto;
}

.skill-sec:hover img {
    filter: brightness(100%)
}

.hire-boxes:hover, .hornzl-box:hover, .icon-text-box-new:hover, .icon-text-box-one:hover, .skill-sec:hover {
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%)
}

.skill-name {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px
}

.icon-tabs.tools-tab-sec .nav-link {
    padding: .5rem 4rem
}

.skill-sec {
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    transition: .5s
}

.tools-bottom-sec .skill-sec:hover {
    box-shadow: unset;
    background: unset !important
}

.tools-bottom-sec .skill-sec {
    padding: 10px 5px;
    margin-bottom: 0
}

.tools-bottom-sec .skill-name {
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px;
    min-height: 50px
}

.tools-box {
    border: 1px solid #ecf1fb;
    margin-bottom: 30px
}

.blog-inner, .partnr-img img, .phone-body, .tools-top-sec {
    padding: 20px
}

.tools-bottom-sec {
    background: #f7f7f7;
    padding: 10px
}

.branding-sec {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 7%);
    background: #fff
}

    .branding-sec .branding-details {
        padding: 30px
    }

.check-list-arrow li::before, .fa-envelope::after, .fa-phone::after, .fa-skype::after, .fa-whatsapp::after, .job-res-sec li::before {
    padding-left: 2px;
    font-family: FontAwesome
}

.branding-sec .carousel-control-next {
    right: -10px
}

.branding-sec .carousel-control-prev {
    left: -10px
}

.branding-sec #carousel-thumbs .carousel-control-next-icon, .branding-sec #carousel-thumbs .carousel-control-prev-icon {
    background-image: unset !important
}

.contact-form-leftsec, .contact-form-sec {
    padding: 35px
}

.adrs-box.adrs-first-box h4 {
    margin-bottom: 20px;
}

.adrs-sec-box {
    border-bottom: 1px solid #dddddd;
    padding: 20px 0px;
    margin-bottom: 20px;
}

.adrs-box.adrs-first-box {
    border-bottom: 1px solid #dddddd;
    /* margin-bottom: 20px;*/
    padding-bottom: 10px;
}



    .adrs-box.adrs-first-box .top-csec {
        padding: 0px;
    }

.fa-phone::after {
    content: '\f095'
}

.fa-envelope::after {
    content: '\f0e0'
}

.fa-whatsapp::after {
    content: '\f232 '
}

.fa-skype::after {
    content: '\f17e'
}

.phone-sec {
    position: relative;
    margin-bottom: 20px
}

.phone-icon {
    position: absolute;
    top: 1px
}

.hire-tbox, .phone-text {
    padding-left: 45px
}

    .phone-text p {
        margin-bottom: 0;
        font-size: 17px
    }

.contact-banner {
    background-image: url(../img/contactus-banner.jpg);
    padding: 120px 0
}

.phone-head {
    background: #002542;
    padding: 10px 20px
}

.contact-banner .banner-text-bg {
    background: #00000021
}

.address-sec {
    background: #fff;
    box-shadow: 0 2px 5px #e1ecf8;
    border-radius: 5px;
    padding: 20px 35px;
    margin-bottom: 30px
}

.bg-circle, .our-locations {
    background-repeat: no-repeat
}

.contact-main-box {
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    padding: 25px;
    border-radius: 20px;
    border: 4px solid transparent
}

    .common-textsec li a, .contact-main-box p, .hire-boxes p {
        color: #35353d
    }

    .contact-main-box::after {
        content: "";
        width: 28px;
        height: 100px;
        background: #002542;
        position: absolute;
        right: -17px;
        top: 50%;
        transform: translate(-12%,-50%);
        z-index: -2
    }

    .contact-main-box:hover {
        border: 4px solid #196edf
    }

.phone-icon span {
    font-size: 24px;
    color: #094e91
}

.phone-text p a {
    color: #000;
    line-height: 30px
}

.our-locations {
    background-image: url(../img/contact-us/world-map.webp);
    background-size: cover;
    background-position: center
}

    .our-locations .img-adv-box-caption {
        background: linear-gradient(to top,rgb(63 81 181 / 44%) 0,rgba(0,0,0,0) 100%) !important;
        height: 60%;
        top: unset !important
    }

    .our-locations .img-adv-box-inner {
        max-height: 54px
    }

    .our-locations .img-adv-box img {
        height: 260px
    }

    .our-locations .img-adv-box-inner p {
        margin-bottom: 0 !important
    }

.ser-first-box p {
    width: 80%;
    margin-bottom: 0;
    font-size: 17px
}

.ser-first-box {
    background: #f5f8fe;
    padding: 40px;
    border-radius: 3px
}

.service-layout-1 {
    background: #022b52
}

.service-layout-para-sec {
    background-color: #f5f5f5f0;
    padding: 30px;
    background: #fff
}

.service-head-sec {
    border: 8px solid #fbfbfb8c;
    padding: 20px
}

    .related-sbox .head-box h4.sub-head, .service-head-sec h3 {
        margin: 0
    }

.service-para.text-white {
    margin-top: 20px;
    padding-right: 20px
}

.service-layout-box img {
    width: 50px;
    margin-bottom: 10px
}

.service-layout-box {
    margin-bottom: 35px;
    margin-left: 20px;
    margin-right: 20px
}

    .service-layout-box p {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

.moreless-button {
    text-decoration: underline;
    color: #094e91;
    font-weight: 600
}

.service-main-left .moreless-button {
    padding-left: 52px
}

.service-tabs-main h2, .service-tabs-main h3, .service-tabs-main h4, .service-tabs-main h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 5px 0
}

.cta-strip {
    background: #013160;
    padding: 60px 0;
    background-image: linear-gradient(45deg,#0b3155,#008dd2)
}

.strip-text h4 {
    color: #fff;
    margin-bottom: 0
}

.btn-bg-white {
    background-color: #fff;
    border-color: #fff;
    color: #094e91;
    transition: .45s ease-out
}

.common-textsec li a:hover, .cta-strip .btn-sec a {
    color: #094e91
}

.related-sbox {
    height: 100%;
}

    .related-sbox .head-box {
        padding: 20px;
        box-shadow: 0 3px 5px 0 rgb(0 0 0 / 7%);
        border-left: 9px solid #fece1a;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: .5s
    }

        .related-sbox .head-box:hover {
            padding: 20px 16px
        }

.related-sbox {
    background: #fff;
    transition: .5s;
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);
    margin-bottom: 30px
}

    .related-sbox .text-box {
        padding: 20px;
    }

.icon-tabs.tools-tab-sec.technologies-sec .col-lg-2 {
    width: 11.666%
}

.bg-1 {
    background: #f9fcff
}

.bg-circle {
    background-image: url(../img/circle-shape.png),linear-gradient(324.82deg,#f7fbff 8.78%,rgba(225,239,255,0) 77.54%);
    background-position: left top
}

.banner-part-1.banner-bg-gradient-1, .parallax-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right
}

.service-lbox {
    padding: 20px;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 4px;
    height: 100%;
    transition: .5s;
    position: relative;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    z-index: 9
}

    .service-lbox:hover::before {
        border-right: 1px solid #032d60;
        border-bottom: 1px solid #032d60;
        content: "";
        height: 60px;
        right: 0;
        position: absolute;
        bottom: 0;
        width: 60px;
        transition: .4s
    }

    .service-lbox:hover::after {
        border-top: 1px solid #032d60;
        border-left: 1px solid #032d60;
        content: "";
        height: 60px;
        left: 0;
        position: absolute;
        top: 0;
        width: 60px;
        transition: .4s
    }

    .service-lbox:hover {
        box-shadow: 0 0 20px rgb(2 73 163 / 15%);
        background-color: #fff;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px
    }

.p-justify {
    text-align: justify
}

.left-right-cntimgsec img {
    border-radius: 3px
}

.hornzl-box {
    display: flex;
    margin-bottom: 30px;
    padding: 20px;
    transition: .5s
}

    .hornzl-box .img-side img {
        width: 45px;
        margin-right: 20px
    }

.parallax-bg {
    background-image: url(../img/new-banners/banner-sample.webp);
    background-attachment: fixed;
    padding: 70px 0
}

.faq-sec, .mob-tech-tabs {
    background: #f9faff
}

.banner-part-1.banner-bg-gradient-1 {
    background-image: url(../img/new-banners/banner-dev1.jpg)
}

h4.sub-head {
    font-size: 20px;
    font-weight: 600;
    color: #032d60;
    line-height: 28px;
    margin: 5px 0 15px
}

.bg-light {
    background: #f2f4f8
}

.img-text-box img {
    width: 50px;
    margin: auto auto 10px
}

.img-text-box {
    padding: 25px 40px;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    margin: auto 10px 50px;
    transition: .5s
}

    .img-text-box:hover {
        background: #fafafa;
        box-shadow: 0 0 20px rgb(2 73 163 / 16%)
    }

    .img-text-box h4.sub-head {
        min-height: 50px;
        margin-bottom: 20px
    }

.common-box {
    border-radius: 5px;
    position: relative;
    border: 1px solid #eee;
    box-shadow: 0 0 10px 7px rgb(0 0 0 / 3%);
    transition: .5s;
    -webkit-transition: .3s ease-in-out;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgb(0 0 0 / 25%)
}

    .common-box:hover {
        box-shadow: 0 0 20px rgb(2 73 163 / 15%)
    }

.common-imgsec img {
    height: 180px;
    width: 100%;
    border-radius: 5px 5px 0 0
}

.common-textsec h5 {
    color: #094e91;
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700
}

.common-textsec {
    padding: 20px 15px;
    min-height: 315px
}

    .common-textsec p {
        margin-top: 18px
    }

    .common-textsec .sub-head {
        font-size: 18px !important;
        background: #f5f5f9;
        color: #0249a3;
        border-radius: 2px 10px;
        display: inline-block;
        margin: 5px 0 4px;
        padding: 2px 15px
    }

    .common-textsec ul li {
        margin: 10px
    }

        .common-textsec ul li a {
            font-size: 16px
        }

.pl-7 {
    padding-left: 70px
}

ul.check-list {
    padding-left: 16px !important
}

.check-list li::before {
    background-color: #fece1a;
    content: " ";
    height: 8px;
    margin-left: -19px;
    transform: translateY(17px);
    width: 8px;
    display: block !important;
    border-radius: 0
}

.check-list-arrow li::before, .job-res-sec li::before {
    content: '\f105';
    background: unset;
    color: #fece1a !important;
    content: '\f00c';
    margin-left: -23px;
    transform: translateY(8px);
    width: 8px;
    border-radius: 5px
}

.job-desc-sec h3, .job-desc-sec h4, .job-desc-sec h5 {
    font-size: 20px;
    font-weight: 600;
    color: #032d60;
    line-height: 28px;
    margin: 20px 0 1rem
}

.apprn-ltr-box, .function-grid, .job-desc-sec .other-details, .mob-porthead {
    margin-bottom: 30px
}

.check-list li a {
    text-decoration: underline;
    color: #35353d
}

.banner-text-sec {
    background: #fff;
    position: absolute;
    padding: 30px;
    margin-right: -80px;
    z-index: 9;
    margin-top: 41px
}

.insty-icon-sec, .tech-img-sec {
    margin-right: 15px
}

.banner-img-sec {
    position: relative;
    z-index: 0
}

.ser-cmn-sec p {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0
}

.ser-cmn-sec {
    min-height: 176px;
    position: relative;
    background: #fff;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 7%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .5s;
    padding: 40px 20px;
    margin-bottom: 20px;
    text-align: center
}

    .ser-cmn-sec:hover {
        box-shadow: 2px 4px 13px rgb(17 121 239 / 10%)
    }

.icon-text-box-new {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background: #f0f0f2;
    padding: 20px 15px;
    border-radius: 3px;
    transition: .5s
}

.service-cta {
    background: #52738b
}

.icon-text-box-new img, .soln-icon img {
    width: 50px;
    margin-right: 15px
}

.icon-text-box-one {
    text-align: center;
    background: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: .5s;
    position: relative
}

.function-grid img {
    width: 50px;
    margin: auto 30px auto auto;
    display: block;
    filter: brightness(0) saturate(100%);
}

#rotating-item-wrapper1 {
    padding-left: 55px
}

.img1-position, .rotating-item {
    top: 0;
    bottom: 0
}

.stickyrrr img {
    border-radius: 8px;
}

.img1-position p, .rotating-item p {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600
}

.function-grid h4 {
    line-height: 21px;
    margin-bottom: 5px;
    font-size: 20px
}

.function-grid-info {
    padding: 20px 15px;
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%)
}

.our-culture .card {
    position: relative;
    height: 25rem
}

.card__title .overlay-box, .job-cta-imgsec img {
    width: 100%;
    height: 100%;
    position: absolute
}

.our-culture .job-img-sec img {
    height: 269px;
    width: 100%
}

.card__side {
    height: 25rem;
    -webkit-transition: .8s;
    transition: .8s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 3px;
    -webkit-box-shadow: 0 1.5rem 4rem rgba(0,0,0,.15);
    box-shadow: 0 1.5rem 4rem rgba(0,0,0,.15)
}

.resume-block:hover .separator1::before, .separator1 {
    height: 130%
}

.card__side--front, .course-detail-banner li::before {
    background-color: #fff
}

.card__side--back-1, .card__side--front-1 {
    background: #032d60
}

.card__title.card__title--1 h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    background: #00000057;
    display: initial;
    border-left: 4px solid #fece1a;
    padding: 10px;
    border-radius: 3px
}

.card__side--back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.our-culture .card:hover .card__side--front-1 {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.our-culture .card:hover .card__side--back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.card__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .card__title .overlay-box {
        left: auto;
        top: 0;
        right: auto;
        background: #00000030
    }

        .card__title .overlay-box .content {
            left: auto;
            right: auto;
            z-index: 9;
            display: block;
            padding-left: 15px;
            padding-top: 200px;
        }

.card__cta {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 80%
}

.job-card {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #eee;
    transition: 0.3s;
    height: 100%;
}

    .job-card:hover {
        box-shadow: 0 8px 20px rgba(0,0,0,0.08);
        transform: translateY(-5px);
    }

.job-title {
    font-weight: 600;
    margin-bottom: 10px;
}

.job-location,
.job-exp {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

.job-desc {
    font-size: 14px;
    margin: 15px 0;
}

.apply-btn {
    background: #fece1a;
    color: #000;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 14px;
}

    .apply-btn:hover {
        background: #e65c00;
        color: #fff;
    }

.card__price-box p, .strip-textsec p, .tech-text-sec h4, .why-box h4 {
    margin-bottom: 0
}

.jobs-cta-sec {
    background: #0f3d64
}

.job-cta-text {
    padding: 30px 0;
    margin-left: 20px
}

.jobs-banner .banner-text-sec {
    margin-top: 35px
}

.employee-testi-sec .testi-img img {
    border-radius: 0;
    box-shadow: unset;
    border: 3px solid #fff
}

.employee-testi-sec .testi-box::before {
    width: 90%
}

.employee-testi-sec .testi-img {
    padding-top: 30px;
    padding-bottom: 30px
}

.employee-testi-sec .testi-text {
    margin-left: -30px;
    padding-right: 25px
}

.employee-reviews .testi-text-sec p {
    min-height: unset !important
}

.employee-reviews .testi-text-sec {
    padding: 40px 40px 40px 10px;
    min-height: 340px
}

.job-types span {
    padding: 6px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
    margin-bottom: 15px
}

span.ft.j-types {
    color: #00ca99;
    background-color: #e5faf5
}

.fl {
    color: #ff5b4a;
    background-color: #ffefed
}

.in {
    color: #0553d6fa;
    background-color: #0553d638
}

.about-banner {
    background-image: url('../img/banner/new/2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

.about-imgtext-sec, .border-box {
    background: #fff;
    text-align: center
}

.about-imgtext-sec {
    position: absolute;
    padding: 35px;
    max-width: 246px;
    bottom: -60px;
    right: 5px;
    border: 1px solid #dfe5f3
}

    .about-imgtext-sec::before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        z-index: 1;
        top: -13px;
        left: 19px;
        border: 13px solid transparent;
        border-top: 0;
        border-bottom-color: #f7f9fe
    }

    .about-imgtext-sec h5 {
        font-size: 45px;
        font-weight: 600;
        margin-bottom: 10px
    }

.about-imgsec img, .br-img, .right-img img {
    border-radius: 5px
}

.recognition-sec {
    padding: 20px 0;
    border-bottom: 1px solid rgba(204,205,207,.5);
    border-top: 1px solid rgba(204,205,207,.5)
}

.border-box {
    border-bottom: 1px solid #f6f5f5;
    box-shadow: 0 0 19.36px 2.64px rgb(0 0 0 / 7%);
    transition: .5s;
    padding: 40px 30px;
    min-height: 400px;
    position: relative;
    z-index: 9 !important;
    margin-bottom: 20px
}

.about-insty, .case-box, .case-study-box, .industries-layout {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%)
}

.border-box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transition: .5s;
    border: 10px solid transparent
}

.border-box:hover::before {
    z-index: 9 !important;
    border-color: #2196f3
}

.about-service-boxes .col-lg-4 {
    padding-left: 10px;
    padding-right: 10px
}

.about-service-boxes {
    background: #f9f9fb
}

.model-boxes .hire-box {
    min-height: 570px
}

.vision-box {
    background: #fff;
    padding: 30px;
    opacity: .8;
    min-height: 390px;
    border-radius: 10px
}

    .vision-box img {
        width: 80px;
        margin-bottom: 10px
    }

.core-sec .tech-sec-box-1 {
    display: flex;
    background: 0 0 !important
}

.industries-layout {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
    border: 1px solid #eee !important
}

    .industries-layout img {
        height: 250px;
        border-radius: 5px
    }

    .industries-layout h4 {
        margin-bottom: 0;
        text-align: center;
        padding: 5px 0
    }

.about-cta {
    background: #0e2842
}

    .about-cta p {
        color: #fff;
        font-size: 20px
    }

.line-h36 {
    line-height: 36px
}

.resume-block .inner {
    position: relative;
    padding-left: 106px;
    z-index: 1;
    padding-bottom: 30px
}

.resume-block .name {
    position: absolute;
    left: -11px;
    top: -16px;
    display: block;
    text-align: center;
    z-index: 2;
    padding-top: 10px
}

.resume-block .title-box {
    position: relative;
    padding-left: 16px;
    padding-bottom: 20px
}

.resume-block .imgsc {
    background: #e5e6f3;
    padding: 10px 16px;
    display: inline-block;
    border-radius: 5px
}

.separator1 {
    position: absolute;
    top: 65px;
    width: 2px;
    background: #ededed;
    left: 52%;
    z-index: -1
}

    .separator1::before {
        content: "";
        position: absolute;
        top: 0;
        width: 2px;
        background: #004c93;
        height: 0;
        left: 0;
        z-index: 0;
        -webkit-transition: width .3s linear;
        -o-transition: width .3s linear;
        transition: height .3s linear
    }

.resume-block .imgsc img {
    width: 50px
}

.home-service-tab.home-new-service-tab .service-main-left {
    background: 0 0
}

.core-sec .tech-sec-box-1:hover {
    background: #f8f7f7 !important
}

.home-service-tab.home-new-service-tab.about-serv-sec .service-main-left .nav-pills .nav-link.active {
    background: #002542 !important;
    padding: 16px 20px 16px 35px;
    color: #fff;
    font-weight: 700;
    box-shadow: unset;
    border-radius: 0;
    font-size: 17px
}

.home-service-tab.home-new-service-tab.about-serv-sec .service-main-left .nav-pills .nav-link {
    padding: 16px 20px 16px 35px;
    margin-bottom: 0;
    font-size: 17px;
    background: unset !important
}

.home-service-tab.home-new-service-tab.about-serv-sec .service-main-right {
    box-shadow: 0 2px 37px 0 rgb(0 0 0 / 10%);
    background: unset !important;
    margin-left: 0
}

.home-service-tab.home-new-service-tab.about-serv-sec .service-main-left .nav-pills .nav-link.active::after {
    content: '\f105';
    padding-left: 2px;
    font-family: FontAwesome;
    position: absolute;
    right: 15px
}

.home-service-tab.home-new-service-tab.about-serv-sec .service-main-left .nav-pills .nav-link.active::before, .home-service-tab.home-new-service-tab.about-serv-sec .service-main-left .nav-pills .nav-link:hover:before {
    left: 16px;
    top: 30px
}

.about-insty {
    display: flex;
    flex-direction: row;
    margin-bottom: 50px;
    border: 1px solid #f5f5f5;
    min-height: 100px;
    width: 100%;
    transition: .5s;
    border-radius: 5px
}

.insty-icon-sec {
    display: flex !important;
    align-items: center !important;
    width: 35%;
    background: #f5f5f5 !important
}

.instry-text {
    width: 65%;
    display: flex;
    align-items: center;
    padding: 0 5px
}

.insty-icon-sec img {
    width: 55px;
    height: 55px;
    display: block;
    margin: auto
}

.instry-text h4.sub-head {
    margin: 0;
    font-size: 16px
}

.why-us-sec {
    background: #002542;
    background: linear-gradient(90deg,rgba(0, 37, 66, 1) 0%, rgba(41, 82, 107, 1) 50%, rgba(62, 121, 156, 1) 100%);
    background-size: 100% 80%;
    position: relative
}

.case-study-box {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 30px
}

.case-img-sec, .case-left-sec {
    width: 40%
}

.case-text-sec {
    padding: 20px;
    width: 60%
}

.caption, .case-banner::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.case-img-sec img {
    height: 200px;
    border-radius: 5px 0 0 5px
}

.caption {
    opacity: 0;
    text-align: center;
    background-color: rgb(0 0 0 / 76%);
    transition: opacity .5s
}

.left-sec {
    width: 107px;
    font-weight: 600;
    font-size: 16px
}

.case-study-main:hover .caption {
    opacity: 1
}

a.case-study-main {
    position: relative;
    color: #35353d
}

.caption span.btn-common {
    display: inline-flex;
    align-items: center;
    justify-items: center;
    vertical-align: middle;
    margin-top: 72px
}

.case-banner {
    background-image: url(../img/case-studies/case-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

    .case-banner::before {
        content: '';
        background: #001e364d
    }

.case-detail-box {
    background: #f5f7fc;
    padding: 30px 24px;
    border-radius: 5px
}

.case-lists {
    display: flex;
    margin-bottom: 15px
}

    .case-lists .left-list {
        width: 45%;
        font-size: 15px;
        font-weight: 600
    }

.case-detail-box .right-list {
    width: 55%;
    font-size: 15px
}

.tech-stack-sec .owl-carousel1 .client-img img {
    width: 110px !important
}

.case-block .inner-box {
    position: relative;
    display: block;
    padding-bottom: 20px;
    box-shadow: unset;
    background: unset
}

.case-study-newbox figure.image-box {
    position: relative;
    display: block;
    background: #010101;
    overflow: hidden;
    margin: 0 75px 0 0
}

    .case-study-newbox figure.image-box img {
        position: relative;
        display: block;
        width: 100%;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s
    }

.case-block .content-box {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 100%;
    max-width: 335px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 7%);
    padding: 0;
    min-height: unset
}

.case-study-newbox {
    position: relative;
    margin-bottom: 40px
}

.case-box, .tech-service-box {
    margin-bottom: 30px;
    border-radius: 5px
}

.case-study-newbox .title-box {
    position: relative;
    display: block;
    line-height: 1.5em;
    padding: 25px 30px;
    color: #fff;
    background: #656c77
}

.case-study-newbox .text-content {
    position: relative;
    display: block;
    padding: 35px 40px;
    background: #fff
}

.case-box {
    display: flex;
    background: #fff;
    padding: 15px 10px
}

.case-img img {
    max-width: 100%;
    border-radius: 5px;
    object-fit: cover;
    position: relative;
    height: 154px;
    object-fit: cover
}

.case-text h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px
}

.case-text {
    padding-left: 15px;
    width: 65%
}

    .case-text a.btn-no-bg.text-decn {
        font-size: 14px
    }

    .case-text span.tag {
        background-color: #e9e9e9;
        color: #222;
        padding: 5px 10px;
        position: relative;
        font-size: 13px;
        border-radius: 15px
    }

.tech-service-box {
    background: #fff;
    padding: 20px;
    min-height: 360px;
    box-shadow: 2px 4px 9px 1px hsla(0,0%,0%,.05);
    transition: .5s
}

.tech-sec-box {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 20px;
    transition: .5s
}

.branding-sersec .service-lbox p, .c-video-sec .service-lbox p, .tech-service-box p {
    min-height: 260px
}

.hire-us-banner {
    background-image: url(../img/technologies/hire-us-banner.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
    background-attachment: fixed
}

    .hire-us-banner::before {
        content: '';
        background-color: #02203dd4;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0
    }

.border-btn-white.btn-common {
    border: 1px solid #fff;
    color: #fff;
    background: unset
}

.tech-sec-box-1 {
    padding: 20px;
    margin-bottom: 30px;
    background: #f7f7f7;
    transition: .5s;
    position: relative
}

.why-box::before {
    font-family: FontAwesome;
    background: unset;
    color: #094e91 !important;
    margin-left: -27px;
    content: '\F046';
    position: absolute
}

.dot-line, .hire-box, .hire-boxes, .hire-dbox, .rel-tech-sec ul li {
    position: relative
}

    .hire-dbox:hover, .tech-sec-box-1:hover {
        background: #fff;
        box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%)
    }

.tech-industry-sec .event-captions {
    padding: 10px 35px
}

.tech-industry-sec .img-hover-text-effect {
    margin: 0 0 30px
}

.tech-industry-sec .event-caption-box {
    padding-top: 60%
}

.hire-box {
    background: #fff;
    padding: 30px 20px 40px;
    border-radius: 5px 5px 0 0;
    text-align: left;
    margin-bottom: 20px;
    transition: .5s;
    border-bottom: 4px solid #e9ecef
}

.corse-btn-1, .hire-boxes, .join-box, .num-sec, .team-box, .tooltip {
    text-align: center
}

.fsd-rservices .related-sbox p, .hire-box p, .pminh-150 p, .webd-serices .service-lbox p {
    min-height: 150px
}

.fullstack-stacksec .pminh-180 p, .hire-box ul, .maintnc-ser .service-lbox p, .more-ser-para .service-lbox p, .secrty-soln .service-lbox p {
    min-height: 230px
}

.hire-right-sec p {
    min-height: 92px;
    padding-left: 18px
}

.hire-box:hover {
    border-bottom: 4px solid #094e91;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%)
}

.hire-box img {
    width: 60px;
    margin: auto auto 15px;
    display: block
}

.rel-tech-sec ul li {
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    border-radius: 9px;
    margin-right: 10px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 7%);
    border: 1px solid #032d60;
    transition: .5s;
    margin-bottom: 20px
}

    .rel-tech-sec ul li:hover {
        background-color: #032d60
    }

.border-btn-white.btn-common:hover {
    background: #fff;
    color: #35353d !important
}

.soln-text .sub-head {
    margin-top: 0;
    margin-bottom: 10px
}

.solution-box {
    padding: 20px;
    margin-bottom: 20px;
    transform: scale(1);
    transition: 1s
}

    .service-lbox.new-sbox:hover img, .solution-box:hover img {
        transform: scale(1.1)
    }

.soln-text p {
    margin-bottom: 10px;
    min-height: 125px
}

.hire-us-banner.soln-cta {
    background-image: url(../img/solutions/cta.webp)
}

.fs-26 {
    font-size: 26px !important
}

.why-solution-sec {
    background-image: url(../img/solutions/bg.webp);
    background-position: left;
    background-attachment: fixed;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-color: #eff8f7
}

.pl-30 {
    padding-left: 30px
}

.pr-7 {
    padding-right: 70px
}

.ibg-1, .ibg-3, .ibg-5 {
    padding: 170px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.ibg-2, .ibg-4, .ibg-6 {
    padding: 80px 60px
}

.ibg-1 {
    background-image: url(../img/solutions/bg1.webp)
}

.ibg-3 {
    background-image: url(../img/solutions/bg2.webp)
}

.ibg-5 {
    background-image: url(../img/solutions/bg3.webp)
}

.pt-50 {
    padding-top: 50px
}

.hire-banner {
    background-image: url(../img/banner/new/hire-a-developer.jpg)
}

.hire-us-banner.hire-parallax-sec {
    background-image: url(../img/hire-dev/parallax.webp)
}

.hire-right-sec .sub-head::before {
    content: '';
    width: 4px;
    inset: 0 auto 0 0;
    position: absolute;
    border-radius: 1rem;
    background: #032d60
}

.hire-right-sec .sub-head {
    position: relative;
    padding-left: 18px;
    font-size: 22px
}

.num-sec {
    font-size: 18px
}

span.num-head {
    display: block;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 10px
}

.hire-boxes {
    background: #efefef;
    padding: 35px 30px;
    border-radius: 5px;
    margin-bottom: 30px;
    transition: .5s
}

.white-box-sec {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 rgb(77 80 84 / 15%);
    background: #fff
}

.dot-line {
    width: 100%;
    height: 15px;
    margin: 10px 0
}

.dotsec {
    z-index: 2;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    border-radius: 50px;
    background-color: rgb(69 90 100 / 44%)
}

.hire-dbox, .partner-box {
    transition: .5s;
    margin-bottom: 20px
}

.dot-line::after, .dot-line::before {
    top: 7px;
    width: 38%;
    content: "";
    height: 2.5px;
    margin: 0 auto;
    position: absolute;
    border-radius: 10px;
    background-color: rgba(69,90,100,.1)
}

.dot-line::before {
    left: 20px
}

.dot-line::after {
    right: 20px
}

.hire-models-newsec .hire-box img {
    margin: auto auto 25px;
    display: block;
    width: 61%;
    height: 207px
}

span.circle-arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #094e91;
    position: absolute;
    left: 10px;
    top: 18px;
    background: #ffffff08
}

    span.circle-arrow::after {
        content: "";
        display: inline-block;
        border: solid #094e91;
        border-width: 0 3px 3px 0;
        left: -10%;
        z-index: 1;
        padding: 3px;
        top: -7px;
        margin: 16px 0 0 10px;
        transition: .3s ease-in;
        transform: rotate(-45deg);
        position: absolute
    }

.hire-dbox {
    padding: 10px
}

.border-left-box {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid rgba(69,90,100,.1);
    border-bottom: 1px solid rgba(69,90,100,.1);
    padding: 20px 25px;
    min-height: 270px
}

.border-right-box {
    border-left: 1px solid rgba(69,90,100,.1)
}

.br-o, .brr-0, .our-clients-sec .par-bbox:last-child {
    border-right: 0px
}

.border-left-box:hover {
    background: #fafafa;
    border: 1px solid rgba(69,90,100,.1)
}

.hire-us-banner.hire-detail-banner {
    background-image: url(../img/hire-a-developers/banners/hire-bg2.webp);
    background-position: left
}

.why-hire-sec .hire-right-sec .sub-head {
    font-size: 20px;
    min-height: 40px;
    display: flex;
    line-height: 23px;
    align-items: center
}

.process-flow-box .new_service_content {
    min-height: 315px
}

.banner-text-sec.banner-twolinehp-sec {
    margin-top: 8px
}

.partners-banner {
    background-image: url(../img/partners/partners-banner.jpg)
}

.ptb-100 {
    padding: 100px 0
}

.partner-box {
    border: 2px solid #e5e5e5;
    padding: 0 20px 15px;
    min-height: 240px
}

.parner-img-sec {
    margin-top: -56px;
    background: #fff;
    position: absolute;
    padding: 10px
}

    .parner-img-sec img {
        width: 85px
    }

.partner-text-sec {
    margin-top: 59px;
    padding: 0 6px
}

.par-bbox {
    padding: 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.divPartners .sub-head {
    margin-top: 20px !important
}

.parbox {
    padding: 40px 20px
}

    .parbox img {
        width: 80%;
        margin: auto
    }

.tooltip {
    background-color: #000;
    color: #fff;
    border-radius: 6px;
    padding: 2px 8px;
    position: absolute;
    z-index: 1;
    top: 0
}

.partner-box:hover {
    border: 2px solid #113869
}

.team-banner {
    background-image: url(../img/banner/our-team-banner.webp);
    padding: 100px 0
}

.bg-pos-top {
    background-position: top !important
}

.bg-pos-bottom {
    background-position: bottom !important
}

.bg-pos-left {
    background-position: left !important
}

.bg-pos-right {
    background-position: right !important
}

.team-box {
    background: url(../img/team/team-bg.webp) bottom no-repeat #fff;
    border-top: 3px solid #094e91;
    padding: 30px 20px;
    box-shadow: 0 3px 5px #d5f5ff;
    margin-bottom: 100px
}

.blog-box, .platform-boxes {
    margin-bottom: 30px;
    transition: .5s
}

.team-img img {
    border-radius: 50%;
    width: 60%;
    margin: auto;
    height: 151px
}

.team-img {
    margin-top: -91px
}

.team-detail p {
    color: #032d60;
    margin-bottom: 0;
    font-size: 16px;
    min-height: 50px
}

.team-detail .sub-head {
    margin-bottom: 10px;
    color: #000
}

.team-popup .modal-dialog {
    max-width: 650px
}

.team-popup .close span {
    font-size: 32px
}

.modal-title, .portfolio-detail .discount-percentage {
    padding: 0 15px
}

.team-popup-sec {
    padding: 5px 15px
}

.team-main.ptb-100 {
    padding: 100px 0 0
}

.web-devc-banner {
    background-image: url('../new-images/services/banner.png') !important;
    background-position: top top !important;
}

.chat-bot-banner {
    background-image: url('../new-images/chat-bot.png') !important;
    background-position: top top !important;
}

.crm-banner {
    background-image: url('../new-images/crm-banner.png') !important;
    background-position: top top !important;
}

.web-app-banner {
    background-image: url('../new-images/services/web-app-banner.png') !important;
    background-position: right !important;
}



.mob-app-banner {
    background-image: url('../new-images/services/mobile-banner.png') !important;
    background-position: right !important
}

.ecom-banner {
    background-image: url('../new-images/services/ecommers-banner.png') !important;
    background-position: center !important
}


.digital-trns-banner {
    background-image: url(../img/banner/digital-transformation.webp) !important
}

.resource-outsource-banner {
    background-image: url(../img/banner/resource-outsourcing.webp) !important
}

.digital-markng-banner {
    background-image: url(../img/banner/digital-marketing-banner.webp) !important
}

.branding-strng-banner {
    background-image: url(../img/banner/branding-service.png) !important
}

.ecmcs-dvpmt-banner {
    background-image: url(../img/banner/e-commerce-web-development.webp) !important
}

.web-app-dvpmt-banner {
    background-image: url(../img/banner/web-application-development.webp) !important
}

.sharepoint-banner {
    background-image: url(../img/banner/sharepoint-customization-service.png) !important
}

.security-banner {
    background-image: url(../img/banner/security-solutions.png) !important
}

.offshore-banner {
    background-image: url(../img/banner/offshore-software-development.png) !important
}



.maintenance-banner {
    background-image: url(../img/banner/maintenance-and-support.png) !important
}

.api-parallax {
    background-image: url(../img/cross-platform/api-parallax-bg.jpg) !important
}

.travel-parallax-bg {
    background-image: url(../img/travels/travel-concept-with-landmarks.jpg) !important
}

.travel-down-bg .ibg-1 {
    background-image: url(../img/travels/travel-1.webp) !important
}

.travel-down-bg .ibg-3 {
    background-image: url(../img/travels/travel-2.webp) !important
}

.travel-down-bg .ibg-5 {
    background-image: url(../img/travels/travel-3.webp) !important
}

.travel-cta {
    background-image: url(../img/travels/travel-software.jpg) !important
}

.azure-parallax-bg {
    background-image: url(../img/azure/azure-parallax-bg.webp) !important
}

.portfolio-banner {
    background-image: url(../img/banner/portfolio-banner.webp) !important;
    padding: 70px 0 !important
}

.web-dev-pbg {
    background-image: url(../img/web-dev-company/web-application-development-bg.webp) !important
}

.portfolio-banner .banner-text {
    padding: 35px 0 !important
}

.hire-us-banner.travel-cta::before {
    background-color: #02203d8c
}

.hire-us-banner.azure-parallax-bg::before {
    background-color: #02203d61
}

.custm-web-app-devmt .service-lbox p, .platform-sersec .tech-sec-box-1 p {
    min-height: 210px
}


.sharepoint-sersec .tech-service-box p {
    min-height: 304px
}

.platform-boxes {
    background: #fff;
    padding: 20px;
    min-height: 400px;
    border-bottom: 2px solid #fff
}

    .platform-boxes:hover {
        border-bottom: 2px solid #032d60
    }

    .platform-boxes img {
        width: 70px;
        margin-bottom: 15px
    }

.textbox .sub-head {
    margin-bottom: 10px;
    min-height: 60px
}

.tech-sec-box-1.techbox2 {
    min-height: 381px
}

.tech-sec-box-1.techbox1 {
    min-height: 330px
}

.blog-filters label {
    display: inline-block;
    margin-right: 10px;
    color: #032d60;
    font-weight: 600
}

.blog-filters select.form-control {
    padding: 10px 15px
}

.blog-filters select {
    display: inline-block;
    width: 75%
}

.blog-box {
    box-shadow: 1px 2px 12px 0 rgb(31 45 61 / 10%);
    border-radius: 5px;
    position: relative
}

.blog-imgsec img {
    border-radius: 5px 5px 0 0;
    height: 197px;
    object-position: center;
    width: 100%
}

.related-blogs .blog-imgsec img {
    height: 170px
}

.blog-inner .catgy-name-1, .blog-inner span.catgy-name {
    text-align: center;
    margin-bottom: 12px
}

.blog-inner h3 {
    font-weight: 600;
    min-height: 110px;
    margin-bottom: 0;
    font-size: 18px;
    letter-spacing: .42px;
    line-height: 27px
}

.blog-inner span.catgy-name a {
    color: #696969;
    font-weight: 600;
    font-size: 14px
}

.blog-sub-sec {
    display: flex;
    justify-content: space-between
}

.blog-tags span {
    margin-right: 15px;
    color: #696969;
    font-weight: 600;
    line-height: 30px
}

.blog-dimg {
    margin-bottom: 60px;
    margin-top: 60px
}

.blog-detail-para p, .blog-detail-para ul li {
    font-size: 17px;
    line-height: 26px;
    letter-spacing: .65px;
    color: #000 !important
}

.blog-tags span a {
    color: #696969
}

.blog-detail-para img {
    display: block;
    margin: 20px auto;
    width: 100% !important
}

.blog-detail-para h2 {
    font-size: 35px;
    line-height: 45px
}

.blog-detail-para h3 {
    font-size: 30px;
    line-height: 35px
}

.blog-detail-para h4 {
    font-size: 27px;
    line-height: 32px
}

.blog-detail-para h5, .blog-detail-para h6 {
    font-size: 25px;
    line-height: 30px
}

.you-maylike {
    margin-top: 100px
}

    .you-maylike h2 {
        font-size: 30px;
        letter-spacing: .25px;
        margin-bottom: 20px
    }

.banner-text-bgwhite {
    background: #fff;
    padding: 15px 20px;
    border-radius: 5px
}

.product-box .row.preview-sec {
    margin-top: 20px !important
}

p.know-more-link {
    line-height: 30px !Important;
}

.desk-view h5 {
    margin-bottom: 0;
    font-size: 18px;
    color: #4c4b4b
}

.desk-view .sub-head {
    font-weight: 400
}

.portfolio-detail h1 {
    font-size: 40px
}

.portd-sec img {
    box-shadow: 0 4px 12px rgb(0 0 0 / 25%);
    border-radius: 15px
}

.portd-sec {
    margin-bottom: 40px;
    padding-right: 15px
}

.psidebar.sticky-head, .textarea-file-sec {
    background: unset
}

.port-lists ul li {
    font-size: 15px;
    line-height: 20px
}

.port-lists li::before {
    transform: translateY(15px)
}

.portfolio-detain iframe {
    width: 100%;
    height: 400px
}

.blog-sub-lists::-webkit-scrollbar-track, .scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    border-radius: 10px;
    background-color: #c1c3ce
}

.blog-sub-lists::-webkit-scrollbar, .scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

.scrollbar {
    height: 500px;
    overflow-y: auto
}

    .blog-sub-lists::-webkit-scrollbar-thumb, .scrollbar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px #fff;
        background-color: #9aa0a6
    }

.new-checkbox {
    margin: 1px 0 0 -20px;
    position: absolute
}

.checkbox-list {
    display: inline-block;
    width: 32.3%
}

.img-center, .white-list.two-sec-list li::before {
    display: block !important
}

.client-top-sec, .options span.opt1 {
    background: #f1f1f1
}

    .client-top-sec .accordion-button:not(.collapsed) {
        background-color: #000000;
    }

.course-text p, .pminh-100 p, .three-colum .tech-sec-box-1 p {
    min-height: 100px
}

.pminh-80 p, .testi-text-sec p, .top-csec {
    min-height: 80px;
    color: #fff;
}

.main-tech-sec.large-psec .tech-service-box p {
    min-height: 330px !important
}

.three-colum.lpara .tech-sec-box-1 p {
    min-height: 122px
}

.corporate-video-secs h5.mar-top-20 {
    margin-top: 10px;
    font-weight: 600;
    font-size: 16px;
    min-height: 60px
}

.termscontn-sec h3, .termscontn-sec h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0 12px;
    letter-spacing: 1px;
    margin-bottom: 12px !important
}

.termscontn-sec address {
    margin-top: 15px
}

.enquiry-form {
    background: #f2f2f2;
    border-radius: 5px
}

.termscontn-sec li > ul {
    padding-left: 20px
}

.ecom-new-sec .left-sidebar li.left-box:last-child img, .ecom-new-sec .left-sidebar ul li a.active:last-child, .mob-app-ser .left-sidebar li.left-box:last-child img, .new-sec.case-detail-newsec .left-sidebar li.left-box:last-child img, .new-sec.case-detail-newsec .left-sidebar ul li a.active:last-child, .resource-sec .left-sidebar li.left-box:last-child img, .resource-sec .left-sidebar ul li a.active:last-child, .testng-ser .left-box:last-child img {
    padding-top: 0 !important
}

.new-sec.case-detail-newsec .left-sidebar ul li a.active:last-child {
    position: relative;
    top: 20px
}

.new-sec.dtransformation li.left-box:last-child img {
    padding-top: 124px
}

.new-sec.dtransformation .left-sidebar ul li a.active:last-child {
    top: 167px
}

.mob-app-ser .left-sidebar ul li a.active:last-child {
    top: 0 !important;
    position: relative
}

.more-ser-para.dtrans-ser .service-lbox p {
    min-height: 303px
}

.mob-app-ser.cross-api .left-sidebar ul li a.active:last-child {
    top: 45px !important
}

.new-sec.resource-sec .left-box, .new-sec.resource-sec .right-box, .new-sec.sec-solun .left-box, .new-sec.sec-solun .right-box {
    padding: 50px 0 100px
}

.hire-python-dev .border-left-box, .offshore-ser .service-lbox p {
    min-height: 300px
}

.new-sec.sec-solun li.left-box:last-child img {
    padding-top: 244px
}

.rfid-banner {
    background-image: url(../img/banner/RFID-solutions.jpg) !important
}

.soluns-pbg {
    background-image: url(../img/security-soluton/security-solutions-banner.jpg) !important
}

.testng-ser .left-sidebar ul li:last-child a {
    top: 74px !important;
    position: relative
}

.order-list-three {
    column-count: 3
}

.travel-banner {
    background-image: url(../img/banner/industries/desk/travel-commerce.png) !important
}

.testseries-banner {
    background-image: url(../img/banner/industries/desk/test-series.jpg) !important
}

.testseries-down-bg .ibg-1 {
    background-image: url(../img/test-series/feedback.webp) !important
}

.testseries-down-bg .ibg-3 {
    background-image: url(../img/test-series/insight-driven.webp) !important
}

.testseries-down-bg .ibg-5 {
    background-image: url(../img/test-series/White-labeled.webp) !important
}

.testseries-cta {
    background-image: url(../img/test-series/online-exam-portal-bg.jpg) !important
}

.why-solution-sec.test-series {
    background-image: url(../img/test-series/testseries.jpg) !important
}

.e-learning-banner {
    background-image: url(../img/banner/industries/desk/education.png) !important
}

.why-solution-sec.e_learning {
    background-image: url(../img/edtech/elearning-software.jpg) !important;
    background-size: 50% 100% !important
}

.web-design-banner {
    background-image: url(../img/banner/web-designing-company-banner.jpg) !important
}

.hire-tech-pbg1 {
    background-image: url(../img/all-technologies/tech-parallax-bg/bg-1.webp) !important
}

.hire-tech-pbg2 {
    background-image: url(../img/all-technologies/tech-parallax-bg/bg-2.webp) !important
}

.hire-tech-pbg3 {
    background-image: url(../img/all-technologies/tech-parallax-bg/bg-3.webp) !important;
    background-position: right
}

.about-bg {
    background-image: url(../img/about/about-nextwebi-bg.webp) !important
}

.hire-tech-pbg1::before, .hire-tech-pbg2::before, .hire-tech-pbg3::before {
    background-color: #02203d24
}

.check-list-arrow {
    margin-top: -8px
}

.bmt-31 {
    margin-top: 31px !important
}

.webdesigning .banner-text-sec {
    margin-top: 23px
}

.sitemap .sublists li {
    display: inline-block;
    width: 30%;
    min-height: 45px;
    margin-bottom: 10px;
    vertical-align: top;
    margin-right: 30px
}

.sitemap .sub-head.fs-26::before {
    left: 0;
    content: '';
    background: #002542;
    height: 3px;
    width: 50px;
    position: absolute;
    top: 35px
}

.sitemap .sub-head.fs-26 {
    position: relative;
    margin-bottom: 30px !important
}

.blogsec {
    border-bottom: 1px solid #bcb6b6
}

.blog-text p {
    margin: 0;
    font-size: 13px;
    line-height: 20px
}

.blogsec img {
    width: 90px;
    margin-right: 15px;
    height: 90px;
    display: none
}

.sitemap-blogsec, .sitemap-sec {
    background: #f4f4f4;
    padding: 20px 15px
}

    .sitemap-blogsec h3.sub-head {
        padding: 20px 10px 10px;
        margin: 0
    }

    .sitemap-sec ul li {
        width: 30%;
        display: inline-block;
        line-height: 25px;
        margin-bottom: 0;
        font-size: 14px;
        vertical-align: top;
        margin-right: 15px
    }

    .sitemap-sec .sub-head {
        margin: 0 0 10px
    }

.blog-sub-lists {
    height: 600px;
    overflow-y: auto
}

.sitemap-sec h4.sub-head {
    margin: 20px 0 10px
}

.blog-text {
    padding: 10px
}

.why-solution-sec.elearning-bg {
    background-image: url(../img/edtech/elearning-bg.jpg)
}

.btn-bg.btn-common, .btn-no-bg, .btn-no-bg.btn-common a {
    text-transform: capitalize
}

.testi-img-box {
    margin-right: 18px;
    width: 27%
}

.text-text-box {
    width: 78%
}

.testimonial-box {
    background: #fff;
    box-shadow: 0 0 10px 7px rgb(33 150 243 / 7%);
    padding: 22px 20px;
    margin-bottom: 30px;
    border-radius: 3px
}

.text-text-box h4 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
    color: #424141
}

.text-text-box h5 {
    font-size: 16px;
    font-weight: 500;
    color: #646464;
    margin-bottom: 0
}

.pminh-180 p {
    min-height: 180px
}

.img-center {
    margin-left: auto !important;
    margin-right: auto !important
}

.internship-banner {
    background-image: url(../img/banner/career/internship-1.webp)
}

.ptb-150 {
    padding: 150px 0
}

.internship-form .uploadButton .uploadButton-button {
    height: 120px;
    width: 100%;
    border-radius: .25rem;
    font-size: 15px;
    color: #000;
    font-weight: 400
}

.internship-form .uploading-outer .uploadButton {
    display: block;
    width: 100%;
    padding-left: 0
}

.internship-form .textarea-file-sec, .profile_update .textarea-file-sec {
    border: 0
}

.internship-form .uploading-outer {
    padding-bottom: 10px
}

.internship-sec {
    background: #f7f7f7;
    padding: 30px
}

.course-list {
    margin: 10px 10px 20px;
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    background: #fff;
    transition: .5s
}

.join-box, .join-box:hover {
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%)
}

.course-list img {
    border-radius: 5px 5px 0 0;
    width: 100%
}

.course-text {
    padding: 15px 20px
}

.corse-btn-1 {
    border-top: 1px solid #d8d8d8;
    padding: 10px 15px;
    text-align: start;
}

.course-btnsec {
    height: 65px;
    width: 100%;
    position: relative;
    bottom: 0;
    overflow: hidden
}

.fa-clock::after {
    content: "\f017"
}

.btn-shape {
    height: 60px;
    width: 180%;
    left: -40%;
    bottom: -21%;
    position: absolute;
    background-color: #073f83;
    transform: rotate(-3deg);
    -webkit-backface-visibility: hidden
}

.corse-btn {
    position: absolute;
    left: 20px;
    bottom: 11px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: normal
}

.duration {
    color: #737272;
    margin-bottom: 5px
}

.course-para {
    background: #fff;
    border-radius: 10px;
    margin-top: -20px;
    position: relative
}

.fa.fa-clock {
    padding-right: 3px;
    padding-left: 0
}

.corse-btn-1:hover {
    background: #073f83
}

.join-box {
    background: #fff;
    padding: 30px 10px;
    border-radius: 3px;
    transition: .5s;
    margin-bottom: 25px
}

    .join-box img {
        width: 60px;
        margin-right: 20px;
        margin-bottom: 20px
    }

.course-detail-banner {
    background-image: url(../img/banner/course-banner.jpg);
    padding: 10px 0 100px
}

.top-strip-sec {
    background: #fff;
    padding: 60px;
    border-radius: 3px;
    box-shadow: 0 1px 3px 1px rgb(60 64 67 / 18%);
    margin-top: -65px
}

#navlist, .sticky {
    width: 100%;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%)
}

.pb-50, .top-strip {
    padding-bottom: 50px
}

.top-strip-sec .col-lg-4.col-sm-4::after {
    height: 44px;
    width: 1px;
    display: inline-block;
    content: '';
    position: absolute;
    top: 23%;
    background: #d7d9db
}

.strip-secs .sub-head {
    margin-bottom: 7px !important
}

.strip-secs p {
    margin-bottom: 5px
}

#navlist {
    overflow: hidden;
    top: 0;
    background: #fff;
    z-index: 9;
    transition: .3s;
    display: block
}

    #navlist ul li a.current, a.nav-item-1.active {
        border-bottom: 2px solid #118aef;
        font-weight: 600 !important
    }

    #navlist ul li {
        display: inline-block;
        margin-right: 15px
    }

        #navlist ul li a.current {
            border-bottom: 2px solid #118aef;
            font-weight: 600
        }

        #navlist a, #navlist ul li a {
            font-size: 16px;
            padding: 0 10px;
            line-height: 50px;
            color: #272c37;
            font-weight: 500;
            display: inline-block
        }

.skills-list ul li {
    display: inline-block;
    background: #ebf1f8;
    padding: 4px 18px;
    margin-right: 10px;
    margin-bottom: 10px !important;
    position: relative;
    border-radius: 20px;
    font-size: 15px;
    color: #1f1f1f;
    margin-top: 10px
}

.sticky {
    position: fixed;
    top: 0 !important
}

.skills-box {
    padding: 25px 30px;
    border-radius: 3px;
    border: 1px solid #ddd
}

.course-overview .sub-head {
    margin-top: 20px;
    margin-bottom: 10px
}

.course-list-box {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 20%)
}

.skills-tools-sec {
    background: #f9f9f9;
    padding: 20px
}

.course-sidebar.sticky-head {
    top: 45px;
    background: #fff
}

.course-list-box1 {
    margin-top: 20px;
    padding: 6px;
    background: rgb(25 103 210 / 11%);
    color: #1b6bab
}

    .course-list-box1 h4 {
        margin-bottom: 0;
        font-weight: 600;
        font-size: 18px
    }

.training-box {
    background: #fff;
    padding: 20px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
    transition: .5s;
    position: relative
}

.course-detail-banner.services-banner, .product-banner {
    background-image: url(../img/banner/software-development-services.webp)
}

.training-ftr, .training-head {
    padding-bottom: 20px;
    text-align: center
}

.options span {
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 2px 10px;
    font-size: 14px;
    color: #0249a3
}

.training-head {
    border-bottom: 1px solid #ddd
}

.training-body {
    padding-top: 20px
}

.training-ftr {
    padding-top: 40px
}

.options span.opt2 {
    background: #f5f5f9
}

.pagination a.active, .syllabus-sec .accordion-button:not(.collapsed) {
    background-color: #002542;
    color: #fff
}

.fee-box .col-lg-6::after, .services-main-sec .col-lg-4::after {
    display: inline-block;
    content: '';
    background: #d7d9db;
    position: absolute
}

.syllabus-sec .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1)
}

.skil-indstry-sec .inline-text-sec p {
    margin-bottom: 0;
    font-size: 15px;
    min-height: 75px
}

.skil-indstry-sec .inline-text-sec .sub-head {
    font-size: 18px;
    margin: 5px 0
}

.fee-left-box h4 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #033e85
}

.fee-left-box .small-head, .skills-tools-sec.full-stack-skills h4.sub-head {
    font-size: 16px
}

.fee-box {
    box-shadow: 0 2px 20px 0 rgb(75 100 254 / 20%);
    padding: 30px;
    border-radius: 5px
}

.fee-left-box h5 {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 0
}

.fee-box.bg-circle {
    background-position: left bottom
}

.fee-box h3 {
    margin-bottom: 10px;
    font-weight: 600
}

.fee-box .col-lg-6::after {
    height: 86px;
    width: 1px;
    top: -63%
}

.font-weight-700 {
    font-weight: 700
}

.mtb-50 {
    margin: 50px 0
}

.profile_update .uploading-outer {
    padding-bottom: 10px;
    display: block
}

.profile_update .uploadButton .uploadButton-button {
    height: unset;
    width: 100%
}

.course-navlists ul li a {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    line-height: 60px !important
}

.course-navlists .owl-item li.active {
    border-bottom: 2px solid #00f !important
}

.course-navlists {
    height: 62px
}

.certificate-img img {
    box-shadow: 0 0 20px 0 #ccc
}

.services-main-sec span.num-head {
    color: #01387a
}

.services-main-sec .textsec {
    line-height: 24px;
    font-size: 17px;
    display: block
}

.services-main-sec .col-lg-4::after {
    height: 86px;
    width: 1px;
    top: 0;
    left: 0
}

.course-detail-banner.services-banner {
    padding: 50px 0 110px
}

.home-icon-sec1 {
    background-color: #fff;
    box-shadow: 0 3px 6px rgb(11 33 74 / 9%),0 -2px 2px rgb(11 33 74 / 3%);
    padding: 24px 36px;
    margin-bottom: 20px;
    transition: transform 150ms ease-in-out
}

    .home-icon-sec1 a p {
        color: #000;
        min-height: 120px;
        margin-bottom: 0
    }

    .home-icon-sec1:hover {
        transform: scale(1.01)
    }

.porto-sub-banners .banner-text-sec {
    margin-top: 58px
}

.product-banner {
    padding: 60px 0;
    background-size: cover;
    background-repeat: no-repeat
}

.sub-head-1 a {
    color: #032d60 !important
}

.pmh-200 .service-lbox p, .testi-sec-new .testi-top p {
    min-height: 200px
}

.ui-ux-newsec li.left-box:last-child img {
    padding-top: 0
}

.web-dev-cmny .left-sidebar ul li a.active:last-child {
    top: 0
}

.internship-banner.job-training-banner {
    background-image: url(../img/banner/career/on-the-job-training-1.webp)
}

.aprcn-box {
    padding: 15px 10px;
    text-align: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%),0 3px 3px rgb(0 0 0 / 15%)
}

a.example-image-link1 img {
    box-shadow: 0 0 4px rgb(0 0 0 / 15%),0 -2px 3px rgb(0 0 0 / 15%)
}

.aprcn-box h4 {
    margin-bottom: 0;
    margin-top: 0
}

.apprn-ltr-banner {
    background: #f7f7f7
}

.service-lbox.new-sbox {
    display: flex;
    padding: 20px 10px;
    transform: scale(1);
    transition: 2s
}

    .service-lbox.new-sbox:hover {
        background: unset;
        box-shadow: unset
    }

    .service-lbox.new-sbox .icon-part1 {
        margin-right: 25px
    }

.adrs-boxs {
    margin-bottom: 20px
}

.cntct-top-box {
    box-shadow: 0 2px 10px 0 rgb(17 121 239 / 15%);
    border-radius: 20px;
    padding: 15px 20px;
    margin-bottom: 20px;
    transition: .5s
}

    .cntct-top-box:hover {
        box-shadow: 0 4px 30px rgb(0 0 0 / 10%)
    }

.top-csec {
    padding: 0 10%
}

.cbtn-sec a {
    font-size: 15px !important
}

.slogos-sec h3, .sub-head-new {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600
}

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    display: none;
    text-indent: -9999px;
    background: url(../img/icon_top.png) no-repeat
}

.pagination a {
    color: #000;
    float: left;
    padding: 8px 18px;
    text-decoration: none
}

    .pagination a:hover:not(.active) {
        background-color: #ddd
    }

.full-stack-techsec .tech-service-box {
    min-height: 380px
}

.testimonials-sec.fstesti-sec .testi-img-sec {
    min-height: 172px
}

.wad-banner .banner-text-sec {
    margin-top: 26px
}

.google-review {
    background: #0a354c;
    padding: 20px 20px 10px;
    display: flex;
    align-items: center;
    border-radius: 5px
}

.g-review {
    width: 33.3%;
    text-align: center
}

    .g-review h4 i {
        color: #f4aa3e;
        margin-right: 10px
    }

    .g-review h4 {
        margin-bottom: 0;
        color: #fff
    }

.fa-star-half-o::after {
    content: '\f123'
}

.fa-star::after {
    content: '\f005'
}

.greview-sec {
    margin-top: 40px
}

.carousel {
    background: #c9d1db !important
}

.pl-50 {
    padding-left: 50px
}

.service-new-banner {
    background-image: url('../img/service-new/dm-banner-new.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px 0 70px;
    color: #fff;
    position: relative
}

.sbbg10, .service-new-ibox, .siboxs .col-lg-4:first-child .service-new-ibox, .siboxs .service-new-ibox.sbbg1 {
    background: #f8fdff;
    border: 1px solid
}

.service-new-banner::before {
    content: '';
    background: rgba(4,12,23,.7);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0
}

.mtb-40 {
    margin: 40px 0
}

.slogos-sec .client-img {
    box-shadow: unset;
    margin-block: 0px;
    background: 0 0
}

.slogos-sec h3 {
    margin-bottom: 0;
    color: #656565
}

.siboxs .col-lg-4:nth-child(2) .service-new-ibox, .siboxs .service-new-ibox.sbbg2 {
    background: rgba(252,255,248);
    border: 1px solid
}

.siboxs .col-lg-4:nth-child(3) .service-new-ibox, .siboxs .service-new-ibox.sbbg3 {
    background: rgba(254,248,255);
    border: 1px solid
}

.service-new-ibox {
    margin-bottom: 20px;
    padding: 20px
}

.sbbg4 {
    background: #d6d5fe3d;
    border: 1px solid #1083ff47
}

.sbbg11, .sbbg5 {
    background: #f5f3de6b;
    border: 1px solid #e7a10b45
}

.sbbg6 {
    background: #e3d4f347;
    border: 1px solid #3c007e3b
}

.sbbg7 {
    background: #dff7f775;
    border: 1px solid #0b98a778
}

.sbbg8 {
    background: #f0d1dd73;
    border: 1px solid #ef50504d
}

.bgn-green, .sbbg9 {
    background: #bae1c94f;
    border: 1px solid #26b73769
}

.service-new-ibox img {
    width: 60px !important;
    margin-bottom: 20px
}

.service-new-ibox h3 {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-weight: 600
}

    .service-new-ibox h3 a {
        color: #032d60;
        text-decoration: underline
    }

.service-new-ibox p {
    min-height: 170px;
    margin-bottom: 0
}

.slogos-sec, .testi-sec-new {
    background: linear-gradient(to top,#f8fbff 10%,#fff 100%) #f8fbff
}

.serlayout-banner {
    padding: 20px 0 50px;
    background-image: url('../img/service-new/banner1-new.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.sub-head-new {
    color: #032d60
}

.slaboutsec {
    background: url('../img/service-new/bcg-bg.jpg') center/cover no-repeat
}

.strip-imgsec {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-right: 20px
}

.tech-stacks {
    display: inline-block;
    line-height: 10px
}

.strip {
    background: linear-gradient(90deg,rgba(161,196,253,.79) 0,rgba(194,233,251,.36) 100%);
    border: 1px solid rgba(255,222,218,.38);
    border-radius: 20px;
    padding: 35px 30px
}

.strip-textsec h4 {
    margin-bottom: 10px;
    font-weight: 900;
    font-size: 28px
}

.our_team {
    background: #fff;
    border-radius: 5px
}

.team-text {
    padding: 15px;
    box-shadow: 0 0 15px 5px rgba(0,0,0,.1);
    margin-bottom: 20px;
    border-radius: 0 0 5px 5px
}

.our_team img {
    border-radius: 5px 5px 0 0;
    height: 300px
}

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

.testi-sec-new .testi-box {
    background-color: #e3ecff;
    padding: 30px;
    border-radius: 5px;
    position: relative
}

.testi-sec-new .testi-arrow {
    top: -13px;
    position: absolute;
    left: 5px
}

.testi-sec-new .testi-btm img {
    width: 100px;
    margin-right: 10px
}

.testi-sec-new .testi-btm .testi-name h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 22px
}

.testi-sec-new .testi-btm .testi-name h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0
}

.testi-sec-new .testi-first {
    background-color: rgba(239,80,80,.1)
}

.testi-sec-new .testi-third {
    background-color: #e0f8f8b8
}

.case-studiesnewsec .case-study-bgcolor {
    background: #0252a3
}

.case-studiesnewsec .case-study-left {
    padding: 50px 150px;
    color: #fff;
    margin-top: 40px;
    min-height: 570px
}

.case-studiesnewsec .case-study-bgimg {
    background-image: url('../img/service-new/casebg-1.jpg');
    background-repeat: no-repeat;
    background-size: cover
}

.case-studiesnewsec .case-study-right {
    padding: 50px 100px 50px 0;
    margin-left: -100px
}

.case-studiesnewsec .case-study-head h4 {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0
}

.case-studiesnewsec .case-study-body h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 600
}

.case-studiesnewsec .case-study-head {
    border: 10px solid #eee;
    padding: 20px;
    position: relative;
    max-width: 500px
}

    .case-studiesnewsec .case-study-head::after {
        content: '';
        background: #0252a3;
        position: absolute;
        height: calc(100% - 80px);
        width: 19px;
        right: -12px;
        top: 42px
    }

.case2 .case-study-bgcolor, .case2 .case-study-head::after {
    background: #866e5a
}

.case3 .case-study-bgcolor, .case3 .case-study-head::after {
    background: #000459
}

.case4 .case-study-bgcolor, .case4 .case-study-head::after {
    background: #0d5ab2
}

.case5 .case-study-bgcolor, .case5 .case-study-head::after {
    background: #459f01
}

.case6 .case-study-bgcolor, .case6 .case-study-head::after {
    background: #010101
}

.case-studiesnewsec .owl-dots {
    text-align: center;
    z-index: 9;
    position: relative;
    margin-top: -36px
}

.case-studiesnewsec .owl-carousel button.owl-dot {
    color: #000 !important;
    border: 1px solid #d6d6d6 !important;
    padding: 2px 10px !important;
    font: inherit !important;
    margin: 0 5px !important;
    background: #d6d6d6 !important;
    border-radius: 5px !important
}

    .case-studiesnewsec .owl-carousel button.owl-dot.active {
        background: #094e91 !important;
        padding: 2px 15px !important;
        border-color: #094e91 !important
    }

.case-left-sec span, .case-right-sec span {
    color: #fff;
    font-size: 16px;
    line-height: 22px
}

.case-right-sec span {
    font-weight: 500
}

.case-right-sec {
    width: 60%
}

.bgn-lightgrey {
    background: #0000000f;
    border: 1px solid #000
}

.bgn-yellow {
    background: #ffe1774d;
    border: 1px solid #f7d14a
}

.bgn-skyblue {
    background: #24c2f11f;
    border: 1px solid #a1a1a1
}

.bgn-purple {
    background: #9c5a9024;
    border: 1px solid #9c5a90b5
}

.bgn-orange {
    background: #f363061f;
    border: 1px solid #f36306ab
}

.newplat-box {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 5px;
    transition: .5s;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1)
}

    .newplat-box img {
        width: 70px;
        margin-bottom: 20px
    }

    .newplat-box p {
        min-height: 210px;
        margin-bottom: 0
    }

    .newplat-box:hover {
        box-shadow: 0 2px 20px 0 rgba(17,121,239,.2)
    }

.ecom-ser-sec .sub-head-1 {
    min-height: 60px;
    margin-bottom: 0
}

.home-slide.software-sln-banner {
    background-image: url('../img/banner/services/software-development-banner.webp')
}

/*-------------- become-a-partner page style starts here -------------*/
.partner-bleft p {
    font-size: 20px;
    margin: 30px 0px;
    line-height: 32px;
}

.partner-banner img {
    width: 80%;
    margin: auto;
}

.partner-banner {
    background: #ecf3f9;
}

.bp-head {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .bp-head .sub-head-1 {
        margin-bottom: 0px;
        margin-top: 0px;
    }

.bp-box {
    padding: 30px 20px;
    background: #ffffff;
    /*    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);*/
    border-radius: 5px;
    margin-bottom: 30px;
    transition: 0.5s all ease-out;
}

    .bp-box:hover {
        box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    }

.bp-head img {
    width: 50px;
    margin-right: 20px;
}

.whojoin-box:hover {
    box-shadow: 0 2px 20px 0 rgb(17 121 239 / 15%);
}

.whojoin-box {
    box-shadow: 0 2px 5px 0 rgb(17 121 239 / 15%);
    padding: 20px 25px;
    border-radius: 5px;
    margin-bottom: 30px;
    text-align: center;
    transition: 0.5s ease all;
    background: #ffffff;
}

    .whojoin-box img {
        width: 70px;
        margin-bottom: 20px;
    }

.whojoin-sec {
    background: #f8fbff;
}

.whojoin-box p {
    min-height: 85px;
    margin-bottom: 0px;
}

.bp-lists {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}

    .bp-lists::before {
        font-family: FontAwesome;
        background: unset;
        color: #094e91 !important;
        margin-left: -27px;
        content: '\F046';
        position: absolute;
    }

    .bp-lists h6 {
        font-weight: 600;
        margin-bottom: 5px;
    }

.bp-clients .client-img {
    box-shadow: unset;
}

.bp-form-inner {
    background: #f7f7f7;
    padding: 30px 50px;
    border-radius: 5px;
}

.bp-box p {
    min-height: 108px;
    margin-bottom: 0px;
}

.bpbox-1 {
    background: #fef3c982;
}

.bpbox-2 {
    background: #c9d1ed66;
}

.bpbox-3 {
    background: #e0ccf763;
}

.bpbox-4 {
    background: #aae6f657;
}

.bpbox-5 {
    background: #fcd5ef75;
}

.bpbox-6 {
    background: #ffe2be91;
}
/*-------------- become-a-partner page style ends here ---------------*/

/*-------------- portfolio-detail-page-new style starts here ------------*/
.new-portfolio .know-more-link::after {
    content: '\f105';
    padding-left: 2px;
    font-family: "FontAwesome";
}

.new-portfolio .know-more-link {
    color: #0b5cab;
    font-weight: 600;
    position: relative;
}
/*.portfolio-modal .modal-dialog {
    background-color: #fff;
}*/
.portfolio-modal .modal-content {
    border: 0px;
    border-radius: 5px;
}

.portfolio-modal .tags-list ul {
    border-bottom: 0;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.portfolio-modal .modal-header {
    display: block;
}

.new-modal-head {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
}

.portfolio-modal .modal-title {
    font-size: 24px;
    font-weight: 600;
}

.portfolio-modal .modal-header .close {
    padding: 10px;
    border: none;
    background: #ffffff;
    right: -29px;
    position: absolute;
    top: 10px;
    color: #0d3974;
    font-size: 34px;
}

.portfolio-modal button.close {
    position: fixed;
    right: 23px;
    background: transparent;
    border: 0px;
    color: #000000;
    font-size: 30px;
    top: 10px;
}

.portfolio-modal .sticky-head {
    padding: 15px;
    border-radius: 5px 5px 0px 0px;
}

.new-modal-head h4 {
    margin-bottom: 0px;
    font-weight: 600;
}

.portfolio-modal .tags-list {
    margin-top: 0px;
}

    .portfolio-modal .tags-list ul li {
        background: #fff;
    }

.cwa-portfolio-detail h4 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.cwa-portfolio-detail {
    padding: 15px;
}

    .cwa-portfolio-detail p {
        font-size: 15px;
        line-height: 22px;
        color: #62646a;
        margin-top: 10px;
    }

    .cwa-portfolio-detail a {
        font-size: 14px;
        text-decoration: underline;
    }

.right-head p {
    font-size: 15px;
}

.right-head span {
    background: #def7e9;
    color: #27ae60;
    margin-bottom: 0;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    line-height: 22px;
    text-align: center;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 5px 10px;
}

.scope-sec a {
    font-size: 14px;
    text-decoration: underline;
}

.scope-content {
    padding: 10px 0px 0px;
}

    .scope-content p {
        margin-bottom: 0px;
        font-size: 15px;
        line-height: 22px;
        color: #62646a;
        margin-top: 0px;
    }

.all-pics.owlpics .owl-dots {
    display: none;
}
/*-------------- portfolio-detail-page-new style ends here --------------*/

/*----------------- portfolio-listing-newpage style starts here ----------------*/
.magnetic-wrap {
    position: relative;
    /*   display: flex;*/
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    transition: 0.5s all ease;
}

.portfolio-card {
    position: relative;
}

    .portfolio-card .portfolio-img img {
        min-height: 350px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        border-radius: 5px;
    }

    .portfolio-card .portfolio-content {
        /*background: linear-gradient(0deg,rgba(13,23,32,0.8) 0%,rgba(13,23,32,0.1) 60.4%);*/
        padding: 35px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-flex;
        flex-direction: column;
        justify-content: end;
        border-radius: 5px;
    }

.category-and-title {
    text-align: center;
    margin-bottom: 15px;
}

.details-btn {
    text-align: center;
}

.portfolio-card .portfolio-content .category-and-title > span {
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.5);
    background: 0 0;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 4px 28px;
    margin-bottom: 15px;
}

    .portfolio-card .portfolio-content .category-and-title > span.bgn1 {
        background: #4285f4;
        border-color: #4285f4;
    }

    .portfolio-card .portfolio-content .category-and-title > span.bgn2 {
        background: #34a853;
        border-color: #34a853;
    }

    .portfolio-card .portfolio-content .category-and-title > span.bgn3 {
        background: #fbbc05;
        border-color: #fbbc05;
    }

    .portfolio-card .portfolio-content .category-and-title > span.bgn4 {
        background: #ea4335;
        border-color: #ea4335;
    }

    .portfolio-card .portfolio-content .category-and-title > span.bgn5 {
        background: blue;
        border-color: blue;
    }

    .portfolio-card .portfolio-content .category-and-title > span.bgn6 {
        background: blueviolet;
        border-color: blueviolet;
    }

.details-btn span {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}

    .details-btn span svg {
        fill: #ffffff;
    }

.details-btn .new-btn1 {
    border-bottom: 5px solid #4285f4;
}

.details-btn .new-btn2 {
    border-bottom: 5px solid #34a853;
}

.details-btn .new-btn3 {
    border-bottom: 5px solid #fbbc05;
}

.details-btn .new-btn4 {
    border-bottom: 5px solid #ea4335;
}

.details-btn .new-btn5 {
    border-bottom: 5px solid blue;
}

.details-btn .new-btn6 {
    border-bottom: 5px solid blueviolet;
}


.portfolio-card .portfolio-content .category-and-title h4 {
    margin-bottom: 0px;
    min-height: 65px;
}

.category-and-title h4 {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}

.portfolio-card .border-btn.btn-common {
    border: 1px solid #ffffff;
    background: unset;
    color: #ffffff !important;
}

    .portfolio-card .border-btn.btn-common:hover {
        border-color: #094e91 !important;
    }

    .portfolio-card .border-btn.btn-common svg {
        fill: #fff;
    }

.boxstyle1 .portfolio-card .portfolio-img img {
    min-height: 480px;
}

.magnetic-wrap:hover .portfolio-card {
    box-shadow: 0 0 20px rgb(2 73 163 / 15%);
}

.portfolio-bg-new {
    background-color: #f8fbff;
}

.all-pics.owlpics .owl-theme .owl-nav [class*=owl-] {
    top: unset !important;
    bottom: 0px;
}

.all-pics.owlpics .owl-theme .owl-nav {
    margin: 5px 0px 10px;
}

.all-pics.owlpics .owl-carousel button.owl-next {
    right: 0px;
}

    .all-pics.owlpics .owl-carousel button.owl-next span, .all-pics.owlpics .owl-carousel button.owl-prev span {
        padding: 0px !important;
    }

.all-pics.owlpics .owl-carousel button.owl-next, .all-pics.owlpics .owl-carousel button.owl-prev {
    width: unset;
    position: relative;
}

.all-pics.owlpics .owl-carousel button.owl-prev {
    left: unset;
    right: 0;
    margin-right: 0px;
}
/*.all-pics.owlpics .owl-carousel .owl-item img {
    height: 433px !important;
}*/
/*.all-pics.owlpics .owl-theme .owl-nav [class*=owl-] {
    top: unset !important;
    bottom: 10px;
}
.all-pics.owlpics .owl-carousel button.owl-next {
    right: 0px;
}
.all-pics.owlpics .owl-carousel button.owl-prev {
    left: unset;
    right:25px;
}
.all-pics.owlpics .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
}*/
.all-pics.owlpics button.owl-prev {
    margin-right: 15px;
}

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

.all-pics.owlpics .owl-nav button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #001F3F;
    color: #001F3F;
    font-size: 30px;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.all-pics.owlpics .owl-nav {
    text-align: right !important;
    display: block !important;
    margin-top: 20px;
}

.tags-list ul {
    overflow-x: scroll;
}

    .tags-list ul li {
        display: inline;
    }
/*----------------- portfolio-listing-newpage style ends here ----------------*/

/*---------------- service-dynamic-page style starts here ----------------*/
.new-service-banner .breadcrumb li, .new-service-banner .breadcrumb li::before, .new-service-banner .breadcrumb li a {
    color: #fff;
}

.new-service-banner h1, .new-service-banner p {
    color: #fff;
}

.new-service-banner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px 50px;
    position: relative;
}

    .new-service-banner::before {
        content: '';
        background: #0000008f;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

.banner-tags span {
    display: inline-block;
    border: 1px solid #ffffff;
    padding: 2px 15px;
    border-radius: 25px;
    margin-right: 5px;
    color: #ffffff;
}

.banner-tags {
    margin-bottom: 40px;
    margin-top: 40px;
}

.service-rightform {
    background: #ffffff;
    margin-top: 30px;
    border-radius: 5px;
}

.serviceform-head {
    /*background: #d1dce4;*/
    /*background: linear-gradient(45deg, #04046e, #010012);*/
    background: linear-gradient(90deg, rgb(20 45 119) 0%, rgba(25,52,74,1) 50%, rgba(30,33,42,1) 100%);
    border-radius: 5px 5px 0px 0px;
    padding: 8px 0px 8px;
}

    .serviceform-head h3 {
        margin-bottom: 0px;
        text-align: center;
        font-size: 24px;
        font-weight: 600;
    }

.serviceform-body {
    padding: 25px 20px;
}

.new-service-banner .banner-headsec {
    margin: 30px 0px;
}

.banner-rating-sec {
    display: flex;
    gap: 2.5rem;
    /*justify-content: center;*/
    align-items: center;
    text-align: center;
}

    .banner-rating-sec .reviews-sec img {
        width: 100px;
    }

    .banner-rating-sec .rating {
        margin-bottom: 10px;
    }

        .banner-rating-sec .rating .fa {
            color: #ffa100;
        }

        .banner-rating-sec .rating span {
            color: #ffffff;
            font-size: 20px;
        }

.serviceform-body .form-control {
    padding: 10px;
    font-size: 14px;
}

.serviceform-body .form-group {
    margin-bottom: 20px;
}

.banner-logoimgs img {
    width: 90px;
    margin-right: 20px;
}

.service_card {
    margin-bottom: 30px;
    position: relative;
    padding: 10px 16px;
}

    .service_card::before {
        font-family: FontAwesome;
        background: unset;
        color: #094e91 !important;
        margin-left: -27px;
        content: '\F046';
        position: absolute;
    }

    .service_card h4 {
        font-size: 17px;
        font-weight: 600;
        color: #032d60;
        line-height: 27px;
        margin: 0px 0 10px;
    }

        .service_card h4 a {
            text-decoration: underline;
            color: #032d60;
        }

.ai-sec {
    background-image: url('../img/service-new/bgs/2.jpg');
    background-size: 57.8125% auto;
    /* background-image: url('../img/banner/ai-enabled-digital-transformation-banner.jpg');*/
    background-repeat: no-repeat;
    /*  background-size: cover;*/
    background-position: right;
}

.ai-sec {
    background-color: #0a1322;
}

.desk-p-0 {
    padding: 0px;
}

.ai-sec-right {
    background: #fff;
    padding: 2.625rem 3.125rem 2.625rem 6.25rem;
    border-radius: 5px;
}

.ai-box img {
    width: 60px;
    margin-bottom: 10px;
}

.ai-box {
    margin-bottom: 40px;
}

.ai-head-sec {
    border: 10px solid #f6f6f6b8;
    padding: 20px 20px;
    margin-bottom: 30px;
}

    .ai-head-sec h2 {
        margin-bottom: 0px;
        color: #ffffff;
    }

.si-sec-para p {
    color: #ffffff;
    padding-right: 20px;
}

.ai-sec-left {
    margin-top: 50px;
}

.client-sec-new .last-client-sec .par-bbox {
    border-bottom: 0px;
}

.our-new-solutions h4.sub-head a {
    color: #032D60;
}

.service-ctasec {
    background-image: url('../img/service-new/bcg-bg.jpg');
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

    .service-ctasec h3, .service-ctasec p {
        color: #fff;
    }

.serv-btn {
    margin-top: 30px;
}

.solution-boxnew {
    background: #e9f1f8;
    border: 1px solid #f4f9fd;
    /* border-bottom: none; */
    transition: .35s;
    margin-bottom: 20px;
}

.solution-head {
    padding: 35px 25px;
}

.solution-ftr {
    display: flex;
    align-items: center;
    border-top: 1px solid #e1e1e1;
    gap: 15px;
    justify-content: space-between;
    padding-right: 20px;
}

.solution-boxnew:hover {
    background-color: #fff;
    border-color: #eee;
}

.numsec span {
    height: 55px;
    width: 55px;
    background: #dfebf7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.numsec {
    line-height: 1;
}

.siconsec img {
    width: 40px;
}

.solution-head p {
    margin-bottom: 0px;
}

.bg-dark-new {
    background-color: #0a141d;
}

.process-box li::before {
    background-color: #a6a6a6;
    transform: translateY(16px);
}

.process-box span {
    background: transparent;
    padding: 8px 30px;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 16px;
}

.process-box h4 {
    margin-top: 25px;
}

.process-box li, .process-box p {
    color: #ffffff;
}

.process-box {
    transition: .3s;
}

.service-testisec {
    background-color: #f8fcff;
}

.border-right {
    border-right: 1px solid #E6E6E6;
}

.testibox-new {
    padding: 0px 15px;
}

    .testibox-new .fa {
        color: #ffa100;
    }

.service-ctasec h3 {
    font-weight: 700;
}

.testibox-new .rating {
    margin-bottom: 10px;
}

.testibox-new h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
}

.testibox-new p {
    min-height: 170px;
}
/*---------------- service-dynamic-page style ends here ----------------*/

/*------------------- case-studies-new style starts here ---------------------*/
.case-box-new {
    margin-bottom: 40px;
    /*  border: 1px solid #eee;*/
    border-radius: 5px;
    background: #ffffff;
    transition: 0.5s all ease;
}

.case-content {
    padding: 30px 20px;
    /*   border: 1px solid #eee;*/
}

.case-box-new .tag span {
    /*   padding: 8px 15px;
    position: relative;
    font-size: 13px;
    border-radius: 2px 10px;
    color: #032d60;
    background: #ebf4fa;
    font-weight: 600;*/

    position: relative;
    font-size: 13px;
    color: #000000;
    font-weight: 600;
}

.case-box-new .tag {
    margin-bottom: 15px;
}

.case-content h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    min-height: 70px;
    margin-bottom: 0px;
    font-family: 'montserratmedium';
    min-height: 110px;
}

.case-box-new .tag .space {
    color: #bab8b8 !important;
}

.case-box-new .tag span svg {
    fill: #696969;
}

.case-box-new {
    position: relative;
    transition: transform 0.6s;
}

    .case-box-new .hover-text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background-color: rgb(26 115 232 / 95%);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .case-box-new:hover .hover-text {
        visibility: visible;
        opacity: 1;
    }

    .case-box-new:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        transform: scale(1.05);
    }

    .case-box-new .hover-text span {
        color: #ffffff;
        font-weight: 600;
        text-transform: capitalize;
    }

    .case-box-new .case_img {
        position: relative;
    }

        .case-box-new .case_img span {
            position: absolute;
            bottom: 0;
            background: #002542;
            display: block;
            width: 100%;
            text-align: center;
            color: #ffffff;
            /*  background: linear-gradient(#0000008a, #000);*/
        }

.ione {
    background: #002542;
}

.itwo {
    background: #392919 !important;
}

.hover-text.hover2 {
    background-color: #392919cc !important;
}

.itwo {
    background: #392919 !important;
}

.hover-text.hover2 {
    background-color: rgb(57 41 25 / 95%) !important;
}

.ithree {
    background: #193859 !important;
}

.ifour {
    background: #ff9304 !Important;
}

.hover-text.hover4:hover {
    background-color: rgb(255 147 4 / 95%) !Important;
}

.ione {
    background: #2f4e0b !important;
}

.hover-text.hover1 {
    background-color: rgb(47 78 11 / 95%) !important;
}

.hover-text.hover3 {
    background-color: rgb(25 56 89 / 95%) !important;
}

.iseven {
    background: #311B92 !important;
}

.hover-text.hover7 {
    background-color: rgb(49 27 146 / 95%) !important;
}

span.ifive {
    background: #8f4c21 !Important;
}

span.ieight {
    background: #5f0884 !Important;
}

.hover-text.hover8 {
    background-color: rgb(95 8 132 / 95%) !Important;
}

.hover-text.hover5 {
    background-color: rgb(143 76 33 / 95%) !Important;
}

span.inine {
    background: #FF9800 !Important;
}

.hover-text.hover9 {
    background-color: rgb(255 152 0 / 95%) !Important;
}

.itwelve {
    background: #e9592c !Important;
}

.hover-text.hover12 {
    background-color: rgb(233 89 44 / 95%) !Important;
}

span.ithirteen {
    background: #2c387d !important;
}

.hover-text.hover13 {
    background-color: rgb(44 56 125 / 95%) !important;
}

span.ifourteen {
    background: #37474F !important;
}

.hover-text.hover14 {
    background-color: rgb(55 71 79 / 95%) !important;
}

.ififteen {
    background: #626060 !important;
}

.hover-text.hover15 {
    background-color: rgb(98 96 96 / 95%) !important;
}

span.isixteen {
    background: #274024 !important;
}

.hover-text.hover16 {
    background-color: rgb(39 64 36 / 95%) !important;
}

.iseventeen {
    background: #998100 !important;
}

.hover-text.hover17 {
    background-color: rgb(153 129 0 / 95%) !important;
}

.right-block.portfolio-box .tags-list ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.right-block.portfolio-box .tags-list ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.right-block.portfolio-box .tags-list ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ddd;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

    .right-block.portfolio-box .tags-list ul::-webkit-scrollbar-thumb:window-inactive {
        background: #ddd;
    }

.portfolio-modal .tags-list ul {
    overflow: hidden !important;
}
/*------------------- case-studies-new style ends here ---------------------*/
/*----------- new-portfolio-design style starts here -------------*/
.port-box {
    display: flex;
}

.port-box {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 2px 4px 9px 1px hsl(0deg 0% 0% / 5%);
    display: flex;
    margin-bottom: 30px;
    transition: 0.5s;
}

.port-img {
    width: 50%;
}

.port-text {
    width: 50%;
    /* padding: 20px 20px 0px 25px;*/
}

.port-text-top {
    padding: 20px 20px 0px;
}

.port-text-down {
    border-top: 1px solid #dddddd;
    padding: 5px 20px;
}

.port-text h4 {
    font-size: 20px;
    line-height: 26px;
    font-family: 'montserratmedium';
    font-weight: 600;
    margin-bottom: 5px;
}

.port-text ul {
    margin-bottom: 15px;
}

.port-text li {
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 22px;
    color: #35353d;
}

.port-text a {
    font-size: 15px;
}

.ptb-80 {
    padding: 80px 0px;
}

.port-img img {
    border-radius: 5px 0px 0px 5px;
}

.portnew {
    background-color: #f5f4f4;
}

.portfolio-bg-new {
    background-image: url('../img/portfolio/new/portbg.webp') !important;
    background-position: bottom right;
    background-size: cover;
}

.port-box:hover {
    box-shadow: 1px 4px 24px rgb(0 0 0 / 20%);
}
/*.product-container .right-block.portfolio-box .name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 60px;
    margin-bottom: 5px;
}
.product-container .right-block.portfolio-box p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}*/
.new-modal-head .left-head {
    width: 67%;
}

.new-modal-head .right-head {
    width: 33%;
    text-align: right;
}

.tags-list ul {
    overflow-x: scroll;
}

    .tags-list ul li {
        display: inline;
    }

.right-block.portfolio-box .product-box p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 43px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
}

.preview-sec .col-md-7.col-sm-7.col-7 {
    padding-left: 0px;
}


/*----------- new-portfolio-design style ends here -------------*/
@media only screen and (min-width:320px) and (max-width:767px) {
    body {
        overflow-x: hidden
    }

    .border-left-box, .branding-sersec .service-lbox p, .c-video-sec .service-lbox p, .common-textsec, .corporate-video-secs h5.mar-top-20, .course-text p, .custm-web-app-devmt .service-lbox p, .elearn-app .service-lbox p, .full-stack-techsec .tech-service-box, .hire-box p, .hire-box ul, .hire-right-sec p, .home-blog-main p, .home-blog-sec-1, .home-blog-sec.btm-sec .check-list, .home-blog-sec.btm-sec .sub-head, .home-fsbox, .home-fsbox p, .home-icon-sec1 a p, .icon-box-design-1, .img-adv-box-inner .sub-head, .main-tech-sec.large-psec .tech-service-box p, .maintnc-ser .service-lbox p, .more-ser-para .service-lbox p, .more-ser-para.dtrans-ser .service-lbox p, .new_service_content, .offshore-ser .service-lbox p, .platform-boxes, .pmh-200 .service-lbox p, .pmh-220 .service-lbox p, .pminh-100 p, .pminh-120 p, .pminh-150 p, .pminh-180 p, .pminh-80 p, .related-sbox .text-box, .secrty-soln .service-lbox p, .sertext-sec, .sharepoint-sersec .tech-service-box p, .sitemap .sublists li, .tech-sec-box-1.techbox1, .tech-sec-box-1.techbox2, .tech-service-box, .tech-service-box p, .testi-text-sec p, .textbox .sub-head, .three-colum .tech-sec-box-1 p, .three-colum.lpara .tech-sec-box-1 p, .tools-top-sec p, .webd-serices .service-lbox p, .why-hire-sec .hire-right-sec .sub-head {
        min-height: unset !important
    }

    .hire-us-banner.hire-detail-banner {
        background-image: unset !important;
        background-color: #284159
    }

    .border-left-box {
        border: 1px solid transparent
    }

    .btn-common {
        padding: 8px 10px
    }

    .banner-part-2 {
        background-image: unset;
        background-color: #5b7693
    }

    .banner-part-3 .mt-7, .check-list-arrow, .common-sec .form-left-sec, .second-sec .mt-7, .team-img {
        margin-top: 0
    }

    .inner-bg, .why-us-sec {
        background-size: cover
    }

    .two-sec-list {
        column-count: 1
    }

    .devexperiencenew p, .download-sec .btn-common, .google-view h5 a {
        font-size: 14px
    }

    .devexperiencenew h3, .main-services .img-adv-box-inner .sub-head {
        font-size: 18px
    }



    .apply-now-sec, .banner-part-3 img, .social-share {
        margin-top: 20px
    }

    .ptb-70, .service-icon-sec, .ptb-80 {
        padding: 40px 0
    }

    .blog-inner h3, .employee-reviews .testi-text-sec, .skil-indstry-sec .inline-text-sec p, .tools-bottom-sec .skill-name, .training-body li, .two-sec-list li {
        min-height: unset
    }

    .sub-head {
        font-size: 20px
    }

    .icon-tabs .nav {
        white-space: nowrap;
        border-bottom: 0
    }

    .blog-detail-para p, .blog-detail-para ul li, .icon-tabs .nav-pills .nav-link h3 {
        font-size: 16px
    }

    .icon-tabs .service-text-new, .new-sec.resource-sec .left-box, .new-sec.resource-sec .right-box, .new-sec.sec-solun .left-box, .new-sec.sec-solun .right-box, .right-box, .right-sec.active .right-box:last-child {
        padding: 20px 0
    }

    .popup-list h4, li, p {
        font-size: 15px
    }

    .pt-70 {
        padding-top: 40px
    }

    .service-main-left .nav-pills .nav-link.active {
        padding: 10px 16px;
        border: 1px solid #0098ca;
        border-radius: 5px;
        margin-right: 10px;
        background: #0098ca;
        box-shadow: 0 3px 6px #00000016;
        color: #fff;
        font-size: 16px;
        transform: unset !important
    }

    .service-main-left .nav-pills .nav-link {
        color: #000;
        cursor: pointer;
        display: block;
        font-size: 16px;
        font-weight: 600;
        height: 100%;
        padding: 10px 16px;
        width: 100%;
        text-align: center;
        white-space: nowrap
    }

    .service-main-left {
        transition: unset !important;
        background-color: unset !important;
        box-shadow: unset !important;
        flex: unset !important;
        padding: 0 !important;
        transform: unset !important;
        max-width: unset !important
    }

    .service-tabs-main {
        background: unset !important;
        box-shadow: unset !important;
        margin-top: 0
    }

    .service-text {
        padding: 15px 10px
    }

    .services-sec {
        background: #f6f6f6
    }

    .nav-pills {
        width: 100%;
        display: flex;
        overflow-x: auto;
        flex-direction: unset !important;
        padding-bottom: 10px
    }

    .service-icon-sec .head {
        line-height: 50px;
        font-size: 32px
    }

    .service-head {
        font-size: 22px;
        margin-top: 0
    }

    .service-htabs .nav-link, .service-htabs .nav-pills .nav-link.active, .service-htabs .nav-pills .show > .nav-link {
        display: block;
        white-space: nowrap
    }

    .service-htabs .nav.flex-row.nav-pills {
        justify-content: unset !important
    }

    .service-htabs .tab-content {
        margin: 3rem 0;
        padding: 30px 10px
    }

    .box-shadow-textsec {
        padding: 3rem 1.7rem
    }

    .icon-hover-box .box-textsec {
        top: 50px
    }

    .icon-hover-box {
        min-height: 380px
    }

    .inline-icontext-box, .internship-sec, .white-box-sec {
        padding: 20px 10px
    }

    .case-study-inner::before, .contact-main-box::after, .desk-services, .desk-tabs, .desk-view, .download-sec a.btn-common img, .fee-box .col-lg-6::after, .left-sidebar, .left-sidebar .left-box img, .next-story:hover .next-story-sec, .separator, .testi-box::before, .top-strip-sec .col-lg-4.col-sm-4::after {
        display: none
    }

    .event-caption-box {
        padding-top: 49% !important
    }

    .img-hover-text-effect img {
        height: 350px !important
    }

    .blog-imgsec img, .client-img, .home-case-study img, .image-grid img, .product-container .product-image-container img, .related-blogs .blog-imgsec img {
        height: unset
    }

    .about-sec-new, .case-studies-main, .course-detail-banner.services-banner, .ptb-50 {
        padding: 30px 0
    }

    .case-study-inner, .employee-reviews .testi-img-sec, .left-box, .right-box {
        padding: 0
    }

    .img-adv-box:hover .img-adv-box-inner {
        max-height: 120px
    }

    .portfolio-banner .banner-text {
        padding: 0 !important
    }

    .img-adv-box-inner .sub-head {
        line-height: 20px;
        font-size: 15px
    }

    .case-study-head {
        font-size: 28px;
        line-height: 35px
    }

    .img-adv-box, .linesec, .our-culture .card {
        margin-bottom: 20px
    }

        .img-adv-box.box-1 .img-adv-box-inner {
            max-height: 103px
        }

    .case-study-inner .mb-4, .case-study-inner .mt-5 {
        margin: 0 !important
    }

    .home-blog-sec, .home-blog-sec-1 {
        padding: 16px 10px
    }

    .ftr-list, .home-blog-cat h5, .job-details, .strip-secs p {
        margin-bottom: 10px
    }

    .home-blog-main .sub-head {
        min-height: unset;
        font-size: 18px;
        margin-bottom: 10px
    }

    .blog-btn-sec {
        margin-top: 10px;
        margin-bottom: 10px !important
    }

    .blog-btn-sec {
        text-align: start !important;
        width: 100%;
    }

        .blog-btn-sec a {
            float: left !important;
        }

    .home-blog-sec-1 .blog-btn-sec {
        margin-bottom: 43px !important
    }

    .boxed-photo-banner-text h2 {
        font-size: 22px;
        line-height: 30px
    }

    .boxed-photo-banner-text, .web-app-ctasec .boxed-photo-banner-text {
        max-width: 100%
    }

    .box-layout-sec, .boxed-photo-banner, .service-quotese {
        padding: 20px
    }

    .boxed-photo-banner-text p {
        font-size: 16px;
        line-height: 24px
    }

    .onload-popup .modal-dialog {
        margin: 2rem auto 1.75rem
    }

    .pop-up-left {
        padding-top: 20px
    }

        .pop-up-left h2 {
            font-size: 15px;
            line-height: 22px;
            margin-bottom: 8px
        }

    .onload-popup .floating-form {
        padding: 5px 20px
    }

    .client-img {
        width: 140px
    }

    .slick-slide {
        margin: 0 10px
    }

    .clients-left-sec {
        display: flex;
        align-items: center;
        padding: 10px 15px;
        margin-bottom: 30px
    }

        .clients-left-sec h3 {
            font-weight: 600;
            font-size: 28px;
            margin: 0 5px
        }

    .fee-box h3, .fee-left-box h4, .popup-list li, .skills-list {
        margin-bottom: 15px
    }

    .clients-left-sec p {
        color: #222;
        font-weight: 600;
        font-size: 28px
    }


    .ftr-second-sec .ftr-list ul li a::after {
        padding: 10px 6px
    }

    .testimonials-sec .owl-nav {
        margin-left: 0;
        text-align: center
    }

    .main-services .img-adv-box:hover .img-adv-box-inner {
        max-height: 276px
    }

    .main-services .img-adv-box-inner {
        max-height: 55px
    }

    .head, h1 {
        font-size: 30px;
        line-height: 36px
    }

    .bannerSwiper .swiper-slide 
{
        height:unset;
            position:relative;
    }
    .main-head, .title {
        font-size: 30px;
        line-height: 40px
    }

    .sub-title {
        font-size: 27px;
        line-height: 40px
    }

    .digital-quote-sec .service-quotese {
        padding: 0 20px
    }

    .job-listing-box .skill-tag, .tags-list ul li {
        font-size: 12px
    }

    .box-shadow-imgsec {
        margin-top: 0;
        margin-bottom: 70px
    }

    .box-shadow-layout {
        padding: 0 0 50px
    }

    .adrs-boxs, .blog-filters, .card-body, .contact-main-box, .corporate-video-secs .video, .map-sec, .mb-70, .mmb-5 {
        margin-bottom: 30px
    }

    .fee-right-box, .mmt-5, .top-strip-sec, .you-maylike {
        margin-top: 30px
    }

    .tech-sec .client-img {
        height: 100px
    }

    .accordion-button {
        line-height: 30px
    }

    .core-sec .tech-sec-box-1, .google-review, .job-listing-box, .mob-img, .mob-tabs, .mob-view, .service-lbox.new-sbox, .testi-inner {
        display: block
    }

    .blog-filters select, .blog-imgsec img, .case-img, .case-text, .checkbox-list, .content-column, .employee-testi-sec .testi-box::before, .employee-testi-sec .testi-img img, .image-grid img, .job-left-sec, .sitemap .sublists li, .sitemap-sec ul li, .text-text-box {
        width: 100%
    }

    .sitemap .sublists li {
        margin-right: 0
    }

    .job-listing-box .exp::before {
        padding: 5px
    }

    .job-listing-box .exp img {
        width: 15px;
        margin-right: 3px
    }

    .content-box {
        padding: 25px
    }

    .testi-img img {
        width: unset;
        height: unset
    }

    .content {
        padding-top: unset
    }

    .icon-tabs.tools-tab-sec.technologies-sec .col-lg-2 {
        width: 50%
    }

    .blog-filters.portfolio-filters, .icon-tabs.tools-tab-sec .nav-pills .nav-link h3, .team-detail .sub-head {
        margin-bottom: 0
    }

    .banner-text-sec {
        background: unset;
        padding: 0;
        position: relative;
        margin-right: unset;
        margin-top: unset;
        box-shadow: unset
    }

    h2 {
        font-size: 24px;
        line-height: 30px
    }

    .blog-detail-para h2, h3 {
        font-size: 25px;
        line-height: 30px
    }

    .top-banner .p-0 {
        padding: 0 15px !important
    }

    #rotating-item-wrapper1, .case-text, .pl-5, .pl-7, .social-share ul {
        padding-left: 0
    }

    .pe-5, .pr-5, .pr-7 {
        padding-right: 0 !important
    }

    .contact-form-right, .why-soln-text-sec {
        padding: 30px 20px
    }

    .btn-common, .btn-no-bg.btn-common a {
        font-size: 15px !important;
        line-height:20px;
    }

    .mb-30 {
        margin-bottom: 20px !important
    }

    .mt-10 {
        margin-top: 10px
    }

    .mt-5 {
        margin-top: 20px !important
    }

    .testi-text-sec {
        padding: 20px 0 0;
        min-height: 270px
    }

    .testi-box {
        padding: 20px 10px;
        background: #d4eaff
    }

    .banner-part-1.home-slide, .hire-banner, .why-solution-sec {
    }

    .why-solution-sec {
        background-color: #eff8f7 !important
    }

    .mob-banner-bg {
        background-color: #fafafa !important
    }

    .parallax-bg {
        background-image: unset !important;
        background-color: #254355 !important
    }

    .w__300 {
        width: 313px !important
    }

    .digital-markng-banner a.btn-no-bg.btn-common, .digital-markng-banner h1, .digital-markng-banner p {
        color: #000
    }

    .blog-sub-sec, .case-box {
        position: relative;
        display: block
    }

    .case-img img {
        height: unset !important;
        width: 100%
    }

    .case-text span.tag {
        padding: 0 15px;
        margin-top: 12px;
        display: inline-block;
        font-size: 13px
    }

        .case-text span.tag::after {
            border-top: 31px solid #002542
        }

    .case-lists .left-list {
        font-size: 13px
    }

    .blog-detail-para img {
        width: 100% !important
    }

    .blog-tags span {
        font-size: 14px;
        margin-right: 5px
    }

    .blog-dimg {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .blog-detail-para h3 {
        font-size: 22px;
        line-height: 27px
    }

    .blog-detail-para h4 {
        font-size: 19px;
        line-height: 25px
    }

    .blog-detail-para h5, .blog-detail-para h6 {
        font-size: 17px;
        line-height: 25px
    }

    .image-grid figure {
        margin-bottom: 25px
    }

    .image-grid .new-logos-sec .d-block {
        width: unset !important
    }

    .new-sec .sticky-head h2 {
        margin-top: 20px;
        margin-bottom: 0
    }

    .employee-testi-sec .testi-text {
        margin-left: 0;
        padding-right: 0
    }

    .ibg-2, .ibg-4, .ibg-6 {
        padding: 20px 60px
    }

    .hire-models-newsec .hire-box img {
        width: 100%;
        height: unset !important
    }

    .about-banner, .contact-banner {
        padding: 30px 0;
        background: #09274a
    }

    .contact-banner {
        background-color: #1d3b83
    }

    .about-text {
        margin-top: 50px
    }

    .case-detail-box, .team-detail {
        margin-top: 15px
    }

    .about-bg {
        background-image: unset !important;
        background-color: #fafafa
    }

    .vision-box {
        box-shadow: 0 3px 5px #2196f32e;
        margin-bottom: 30px;
        padding: 20px;
        min-height: unset
    }

    .about-insty {
        margin-bottom: 35px
    }

    .blockquote-article {
        position: relative;
        top: unset !important
    }

    .resume-block .inner {
        padding-left: 70px;
        padding-bottom: 20px
    }

    .resume-block .separator1 {
        height: 253%
    }

    .contact-form-sec {
        padding: 35px 0
    }

    .scrollbar {
        height: 200px
    }

    .portd-sec {
        padding-right: 0
    }

    .employee-reviews .testi-text-sec {
        padding: 15px 20px 10px 0;
        height: 300px;
        overflow-y: auto
    }

    .employee-reviews .testi-img-sec img {
        height: 250px
    }

    .employee-reviews .testi-text-sec::before {
        margin-bottom: .5rem
    }

    .fee-left-box .small-head {
        display: block;
        margin-top: 10px
    }

    .team-img img {
        border-radius: unset;
        width: 100%;
        height: unset
    }

    .team-box {
        padding: 0 0 20px;
        margin-bottom: 50px;
        border-top: 0;
        background-image: unset
    }

    .team-detail {
        padding: 0 15px
    }

    .team-main.ptb-100 {
        padding: 50px 0
    }

    .team-detail p {
        margin-bottom: 15px;
        min-height: unset
    }

    .details.details-new span {
        width: 57%
    }

    .details.details-new label {
        width: 40%;
        margin-right: 10px
    }

    .num-sec {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 20px
    }

    span.num-head {
        font-size: 25px
    }

    .tools-bottom-sec .skill-sec img {
        width: 80px
    }

    .tools-bottom-sec .skill-sec {
        padding: 0 5px 5px
    }

    .download-sec a.btn-common {
        font-size: 13px !important
    }

    .bg-box-sec {
        margin-top: 30px !important
    }

    .testi-img-box {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%
    }

    .g-review {
        width: 100%;
        margin-bottom: 20px
    }

    .home-slide.software-sln-banner {
        background-color: #011120 !important
    }

    .bp-box p, .whojoin-box p {
        min-height: unset;
    }

    .partner-banner img {
        margin-top: 20px;
    }

    .partner-banner .offset-1 {
        margin-left: 0px;
    }

    .bp-clients .mb-40 {
        margin-bottom: 30px !important;
    }

    .bp-form-inner {
        padding: 30px 30px;
    }

    .bp-sec-1 .pl-50 {
        padding-left: 0px;
    }

    .portfolio-modal button.close {
        top: 5px;
        z-index: 9;
        right: 7px;
    }

    .new-modal-head h4 {
        margin-bottom: 5px;
    }

    .new-modal-head {
        display: block;
    }

    .sticky-head .d-flex {
        display: block !important;
    }

    .sticky-head .tags-list ul li {
        font-size: 10px;
    }

    .portfolio-card .portfolio-content .category-and-title h4 {
        min-height: unset;
        margin-bottom: 15px;
    }

    .portfolio-card .portfolio-content {
        padding: 15px;
    }

        .portfolio-card .portfolio-content .category-and-title > span {
            padding: 4px 20px;
            font-size: 14px;
        }

    .boxstyle1 .portfolio-card .portfolio-img img {
        min-height: 350px;
    }

    .desk-p-0 {
        padding: 15px;
    }

    .pr-50 {
        padding-right: 0px;
    }

    .banner-rating-sec .rating .fa {
        color: #ffa100;
        padding-left: 1px;
    }

    .banner-rating-sec .rating span {
        font-size: 10px;
    }

    .banner-rating-sec .reviews-sec img {
        width: 90px;
    }

    .new-service-banner {
        padding: 30px 0px;
    }

    .banner-tags span {
        margin-bottom: 10px;
    }

    .banner-tags {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .ai-sec-right {
        padding: 20px;
    }

    .case-studiesnewsec .case-study-left {
        padding: 20px 10px;
    }

    .case-studiesnewsec .case-study-left {
        min-height: unset;
        margin-top: 20px;
    }

    .case-studiesnewsec .col-lg-7.case-study-bgcolor {
        order: 2;
    }

    .case-studiesnewsec .case-study-right {
        margin-left: 0px;
        padding: 10px;
    }

    .case-studiesnewsec .col-lg-5, .case-studiesnewsec .col-lg-7 {
        padding: 0px 15px !important;
    }

    .case-studiesnewsec .case-study-head {
        padding: 10px;
    }

    .case-left-sec span, .case-right-sec span {
        font-size: 12px;
    }

    .case-left-sec {
        margin-right: 22px;
    }

    .case-studiesnewsec .case-study-body h3 {
        font-size: 22px;
    }

    .case-studiesnewsec .owl-dots {
        margin-top: 20px;
    }

    .our-new-solutions .mb-50 {
        margin-bottom: 20px !important;
    }

    .process-box {
        margin-bottom: 30px;
    }

    .ai-sec {
        background-color: #0a1322;
        background-image: unset;
    }

    .ai-sec-left {
        margin-top: 0px;
    }

    .service_card {
        margin-bottom: 20px;
    }

    .port-text, .port-img {
        width: 100%;
    }

    .port-box {
        display: block;
    }

    .port-text-down {
        padding: 10px 20px;
    }

    .port-text-top {
        padding: 20px 20px 10px;
    }

    .case-box-new:hover {
        transform: scale(1);
    }

    .case-content h4 {
        min-height: unset !important;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width:280px) and (max-width:767px) {
    .port-text, .port-img {
        width: 100%;
    }

    .port-box {
        display: block;
    }

    .port-text-down {
        padding: 10px 20px;
    }

    .port-text-top {
        padding: 20px 20px 10px;
    }

    .case-box-new:hover {
        transform: scale(1);
    }

    .case-content h4 {
        min-height: unset !important;
        margin-bottom: 10px;
    }

    .product-container .name {
        min-height: unset;
        margin-bottom: 15px;
    }

    .new-modal-head .right-head {
        width: 100%;
        text-align: left;
    }

    .new-modal-head .left-head {
        width: 94%;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    body {
        overflow-x: hidden
    }

    .banner-part-1, .mt-10 {
        margin-top: 10px
    }

        .banner-part-1, .banner-part-1.p-0, .banner-part-2 {
        }

    .btn-common {
        padding: 8px 10px
    }

    .banner-part-2 {
        background-image: unset;
        background-color: #5b7693
    }

    .about-sec-new .mt-10, .banner-part-3 .mt-7, .check-list-arrow, .second-sec .mt-7 {
        margin-top: 0
    }

    .icon-tabs .service-text-new, .left-box, .new-sec.resource-sec .left-box, .new-sec.resource-sec .right-box, .new-sec.sec-solun .left-box, .new-sec.sec-solun .right-box, .right-box, .right-sec.active .right-box:last-child {
        padding: 20px 0
    }

    .inner-bg, .why-us-sec {
        background-size: cover
    }

    .new-sec .sticky-head h2 {
        margin-top: 20px;
        margin-bottom: 0
    }

    .checkbox-list, .two-sec-list {
        column-count: 1
    }

    .devexperiencenew p {
        font-size: 14px
    }

    .devexperiencenew h3, .mob-tech-tabs ul.nav.nav-tabs li a, .sub-head {
        font-size: 18px
    }

    .banner-part-3 img {
        margin-top: 20px
    }

    .ptb-70, .service-icon-sec {
        padding: 40px 0
    }

    .main-head {
        font-size: 28px
    }

    .ftr-list, .home-blog-cat h5 {
        margin-bottom: 10px
    }

    .two-sec-list li {
        min-height: unset !important
    }

    .icon-tabs .nav {
        white-space: nowrap;
        border-bottom: 0
    }

    .icon-tabs .nav-pills .nav-link h3 {
        font-size: 16px
    }

    .popup-list h4, li, p {
        font-size: 15px
    }

    .pt-70 {
        padding-top: 40px
    }

    .service-main-left .nav-pills .nav-link.active {
        padding: 10px 16px;
        border: 1px solid #0098ca;
        border-radius: 5px;
        margin-right: 10px;
        background: #0098ca;
        box-shadow: 0 3px 6px #00000016;
        color: #fff;
        font-size: 16px;
        transform: unset !important
    }

    .service-main-left .nav-pills .nav-link {
        color: #000;
        cursor: pointer;
        display: block;
        font-size: 16px;
        font-weight: 600;
        height: 100%;
        padding: 10px 16px;
        width: 100%;
        text-align: center;
        white-space: nowrap;
        margin-right: 20px
    }

    .service-main-left {
        transition: unset !important;
        background-color: unset !important;
        box-shadow: unset !important;
        flex: unset !important;
        padding: 0 !important;
        transform: unset !important;
        max-width: unset !important
    }

    .service-tabs-main {
        background: unset !important;
        box-shadow: unset !important;
        margin-top: 0
    }

    .service-text {
        padding: 15px 10px
    }

    .services-sec {
        background: #f6f6f6
    }

    .nav-pills {
        width: 100%;
        display: flex;
        overflow-x: auto;
        flex-direction: unset !important;
        padding-bottom: 10px
    }

    .service-icon-sec .head {
        line-height: 50px;
        font-size: 32px
    }

    .service-head {
        font-size: 22px;
        margin-top: 0
    }

    .service-htabs .nav-link, .service-htabs .nav-pills .nav-link.active, .service-htabs .nav-pills .show > .nav-link {
        display: block;
        white-space: nowrap
    }

    .service-htabs .nav.flex-row.nav-pills {
        justify-content: unset !important
    }

    .service-htabs .tab-content {
        margin: 3rem 0;
        padding: 30px 10px
    }

    .common-textsec, .hire-box p, .hire-box ul, .hire-right-sec p, .home-blog-main p, .home-blog-sec-1, .home-blog-sec.btm-sec .check-list, .home-blog-sec.btm-sec .sub-head, .home-fsbox, .home-fsbox p, .more-ser-para .service-lbox p, .platform-boxes, .pminh-100 p, .related-sbox .text-box, .sertext-sec, .sharepoint-sersec .tech-service-box p, .tech-sec-box-1.techbox1, .tech-sec-box-1.techbox2, .tech-service-box p, .why-hire-sec .hire-right-sec .sub-head {
        min-height: unset
    }

    .box-shadow-textsec {
        padding: 3rem 1.7rem
    }

    .icon-hover-box .box-textsec {
        top: 50px
    }

    .icon-hover-box {
        min-height: 380px
    }

    .inline-icontext-box {
        padding: 20px 10px
    }

    .case-study-inner::before, .contact-main-box::after, .desk-services, .desk-view, .download-sec a.btn-common img, .left-sidebar, .left-sidebar .left-box img, .separator {
        display: none;
    }

    .top-header-sec .desk-view {
        display: block;
    }

    .event-caption-box {
        padding-top: 30%
    }

    .tech-industry-sec .event-caption-box {
        padding-top: 50%
    }

    .owl-carousel button.owl-next, .testimonials-sec button.owl-next {
        right: -64px
    }

    .owl-carousel button.owl-prev, .testimonials-sec button.owl-prev {
        left: -64px
    }

    .img-adv-box {
        margin-bottom: 20px
    }

    .mmt-5, .you-maylike {
        margin-top: 30px
    }

    .blog-detail-para img {
        width: 100% !important
    }

    .img-adv-box.box-1 .img-adv-box-inner {
        max-height: 103px
    }

    .case-study-inner .mb-4, .case-study-inner .mt-5 {
        margin: 0 !important
    }

    .testi-img img {
        height: 200px
    }

    .testimonials-sec .owl-nav {
        margin-left: 0;
        text-align: center
    }

    .home-case-study img {
        height: unset
    }

    .home-blog-sec, .home-blog-sec-1 {
        padding: 16px 10px
    }

    .image-grid figure {
        margin-bottom: 25px
    }

    .home-blog-main .sub-head {
        min-height: 60px;
        font-size: 18px;
        margin-bottom: 10px
    }

    .blog-btn-sec {
        margin-top: 10px;
        margin-bottom: 10px !important
    }

    .boxed-photo-banner-text h2 {
        font-size: 22px;
        line-height: 30px
    }

    .boxed-photo-banner-text {
        max-width: 100%
    }

    .boxed-photo-banner {
        padding: 20px
    }

    .boxed-photo-banner-text p {
        font-size: 16px;
        line-height: 24px
    }

    .onload-popup .modal-dialog {
        margin: 2rem auto 1.75rem
    }

    .blog-filters.portfolio-filters, .clients-left-sec, .contact-main-box, .map-sec, .mmb-5 {
        margin-bottom: 30px
    }

    .pop-up-left {
        padding-top: 20px
    }

        .pop-up-left h2 {
            font-size: 15px;
            line-height: 22px;
            margin-bottom: 8px
        }

    .onload-popup .floating-form {
        padding: 5px 20px
    }

    .client-img {
        width: 160px
    }

    .clients-left-sec {
        display: flex;
        align-items: center;
        padding: 10px 15px
    }

        .clients-left-sec h3 {
            font-weight: 600;
            font-size: 28px;
            margin: 0 5px
        }

    .popup-list li {
        margin-bottom: 15px
    }

    .clients-left-sec p {
        color: #222;
        font-weight: 600;
        font-size: 28px
    }

    .banner-part-1::before {
        height: 107px;
        width: 81px
    }

    .banner-part-1::after {
        height: 80px;
        width: 80px
    }

    .banner-part-2::before {
        height: 107px;
        width: 81px
    }

    .banner-part-2::after {
        height: 80px;
        width: 80px
    }

    .ftr-second-sec .ftr-list ul li a::after {
        padding: 10px 6px
    }

    .onload-popup .modal-dialog.modal-dialog-lg {
        max-width: 722px
    }

    .blog-filters.portfolio-filters select, .content-column, .testi-box::before {
        width: 100%
    }

    .core-sec .tech-sec-box-1, .mob-img, .mob-services, .mob-view {
        display: block
    }

    .content {
        padding-top: unset
    }

    .icon-tabs.tools-tab-sec.technologies-sec .col-lg-2 {
        width: 33%
    }

    .icon-tabs.tools-tab-sec .nav-pills .nav-link h3 {
        margin-bottom: 0
    }

    .banner-text-sec {
        background: unset;
        padding: 0;
        position: relative;
        margin-right: unset;
        margin-top: unset;
        box-shadow: unset
    }

    h1 {
        font-size: 35px;
        line-height: 40px
    }

    h2 {
        font-size: 30px;
        line-height: 35px
    }

    h3 {
        font-size: 25px;
        line-height: 30px
    }

    .top-banner .p-0 {
        padding: 0 15px !important
    }

    #rotating-item-wrapper1, .pl-5, .pl-7 {
        padding-left: 0
    }

    .pe-5, .pr-5, .pr-7 {
        padding-right: 0 !important
    }

    .home-blog-sec.btm-sec .check-list {
        min-height: 135px
    }

    .border-left-box p, .card.special-section p {
        min-height: 100px
    }

    .about-sec-new, .case-studies-main, .ptb-50 {
        padding: 30px 0
    }

    .ibg-1, .ibg-2, .ibg-3, .ibg-4, .mb-30 {
        margin-bottom: 20px !important
    }

    .mt-5 {
        margin-top: 20px !important
    }

    .testi-text-sec {
        padding: 20px 0 0
    }

    .testi-box {
        padding: 20px 10px;
        background: #d4eaff
    }

    .contact-form-right {
        padding: 30px 20px;
        margin-top: 30px
    }



    .why-solution-sec {
        background-color: #eff8f7 !important
    }

    .img-hover-text-effect img {
        height: 350px !important
    }

    .case-study-inner {
        padding: 0
    }

    .img-adv-box:hover .img-adv-box-inner {
        max-height: 120px
    }

    .img-adv-box-inner .sub-head {
        line-height: 20px;
        font-size: 16px
    }

    .case-study-head {
        font-size: 28px;
        line-height: 35px
    }

    .mob-logo {
        padding: 5px 10px 5px 20px
    }

        .mob-logo img {
            max-width: 15%
        }

    #rotating-item-wrapper1 img {
        margin: auto;
        display: block
    }

    .common-textsec {
        min-height: 280px
    }

    .mob-banner-bg {
        background-color: #fafafa !important
    }

    .port-text-top {
        padding: 20px 20px 0px;
        min-height: 241px;
    }

    .parallax-bg {
        background-image: unset;
        background-color: #051b32
    }

    .digital-markng-banner a.btn-no-bg.btn-common, .digital-markng-banner h1, .digital-markng-banner p {
        color: #000
    }

    .par-bbox {
        border: 1px solid #ddd;
        border-top: 0
    }

    .our-clients-sec .par-bbox:last-child {
        border-right: 1px solid #ddd
    }

    .blog-filters select {
        width: 60%
    }

    .image-grid img {
        height: 256px;
        width: 100%
    }

    .main-tech-sec.large-psec .tech-service-box p {
        min-height: 353px !important
    }

    .why-soln-text-sec {
        padding: 30px 20px
    }

    .ibg-5, .ibg-6 {
        margin-bottom: 40px !important
    }

    .ibg-2, .ibg-4, .ibg-6 {
        padding: 80px 60px;
        background: #f8f8f8
    }

    .mob-tech-tabs ul.nav.nav-tabs li.active a {
        padding: 3px 20px;
        border-radius: 3px
    }

    .hire-models-newsec .hire-box img {
        width: 70%;
        height: unset !important
    }

    .about-banner, .contact-banner {
        padding: 50px 0;
        background: #09274a
    }

    .contact-banner {
        background-color: #1d3b83
    }

    .about-text {
        margin-top: 50px
    }

    .about-bg {
        background-image: unset !important;
        background-color: #fafafa
    }

    .vision-box {
        box-shadow: 0 3px 5px #2196f32e;
        margin-bottom: 30px;
        padding: 20px;
        min-height: unset
    }

    .about-insty {
        margin-bottom: 35px
    }

    .case-box-new:hover {
        transform: scale(1);
    }

    .blockquote-article {
        position: relative;
        top: unset !important
    }

    .resume-block .inner {
        padding-left: 70px;
        padding-bottom: 20px
    }

    .resume-block .separator1 {
        height: 253%
    }

    .contact-form-sec {
        padding: 35px 0
    }

    .border-left-box {
        border: 1px solid transparent
    }

        .border-left-box h4.sub-head {
            min-height: 50px
        }

    .bp-sec-1 .pl-50 {
        padding-left: 0px;
    }

    .partner-banner .offset-1 {
        margin-left: 0px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    .desk-services {
        display: block
    }

    .mob-services {
        display: none
    }

    .hire-models-newsec .hire-box img {
        width: 61%;
        height: 152px
    }
}

@media only screen and (min-width:1200px) and (max-width:1251px) {
    .navbar-expand-lg {
        padding: 0 20px
    }
}

@media only screen and (min-width:1251px) and (max-width:1310px) {
    .navbar-expand-lg {
        padding: 0 40px
    }
}

@media only screen and (min-width:1200px) and (max-width:1300px) {
    .two-sec-list li {
        min-height: 70px
    }

    .icon-tabs.tools-tab-sec.technologies-sec .col-lg-2 {
        width: 11.666%
    }

    .icon-tabs.tools-tab-sec .nav-link {
        padding: .5rem 2rem
    }

    .logo-sec img {
        height: 60px
    }

    .menu-sec {
        padding-left: 70px
    }

    .port-text li {
        font-size: 14px;
    }

    .port-text-top {
        padding: 10px 10px 0px 20px;
    }

    .port-text h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .content .port-text li::before {
        height: 6px;
        position: relative;
        top: -3px;
        width: 6px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .logo-sec img {
        height: 60px
    }

    .menu-sec {
        padding-left: 70px
    }

    .icon-tabs.tools-tab-sec .nav-link {
        padding: .5rem 2rem
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .skills-tools-sec .tech-sec-box .sub-head {
        font-size: 15px !important
    }

    .tech-sec-box, .training-body p {
        min-height: 75px
    }

    .inline-icontext-box {
        min-height: 200px
    }

    .skil-indstry-sec .inline-text-sec .sub-head {
        min-height: 50px
    }

    .join-box p {
        min-height: 130px
    }

    .tech-img-sec img {
        width: 55px
    }

    .tech-img-sec {
        margin-right: 18px
    }

    .port-text li {
        font-size: 14px;
    }

    .port-text-top {
        padding: 10px 10px 0px 20px;
    }

    .port-text h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .content .port-text li::before {
        height: 6px;
        position: relative;
        top: -3px;
        width: 6px;
    }

    .port-text-down span {
        font-size: 14px;
    }

    .case-box-new .tag span {
        font-size: 10px;
    }

    .case_img span {
        font-size: 14px !Important;
    }
}

.btn-common::after {
    content: '\f105';
    padding-left: 4px;
    font-family: FontAwesome;
    font-weight: bold;
    color: #000;
}
.btn-common:hover::after {
    color: #fff; /* white on hover */
}
/* SECTION BACKGROUND */
.why-nextwebi-section {
    background: radial-gradient( circle at top right, rgba(255, 255, 255, 0.08), transparent 40% ), linear-gradient(135deg, #071a2f, #0b2c4f);
    color: #ffffff;
    position: relative;
    padding: 100px 0px;
}

.floting-left {
    position: absolute;
    bottom: 50px;
    left: 10px;
    transform: rotate(82deg);
    filter: invert(1);
    animation: upDown 4s ease forwards infinite;
}

.floting-top {
    position: absolute;
    top: 500px;
    left: 10px;
    transform: rotate(82deg);
    filter: invert(1);
    animation: upDown 4s ease forwards infinite;
}
/* TITLES */
/* .section-title {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.2;
}

.section-title span {
  color: #ffcc4d;
} */

.section-description {
    color: #cfd8e3;
    max-width: 520px;
}

/* BUTTONS */
.btn-primary-custom {
    background-color: #ffcc4d;
    color: #000;
    font-weight: 600;
    padding: 12px 22px;
    border-radius: 10px;
    border: none;
}

    .btn-primary-custom:hover {
        background-color: #e6b63f;
        color: #000;
    }

.btn-outline-custom {
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 6px 22px;
    border-radius: 6px;
}

    .btn-outline-custom:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff
    }

/* FEATURE CARDS */
.feature-card {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 22px;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .feature-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    }

    .feature-card h5 {
        margin-top: 14px;
        font-size: 20px;
        font-weight: 600;
        color: white;
    }

    .feature-card p {
        font-size: 16px;
        color: #ffffff;
        margin-bottom: 0;
    }

/* ICONS */
.icon-circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #ffcc4d;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 1.3em;
}

.stickyrrr {
    position: sticky;
    top: 100px;
}

.testi-text-sec p {
    color: #fff;
}

.banner-text h1 {
    color: #fff;
}

.banner-text p {
    color: #fff;
}

/* Sticky state */
.header-sec.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    animation: slideDown 0.3s ease;
}

/* Smooth slide animation */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.services-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
    flex-wrap: wrap;
}

    .services-list label {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        line-height: 20px;
        cursor: pointer;
    }

    .services-list input {
        width: 18px;
        height: 18px;
    }

.banner-text .btn-no-bg:hover {
    color: #fff !important;
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}


.process-section {
    padding: 80px 0;
    text-align: center;
}




/* ===== Grid ===== */



/* ===== Card ===== */

.process-card {
    padding: 80px 20px 10px;
    border-radius: 8px;
    text-align: left;
    height: 100%;
    transition: 0.3s;
    position: relative;
    box-shadow: rgba(200, 200, 200, 0.4) 0px 0px 0px 2px, /* light gray outline */
    rgba(180, 180, 180, 0.65) 0px 4px 6px -1px, /* soft shadow */
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset; /* subtle inner highlight */
}

    /* Arrow after each card */
    .process-card::after {
        content: "\f061";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        right: -22px;
        top: 50%;
        z-index: 999;
        transform: translateY(-50%);
        font-size: 22px;
        color: #032d60;
    }

/* Target 4th card in grid */
.row > div:nth-child(4) .process-card::after {
    right: 50%;
    bottom: -30px;
    top: unset;
    transform: rotate(90deg);
}

.row > div:nth-child(5) .process-card::after {
    left: 50%;
    bottom: 50%;
    top: unset;
    transform: rotate(180deg);
}

.row > div:nth-child(6) .process-card::after {
    left: 50%;
    bottom: 50%;
    top: unset;
    transform: rotate(180deg);
}

/* Remove arrow on last card */
.row > div:last-child .process-card::after {
    content: "";
}

.process-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

/* ===== Step Number ===== */


.step {
    font-size: 18px;
    font-weight: 700;
    background: #fece1a;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    left: -2px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    top: 20px;
    padding: 6px 24px;
    letter-spacing: 3px;
    position: absolute;
    color: #000;
    margin-bottom: 10px;
}

/* ===== Text ===== */

.process-card h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
    font-weight: 600;
}

.process-card p {
    color: #000;
    line-height: 1.6;
    font-size: 15px;
}

/* ===== Responsive ===== */

@media (max-width: 768px) {
    .section-title {
        font-size: 32px;
    }

    .process-section {
        padding: 60px 0;
    }
}

.main-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1rem;
}

    .main-grid .feature-grid {
        grid-template-columns: repeat(1,1fr);
    }

        .main-grid .feature-grid .feature-card {
            height: 100px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .main-grid .feature-grid .feature-card h5 {
                margin: 0px !important;
                font-size: 16px !important;
                line-height: 24px !important;
            }

.highlight1 {
    color: #facc15;
    font-weight: 800;
    font-size: 1.15em;
}

.feature-grid h4 {
    border-left: 4px solid #facc15;
    border-right: 4px solid #facc15;
    padding: 10px 20px;
    font-weight: 600;
    text-align: center;
    border-top: .5px solid #5d5d5d;
    border-bottom: .5px solid #5d5d5d;
}

/* */


.ai-section {
    padding: 70px 20px;
    background: #ffffff;
}

.row-gap-guttor {
    row-gap: 24px;
}
/* Heading */
.ai-title {
    font-size: 34px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 15px;
}

.ai-subtext {
    font-size: 18px;
    color: #475569;
    margin-bottom: 40px;
    line-height: 1.6;
}

/* Feature Grid */
.ai-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-bottom: 35px;
}

/* Feature Card */
.ai-card {
    background: #0f172a;
    color: #e2e8f0;
    padding: 24px 22px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .ai-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 35px rgba(0,0,0,0.2);
    }

    .ai-card h4 {
        margin: 0 0 12px;
        font-size: 20px;
        font-weight: 700;
        color: #facc15; /* yellow highlight */
    }

    .ai-card p {
        margin: 0;
        font-size: 16px;
        line-height: 1.6;
        color: #cbd5f5;
    }

/* Closing Statement */
.ai-footer {
    font-size: 20px;
    font-weight: 600;
    color: #0f172a;
    text-align: center;
    margin-top: 20px;
}

    .ai-footer strong {
        color: #facc15;
    }

/* Responsive */
@media (max-width: 768px) {
    .ai-title {
        font-size: 28px;
    }

    .ai-subtext {
        font-size: 16px;
    }
}

.industries-section {
    padding: 70px 20px;
    background: #ffffff;
}




/* Grid */
.industries-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 28px;
}

/* Card */
.industry-card {
    background: #0f172a;
    color: #e2e8f0;
    padding: 28px 24px;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.18);
    transition: all 0.28s ease;
    position: relative;
    overflow: hidden;
}

    .industry-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 18px 40px rgba(0,0,0,0.25);
    }

    /* Accent line */
    .industry-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 100%;
        background: linear-gradient(180deg, #facc15, #f59e0b);
    }

    .industry-card h4 {
        margin: 0 0 12px;
        font-size: 20px;
        font-weight: 700;
        color: #facc15;
    }

    .industry-card p {
        margin: 0;
        font-size: 16px;
        line-height: 1.6;
        color: #cbd5e1;
    }

/* Responsive */
@media (max-width: 768px) {
    .section-title {
        font-size: 28px;
    }

    .section-subtitle {
        font-size: 16px;
    }
}

.service-card.style2 {
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    transition: all 0.4s ease;
}

    .service-card.style2 .icon {
        border-radius: 8px;
        border: 1px solid #fece1a;
        background: #fece1a;
        width: 70px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        margin-bottom: 20px;
        transition: all 0.4s;
    }

        .service-card.style2 .icon img {
            width: 40px;
            height: 40px;
            transition: all 0.4s;
        }

    /* Hover effect: dark blue filter */
    .service-card.style2:hover .icon img {
        filter: brightness(0) saturate(100%) invert(10%) sepia(40%) saturate(5000%) hue-rotate(200deg) brightness(90%) contrast(90%);
    }


    /* Title */
    .service-card.style2 h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 12px;
        line-height: 1.4;
    }

        .service-card.style2 h3 a {
            color: var(--title-color);
            text-decoration: none;
            transition: all 0.3s ease;
        }


    /* Description */
    .service-card.style2 p {
        font-size: 15px;
        color: var(--body-color);
        line-height: 1.7;
        margin-bottom: 18px;
    }



    .service-card.style2:hover .icon {
        background: #fff;
        border-color: #0a2e49;
    }


#rotating-item-wrapper1 img {
    height: 550px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


.features-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px; /* spacing between boxes */
}

    .features-grid .head-text-box {
        background: #fff;
        backdrop-filter: blur(10px);
        border-radius: 16px;
        padding: 22px;
        height: 100%;
        border: 1px solid rgba(255, 255, 255, 0.12);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .features-grid .head-sec .sub-head {
        margin-bottom: 10px;
        color: #0b223a;
    }

    .features-grid .border-head {
        width: 50px;
        height: 3px;
        background-color: #fece1a;
        margin-bottom: 15px;
    }

.head-text-box p {
    font-size: 16px;
    color: #000;
}

.left-right-cntimgsec .image {
    position: relative;
    z-index: 1;
}

    .left-right-cntimgsec .image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        box-shadow: 0 2px 12px #0000001f;
        border-radius: 6px;
    }

    .left-right-cntimgsec .image .img-blue-bg {
        background: transparent linear-gradient(139deg, #223c81, #149bd7 85%, #169bd7) 0 0 no-repeat padding-box;
        border-radius: 6px;
        width: 92%;
        position: absolute;
        top: 15px;
        bottom: -8px;
        left: -8px;
        right: unset;
        z-index: -1;
        margin-left: auto;
    }

.banner-text h6 {
    border-left: 4px solid #fece1a;
    padding: 3px 10px;
}

.jobs-banner .banner-text h1 {
    color: #032d60 !important;
}

.jobs-banner .banner-text p {
    color: #032d60 !important;
}

.jobs-banner .btn-common::after {
    color: #000 !important;
}

.jobs-banner .banner-btn-sec .btn-common a {
    color: #000 !important;
}

/* SECTION */
.payment-section {
    padding: 80px 0;
    background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);
    position: relative;
}

.payment-card-modern {
    margin-bottom: 40px;
    border-radius: 16px;
    z-index: 1;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}


.payment-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
}
/* MODERN CARD */
.payment-card-modern {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #fff;
    padding: 50px;
    margin-bottom: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06), 0 2px 10px rgba(0,0,0,0.04);
    transition: 0.35s ease;
}

    .payment-card-modern:hover {
        transform: translateY(-8px);
        box-shadow: 0 25px 60px rgba(0,0,0,0.12);
    }

/* TEXT CONTENT */
.payment-content h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #111;
}

.payment-content p {
    color: #555;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 28px;
    max-width: 520px;
}

/* MODERN BUTTON */
.btn-modern {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 40px;
    background: linear-gradient(135deg, #0070ba, #00a8ff);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

    .btn-modern:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(0,112,186,0.35);
    }

/* IMAGE BOX */
.payment-image {
    background: #f4f7fb;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
}

    .payment-image img {
        max-width: 320px;
        height: auto;
    }

/* RESPONSIVE */
@media (max-width: 991px) {
    .payment-card-modern {
        flex-direction: column;
        text-align: center;
        padding: 35px;
    }
    .feature-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .gap-3{
        gap:10px;
    }
    .services-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
        flex-wrap: wrap;
    }
    .why-nextwebi-section{
        padding:60px 0px;
    }
    .mob-logo img {
        max-width: 40%;
        margin-top: 6px;
    }

    .payment-content p {
        max-width: 100%;
    }

    .payment-image {
        width: 100%;
    }

    .banner-part-1.home-slide {
        padding: 50px 0px;
    }

    .banner-part-2.home-slide {
        padding: 50px 0px;
    }

    .banner-part-3.home-slide {
        padding: 50px 0px;
    }

    .banner-part-4.home-slide {
        padding: 50px 0px;
    }
}
/* ===== WHY SECTION ===== */
.why-section {
    padding: 60px 0;
    background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
}

/* Header */


.section-header p {
    font-size: 16px;
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto 50px;
}



.solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0 auto;
}
/* ── SOLUTION CARD UNIQUE DESIGN ── */
.solution-card {
    background: linear-gradient(135deg, #002542, #004f9e);
    color: #fff;
    padding: 40px 25px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

    .solution-card:hover {
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0 20px 40px rgba(0,0,0,0.25);
    }

/* Floating circular icon */
.solution-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    padding: 15px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.solution-card:hover .solution-icon {
    transform: rotate(10deg) scale(1.1);
}

/* Card heading */
.solution-card h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}

/* Features list */
.solution-card ul {
    list-style: none;
    padding: 0;
    margin-left: 30px;
    margin-bottom: 20px;
    width: 100%;
    text-align: left;
}

    .solution-card ul li {
        margin-bottom: 12px;
        padding-left: 10px;
        position: relative;
        font-size: 15px;
    }

        .solution-card ul li::before {
            position: absolute;
            left: 0;
            top: -8px;
            color: #ffd700; /* gold star */
            font-weight: bold;
        }

/* Perfect for text */
.perfect-for {
    font-size: 13px;
    font-style: italic;
    color: rgba(255,255,255,0.85);
    margin-bottom: 20px;
}

/* CTA Button */
.solution-card .btn {
    padding: 12px 30px;
    background: #ffd700;
    color: #222;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.3s ease;
}

    .solution-card .btn:hover {
        background: #ffc107;
        transform: scale(1.05);
    }

/* Optional: Floating shapes in the background */
.solution-card::after {
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
    top: -10%;
    left: -10%;
    z-index: 0;
}

.solution-card * {
    position: relative;
    z-index: 1;
}


.whatsapp-services {
    padding: 60px 0px;
}

.crm-services-section {
    background: #f8f9fb;
}

.crm-card {
    background: #ffffff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e4e7ec;
    height: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.04);
    text-align: left;
}

.crm-img {
    width: 100%;
    border-radius: 4px;
    object-fit: cover;
    margin-bottom: 20px;
}

.crm-card h4 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #002542;
}

.crm-card p {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 15px;
}

.crm-card ul {
    list-style: none;
    margin-left: 20px;
    padding-left: 0;
}

    .crm-card ul li {
        font-size: 14px;
        margin-bottom: 8px;
        color: #333;
    }

.crm-card:hover {
    transform: translateY(-8px);
    border-color: #002542;
    box-shadow: 0 12px 30px rgba(0, 37, 66, 0.15);
}

.crm-services-section {
    padding: 60px 0px;
}


.industries-icon-section {
    background: #fff;
    padding: 60px 0px;
}

.industry-icon-card {
    background: #ffffff;
    padding: 35px 25px;
    border-radius: 16px;
    border: 1px solid #e4e7ec;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}

.industry-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: rgba(0, 37, 66, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #002542;
    transition: all 0.3s ease;
}

.industry-icon-card h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #002542;
}

.industry-icon-card p {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 0;
}

/* Hover Effects */
.industry-icon-card:hover {
    transform: translateY(-8px);
    border-color: #002542;
    box-shadow: 0 12px 30px rgba(0,37,66,0.15);
}

    .industry-icon-card:hover .industry-icon {
        background: #002542;
        color: #ffffff;
    }



/* ===============================
   MEGA WRAPPER
=================================*/
.nx-mega {
    padding: 15px;
    border-radius: 12px;
    margin: auto;
}

.nx-mega-inner {
    display: flex;
    gap: 40px;
}

/* ===============================
   LEFT TABS
=================================*/
.nx-left {
    width: 360px;
    border-right: 1px solid #ddd;
    padding-right: 20px;
}

.nx-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 14px 18px;
    margin-bottom: 10px;
    border-radius: 10px;
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 15px;
    color: #333;
    position: relative;
    transition: 0.3s ease;
}

    /* Hover background */
    .nx-link:hover {
        background: #e6e6e6;
        color: #0b57d0;
    }

    /* Active state */
    .nx-link.active {
        background: #122b46;
        color: #fff;
    }

.nx-tab ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
/* ===============================
   ARROW (Hover + Active)
=================================*/
.nx-link::after {
    content: "→";
    opacity: 0;
    transform: translateX(-6px);
    transition: 0.3s ease;
}

    /* Show arrow on hover */
    .nx-link:hover::after {
        opacity: 1;
        transform: translateX(0);
    }

    /* Show arrow when active */
    .nx-link.active::after {
        opacity: 1;
        transform: translateX(0);
    }

/* ===============================
   RIGHT CONTENT
=================================*/
.nx-right {
    flex: 1;
}

.nx-tab {
    display: none;
}

    .nx-tab.active {
        display: block;
    }

    .nx-tab h2 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    /* ===============================
   CUSTOM LIST STYLE
=================================*/
    .nx-tab ul {
        margin-top: 10px;
        padding-left: 0;
        list-style: none;
    }

    .nx-tab li {
        margin-bottom: 10px;
        position: relative;
        padding-left: 16px;
    }

        /* Yellow square bullet */
        .nx-tab li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 7px;
            width: 8px;
            height: 8px;
            background-color: #fece1a;
        }

.banner-text.sharepoint-text-color h1 {
    color: #000;
}

p.sharepoint-para {
    color: #000;
}

.btn-no-bg.btn-common a {
    color: white;
}

p.mb-5.para-text {
    color: black;
}

.btn-common-dark {
    color: #000 !important;
}

.font-bold.font-bold-dark {
    color: #000 !important;
}

.btn-no-bg.dark-link a {
    color: #000 !important;
}

.btn-no-bg.btn-common-dark a {
    margin-top: 10px;
}
/*contnet banner */
@media (max-width: 991px) {
    .top-banner .row {
        flex-direction: column;
    }

    .banner-text-sec {
        width: 100%;
    }

    .banner-img-sec {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mob-enqry {
        position: absolute;
        top: 43px;
        right: 79px;
        margin: auto;
        text-align: center;
    }
}


/*about us section 992 device responaive*/
@media (max-width: 992px) {

    .service-main-left {
        margin-bottom: 20px;
    }

        .service-main-left .nav {
            flex-direction: row !important;
            flex-wrap: nowrap;
            overflow-x: auto;
            white-space: nowrap;
        }

        .service-main-left .nav-link {
            margin-right: 10px;
            font-size: 14px;
            padding: 8px 12px;
        }


    .service-main-left,
    .service-main-right {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .service-text {
        padding: 10px;
    }

        .service-text h3 {
            font-size: 22px;
        }

        .service-text p {
            font-size: 15px;
            line-height: 1.6;
        }
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .mob-logo {
        padding: 20px 10px 20px 20px;
    }
}

@media only screen and (min-width: 567px) and (max-width: 991px) {
    .mob-logo {
        padding: 20px 10px 20px 20px;
    }
}

.equal-height-card a {
    height: 100%;
    display: flex;
}

.col-lg-4.col-sm-6.digital-card, .col-lg-6.col-sm-6.digital-card {
    margin-bottom: 30px;
}

.home-fsbox.space-card {
    padding: 20px;
}

.tech-stack {
    border-radius: 12px;
    height:100%;
    background: #fff3f3;
    padding: 20px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

    .tech-stack h3 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 15px;
        margin-bottom: 20px;
        border-bottom: 1px solid #40333329;
    }

/* Grid layout */
.tech-app {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
}

/* Skill box */
.skill-sec {
    text-align: center;
    padding: 15px;
    margin-bottom: 0px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: 0.3s;
}

    .skill-sec:hover {
        transform: translateY(-5px);
    }

    .skill-sec img {
        width: 40px;
        margin-bottom: 10px;
    }

.skill-name {
    font-size: 14px;
    font-weight: 500;
}

.tech-stack {
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 0px 4px rgba(0,0,0,0.2);
}

/* Different colors for each card */

.col-lg-6:nth-child(1) .tech-stack {
    background: #fff3f3;
}

.col-lg-6:nth-child(2) .tech-stack {
    background: #f3f7ff;
}

.col-lg-6:nth-child(3) .tech-stack {
    background: #f3fff7;
}

.col-lg-6:nth-child(4) .tech-stack {
    background: #fff9f3;
}

.col-lg-6:nth-child(5) .tech-stack {
    background: #f7f3ff;
}

.col-lg-6:nth-child(6) .tech-stack {
    background: #f3ffff;
}

.testimonial-section {
    padding: 100px 0;
    background: #f6f9fc;
}

.testimonial-card {
    background: #fff;
    padding: 40px;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    position: relative;
    height: 100%;
    transition: 0.3s;
}

    .testimonial-card:hover {
        box-shadow: 0 20px 60px rgba(0,0,0,0.12);
    }

.testimonialSwiper {
    padding: 20px 0px !important;
}

.quote-icon {
    font-size: 60px;
    color: #0b2c4f;
    position: absolute;
    top: 26px;
    left: 20px;
    opacity: 0.9;
    font-weight: bold;
}

.testimonial-card p {
    font-size: 16px;
    line-height: 1.7;
    margin-top: 20px;
    color: #555;
}

.client-info {
    margin-top: 25px;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

    .client-info h4 {
        font-size: 18px;
        margin-bottom: 2px;
        font-weight: 600;
    }

    .client-info span {
        font-size: 14px;
        color: #888;
    }



/* Swiper Rounded Navigation Arrows */

.common-blog-sec .swiper-button-next,
.common-blog-sec .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    color: #000;
    top: 40%;
    transform: translateY(-50%);
}

/* Position */
.common-blog-sec .swiper-button-prev {
    left: 0px;
}

.common-blog-sec .swiper-button-next {
    right: 0;
}


    .common-blog-sec .swiper-button-next:after,
    .common-blog-sec .swiper-button-prev:after {
        font-size: 18px;
        font-weight: bold;
    }

    /* Hover Effect */
    .common-blog-sec .swiper-button-next:hover,
    .common-blog-sec .swiper-button-prev:hover {
        background: #000;
        color: #fff;
        border-color: #000;
        transition: all 0.3s ease;
    }


.video-section {
    position: relative;
    background: unset !important;
}

.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    z-index: -1;
}
/* Pagination container */
.tech-swiper .swiper-pagination {
    bottom: 20px !important; /* distance from bottom of swiper */
    text-align: center;
}

/* Pagination bullets */
.tech-swiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ccc; /* inactive bullet color */
    opacity: 1; /* remove default transparency */
    margin: 0 6px;
    border-radius: 50%; /* round bullets */
    transition: all 0.3s ease;
}

/* Active bullet */
.tech-swiper .swiper-pagination-bullet-active {
    background: #ff5722; /* active color */
    transform: scale(1.3); /* bigger active bullet */
}

/* Optional: hover effect */
.tech-swiper .swiper-pagination-bullet:hover {
    background: #ff8a50;
    cursor: pointer;
}
.tech-swiper{
    padding:30px 0px 80px !important;
}

.desk-navbar {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}