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

.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;
    display: inline-block;
    position: relative;
    transition: .5s
}

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

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

.btn-no-bg::after, .fa-small-arrow::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: #000
    }

.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: 10px 20px;
    margin-bottom: 30px;
    transition: .5s;
    min-height: 100px
}

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

.icon-text p {
    font-size: 18px;
    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 #0098ca;
        border-bottom: 1px solid #0098ca;
        right: 15px;
        bottom: 30px
    }

    .icon-box-design-1:hover::after {
        border-left: 1px solid #0098ca;
        border-top: 1px solid #0098ca;
        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
}

.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: #094e91;
    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-size: cover
}

.banner-part-1::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: #000;
    line-height: 28px;
    margin: 5px 0 15px
}

.sub-head-1 {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    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: #1a73e8 !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: #000 !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: #1a73e8;
        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: #000
    }

.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: 70px;
        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%;
    height: 375px;
    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: 24px 50px;
    min-height: 351px
}

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

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

.blog-btn-sec a {
    float: right;
    color: #0098ca;
    transition: .5s
}

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

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

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

.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);
    display: block;
    margin-bottom: 1rem
}

.employee-reviews .testi-text-sec h3, .testi-text h3 {
    font-size: 20px;
    font-weight: 600;
    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: #1a73e8;
        border: 1px solid #1a73e8
    }

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

.ftr-list h3 {
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 30px
}

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

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

.ftr-social .social-links li a {
    color: #58595b
}

.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: #000;
    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
}

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

.cal-sec .img-sec {
    width: 18%;
    margin-right: 8px
}

.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 2px 5px 0 rgb(17 121 239 / 20%);
    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;
}

.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: #f1f4f9;
    border: 1px solid rgb(0 0 0 / 5%);
    font-weight: 500;
    color: #000
}

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

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

    .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 #1a73e8;
    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: #1a73e8;
        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,#1a73e8 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;
    filter: grayscale(100)
}

.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: #1a73e8;
    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: #1a73e8;
        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: #000;
    color: #000;
    transition: .45s ease-out
}

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

.related-sbox .head-box {
    padding: 20px;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 7%);
    border-left: 9px solid #00a8e7;
    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;
        min-height: 160px
    }

.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;
    transition: .5s;
    position: relative;
    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: 18px;
    font-weight: 600;
    color: #000;
    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: #000;
        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: #094e91;
    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: #094e91 !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
}

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

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

    .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: 26px;
    margin-bottom: 0;
    background: #00000057;
    display: initial;
    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;
            text-align: center;
            margin: auto;
            display: block;
            padding-top: 100px
        }

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

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

.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: #e5f7ff !important;
    padding: 16px 20px 16px 35px;
    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-image: url(../img/about/bg-01.png);
    background-position: center;
    background-repeat: no-repeat;
    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(../img/banner/web-development-company.jpg) !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
}

.mob-app-banner {
    background-image: url(../img/banner/mobile-application-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.html) !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
}

.main-pageservices .service-lbox ul, .pmh-220 .service-lbox p {
    min-height: 220px
}

.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: #f8f9fa
    }

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

.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: #1a73e8;
    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: 20%
}

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

.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: 20px;
    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: #1a73e8;
    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: #000
}

.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: #1a73e8;
        
            display: block;
            width: 100%;
            text-align: center;
            color: #ffffff;
            /*  background: linear-gradient(#0000008a, #000);*/
        }
.ione {
    background: #1a73e8;
}
.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
        }

        .banner-part-1, .banner-part-1.p-0, .banner-part-2, .bg-banner-part, .internship-banner.ptb-100, .team-banner {
            padding: 40px 0 !important
        }

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

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

        .banner-part-1::before {
            height: 107px;
            width: 81px
        }

        .banner-part-1::after {
            height: 80px;
            width: 80px
        }

        .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: 35px;
            line-height: 40px
        }

        .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: 30px;
            line-height: 35px
        }

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

        .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 {
            background-image: unset !important;
            background-color: #fafafa !important
        }

        .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 #1a73e8
            }

        .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 {
                padding: 40px 0 !important
            }

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

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

        .banner-part-1.home-slide, .why-solution-sec {
            background-image: unset !important;
            background-color: #fafafa !important
        }

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