@media (min-width:992px) and (max-width:1440px) {

    .new-technology-section figure img {

        max-width: 800px

    }



    .new-gallery-sec {

        width: 100% !important;

        margin-top: 20px

    }

}



@media (min-width:1280px) and (max-width:1439px) {

    .new-blog-detail-banner .new-author-detail-sec h1 {

        font-size: 46px;

        line-height: 56px;

    }



    .new-entry-content h2, .new-entry-content h2 b {

        font-size: 26px;

        line-height: 38px;

    }



    .new-entry-content h3, .new-entry-content h3 b {

        font-size: 23px;

        line-height: 34px;

    }



    .hire-team-different-sec .hire-team-box {

        max-width: 1045px;

        margin: 0 auto

    }



    .hire-team-different-sec .hire-team-box .inner-team-box {

        max-width: 500px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-left-sec {

        width: 110px;

        height: 90px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-left-sec img {

        width: 50px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec {

        max-width: 385px;

        width: 85%

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec h3 {

        font-size: 21px;

        line-height: 28px;

        margin-bottom: 8px

    }



    .hire-dev-main-sec .step-first p, .hire-dev-main-sec .step-second p, .hire-dev-main-sec .step-third p, .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec p {

        font-size: 16px;

        line-height: 24px

    }



    .hire-dev-main-sec .step-first .hire-img-sec, .hire-dev-main-sec .step-second .hire-img-sec {

        width: 100%;

        height: 200px;

        text-align: center

    }



    .hire-dev-main-sec .step-third .hire-img-sec {

        width: 100%;

        height: 190px;

        text-align: center

    }



    .hire-dev-main-sec .hire-img-sec img {

        width: 200px

    }



    .hire-dev-main-sec {

        gap: 30px

    }



    .hire-dev-main-sec .step-first .hire-img-sec h3 {

        width: 150px

    }



    .hire-dev-main-sec .step-second .hire-img-sec h3 {

        width: 145px;

        margin-left: 10px

    }



    .option-stckup-table .option-data {

        max-width: 1050px;

        margin: 0 auto

    }



    .option-stckup-table .option-data tr th {

        font-size: 18px;

        line-height: 28px;

        padding: 12px 18px

    }



    .option-stckup-table .option-data tr td {

        height: 60px;

        font-size: 18px;

        line-height: 25px;

        padding: 12px 18px

    }

}



@media (min-width:992px) and (max-width:1279px) {

    .digital-blog-section .row, .new-blog-listing .row, .new-solution-section .row, .new-why-seven-square .row {

        justify-content: center

    }



    .new-container {

        padding-left: 25px;

        padding-right: 25px

    }



    .col-md-4.new-service-content-sec {

        padding: 20px 25px;

        border-radius: 20px;

        max-width: 300px

    }



    .col-md-4.new-service-content-sec:nth-child(2), .col-md-4.new-service-content-sec:nth-child(5) {

        margin-left: 14px;

        margin-right: 14px

    }



    .col-md-4.new-service-content-sec h3 {

        font-size: 20px;

        line-height: 28px;

        margin: 12px 0 16px

    }



    .col-md-4.new-service-content-sec p, .contact-submit-btn input[type=submit], .hero-content-section p, .hire-dev-main-sec .step-first p, .hire-dev-main-sec .step-second p, .hire-dev-main-sec .step-third p, .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec p {

        font-size: 16px;

        line-height: 24px

    }



    section.new-solution-section {

        padding: 0 0 30px

    }



    .build-offshore-section .build-content-sec h2, .hero-content-section h1, .new-custom-software-section .custom-inner-sec h2 {

        font-size: 34px;

        line-height: 42px

    }



    .btn-hero-schedule a {

        width: 180px;

        padding: 16px 12px

    }



    .btn-hero-schedule::after {

        width: 180px;

        height: 52px

    }



    .new-hero-section .hero-image-section {

        margin-top: 0

    }



    .new-hero-section .hero-image-section img {

        width: 900px

    }



    .hero-content-section {

        top: 72px

    }



    .digital-blog-section, section.new-industry-section {

        padding: 70px 0 30px

    }



    .new-case-study-section h2, .new-delivering-section h2, .new-tech-solution-section h2, .new-who-we-are h2, section.new-industry-section .industry-inner-sec h2, section.new-solution-section h2 {

        font-size: 34px;

        line-height: 45px;

        margin-bottom: 10px

    }



    .new-case-study-section .new-case-txt, .new-delivering-section .new-case-txt, .new-tech-solution-section .new-case-txt {

        font-size: 18px;

        line-height: 28px;

        margin-bottom: 30px

    }



    .new-case-study-section .row {

        margin-left: 0;

        margin-right: 0;

        gap: 0 18px

    }



    .col-md-4.new-case-sec {

        padding: 15px;

        max-width: 100%;

        width: 32%

    }



    .col-md-4.new-case-sec .inner-case p {

        font-size: 17px;

        line-height: 26px;

        margin-left: 20px;

        margin-bottom: 0

    }



    .col-md-4.new-case-sec:nth-child(2) {

        margin: 0

    }



    section.new-solution-section .new-service-txt {

        padding-bottom: 30px

    }



    .new-who-we-are h2 {

        margin-bottom: 10px

    }



    .main-offshore-dev .first-offshore-dev img, .main-offshore-dev .second-offshore-dev img, section.new-industry-section .industry-inner-sec .row .col-md-2 img {

        width: 120px

    }



    .who-we-are-exp-section {

        width: 100% !important;

        height: 490px !important

    }



    .who-we-are-content {

        padding-top: 40px

    }



    .who-we-are-exp-section .who-we-are-boxs {

        max-width: 430px;

        margin-bottom: 45px

    }



    .who-we-are-exp-section .who-we-are-boxs .box-sec-1, .who-we-are-exp-section .who-we-are-boxs .box-sec-2, .who-we-are-exp-section .who-we-are-boxs .box-sec-3, .who-we-are-exp-section .who-we-are-boxs .box-sec-4, .who-we-are-exp-section .who-we-are-boxs .box-sec-5, .who-we-are-exp-section .who-we-are-boxs .box-sec-6, .who-we-are-exp-section .who-we-are-boxs .box-sec-7 {

        width: 100px;

        height: 100px

    }



    .who-we-are-boxs .box-sec-3 .arrow-sec-3 p, .who-we-are-boxs .box-sec-5 .arrow-sec-5 p, .who-we-are-boxs .box-sec-7 .arrow-sec-7 p, .who-we-are-boxs .main-who-we-are .arrow-sec-1 p, .who-we-are-boxs .main-who-we-are .arrow-sec-6 p, .who-we-are-exp-section .who-we-are-boxs .box-sec-1 h3, .who-we-are-exp-section .who-we-are-boxs .box-sec-3 h3, .who-we-are-exp-section .who-we-are-boxs .box-sec-7 h3 {

        font-size: 14px;

        line-height: 18px

    }



    .who-we-are-boxs .main-who-we-are .arrow-sec-1, .who-we-are-boxs .main-who-we-are .arrow-sec-6 {

        left: -130px

    }



    .who-we-are-boxs .main-who-we-are .arrow-sec-1 svg, .who-we-are-boxs .main-who-we-are .arrow-sec-6 svg {

        width: 180px

    }



    .who-we-are-boxs .main-who-we-are .arrow-sec-6 p {

        max-width: 170px

    }



    .who-we-are-exp-section .who-we-are-boxs .box-sec-2 img, .who-we-are-exp-section .who-we-are-boxs .box-sec-4 img, .who-we-are-exp-section .who-we-are-boxs .box-sec-5 img, .who-we-are-exp-section .who-we-are-boxs .box-sec-6 img {

        width: 60px

    }



    .who-we-are-boxs .box-sec-3 .arrow-sec-3 {

        right: -210px

    }



    .who-we-are-boxs .box-sec-5 .arrow-sec-5, .who-we-are-boxs .box-sec-7 .arrow-sec-7 {

        right: -235px

    }



    .new-who-we-are p {

        font-size: 16px;

        line-height: 28px;

        margin-bottom: 0

    }



    .new-contact-us .new-contact-inner-content .new-contact-right-sec {

        margin-left: 35px

    }



    .col-md-4.popular-service-sec .service-link, .inner-journey-sec .left-journey-sec .col-md-6.journey-box p, .inner-journey-sec .right-journey-sec .col-md-12.journey-box p, .new-contact-left-sec .new-sales-detail-sec .detail-sec .inner-detail-sec a {

        font-size: 16px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .project-section {

        padding: 32px 40px 27px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form input.phone {

        width: 414px

    }



    .new-contact-left-sec .new-sales-detail-sec h3 {

        font-size: 16px;

        height: 32px

    }



    .new-contact-us h1 {

        font-size: 38px;

        line-height: 40px;

        margin-bottom: 70px

    }



    .new-contact-left-sec .new-problem-solving-sec .problem-content-sec h2 {

        font-size: 22px;

        line-height: 30px

    }



    .eighth-methology-sec .lead-generation-2 h3, .fifth-methology-sec .lead-generation-1 h3, .first-methology-sec .lead-generation-1 h3, .fourth-methology-sec .lead-generation-2 h3, .new-contact-left-sec .new-problem-solving-sec .problem-content-sec h3, .nighth-methology-sec .lead-generation-1 h3, .second-methology-sec .lead-generation-2 h3, .seventh-methology-sec .lead-generation-1 h3, .sixth-methology-sec .lead-generation-2 h3, .tenth-methology-sec .lead-generation-2 h3, .third-methology-sec .lead-generation-1 h3 {

        font-size: 16px;

        line-height: 22px

    }



    .new-contact-left-sec .new-problem-solving-sec .problem-content-sec p {

        font-size: 14px;

        line-height: 22px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .project-section h2 {

        font-size: 22px;

        line-height: 26px

    }



    .new-offices-sec h2 {

        font-size: 34px;

        line-height: 40px;

        margin-bottom: 12px

    }



    .new-offices-sec .offices-inner-sec {

        margin-top: 45px

    }



    .new-business-plateform-section .main-plateform-sec {

        height: 125px

    }



    .new-blog-listing .tab-row .tab-wrapper, .new-blog-listing .tab-row .tab-wrapper.blog-desk, .new-business-plateform-section .inner-plateform-sec {

        max-width: 850px

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec {

        width: 160px;

        height: 160px

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec::after {

        width: 190px;

        height: 190px

    }



    .new-business-plateform-section {

        padding: 90px 0

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec img {

        margin-bottom: 20px

    }



    section.new-tech-solution-section {

        padding: 30px 0

    }



    .inner-tech-solution {

        max-width: 800px;

        margin: 0 auto;

        justify-content: space-around;

        border: none;

        padding: 0

    }



    .new-solution-content-sec {

        max-width: 350px;

        width: 50%;

        border: 1px solid #eff0f6;

        padding: 30px 20px;

        border-radius: 16px;

        margin-bottom: 35px

    }



    .inner-tech-solution .solution-line {

        display: none

    }



    section.new-industry-section .industry-inner-sec .row {

        margin-top: 30px

    }



    .new-solution-content-sec p {

        min-height: 100px;

        margin-bottom: 20px

    }



    .new-delivering-section {

        padding: 30px 0 0

    }



    .new-delivering-section .col-md-6:last-child .new-testimonial {

        margin-right: 0

    }



    .new-delivering-section .row {

        margin-top: 140px

    }



    .award-section {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        padding: 12px !important

    }



    .award-section.upwork {

        top: 32%;

        max-width: 210px;

        height: 150px;

        right: 20px

    }



    .award-section .star-sec {

        margin: 12px 0;

        font-size: 17px

    }



    .award-section.clutch {

        max-width: 210px;

        height: 150px;

        top: 32%;

        left: 42%

    }



    .award-section.goodfirms {

        max-width: 210px;

        height: 150px;

        left: 20px;

        bottom: -115px

    }



    .award-section.google {

        max-width: 210px;

        height: 150px;

        bottom: -115px;

        left: 60%

    }



    footer.new-footer-section {

        margin-top: 50px

    }



    .digital-solution-header .inner-digital-solution, section.about-mission-section .inner-mission-sec {

        padding: 40px;

        height: 100%

    }



    .digital-solution-header .inner-digital-solution h1, section.about-mission-section .inner-mission-sec h1, section.about-mission-section .inner-mission-sec.web h1 {

        font-size: 36px;

        line-height: 50px

    }



    .digital-solution-header .inner-digital-solution h1 span::after {

        bottom: -8px

    }



    .digital-solution-header .inner-digital-solution p, .tech-boxes .tech-content-section.col-md-4 h3, section.about-mission-section .inner-mission-sec p {

        font-size: 22px;

        line-height: 32px

    }



    .digital-blog-section h2, .hire-developer-step-sec h2, .hire-sec-services h2, .hire-team-different-sec h2, .most-demanding-main-section h2, .new-development-growth h2, .new-faq-section h2, .option-stckup-section h2, .popular-main-section h2, .top-highlight-main-section h2, .trending-pick-main-section h2, section.new-service-development h2, section.new-why-seven-square h2 {

        font-size: 34px;

        line-height: 45px

    }



    .new-faq-section h2, section.new-web-development-section h2 {

        margin-bottom: 25px

    }



    .popular-main-section, .top-highlight-main-section {

        margin: 50px 0 70px

    }



    .col-md-4.new-digital-blog-sec .inner-case h3, .main-hire-hero-sec .hire-left-sec h3, .most-demanding-main-section .popular-amount-section .left-section p, .popular-main-section .popular-amount-section .left-section p, .top-highlight-main-section .popular-amount-section .left-section p, .trending-pick-main-section p {

        font-size: 20px;

        line-height: 28px

    }



    .most-demanding-main-section .popular-amount-section .right-section h3, .popular-main-section .popular-amount-section .right-section h3, .top-highlight-main-section .popular-amount-section .right-section h3, .trending-pick.inner-right-sec .right-section h3 {

        font-size: 80px;

        margin-bottom: 10px

    }



    .most-demanding-main-section .popular-amount-section .right-section p, .popular-main-section .popular-amount-section .right-section p, .top-highlight-main-section .popular-amount-section .right-section p {

        margin-bottom: 30px

    }



    .most-demanding-main-section .popular-amount-section .right-section .inner-right-sec h4, .popular-main-section .popular-amount-section .right-section .inner-right-sec h4, .top-highlight.inner-right-sec h4, .trending-pick.inner-right-sec h4 {

        font-size: 30px;

        line-height: 38px

    }



    .most-demanding-main-section .row, .popular-main-section .row, .top-highlight-main-section .row, .trending-pick-main-section .row {

        margin-left: 0;

        margin-right: 0

    }



    .col-md-4.popular-service-sec {

        width: 32%;

        padding: 20px 15px

    }



    .col-md-4.popular-service-sec h3 {

        font-size: 18px;

        line-height: 28px;

        margin: 16px 0 12px

    }



    #new-faq-que .accordion-body p, .col-md-4.new-digital-blog-sec .new-digital-blog-txt, .col-md-4.popular-service-sec p {

        line-height: 26px;

        font-size: 16px

    }



    .col-md-4.popular-service-sec p {

        min-height: 260px

    }



    .col-md-4.new-digital-blog-sec {

        padding: 25px 20px;

        width: 31%;

        max-width: 300px

    }



    .col-md-4.new-digital-blog-sec::after {

        width: 303px;

        height: 273px

    }



    .digital-blog-section h2 {

        text-align: center;

        margin-bottom: 35px

    }



    .new-case-study-section, .new-development-growth, .new-faq-section, .new-mvp-build-section, .new-process-mobile-section, .new-uiux-process-section, section.new-service-development, section.new-web-development-section, section.new-why-seven-square {

        padding: 50px 0

    }



    .case-study-dropdown .dropdown-button, .development-left-section p, .main-hire-hero-sec .hire-left-sec p, .main-hire-hero-sec .hire-left-sec ul li {

        font-size: 17px;

        line-height: 28px

    }



    .development-right-section .cross-platform-sec h3, .development-right-section .inner-right-sec p, .development-right-section .native-apps-sec h3, .inner-service-sec .service-box p {

        font-size: 15px;

        line-height: 22px

    }



    #new-faq-que .accordion-item {

        padding: 22px

    }



    #new-faq-que .accordion-button, .web-development-process .first-process h3, .web-development-process .second-process h3 {

        font-size: 18px;

        line-height: 22px

    }



    section.new-collabration-sec {

        padding: 50px 0 0

    }



    .new-collabration-sec h2 {

        font-size: 38px;

        line-height: 48px;

        max-width: 335px

    }



    .mobile-app-process-sec .mobile-first-process {

        left: 166px;

        rotate: 343deg

    }



    .mobile-app-process-sec .mobile-app-circle {

        width: 400px;

        height: 400px

    }



    .mobile-app-process-sec .mobile-app-circle .inner-circle {

        width: 290px;

        height: 290px

    }



    .mobile-app-process-sec .mobile-second-process {

        left: 62px;

        rotate: 348deg;

        bottom: 65px

    }



    .mobile-app-process-sec .mobile-third-process {

        left: 155px;

        top: 263px;

        rotate: 353deg

    }



    .mobile-app-process-sec .mobile-fourth-process {

        left: 319px;

        top: 173px;

        rotate: 357deg

    }



    .mobile-app-process-sec .mobile-fifth-process {

        right: 168px;

        top: 215px;

        rotate: 362deg

    }



    .mobile-app-process-sec .mobile-sixth-process {

        right: 101px;

        bottom: 158px;

        rotate: 365deg

    }



    .mobile-app-process-sec .mobile-seventh-process {

        right: 88px;

        bottom: -55px;

        rotate: 7deg

    }



    .mobile-app-process-sec .mobile-first-process img {

        width: 220px

    }



    .mobile-app-process-sec .mobile-fifth-process img, .mobile-app-process-sec .mobile-second-process img, .mobile-app-process-sec .mobile-seventh-process img {

        width: 300px

    }



    .mobile-app-process-sec .mobile-third-process img {

        width: 255px

    }



    .mobile-app-process-sec .mobile-fourth-process img {

        width: 260px

    }



    .mobile-app-process-sec .mobile-sixth-process img {

        width: 240px

    }



    .mobile-app-process-sec .mobile-fifth-process .mobile-process-content img, .mobile-app-process-sec .mobile-first-process .mobile-process-content img, .mobile-app-process-sec .mobile-fourth-process .mobile-process-content img, .mobile-app-process-sec .mobile-second-process .mobile-process-content img, .mobile-app-process-sec .mobile-seventh-process .mobile-process-content img, .mobile-app-process-sec .mobile-sixth-process .mobile-process-content img, .mobile-app-process-sec .mobile-third-process .mobile-process-content img, .process-first-shape .ui-ux-inner-content .UIUX-round img, .process-second-shape .ui-ux-inner-content .UIUX-round img, .process-second-shape.sixth .ui-ux-inner-content .UIUX-round img {

        width: auto

    }



    .mobile-app-process-sec .mobile-fourth-process .mobile-process-content h3 {

        top: 110px;

        left: 65px;

        font-size: 16px;

        line-height: 24px;

        max-width: 170px

    }



    .mobile-app-process-sec .mobile-third-process .mobile-process-content h3 {

        top: 112px;

        left: 80px;

        font-size: 17px;

        line-height: 26px;

        rotate: 7deg

    }



    .mobile-app-process-sec .mobile-fifth-process .mobile-process-content h3 {

        top: 128px;

        left: 102px;

        rotate: -2deg;

        font-size: 17px;

        line-height: 24px;

        max-width: 154px

    }



    .mobile-app-process-sec .mobile-sixth-process .mobile-process-content h3 {

        top: 95px;

        left: 65px;

        font-size: 17px;

        line-height: 24px;

        rotate: -5deg

    }



    .mobile-app-process-sec .mobile-seventh-process .mobile-process-content h3 {

        top: 132px;

        left: 90px;

        max-width: 140px;

        rotate: -6deg;

        font-size: 16px;

        line-height: 24px

    }



    .mobile-app-process-sec .mobile-second-process .mobile-process-content h3 {

        top: 105px;

        left: 65px;

        rotate: 12deg;

        font-size: 16px;

        line-height: 24px

    }



    .mobile-app-process-sec .mobile-first-process .mobile-process-content h3 {

        top: 65px;

        left: 60px;

        rotate: 16deg;

        font-size: 17px;

        line-height: 24px

    }



    .mobile-app-process-sec .mobile-first-process .mobile-process-content img {

        top: 40px

    }



    .mobile-app-process-sec .mobile-second-process .mobile-process-content img {

        bottom: 98px;

        right: 46px

    }



    .mobile-app-process-sec .mobile-third-process .mobile-process-content img {

        bottom: 35px;

        right: 48px

    }



    .mobile-app-process-sec .mobile-fourth-process .mobile-process-content img {

        bottom: 33px;

        left: 112px

    }



    .mobile-app-process-sec .mobile-fifth-process .mobile-process-content img {

        left: 68px;

        bottom: 52px

    }



    .mobile-app-process-sec .mobile-sixth-process .mobile-process-content img {

        top: 114px;

        left: 10px

    }



    .mobile-app-process-sec .mobile-seventh-process .mobile-process-content img {

        top: 90px;

        left: 45px

    }



    .mobile-app-process-sec .mobile-app-circle .inner-circle h2 {

        font-size: 26px;

        line-height: 32px

    }



    .mobile-app-process-sec {

        margin-top: -230px

    }



    .web-development-process .first-process .process-position {

        max-width: 150px

    }



    .web-development-process .second-process .process-position {

        max-width: 130px

    }



    .web-development-process .second-process {

        left: 142px;

        top: -258px

    }



    .first-process.third {

        left: 260px

    }



    .second-process.fourth {

        left: 392px

    }



    .web-development-process .first-process.fifth {

        right: 280px

    }



    .web-development-process .second-process.sixth {

        right: 145px

    }



    .web-development-process .first-process.seventh {

        right: 10px

    }



    .web-development-process {

        height: 570px

    }



    .uiux-process-content .UIUX-horizontal-line img {

        width: 100%;

        max-width: 800px

    }



    .uiux-process-content .process-first-shape .shape-img-sec img, .uiux-process-content .process-second-shape .shape-img-sec img {

        width: 110px

    }



    .uiux-process-content .process-first-shape {

        top: -10px;

        left: -115px

    }



    .process-first-shape .ui-ux-inner-content .UIUX-round {

        width: 105px;

        height: 105px;

        bottom: -48px;

        left: -7px

    }



    .process-first-shape.third .ui-ux-inner-content .UIUX-round {

        left: 3px;

        bottom: -48px

    }



    .process-second-shape .ui-ux-inner-content .UIUX-round {

        width: 105px;

        height: 105px;

        left: 2px;

        top: -51px

    }



    .process-second-shape.fourth .ui-ux-inner-content .UIUX-round {

        width: 105px;

        height: 105px;

        left: 4px;

        top: -50px

    }



    .uiux-process-content .process-second-shape {

        left: 46px

    }



    .uiux-process-content .process-first-shape.third {

        left: 180px;

        top: -10px

    }



    .uiux-process-content .process-second-shape.fourth {

        left: 385px

    }



    .uiux-process-content .process-first-shape.fifth {

        right: 85px

    }



    .uiux-process-content .process-second-shape.sixth {

        right: -90px

    }



    .process-second-shape h3 {

        font-size: 18px;

        line-height: 22px;

        max-width: 170px

    }



    .process-first-shape h3 {

        font-size: 18px;

        line-height: 22px;

        margin: 75px 0 0

    }



    .main-offshore-dev .first-offshore-dev, .main-offshore-dev .second-offshore-dev, .uiux-process-content .process-first-shape.third h3 {

        max-width: 250px

    }



    .service-main-section .our-service-sec {

        max-width: 100%;

        width: 31.5%

    }



    .service-main-section .row {

        gap: 40px 25px

    }



    .new-blog-left-part .new-table-contents-card, .new-blog-right-part .new-blog-contact {

        padding: 22px 15px

    }



    .new-entry-content {

        margin: 0 20px

    }



    .new-blog-contact .blog-cw input.wpcf7-form-control.wpcf7-submit.btn-submit {

        padding: 10px 0

    }



    .main-new-case-study .tab-row .tab-wrapper a.tab-case, .new-blog-listing .tab-row .tab-wrapper a.tab-case {

        font-size: 18px;

        line-height: 28px

    }



    .case-study-dropdown {

        width: 195px

    }



    .new-blog-banner .new-inner-heading h1 {

        font-size: 44px;

        line-height: 58px;

        max-width: 890px

    }



    .new-blog-listing .row {

        gap: 35px

    }



    .new-blog-listing .new-blog-sec {

        max-width: 450px;

        height: 392px;

        margin-bottom: 0

    }



    .leadership-inner-sec {

        width: 100% !important

    }



    .leadership-member-1 {

        width: 110px;

        height: 110px

    }



    .leadership-member-1 img, .leadership-member-2, .leadership-member-3, .leadership-member-4, .leadership-member-5 {

        width: 90px;

        height: 90px

    }



    .leadership-member-2 img, .leadership-member-3 img, .leadership-member-4 img, .leadership-member-5 img {

        width: 70px;

        height: 70px

    }



    .new-count-sec h2 {

        font-size: 40px;

        line-height: 55px

    }



    .new-count-sec p {

        font-size: 20px

    }



    section.counter-section, section.new-ceo-section {

        padding: 0

    }



    section.about-mission-section {

        padding: 44px 0 50px

    }



    .new-gallery-sec h2, section.new-leadership-section h2 {

        font-size: 34px;

        line-height: 45px;

        margin-bottom: 30px

    }



    .eighth-methology-sec .lead-generation-2, .eleventh-methology-sec .lead-generation-1, .fifth-methology-sec .lead-generation-1, .first-methology-sec .lead-generation-1, .fourth-methology-sec .lead-generation-2, .nighth-methology-sec .lead-generation-1, .second-methology-sec .lead-generation-2, .seventh-methology-sec .lead-generation-1, .sixth-methology-sec .lead-generation-2, .tenth-methology-sec .lead-generation-2, .third-methology-sec .lead-generation-1, .twelth-methology-sec .lead-generation-2 {

        width: 135px;

        height: 140px

    }



    .first-methology-sec {

        left: 0;

        top: 123px

    }



    .second-methology-sec {

        left: 26px

    }



    .third-methology-sec {

        left: 168px;

        top: 60px

    }



    .fourth-methology-sec {

        left: 193px

    }



    .fifth-methology-sec {

        left: 333px;

        top: 21px;

        z-index: 9

    }



    .sixth-methology-sec {

        left: 358px;

        z-index: 9

    }



    .seventh-methology-sec {

        top: 60px;

        right: 350px

    }



    .eighth-methology-sec {

        right: 325px

    }



    .nighth-methology-sec {

        top: 130px;

        right: 192px

    }



    .tenth-methology-sec {

        right: 166px

    }



    .eleventh-methology-sec {

        top: 21px;

        right: 26px

    }



    .new-our-journey-sec .inner-journey-sec .left-journey-sec .row {

        gap: 20px

    }



    .inner-journey-sec .left-journey-sec .col-md-6.journey-box.green, .inner-journey-sec .left-journey-sec .col-md-6.journey-box.purple {

        margin-right: 0;

        margin-bottom: 0

    }



    .inner-journey-sec .left-journey-sec .col-md-6.journey-box {

        padding: 20px;

        max-width: 315px

    }



    .inner-journey-sec .left-journey-sec .journey-box h3, .inner-journey-sec .right-journey-sec .journey-box h3 {

        font-size: 28px;

        margin: 12px 0

    }



    section.new-methology-section h2, section.new-our-journey-sec h2 {

        font-size: 34px;

        line-height: 45px;

        margin-bottom: 42px

    }



    p.core-value-txt {

        font-size: 38px;

        margin: 35px 0 50px

    }



    section.new-ceo-section .ceo-content-sec {

        padding: 30px 48px 0;

        gap: 20px

    }



    .offshore-service-content .row {

        gap: 30px;

        justify-content: center

    }



    .offshore-service-content .row .col-md-6 {

        max-width: 465px

    }



    .offshore-service-content .row .col-md-6 .white-box {

        padding: 25px 30px

    }



    .offshore-service-content .row .col-md-6 .content-box h3 {

        font-size: 20px;

        line-height: 26px;

        margin-bottom: 8px

    }



    .new-mvp-build-section h2, .new-offshore-development-section h2, .new-tech-stack-section h2, .offshore-service-section h2, .great-place-work-sec h2, .new-development-growth h2, .new-why-join-sec h2, .perk-working-sec h2, section.new-industry-section .industry-inner-sec h2, section.new-leadership-section h2, section.new-methology-section h2, section.new-our-journey-sec h2, section.new-service-development h2, section.new-web-development-section h2, section.new-why-seven-square h2, .recruitment-process-sec h2, .job-opening-section h2 {

        font-size: 34px;

        line-height: 45px;

        margin-bottom: 40px

    }



    .main-offshore-dev .first-offshore-dev h3, .main-offshore-dev .second-offshore-dev h3 {

        font-size: 16px;

        line-height: 28px;

        margin: 20px 0 0

    }



    .main-offshore-dev .first-offshore-dev p, .main-offshore-dev .second-offshore-dev p {

        font-size: 15px;

        line-height: 24px

    }



    .main-offshore-dev .second-offshore-dev, .mvp-process-content .mvp-second-process {

        left: 180px

    }



    .first-offshore-dev.third {

        left: 360px

    }



    .second-offshore-dev.fourth {

        right: 170px;

        left: inherit

    }



    .new-tech-stack-section .row {

        gap: 16px

    }



    .mvp-content-section {

        padding: 40px 0

    }



    .inner-development-growth.row .col-md-7 p {

        margin-left: 45px

    }



    .mvp-process-content .mvp-second-process.fourth {

        right: 180px

    }



    .new-mvp-action-sec .action-main-sec .action-right-sec .mvp-action-box {

        padding: 24px 25px;

        width: 185px

    }



    .mvp-action-box h3 {

        font-size: 36px;

        line-height: 46px

    }



    .mvp-action-box p {

        font-size: 17px;

        line-height: 26px

    }



    .new-mvp-action-sec .action-main-sec .action-left-sec h2 {

        font-size: 36px;

        line-height: 28px;

        margin-bottom: 30px

    }



    .new-mvp-action-sec .action-main-sec {

        align-items: center

    }



    .new-process-sec {

        padding: 70px 0 0

    }



    .main-hire-hero-sec .hire-right-sec .hire-form-sec::after {

        width: 100%

    }



    .main-hire-hero-sec .hire-left-sec h1 {

        font-size: 38px;

        line-height: 46px;

        margin-bottom: 28px

    }



    .hire-sec-services .hire-service-list {

        max-width: 820px;

        margin: 0 auto

    }



    .hire-sec-services .hire-service-list .hire-service-box {

        padding: 35px 24px

    }



    .hire-team-different-sec .hire-team-box {

        gap: 32px;

        max-width: 942px;

        margin: 0 auto

    }



    .hire-team-different-sec .hire-team-box .inner-team-box {

        max-width: 455px;

        align-items: center

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec {

        width: 80%

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-left-sec {

        width: 110px;

        height: 90px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-left-sec img {

        width: 50px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec h3 {

        font-size: 21px;

        line-height: 25px;

        margin-bottom: 10px

    }



    .option-stckup-table .option-data tr td, .option-stckup-table .option-data tr th {

        padding: 10px 20px;

        font-size: 18px;

        line-height: 24px

    }



    .option-stckup-table .option-data tr td {

        height: 65px

    }



    .hire-dev-main-sec .step-first .hire-img-sec, .hire-dev-main-sec .step-second .hire-img-sec {

        width: 100%;

        height: 200px;

        text-align: center

    }



    .hire-dev-main-sec .step-third .hire-img-sec {

        width: 100%;

        height: 190px;

        text-align: center

    }



    .hire-dev-main-sec .hire-img-sec img {

        width: 200px

    }



    .hire-dev-main-sec {

        gap: 30px

    }



    .hire-dev-main-sec .step-first .hire-img-sec h3 {

        width: 150px

    }



    .hire-dev-main-sec .step-second .hire-img-sec h3 {

        width: 145px;

        margin-left: 10px

    }



    .inner-place-to-work {

        gap: 20px;

    }



    .perk-working-sec {

        padding: 20px 0 60px;

    }

}



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

    .new-container {

        padding-left: 25px;

        padding-right: 25px

    }



    .btn-schedule, .col-md-3.new-solution-content-sec .solution-line:nth-child(2), .dashed-line.blue.second, .dashed-line.dark-green.second, .dashed-line.green.second, .dashed-line.orange.second, .dashed-line.purple.second, .dashed-line.yellow.second, .digital-solution-header .inner-digital-solution h1 span::after, .dropdown-popular .dropdown-toggle::after, .eighth-methology-sec .circle.blue, .eighth-methology-sec .left-line.blue, .fourth-methology-sec .circle.purple, .fourth-methology-sec .left-line.purple, .main-mvp-dev, .mobile-app-process-sec.desk, .new-blog-right-part.web, .new-offshore-development-section .main-offshore-dev, .second-methology-sec .circle.green, .second-methology-sec .left-line.green, .sixth-methology-sec .circle.orange, .sixth-methology-sec .left-line.orange, .solution-line, .tab-wrapper.desk, .tenth-methology-sec .circle.dark-green, .tenth-methology-sec .left-line.dark-green, .twelth-methology-sec .circle.yellow, .twelth-methology-sec .left-line.yellow, .uiux-process-content.desk, .web-development-process.desk, img.desk-img {

        display: none

    }



    img.mobile-img {

        display: inline-block

    }



    .s2-mobile_menu .btn-schedule {

        display: block;

        margin-top: 10px

    }



    .new-header.exo-menu {

        background-color: transparent;

        display: block

    }



    .s2-mobile_menu_content.new-mobile .svg-main {

        width: 135px;

        height: 50px

    }



    .new-mobile.s2-mobile_menu_content {

        padding: 30px 20px

    }



    .s2-mobile_menu .s2-mobile_menu_close.new {

        display: flex;

        justify-content: space-between;

        margin-bottom: 20px;

        position: initial

    }



    .new.s2-mobile_menu_button:hover svg path {

        fill: #007AEE

    }



    .mvp-process-mobile, .s2-mobile_menu .exo-menu>li {

        display: block

    }



    .col-md-4.new-digital-blog-sec:nth-child(2), .col-md-4.popular-service-sec:nth-child(2), .new-key-features-section .inner-key-feature-content .content-section:nth-child(2), .new-key-features-section .inner-key-feature-content .content-section:nth-child(5), .new-key-features-section .inner-key-feature-content .content-section:nth-child(8), .new.s2-mobile_menu_button {

        margin: 0

    }



    .site-header.new-site-header .new-menu {

        align-items: center

    }



    .who-we-are-exp-section {

        width: 100% !important;

        height: 100% !important;

        margin-bottom: 50px

    }



    .who-we-are-exp-section .who-we-are-boxs .box-sec-1, .who-we-are-exp-section .who-we-are-boxs .box-sec-2, .who-we-are-exp-section .who-we-are-boxs .box-sec-3, .who-we-are-exp-section .who-we-are-boxs .box-sec-4, .who-we-are-exp-section .who-we-are-boxs .box-sec-5, .who-we-are-exp-section .who-we-are-boxs .box-sec-6, .who-we-are-exp-section .who-we-are-boxs .box-sec-7 {

        width: 120px;

        height: 120px

    }



    .new-casestudy-section .content-column .inner-column .image img, .who-we-are-exp-section .who-we-are-boxs {

        max-width: 400px

    }



    .new-key-features-section .inner-key-feature-content, .who-we-are-exp-section .who-we-are-boxs.center {

        gap: 20px

    }



    .content-third-sec .inner-third-sec span.company-desi, .hire-dev-main-sec .hire-img-sec h3, .who-we-are-exp-section .who-we-are-boxs .box-sec-1 h3, .who-we-are-exp-section .who-we-are-boxs .box-sec-3 h3, .who-we-are-exp-section .who-we-are-boxs .box-sec-7 h3 {

        font-size: 16px;

        line-height: 20px

    }



    .who-we-are-exp-section .who-we-are-boxs .box-sec-2 .svg-container, .who-we-are-exp-section .who-we-are-boxs .box-sec-6 .svg-container {

        width: 70px;

        height: 70px;

        display: inline-block

    }



    .who-we-are-exp-section .who-we-are-boxs .box-sec-2 .svg-container svg, .who-we-are-exp-section .who-we-are-boxs .box-sec-6 .svg-container svg {

        width: 100%;

        height: 100%;

        display: block

    }



    .who-we-are-boxs .box-sec-3 .arrow-sec-3 {

        right: -155%

    }



    .who-we-are-boxs .box-sec-3 .arrow-sec-3 p {

        line-height: 18px;

        font-size: 14px;

        max-width: 130px

    }



    .who-we-are-boxs .box-sec-5 .arrow-sec-5 p, .who-we-are-boxs .box-sec-7 .arrow-sec-7 p {

        line-height: 18px;

        font-size: 14px;

        max-width: 147px

    }



    .who-we-are-boxs .main-who-we-are .arrow-sec-1, .who-we-are-boxs .main-who-we-are .arrow-sec-6 {

        left: -100%

    }



    .who-we-are-boxs .main-who-we-are .arrow-sec-1 p {

        line-height: 18px;

        font-size: 14px;

        max-width: 150px;

        margin-left: -40px

    }



    .who-we-are-boxs .main-who-we-are .arrow-sec-6 p {

        line-height: 18px;

        font-size: 14px;

        max-width: 152px;

        margin-left: -40px

    }



    .new-hero-section .hero-image-section {

        margin-top: 0

    }



    .hero-content-section {

        top: 40px

    }



    .hero-content-section h1 {

        font-size: 34px;

        line-height: 45px;

        margin-bottom: 10px

    }



    .btn-hero-schedule {

        margin-top: 15px

    }



    .btn-hero-schedule a {

        width: 160px;

        padding: 14px 10px;

        font-weight: 500;

        font-size: 14px;

        line-height: 18px

    }



    .new-case-study-section, .new-who-we-are, section.new-industry-section, section.new-solution-section, section.new-tech-solution-section {

        padding: 50px 0 35px

    }



    .new-who-we-are p {

        font-size: 16px;

        line-height: 26px;

        margin-bottom: 0

    }



    section.new-solution-section .new-service-txt {

        font-size: 18px;

        line-height: 28px;

        padding-bottom: 30px

    }



    .new-who-we-are .new-service-txt {

        font-size: 18px;

        line-height: 28px;

        margin-bottom: 0

    }



    .new-case-study-section .row, .new-solution-section .row {

        justify-content: center;

        gap: 25px 18px;

        margin-top: 30px

    }



    .col-md-4.new-case-sec:nth-child(2), .col-md-4.new-service-content-sec:nth-child(2), .col-md-4.new-service-content-sec:nth-child(5) {

        margin-left: 0;

        margin-right: 0

    }



    .col-md-4.new-case-sec, .col-md-4.new-service-content-sec {

        width: 45%;

        margin-top: 0

    }



    .new-case-study-section .new-case-txt, .new-delivering-section .new-case-txt, .new-tech-solution-section .new-case-txt {

        font-size: 18px;

        line-height: 28px;

        margin-bottom: 30px

    }



    .inner-tech-solution {

        max-width: 700px;

        margin: 0 auto;

        gap: 30px 20px;

        justify-content: center;

        border: none;

        padding: 0

    }



    .new-solution-content-sec {

        width: 50%;

        border: 1px solid #eff0f6;

        border-radius: 16px;

        padding: 30px 20px;

        max-width: 340px

    }



    .new-solution-content-sec p {

        min-height: 100px

    }



    .new-blog-listing, .new-casestudy-section, .new-core-feature-section, .new-delivering-section, .new-improve-section, .new-key-features-section, .new-scccess-section, .new-technology-section, section.about-mission-section.hero-sec {

        padding: 50px 0 0

    }



    .new-delivering-section .col-md-6:last-child .new-testimonial {

        margin-right: 0;

        padding: 30px;

        width: 330px

    }



    .new-testimonial .client-name-sec h3 {

        font-size: 16px;

        line-height: 22px;

        margin-bottom: 0

    }



    .col-md-4.new-digital-blog-sec .new-digital-blog-txt, .new-delivering-section .new-testimonial p {

        font-size: 16px;

        line-height: 26px

    }



    .award-section {

        padding: 10px !important

    }



    .award-section.clutch {

        top: 30%;

        left: 43%;

        transform: translate(-60%, -60%);

        max-width: 170px;

        height: auto

    }



    .award-section.clutch img, .award-section.goodfirms img, .award-section.google img, .award-section.upwork img {

        width: 70px

    }



    .award-section .star-sec {

        margin: 12px 0

    }



    .award-section .clutch-txt p {

        font-size: 12px;

        line-height: 18px

    }



    .award-section.upwork {

        max-width: 170px;

        height: auto;

        top: 30%;

        right: 12px

    }



    .new-delivering-section .new-testimonial {

        width: 330px

    }



    .new-testimonial .client-name-sec span {

        font-size: 13px;

        line-height: 22px

    }



    .award-section.goodfirms {

        max-width: 170px;

        height: auto;

        left: 12px;

        bottom: -110px

    }



    .award-section.google {

        max-width: 170px;

        height: auto;

        left: 60%;

        bottom: -110px

    }



    footer.new-footer-section .footer-third-section ul li a {

        font-size: 16px;

        margin-bottom: 15px

    }



    footer.new-footer-section .footer-first-section p {

        font-size: 16px;

        margin-bottom: 14px

    }



    .footer-copyright-section .copyright-left-sec p, .footer-copyright-section .copyright-right-sec a, footer.new-footer-section .footer-first-section a {

        font-size: 16px

    }



    footer.new-footer-section .footer-second-section a {

        font-size: 16px;

        margin-bottom: 12px

    }



    .digital-solution-header .inner-digital-solution, .new-casestudy-banner .inner-casestudy, .new-industry-banner .inner-industry-banner, .new-service-banner .inner-service-banner, section.about-mission-section .inner-mission-sec {

        padding: 40px;

        height: auto

    }



    .digital-solution-header .inner-digital-solution h1, .new-casestudy-banner .inner-casestudy h1, .new-industry-banner .inner-industry-banner h1, .new-service-banner .inner-service-banner h1, section.about-mission-section .inner-mission-sec h1, section.about-mission-section .inner-mission-sec.web h1 {

        font-size: 32px;

        line-height: 42px

    }



    .digital-solution-header .inner-digital-solution p, .new-industry-banner .inner-industry-banner p, .new-service-banner .inner-service-banner p, section.about-mission-section .inner-mission-sec p {

        font-size: 20px;

        line-height: 28px;

        margin-bottom: 20px

    }



    .most-demanding-main-section .popular-amount-section .right-section h3, .popular-main-section .popular-amount-section .right-section h3, .top-highlight-main-section .popular-amount-section .right-section h3, .trending-pick.inner-right-sec .right-section h3 {

        font-size: 70px;

        line-height: 60px;

        margin-bottom: 10px

    }



    .most-demanding-main-section .popular-amount-section .right-section p, .popular-main-section .popular-amount-section .right-section p, .top-highlight-main-section .popular-amount-section .right-section p {

        font-size: 18px;

        margin-bottom: 30px

    }



    .most-demanding-main-section .popular-amount-section .right-section .inner-right-sec h4, .popular-main-section .popular-amount-section .right-section .inner-right-sec h4, .top-highlight.inner-right-sec h4 {

        font-size: 30px;

        line-height: 35px

    }



    #case-studies-container .col-md-4.case-study-list .case-study-content h2, .col-md-4.popular-service-sec .service-link, .most-demanding-main-section .popular-amount-section .right-section .inner-right-sec p, .new-blog-detail-banner .new-author-detail-sec .new-detail-date, .popular-main-section .popular-amount-section .right-section .inner-right-sec p, .top-highlight.inner-right-sec p {

        font-size: 18px

    }



    .most-demanding-main-section h2, .popular-main-section h2, .top-highlight-main-section h2, .trending-pick-main-section h2 {

        font-size: 40px;

        line-height: 40px;

        margin-bottom: 30px

    }



    .hire-sec-services p, .most-demanding-main-section .popular-amount-section .left-section p, .popular-main-section .popular-amount-section .left-section p, .top-highlight-main-section .popular-amount-section .left-section p, .trending-pick-main-section p {

        font-size: 18px;

        line-height: 28px

    }



    .popular-main-section {

        margin: 40px 0 70px

    }



    .popular-line {

        margin: 40px 0

    }



    .most-demanding-main-section .row, .popular-main-section .row, .top-highlight-main-section .row, .trending-pick-main-section .row {

        justify-content: center;

        gap: 20px

    }



    .col-md-4.popular-service-sec {

        width: 45%

    }



    .digital-blog-section {

        padding: 70px 0 0

    }



    .digital-blog-section h2 {

        font-size: 38px;

        line-height: 48px;

        margin-bottom: 40px;

        text-align: center

    }



    .col-md-4.new-digital-blog-sec {

        width: 345px;

        padding: 25px 18px;

        height: 248px

    }



    .col-md-4.new-digital-blog-sec::after {

        width: 350px;

        height: 248px

    }



    .digital-blog-section .row {

        justify-content: center;

        gap: 30px 20px;

        max-width: 768px;

        margin: 0 auto

    }



    .col-md-4.new-digital-blog-sec .inner-case h3, .main-hire-hero-sec .hire-left-sec h3 {

        font-size: 20px;

        line-height: 28px

    }



    .new-contact-us h1 {

        font-size: 40px;

        line-height: 48px;

        margin-bottom: 70px

    }



    .new-contact-us .new-contact-inner-content, .new-our-journey-sec .inner-journey-sec {

        flex-direction: column

    }



    .new-contact-us .new-contact-inner-content .new-contact-left-sec {

        max-width: 610px;

        margin: 0 auto

    }



    .new-contact-us .new-contact-inner-content .new-contact-right-sec {

        margin: 40px auto 0

    }



    #case-studies-container .col-md-4.case-study-list:last-child, .new-contact-left-sec .new-problem-solving-sec {

        margin-bottom: 0

    }



    .new-contact-us .new-contact-right-sec .main-form-sec::after {

        height: 650px

    }



    .new-business-plateform-section {

        padding: 170px 0 120px

    }



    .new-business-plateform-section .inner-plateform-sec {

        justify-content: space-around

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec {

        width: 140px;

        height: 140px;

        margin-top: 0

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec::after {

        width: 170px;

        height: 170px

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec img {

        width: 80px;

        margin-bottom: 18px

    }



    .new-business-plateform-section .main-plateform-sec {

        height: auto

    }



    .build-offshore-section, .mvp-content-section, .new-benifit-content-sec, .new-custom-software-section, .new-development-growth, .new-faq-section, .new-media-section, .new-mvp-action-sec, .new-mvp-build-section, .new-offshore-development-section, .new-process-mobile-section, .new-service-content-sec, .new-tech-stack-section, .new-tech_sec, .new-uiux-process-section, .new-whyc-section, .new_mad_section, .offshore-service-section, section.new-service-development, section.new-web-development-section, section.new-why-seven-square {

        padding: 50px 0 25px

    }



    .build-offshore-section .build-content-sec h2, .hire-developer-step-sec h2, .hire-sec-services h2, .hire-team-different-sec h2, .new-benifit-content-sec .service-content-heading h2, .new-case-study-section h2, .new-custom-software-section .custom-inner-sec h2, .new-delivering-section h2, .new-development-growth h2, .new-development-growth.mobile h2, .new-faq-section h2, .new-home-case-sec .case-heading-sec h2, .new-industry-content-sec .service-content-heading h2, .new-media-section h2, .new-media-work-section h2, .new-mvp-action-sec .action-main-sec .action-left-sec h2, .new-mvp-build-section h2, .new-offshore-development-section h2, .new-process-sec h2, .new-service-content-sec .service-content-heading h2, .new-tech-solution-section h2, .new-tech-stack-section h2, .new-tech_sec h2, .new-who-we-are h2, .new-whyc-section .why-heading-sec h2, .new.service-faq-sec .service-faq-heading h2, .new_mad_section .heading h2, .offshore-service-section h2, .option-stckup-section h2, section.new-industry-section .industry-inner-sec h2, section.new-service-development h2, section.new-solution-section h2, section.new-web-development-section h2, section.new-why-seven-square h2, .service-main-section h2, .great-place-work-sec h2, .new-development-growth h2, .new-why-join-sec h2, .perk-working-sec h2, section.new-industry-section .industry-inner-sec h2, section.new-leadership-section h2, section.new-methology-section h2, section.new-our-journey-sec h2, section.new-service-development h2, section.new-web-development-section h2, section.new-why-seven-square h2, .recruitment-process-sec h2 {

        font-size: 32px;

        line-height: 42px;

        margin-bottom: 30px

    }



    .new-home-case-sec .case-heading-sec {

        margin-bottom: 20px

    }



    #new-faqs .accordion-button, .development-left-section p, .main-hire-hero-sec .hire-left-sec p, .main-hire-hero-sec .hire-left-sec ul li, .new-entry-content p {

        font-size: 17px;

        line-height: 28px

    }



    .development-right-section .cross-platform-sec h3, .development-right-section .inner-right-sec p, .development-right-section .native-apps-sec h3, .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec p, .inner-service-sec .service-box p {

        font-size: 15px;

        line-height: 22px

    }



    .mobile-app-process-sec.mobile {

        display: block;

        height: auto;

        position: relative;

        margin-top: 0;

        text-align: center

    }



    .new-blog-listing .tab-row .tab-wrapper, .new-blog-listing .tab-row .tab-wrapper.blog-desk, .new-process-mobile-section {

        margin-bottom: 40px

    }



    .new-our-journey-sec .inner-journey-sec .right-journey-sec .row, .new-why-seven-square .row {

        justify-content: center;

        gap: 0 20px

    }



    .web-development-process.ipad {

        display: block;

        height: 100%

    }



    .uiux-process-content.ipad {

        display: block;

        height: 100%;

        margin-bottom: 0

    }



    .new_mad_section .department_inner .row {

        gap: 20px 0

    }



    .inner-service-sec .service-box.mvp {

        width: auto

    }



    .inner-development-growth.row .col-md-7 p {

        margin-left: 30px

    }



    #case-studies-container .col-md-4.case-study-list, .main-hire-hero-sec .hire-left-sec, .new-core-feature-section .inner-core-feature-content .content-section, .new-mvp-action-sec .action-main-sec .action-left-sec {

        width: 50%

    }



    .new-mvp-action-sec {

        margin: 0 0 20px

    }



    .offshore-service-content .row .col-md-6 {

        width: 100%

    }



    #case-studies-container .row, .hire-sec-services .hire-service-list, .hire-team-different-sec .hire-team-box, .offshore-service-content .row {

        justify-content: center

    }



    .new-custom-software-section .custom-inner-sec p {

        margin-bottom: 50px

    }



    .tech-boxes .tech-content-section.col-md-4 {

        width: 48%

    }



    .new-tech-stack-section .row {

        gap: 20px 22px;

        justify-content: center

    }



    .media-inner-sec .row {

        max-width: 600px;

        margin: 0 auto

    }



    .new-media-section .media-icon-content {

        margin-bottom: 30px

    }



    footer.new-footer-section .footer-first-section, footer.new-footer-section .footer-second-section, footer.new-footer-section .footer-third-section {

        max-width: 100%;

        width: auto

    }



    .new-offices-sec h2 {

        font-size: 32px;

        line-height: 38px;

        margin-bottom: 15px

    }



    .new-offices-sec .offices-inner-sec {

        margin-top: 50px

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec p {

        font-size: 18px;

        line-height: 20px

    }



    .footer-copyright-section .copyright-right-sec a:nth-child(2) {

        margin: 0 10px

    }



    .pos-abosulate {

        height: 380px

    }



    .new-blog-banner .new-inner-heading h1 {

        font-size: 38px;

        line-height: 48px;

        margin-top: 40px;

        max-width: 800px

    }



    .main-new-case-study .tab-row .tab-wrapper a.tab-case, .new-blog-listing .tab-row .tab-wrapper a.tab-case {

        font-size: 18px;

        line-height: 28px;

        margin: 0 15px

    }



    .new-blog-listing .new-blog-sec {

        max-width: 48%;

        margin-bottom: 0;

        height: 350px

    }



    .new-blog-listing .row {

        justify-content: center;

        gap: 35px

    }



    .new-blog-listing .new-blog-sec .inner-blog-heading h2 {

        font-size: 20px;

        line-height: 30px

    }



    .new-blog-listing .new-blog-sec .new-blog-txt {

        font-size: 16px;

        line-height: 28px

    }



    #case-studies-container .pagination-wrapper, .new-blog-listing .pagination-wrapper {

        margin-top: 30px

    }



    .new-collabration-sec h2, .new-count-sec h2 {

        font-size: 38px;

        line-height: 46px

    }



    .new-blog-detail-banner .new-author-detail-sec h1, section.new-leadership-section h2, section.new-methology-section h2 {

        font-size: 34px;

        line-height: 44px;

        margin-bottom: 30px

    }



    section.new-our-journey-sec h2 {

        font-size: 34px;

        line-height: 44px;

        max-width: 610px;

        margin: 0 auto 30px

    }



    .new-blog-detail-banner .new-author-detail-sec .new-detail-author-name {

        font-size: 20px;

        margin-bottom: 5px

    }



    .new-blog-detail-banner {

        height: 100%;

        padding: 50px 20px

    }



    .single.single-post table {

        overflow-x: scroll;

        max-width: 600px;

        display: block

    }



    .new-blog-left-part {

        width: 30%

    }



    .new-blog-content-part {

        width: 69%

    }



    .new-entry-content {

        margin: 0 0 0 29px

    }



    .new-blog-right-part.mobile {

        display: block;

        margin-top: 40px

    }



    .new-entry-content h2, .new-entry-content h2 b {

        font-size: 28px;

        line-height: 38px

    }



    .new-entry-content h3, .new-entry-content h3 b {

        font-size: 24px;

        line-height: 34px

    }



    #new-faqs .accordion-body p, #new-faqs .accordion-body ul li {

        font-size: 16px;

        line-height: 24px

    }



    .new-count-sec p {

        font-size: 20px;

        line-height: 25px

    }



    .counter-section .counter-count-sec, section.counter-section {

        margin-bottom: 0;

        padding: 0

    }



    .leadership-inner-sec {

        width: 100% !important;

        height: 560px !important

    }



    .leadership-member-1 {

        width: 110px;

        height: 110px

    }



    .leadership-member-1 img, .leadership-member-2, .leadership-member-3, .leadership-member-4, .leadership-member-5 {

        width: 90px;

        height: 90px

    }



    .leadership-member-2 img, .leadership-member-3 img, .leadership-member-4 img, .leadership-member-5 img {

        width: 70px;

        height: 70px

    }



    .leadership-member-2, .leadership-member-3 {

        top: 30px

    }



    .leadership-member-2 .linkedin-profile img, .leadership-member-3 .linkedin-profile img, .leadership-member-4 .linkedin-profile img, .leadership-member-5 .linkedin-profile img {

        width: 24px;

        height: 24px

    }



    .leadership-content {

        left: 40%;

        transform: translateX(-33%);

        top: 145px

    }



    .leadership-content p {

        font-size: 16px;

        line-height: 26px;

        margin-bottom: 25px

    }



    .new-gallery-sec h2 {

        font-size: 30px;

        line-height: 42px;

        margin-bottom: 32px

    }



    .new-gallery-sec, section.new-ceo-section, section.new-methology-section, section.new-our-journey-sec {

        padding: 70px 0 0;

        position: relative

    }



    .methology-inner-sec {

        max-width: 310px;

        height: 1630px;

        margin: 0 auto

    }



    .first-methology-sec {

        top: 0;

        right: 0;

        left: inherit

    }



    .second-methology-sec {

        left: 0;

        bottom: 0;

        top: 65px

    }



    .eighth-methology-sec .lead-generation-2 h3, .eighth-methology-sec .lead-generation-2 p, .fourth-methology-sec .lead-generation-2 h3, .fourth-methology-sec .lead-generation-2 p, .new-blog-listing .tab-row .tab-wrapper, .second-methology-sec .lead-generation-2 h3, .second-methology-sec .lead-generation-2 p, .sixth-methology-sec .lead-generation-2 h3, .sixth-methology-sec .lead-generation-2 p, .tenth-methology-sec .lead-generation-2 h3, .tenth-methology-sec .lead-generation-2 p, .twelth-methology-sec .lead-generation-2 h3, .twelth-methology-sec .lead-generation-2 p {

        text-align: right

    }



    .left-line {

        height: 217px

    }



    .dashed-line.blue, .dashed-line.dark-green, .dashed-line.green, .dashed-line.orange, .dashed-line.purple, .dashed-line.yellow {

        height: 85px

    }



    .eighth-methology-sec .lead-generation-2, .eleventh-methology-sec .lead-generation-1, .fifth-methology-sec .lead-generation-1, .first-methology-sec .lead-generation-1, .fourth-methology-sec .lead-generation-2, .nighth-methology-sec .lead-generation-1, .second-methology-sec .lead-generation-2, .seventh-methology-sec .lead-generation-1, .sixth-methology-sec .lead-generation-2, .tenth-methology-sec .lead-generation-2, .third-methology-sec .lead-generation-1, .twelth-methology-sec .lead-generation-2 {

        width: 155px

    }



    .eighth-methology-sec .lead-generation-2, .fourth-methology-sec .lead-generation-2, .main-new-case-study .tab-row, .second-methology-sec .lead-generation-2, .sixth-methology-sec .lead-generation-2, .tenth-methology-sec .lead-generation-2, .twelth-methology-sec .lead-generation-2 {

        justify-content: end

    }



    .third-methology-sec {

        top: 270px;

        right: 0;

        left: inherit

    }



    .fourth-methology-sec {

        left: 0;

        bottom: inherit;

        top: 335px

    }



    .fifth-methology-sec {

        left: inherit;

        top: 540px;

        right: 0

    }



    .sixth-methology-sec {

        left: 0;

        bottom: inherit;

        top: 605px

    }



    .seventh-methology-sec {

        top: 810px;

        right: 0

    }



    .eighth-methology-sec {

        bottom: inherit;

        right: inherit;

        left: 0;

        top: 875px

    }



    .nighth-methology-sec {

        top: inherit;

        right: 0;

        bottom: 288px

    }



    .tenth-methology-sec {

        bottom: 335px;

        right: inherit;

        left: 0

    }



    .eleventh-methology-sec {

        right: 0;

        bottom: 20px;

        top: inherit

    }



    .twelth-methology-sec {

        bottom: 65px;

        right: inherit;

        left: 0

    }



    .methology-bottom-line, p.core-value-txt {

        position: absolute;

        left: 50%;

        transform: translateX(-50%)

    }



    .methology-bottom-line {

        width: 10px;

        height: 1615PX;

        top: 143px;

        z-index: -1

    }



    .new-our-journey-sec .inner-journey-sec .left-journey-sec {

        width: 100%;

        margin: 80px auto 0

    }



    .inner-journey-sec .left-journey-sec .col-md-6.journey-box.purple {

        margin-right: 0;

        margin-bottom: 0;

        order: 1

    }



    .inner-journey-sec .left-journey-sec .col-md-6.journey-box.yellow {

        order: 4

    }



    .inner-journey-sec .left-journey-sec .col-md-6.journey-box.green {

        margin-right: 0;

        margin-bottom: 0;

        order: 2

    }



    .inner-journey-sec .left-journey-sec .col-md-6.journey-box.pink {

        order: 5

    }



    .inner-journey-sec .left-journey-sec .col-md-12.journey-box.purple {

        order: 3

    }



    .new-our-journey-sec .inner-journey-sec .left-journey-sec .row {

        gap: 30px 20px;

        margin-bottom: 30px

    }



    .inner-journey-sec .right-journey-sec {

        width: 100%;

        margin-left: 0

    }



    p.core-value-txt {

        top: 142px;

        font-size: 28px;

        margin: 50px 0

    }



    .inner-journey-sec .left-journey-sec .col-md-12.journey-box, .inner-journey-sec .left-journey-sec .col-md-6.journey-box, .inner-journey-sec .right-journey-sec .col-md-12.journey-box {

        height: 100%;

        padding: 24px 20px;

        max-width: 350px;

        width: 100%;

        margin-bottom: 0

    }



    section.new-ceo-section .ceo-content-sec {

        padding: 30px 30px 0;

        justify-content: space-between

    }



    section.new-ceo-section .ceo-content-sec .content-second-sec {

        margin-top: 10px

    }



    section.new-ceo-section .ceo-content-sec .content-third-sec p {

        font-size: 18px;

        line-height: 30px

    }



    .content-third-sec .inner-third-sec .ceo-name {

        font-size: 20px;

        line-height: 20px

    }



    .tab-wrapper.mobile {

        display: block;

        margin-bottom: 20px

    }



    .tab-wrapper .dropdown-popular.active .dropdown-menu {

        display: block;

        max-width: 200px;

        margin-top: 15px

    }



    .dropdown-popular .dropdown-menu {

        display: none;

        background-color: #f9f9f9;

        border-radius: 12px;

        margin: 0;

        padding: 0;

        width: 100%;

        z-index: 99

    }



    .dropdown-popular .dropdown-menu li {

        padding: 10px 15px;

        color: #424242;

        cursor: pointer;

        font-size: 18px;

        font-family: Graphik;

        font-weight: 400;

        text-align: left;

        border-bottom: 1px solid #e6e6e6

    }



    .dropdown-popular .dropdown-menu li:last-child {

        border-bottom: none

    }



    .dropdown-popular .dropdown-menu li a {

        color: #333;

        text-decoration: none;

        display: block;

        width: 100%

    }



    .dropdown-popular .dropdown-menu li a.active {

        font-weight: 700;

        color: #0073aa

    }



    .dropdown-popular .dropdown-toggle {

        background-color: #007aee !important;

        color: #fff;

        padding: 6px 24px;

        border: none;

        border-radius: 40px;

        cursor: pointer;

        font-size: 18px;

        line-height: 28px;

        font-weight: 400;

        display: flex;

        align-items: center;

        justify-content: space-between;

        width: 100%

    }



    .dropdown-popular {

        margin-right: 20px

    }



    .blog-dropdown .dropdown-toggle .icon, .dropdown-popular .dropdown-toggle .icon {

        width: 0;

        height: 0;

        border-left: 8px solid transparent;

        border-right: 8px solid transparent;

        border-top: 8px solid #fff;

        border-top-left-radius: 4px;

        border-top-right-radius: 4px;

        transform: rotate(0);

        transition: transform .6s;

        margin-left: 5px

    }



    .dropdown-popular .dropdown-toggle.open .icon {

        transform: rotate(180deg)

    }



    .main-new-case-study {

        padding: 36px 0 0

    }



    #case-studies-container .col-md-4.case-study-list .case-study-content p {

        margin-bottom: 5px

    }



    .new-casestudy-section .content-column .sec-title-three {

        max-width: 100%

    }



    .new-casestudy-section .content-column.col-lg-5, .new-casestudy-section .content-column.col-lg-7, .new-casestudy-section.odd .content-column.col-lg-7 {

        width: 100%;

        margin-right: 0

    }



    .new-casestudy-section .content-column .sec-title-three h2, .new-core-feature-section h2, .new-improve-section h2, .new-key-features-section h2, .new-scccess-section h2, .new-technology-section h2 {

        font-size: 36px;

        line-height: 46px;

        margin-bottom: 20px

    }



    .new-casestudy-section .content-column .sec-title-three p, .new-casestudy-section .content-column .sec-title-three ul li, .new-improve-section p {

        font-size: 17px;

        line-height: 28px;

        margin-bottom: 20px

    }



    .new-casestudy-section.even .content-column .inner-column .image, .new-casestudy-section.odd .content-column .inner-column .image {

        text-align: center

    }



    .new-casestudy-section.even .row {

        flex-direction: column-reverse

    }



    .new-casestudy-section.even .content-column.col-lg-7 {

        margin-left: 0

    }



    .new-core-feature-section .inner-core-feature-content .content-section h3 {

        font-size: 22px;

        line-height: 32px;

        margin-bottom: 12px

    }



    .new-scccess-section figure img, .new-technology-section figure img {

        max-width: 600px

    }



    .new-key-features-section .inner-key-feature-content .content-section {

        width: 48%;

        max-width: 100%;

        margin-bottom: 0

    }



    .new-key-features-section .inner-key-feature-content .content-section .text-section h3 {

        font-size: 18px;

        line-height: 26px

    }



    .digital-solution-header, .new-industry-banner, .new-service-banner {

        margin: 44px 0 0;

    }



    .service-main-section {

        padding: 50px 0;

    }



    .service-main-section.bg-blue {

        padding: 20px 0 50px;

    }



    .service-main-section .our-service-sec {

        max-width: 100%;

        width: 48%

    }



    .service-main-section .row {

        gap: 50px 28px

    }



    .hire-developer-step-sec, .hire-team-different-sec, .new-industry-section.hire, .option-stckup-section {

        padding: 50px 0

    }



    .main-hire-hero-sec .hire-right-sec .hire-form-sec::after {

        width: 100%;

        top: -12px;

        left: -12px

    }



    .hire-sec-services .hire-service-list .hire-service-box {

        max-width: 350px;

        padding: 30px 24px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box {

        max-width: 344px;

        align-items: center

    }



    .hire-team-different-sec .hire-team-box {

        gap: 25px 30px

    }



    .hire-dev-main-sec .step-first .hire-img-sec, .hire-dev-main-sec .step-second .hire-img-sec, .hire-dev-main-sec .step-third .hire-img-sec {

        width: 100%;

        height: 175px;

        text-align: center

    }



    .hire-dev-main-sec .hire-img-sec img {

        width: 180px

    }



    .hire-dev-main-sec .step-first .hire-img-sec h3 {

        width: 120px

    }



    .hire-dev-main-sec .step-second .hire-img-sec h3, .hire-dev-main-sec .step-third .hire-img-sec h3 {

        margin-left: 10px;

        width: 130px

    }



    .hire-dev-main-sec {

        gap: 10px

    }



    .hire-dev-main-sec .step-first p, .hire-dev-main-sec .step-second p, .hire-dev-main-sec .step-third p {

        font-size: 15px;

        line-height: 25px

    }



    .main-hire-hero-sec .hire-right-sec {

        margin-left: 40px;

        width: 50%

    }



    .main-hire-hero-sec .hire-left-sec h1 {

        font-size: 36px;

        line-height: 42px;

        margin-bottom: 32px

    }



    .main-hire-hero-sec .hire-left-sec p {

        margin-bottom: 25px

    }



    .main-hire-hero-sec .hire-right-sec .hire-form-sec h2 {

        font-size: 24px;

        line-height: 32px;

        margin-bottom: 35px

    }



    .hire-sec-services h2 {

        margin-bottom: 10px

    }



    .hire-sec-services .hire-service-list .hire-service-box h3 {

        font-size: 19px;

        line-height: 28px;

        margin-bottom: 5px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-left-sec {

        width: 80px;

        height: 80px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-left-sec img {

        width: 45px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec {

        width: 68%

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec h3 {

        font-size: 18px;

        line-height: 24px;

        margin-bottom: 10px

    }



    .option-stckup-table .option-data tr td, .option-stckup-table .option-data tr th {

        padding: 12px 20px;

        width: 180px;

        font-size: 18px;

        line-height: 22px

    }



    .new-why-join-sec, .great-place-work-sec, .recruitment-process-sec {

        padding: 50px 0 0;

    }



    .inner-place-to-work {

        gap: 12px;

    }



    .inner-place-to-work .place-work h3 {

        font-size: 18px;

        line-height: 22px;

    }



    .inner-place-to-work .place-work p {

        font-size: 15px;

        line-height: 22px;

    }



    .inner-place-to-work .place-work {

        padding: 12px;

        width: 25%;

    }



    .main-perk-working .inner-perk-sec {

        width: 45%;

    }



    .main-perk-working .inner-perk-sec .perk_img {

        min-width: 66px;

    }



    .main-perk-working .inner-perk-sec h3 {

        font-size: 16px;

        line-height: 22px;

    }



    .process-left-sec {

        max-width: 385px;

        left: 0;

    }



    .process-right-sec {

        left: 46.5%;

    }



    .process-left-sec .req-content-sec {

        margin-right: 18px;

    }



    .process-right-sec .req-content-sec {

        margin-left: 18px;

    }



    .career-process-main-step {

        max-width: 720px;

    }



    .job-opening-section .mobile-tab a {

        font-family: 'Graphik';

        font-size: 28px;

        line-height: 38px;

        font-weight: 600;

        color: #090808;

        text-decoration: underline;

    }



    .job-opening-section .mobile-tab {

        margin-bottom: 10px !important;

    }

 #pills-tabContent .tab-content>.tab-pane{
    display: none !important;
    opacity: 0 !important;
  }

}



@media (max-width:767px) {

    .arrow-black, .arrow-blue, .arrow-yellow, .blog-dropdown .dropdown-toggle::after, .btn-schedule, .col-md-4.new-service-content-sec h3 br, .dashed-line.blue.second, .dashed-line.dark-green.second, .dashed-line.green.second, .dashed-line.orange.second, .dashed-line.purple.second, .dashed-line.yellow.second, .digital-solution-header .inner-digital-solution h1 span::after, .dropdown-popular .dropdown-toggle::after, .eighth-methology-sec .circle.blue, .eighth-methology-sec .left-line.blue, .fourth-methology-sec .circle.purple, .fourth-methology-sec .left-line.purple, .hero-content-section p br, .main-mvp-dev, .mobile-app-process-sec.desk, .new-blog-left-part, .new-blog-listing .tab-row .tab-wrapper.blog-desk, .new-casestudy-section .content-column .sec-title-three p br, .new-contact-us .new-contact-right-sec .main-form-sec .project-section .new-social-contact .social-divider.two, .new-improve-section p br, .new-offshore-development-section .main-offshore-dev, .new-solution-content-sec h3 br, .second-methology-sec .circle.green, .second-methology-sec .left-line.green, .sixth-methology-sec .circle.orange, .sixth-methology-sec .left-line.orange, .solution-line, .tab-wrapper.desk, .tenth-methology-sec .circle.dark-green, .tenth-methology-sec .left-line.dark-green, .twelth-methology-sec .circle.yellow, .twelth-methology-sec .left-line.yellow, .uiux-process-content.desk, .web-development-process.desk, .who-we-are-boxs .box-sec-3 .arrow-sec-3, .who-we-are-boxs .box-sec-5 .arrow-sec-5, .who-we-are-boxs .box-sec-7 .arrow-sec-7, .who-we-are-boxs .main-who-we-are .arrow-sec-1, .who-we-are-boxs .main-who-we-are .arrow-sec-6, img.desk-img {

        display: none

    }



    img.mobile-img {

        display: inline-block

    }



    .s2-mobile_menu .btn-schedule {

        display: block;

        margin-top: 10px

    }



    .new-header.exo-menu {

        background-color: transparent;

        display: block

    }



    .s2-mobile_menu_content.new-mobile .svg-main {

        width: 135px;

        height: 50px

    }



    .new-mobile.s2-mobile_menu_content {

        padding: 30px 20px

    }



    .s2-mobile_menu .s2-mobile_menu_close.new {

        display: flex;

        justify-content: space-between;

        margin-bottom: 20px;

        position: initial

    }



    .new.s2-mobile_menu_button:hover svg path {

        fill: #007AEE

    }



    .mvp-process-mobile, .new-header.exo-menu>li>a, .s2-mobile_menu .exo-menu>li, .tab-wrapper .dropdown-popular.active .dropdown-menu, .tab-wrapper.blog-mobile .blog-dropdown.show .dropdown-menu {

        display: block

    }



    .hire-team-different-sec .hire-team-box .inner-team-box, .site-header.new-site-header .new-menu {

        align-items: center

    }



    .who-we-are-exp-section {

        width: 100% !important;

        height: 100% !important

    }



    .new-container {

        padding-left: 25px;

        padding-right: 25px

    }



    #case-studies-container .pagination-wrapper .next-prev-sec, .col-md-4.new-case-sec:nth-child(2), .new-entry-content, .new-mvp-action-sec, .new-tech_sec .tab-content, .new-whyc-section .why-heading-sec, .new.s2-mobile_menu_button {

        margin: 0

    }



    .who-we-are-content {

        padding-top: 40px

    }



    .new-hero-section .hero-image-section {

        margin-top: 0;

        padding-top: 235px

    }



    .hero-content-section {

        top: 50px;

        max-width: 100%

    }



    .thank-you-section {

        padding: 40px 0

    }



    .thank-you-section h1 {

        font-size: 40px;

        line-height: 48px

    }



    .package-detail-content h3, .thank-you-section h1 .para {

        font-size: 28px;

        line-height: 38px

    }



    .hero-content-section.thank-you {

        top: 50px

    }



    .digital-blog-section h2, .hero-content-section h1, .new-contact-us h1, .new-entry-content h2, .new-entry-content h2 b, .new-home-case-sec .case-heading-sec h2, .new-offices-sec h2, section.new-leadership-section h2 {

        font-size: 28px;

        line-height: 32px

    }



    .hero-content-section p {

        font-size: 18px;

        line-height: 26px;

        max-width: 294px

    }



    .btn-hero-schedule {

        margin-top: 22px

    }



    .btn-hero-schedule a {

        box-shadow: 0 5px 20px #3395f1, inset 0 0 10px rgba(255, 255, 255, .4);

        width: 155px;

        padding: 10px 8px;

        font-weight: 500;

        font-size: 14px;

        line-height: 18px

    }



    .btn-hero-schedule::after {

        width: 155px;

        height: 36px

    }



    .build-offshore-section, .digital-blog-section, .mvp-content-section, .new-benifit-content-sec, .new-blog-listing, .new-case-study-section, .new-casestudy-section, .new-core-feature-section, .new-custom-software-section, .new-development-growth, .new-faq-section, .new-improve-section, .new-key-features-section, .new-media-section, .new-media-work-section, .new-mvp-action-sec, .new-mvp-build-section, .new-offshore-development-section, .new-process-mobile-section, .new-scccess-section, .new-service-content-sec, .new-tech-stack-section, .new-technology-section, .new-uiux-process-section, .new-who-we-are, .new-whyc-section, .new.service-faq-sec, .new_mad_section, .offshore-service-section, section.about-mission-section.hero-sec, section.new-ceo-section, section.new-collabration-sec, section.new-service-development, section.new-solution-section, section.new-tech-solution-section, section.new-web-development-section, section.new-why-seven-square {

        padding: 50px 0 0

    }



    section.new-industry-section {

        padding: 100px 0 0

    }



    .new-case-study-section h2, .new-delivering-section h2, .new-tech-solution-section h2, .new-uiux-process-section h2, .new-who-we-are h2, section.new-industry-section .industry-inner-sec h2, section.new-solution-section h2, .great-place-work-sec h2, .new-development-growth h2, .new-why-join-sec h2, .perk-working-sec h2, section.new-industry-section .industry-inner-sec h2, section.new-leadership-section h2, section.new-methology-section h2, section.new-our-journey-sec h2, section.new-service-development h2, section.new-web-development-section h2, section.new-why-seven-square h2, .recruitment-process-sec h2, .job-opening-section h2 {

        font-size: 28px;

        line-height: 32px;

        margin-bottom: 20px

    }



    section.new-industry-section .industry-inner-sec .row {

        max-width: 400px;

        margin: 0 auto

    }



    section.new-industry-section .industry-inner-sec .col-md-2 {

        width: 40%;

        margin: 0 auto 20px

    }



    .new-who-we-are .new-service-txt {

        font-size: 18px;

        line-height: 26px;

        font-weight: 400;

        margin-bottom: 20px

    }



    .who-we-are-exp-section .who-we-are-boxs .box-sec-1, .who-we-are-exp-section .who-we-are-boxs .box-sec-2, .who-we-are-exp-section .who-we-are-boxs .box-sec-3, .who-we-are-exp-section .who-we-are-boxs .box-sec-4, .who-we-are-exp-section .who-we-are-boxs .box-sec-5, .who-we-are-exp-section .who-we-are-boxs .box-sec-6, .who-we-are-exp-section .who-we-are-boxs .box-sec-7 {

        width: 100px;

        height: 100px

    }



    .leadership-member-1 {

        width: 80px;

        height: 80px;

        top: -45px

    }



    .leadership-member-1 img, .leadership-member-2, .leadership-member-3, .leadership-member-4, .leadership-member-5 {

        width: 60px;

        height: 60px

    }



    .leadership-member-2 img, .leadership-member-3 img, .leadership-member-4 img, .leadership-member-5 img {

        width: 40px;

        height: 40px

    }



    .who-we-are-exp-section .who-we-are-boxs .box-sec-2 img, .who-we-are-exp-section .who-we-are-boxs .box-sec-4 img, .who-we-are-exp-section .who-we-are-boxs .box-sec-5 img, .who-we-are-exp-section .who-we-are-boxs .box-sec-6 img {

        width: 50px;

        height: 50px

    }



    .who-we-are-exp-section .who-we-are-boxs .box-sec-2 .svg-container svg, .who-we-are-exp-section .who-we-are-boxs .box-sec-6 .svg-container svg {

        width: 60px;

        height: 60px;

        display: inline-block

    }



    .who-we-are-exp-section .who-we-are-boxs .box-sec-1 h3, .who-we-are-exp-section .who-we-are-boxs .box-sec-3 h3, .who-we-are-exp-section .who-we-are-boxs .box-sec-7 h3 {

        font-size: 14px;

        font-weight: 600;

        line-height: 18px

    }



    .who-we-are-exp-section .who-we-are-boxs {

        margin-bottom: 40px;

        max-width: 350px

    }



    .who-we-are-exp-section .who-we-are-boxs.center {

        gap: 25px

    }



    .new-case-study-section .new-case-txt, .new-delivering-section .new-case-txt, .new-tech-solution-section .new-case-txt, .new-who-we-are p {

        font-size: 17px;

        line-height: 24px;

        font-weight: 400

    }



    .new-who-we-are p span {

        font-weight: 500

    }



    #case-studies-container .row, .digital-blog-section .row, .hire-sec-services .hire-service-list, .hire-team-different-sec .hire-team-box, .most-demanding-main-section .row, .new-blog-listing .row, .new-case-study-section .row, .new-key-features-section .inner-key-feature-content, .new-our-journey-sec .inner-journey-sec .right-journey-sec .row, .new-solution-section .row, .new-tech-stack-section .row, .offshore-service-content .row, .popular-main-section .row, .top-highlight-main-section .row, .trending-pick-main-section .row, section.new-why-seven-square .row {

        justify-content: center

    }



    section.new-solution-section .new-service-txt {

        font-size: 18px;

        line-height: 24px;

        font-weight: 400;

        max-width: 280px;

        margin: 0 auto;

        border-bottom: none

    }



    .btn-tech-contact.mt-12, .col-md-4.new-service-content-sec:first-child, .new-solution-section .row {

        margin-top: 0

    }



    .col-md-4.new-service-content-sec:nth-child(2), .col-md-4.new-service-content-sec:nth-child(5) {

        margin-left: 0;

        margin-right: 0

    }



    .col-md-4.new-service-content-sec {

        padding: 20px;

        margin-top: 20px;

        max-width: 380px

    }



    .col-md-4.new-service-content-sec h3 {

        font-size: 20px;

        line-height: 28px;

        margin: 10px 0

    }



    #new-faqs .accordion-body p, #new-faqs .accordion-body ul li, .col-md-4.new-service-content-sec p {

        font-size: 16px;

        line-height: 24px

    }



    .col-md-4.new-case-sec {

        padding: 25px;

        max-width: 380px;

        margin-bottom: 18px !important;

        box-shadow: -1px 1px 12px rgba(0, 0, 0, .15)

    }



    .col-md-4.new-case-sec .inner-case, .new-table-contents-card ul li, .new-table-contents-card-head h2 {

        margin-bottom: 15px

    }



    .col-md-4.new-case-sec .inner-case p {

        font-size: 18px;

        line-height: 26px;

        margin-left: 22px;

        margin-bottom: 0

    }



    .col-md-4.new-case-sec .new-case-study-txt, .hire-dev-main-sec .hire-img-sec h3 {

        font-size: 16px;

        line-height: 22px

    }



    .btn-more-case {

        margin-top: 25px

    }



    .inner-tech-solution {

        border: none;

        border-radius: 16px;

        padding: 0

    }



    .new-solution-content-sec {

        text-align: center;

        max-width: 380px;

        margin: 0 auto 20px;

        border: 1px solid #efecec;

        padding: 20px;

        border-radius: 24px

    }



    .new-solution-content-sec h3 {

        font-size: 20px;

        line-height: 22px;

        color: #000;

        min-height: auto;

        margin-bottom: 22px;

        margin-top: 22px;

        max-width: 100%

    }



    .new-solution-content-sec p {

        font-size: 18px;

        line-height: 24px;

        margin-bottom: 22px;

        min-height: auto

    }



    .award-section, .main-hire-hero-sec .hire-right-sec .hire-form-sec {

        padding: 10px

    }



    .award-section.google {

        padding: 10px;

        bottom: -5px;

        left: 25px;

        width: 160px;

        height: auto;

        transform: none;

        max-width: 100%

    }



    .award-section.clutch {

        max-width: 160px;

        height: auto;

        top: 150px;

        left: inherit;

        right: 25px;

        transform: none

    }



    .award-section.clutch img, .award-section.google img, .award-section.upwork img {

        width: 54px

    }



    .award-section.upwork {

        width: 160px;

        right: 25px;

        top: inherit;

        bottom: 29%;

        height: auto;

        max-width: 100%

    }



    .award-section .star-sec {

        font-size: 12px;

        line-height: 14px;

        margin: 7px 0

    }



    .award-section .clutch-txt p {

        line-height: 14px

    }



    .new-delivering-section .new-testimonial {

        padding: 28px 21px;

        width: 292px;

        height: auto

    }



    .new-testimonial .left-svg-sec {

        top: -20px;

        left: 0

    }



    .new-testimonial .right-svg-sec {

        bottom: -18px;

        right: 0

    }



    .new-delivering-section .new-testimonial p {

        max-width: 275px;

        font-size: 16px;

        line-height: 24px

    }



    .award-section.goodfirms {

        height: auto;

        max-width: 160px;

        left: 25px;

        top: 46%;

        bottom: inherit

    }



    .award-section.goodfirms img {

        width: 80px

    }



    .new-testimonial .client-name-sec img {

        margin-right: 8px;

        width: 42px;

        height: 42px

    }



    .new-casestudy-section.odd .content-column.col-lg-7, .new-delivering-section .col-md-6:last-child .new-testimonial {

        margin-right: 0

    }



    .new-testimonial .client-name-sec h3 {

        font-size: 16px;

        line-height: 20px;

        margin-bottom: 0

    }



    .new-testimonial .client-name-sec span {

        font-weight: 400;

        font-size: 13px;

        line-height: 18px

    }



    .new-delivering-section .col-md-6 {

        margin-bottom: 90px

    }



    .new-delivering-section .col-md-6+.col-md-6 {

        margin-top: 90px

    }



    .new-benifit-content-sec ul, .new-benifit-content-sec ul li p, .new-contact-left-sec .new-problem-solving-sec, .new-delivering-section .new-container, .new-offices-sec .offices-inner-sec .office-content-sec:last-child, .new-process-mobile-section, .new-table-contents-card ul li:last-child {

        margin-bottom: 0

    }



    footer.new-footer-section {

        padding: 45px 0;

        margin: 50px 25px 20px;

        border-radius: 18px

    }



    .hire-dev-main-sec, .inner-development-growth, .main-hire-hero-sec, .most-demanding-main-section .popular-amount-section, .new-contact-us .new-contact-inner-content, .new-footer-section .inner-new-footer, .new-mvp-action-sec .action-main-sec, .new-our-journey-sec .inner-journey-sec, .offshore-service-content .row .col-md-6, .package-main-section .inner-package-sec, .popular-main-section .popular-amount-section, .top-highlight-main-section .popular-amount-section {

        flex-direction: column

    }



    footer.new-footer-section .footer-first-section, footer.new-footer-section .footer-second-section, footer.new-footer-section .footer-third-section {

        max-width: 100%;

        width: 100%;

        text-align: center

    }



    .vertical-line {

        width: 350px;

        background: linear-gradient(to left, #fff, #007aee, #fff);

        margin: 32px 0;

        height: 1px

    }



    .footer-copyright-section {

        padding-top: 40px;

        flex-direction: column;

        text-align: center

    }



    .footer-copyright-section .copyright-left-sec p {

        line-height: 30px;

        margin-bottom: 35px;

        max-width: 282px

    }



    .copyright-right-sec {

        display: flex;

        align-items: center

    }



    .footer-copyright-section .copyright-right-sec a:nth-child(2)::after {

        content: '';

        background: #000;

        height: 20px;

        width: 1px;

        display: block;

        margin-left: 10px

    }



    .footer-copyright-section .copyright-right-sec a:nth-child(2)::before {

        content: '';

        background: #000;

        height: 20px;

        width: 1px;

        display: block;

        margin-right: 10px

    }



    .eighth-methology-sec .lead-generation-2 p, .eleventh-methology-sec .lead-generation-1 p, .fifth-methology-sec .lead-generation-1 p, .first-methology-sec .lead-generation-1 p, .footer-copyright-section .copyright-right-sec a, .fourth-methology-sec .lead-generation-2 p, .nighth-methology-sec .lead-generation-1 p, .second-methology-sec .lead-generation-2 p, .seventh-methology-sec .lead-generation-1 p, .sixth-methology-sec .lead-generation-2 p, .tenth-methology-sec .lead-generation-2 p, .third-methology-sec .lead-generation-1 p, .twelth-methology-sec .lead-generation-2 p {

        font-size: 14px;

        line-height: 18px

    }



    .footer-copyright-section .copyright-right-sec a:nth-child(2) {

        display: flex;

        align-items: center;

        margin: 0 10px

    }



    .about-mission-section.case-study, .hire-developer-step-sec, .hire-team-different-sec, .most-demanding-main-section, .new-business-plateform-section, .new-hire-developer-hero-sec, .new-home-case-sec, .new-industry-section.hire, .new-tech_sec, .option-stckup-section, .service-main-section, .service-main-section.bg-blue, .trending-pick-main-section, section.about-mission-section, section.new-leadership-section {

        padding: 50px 0

    }



    .about-mission-section .inner-mission-sec.pricing, .new-casestudy-banner .inner-casestudy, .new-industry-banner .inner-industry-banner, .new-service-banner .inner-service-banner, section.about-mission-section .inner-mission-sec {

        padding: 25px;

        height: auto

    }



    .digital-solution-header .inner-digital-solution h1, .new-casestudy-banner .inner-casestudy h1, .new-industry-banner .inner-industry-banner h1, .new-service-banner .inner-service-banner h1, section.about-mission-section .inner-mission-sec h1, section.about-mission-section .inner-mission-sec.web h1 {

        font-size: 22px;

        line-height: 28px;

        margin-bottom: 20px

    }



    a.new-btn-get-in-touch {

        font-size: 12px;

        line-height: 22px;

        height: 39px;

        padding: 8px 20px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form, .new-process-sec, section.counter-section, section.new-ceo-section .new-container {

        padding: 0

    }



    .counter-section .counter-count-sec {

        flex-wrap: wrap;

        padding: 0;

        max-width: 380px;

        margin: 0 auto;

        justify-content: center

    }



    .new-count-sec {

        width: 48%

    }



    .new-case-study-section.development h2, .new-contact-left-sec .new-sales-detail-sec, .new-count-sec:first-child, .new-count-sec:nth-child(2), .new-entry-content p img, .new-key-features-section .inner-key-feature-content .content-section, .new-mvp-action-sec .action-main-sec .action-left-sec a.new-btn-get-in-touch.mvp {

        margin-bottom: 30px

    }



    .new-count-sec h2, .service-main-section h2 {

        font-size: 30px;

        line-height: 40px

    }



    #case-studies-container .col-md-4.case-study-list .case-study-content p, #new-faqs .accordion-button, .new-count-sec p {

        font-size: 18px;

        line-height: 24px

    }



    .leadership-inner-sec {

        width: 100% !important;

        padding-top: 30px;

        height: 630px !important;

        max-width: 550px;

        margin: 0 auto

    }



    .leadership-member-1 .linkedin-profile img {

        width: 18px;

        height: 18px

    }



    .linkedin-profile a {

        width: 22px;

        height: 22px

    }



    .leadership-member-2 .linkedin-profile img, .leadership-member-3 .linkedin-profile img, .leadership-member-4 .linkedin-profile img, .leadership-member-5 .linkedin-profile img {

        width: 16px;

        height: 16px

    }



    .leadership-member-4, .leadership-member-5 {

        bottom: -3px

    }



    .leadership-member-2 {

        top: 20px;

        left: 18%

    }



    .leadership-member-3 {

        top: 25px;

        right: 15%;

        transform: translateX(20%)

    }



    .linkedin-profile {

        right: -11px;

        top: 38px

    }



    .gallery-second-sec, .gallery-third-sec {

        gap: 8px

    }



    .gallery-main-sec {

        gap: 0 8px

    }



    .leadership-member-2 .linkedin-profile, .leadership-member-3 .linkedin-profile, .leadership-member-4 .linkedin-profile, .leadership-member-5 .linkedin-profile {

        right: -12px;

        top: 26px

    }



    .leadership-content {

        max-width: 350px;

        left: 0;

        transform: none;

        top: 160px;

        margin: 0 auto;

        right: 0

    }



    .leadership-content p, .new-contact-left-sec .new-sales-detail-sec .detail-sec .inner-detail-sec a, .offshore-service-content .row .col-md-6 .content-box p {

        font-size: 16px

    }



    .new-gallery-sec {

        padding: 50px 0;

        margin-top: 50px;

        width: 100% !important;

        height: 100% !important

    }



    .new-gallery-sec h2 {

        font-size: 18px;

        line-height: 22px;

        font-weight: 500;

        max-width: 357px;

        margin: 0 auto 30px

    }



    section.new-methology-section h2, section.new-our-journey-sec h2 {

        font-size: 28px;

        line-height: 32px;

        max-width: 350px;

        margin: 0 auto 50px

    }



    section.new-methology-section, section.new-our-journey-sec {

        padding: 50px 0 0;

        position: relative

    }



    section.new-methology-section .new-container {

        position: relative

    }



    .methology-inner-sec {

        max-width: 310px;

        height: 1630px;

        margin: 0 auto

    }



    .first-methology-sec {

        top: 0;

        right: 0;

        left: inherit

    }



    .second-methology-sec {

        left: 0;

        bottom: 0;

        top: 65px

    }



    .eighth-methology-sec .lead-generation-2 h3, .eighth-methology-sec .lead-generation-2 p, .fourth-methology-sec .lead-generation-2 h3, .fourth-methology-sec .lead-generation-2 p, .new-blog-listing .tab-row .tab-wrapper, .second-methology-sec .lead-generation-2 h3, .second-methology-sec .lead-generation-2 p, .sixth-methology-sec .lead-generation-2 h3, .sixth-methology-sec .lead-generation-2 p, .tenth-methology-sec .lead-generation-2 h3, .tenth-methology-sec .lead-generation-2 p, .twelth-methology-sec .lead-generation-2 h3, .twelth-methology-sec .lead-generation-2 p {

        text-align: right

    }



    .left-line {

        height: 217px

    }



    .dashed-line.blue, .dashed-line.dark-green, .dashed-line.green, .dashed-line.orange, .dashed-line.purple, .dashed-line.yellow {

        height: 85px

    }



    .eighth-methology-sec .lead-generation-2, .eleventh-methology-sec .lead-generation-1, .fifth-methology-sec .lead-generation-1, .first-methology-sec .lead-generation-1, .fourth-methology-sec .lead-generation-2, .nighth-methology-sec .lead-generation-1, .second-methology-sec .lead-generation-2, .seventh-methology-sec .lead-generation-1, .sixth-methology-sec .lead-generation-2, .tenth-methology-sec .lead-generation-2, .third-methology-sec .lead-generation-1, .twelth-methology-sec .lead-generation-2 {

        width: 155px

    }



    .eighth-methology-sec .lead-generation-2, .fourth-methology-sec .lead-generation-2, .second-methology-sec .lead-generation-2, .sixth-methology-sec .lead-generation-2, .tenth-methology-sec .lead-generation-2, .twelth-methology-sec .lead-generation-2 {

        justify-content: end

    }



    .third-methology-sec {

        top: 270px;

        right: 0;

        left: inherit

    }



    .fourth-methology-sec {

        left: 0;

        bottom: inherit;

        top: 335px

    }



    .fifth-methology-sec {

        left: inherit;

        top: 540px;

        right: 0

    }



    .sixth-methology-sec {

        left: 0;

        bottom: inherit;

        top: 605px

    }



    .seventh-methology-sec {

        top: 810px;

        right: 0

    }



    .eighth-methology-sec {

        bottom: inherit;

        right: inherit;

        left: 0;

        top: 875px

    }



    .nighth-methology-sec {

        top: inherit;

        right: 0;

        bottom: 288px

    }



    .tenth-methology-sec {

        bottom: 335px;

        right: inherit;

        left: 0

    }



    .eleventh-methology-sec {

        right: 0;

        bottom: 20px;

        top: inherit

    }



    .twelth-methology-sec {

        bottom: 65px;

        right: inherit;

        left: 0

    }



    .methology-bottom-line, p.core-value-txt {

        position: absolute;

        left: 50%;

        transform: translateX(-50%)

    }



    .methology-bottom-line {

        width: 10px;

        height: 1615PX;

        top: 80px;

        z-index: -1

    }



    .new-our-journey-sec .inner-journey-sec .left-journey-sec {

        width: 100%;

        margin-top: 80px

    }



    .inner-journey-sec .left-journey-sec .col-md-12.journey-box, .inner-journey-sec .left-journey-sec .col-md-6.journey-box, .inner-journey-sec .right-journey-sec .col-md-12.journey-box {

        height: 100%;

        padding: 24px;

        max-width: 380px

    }



    .inner-journey-sec .left-journey-sec .journey-box h3, .inner-journey-sec .right-journey-sec .journey-box h3 {

        font-size: 28px;

        line-height: 32px;

        font-weight: 600

    }



    .inner-journey-sec .left-journey-sec .col-md-12.journey-box p, .inner-journey-sec .left-journey-sec .col-md-6.journey-box p, .inner-journey-sec .right-journey-sec .col-md-12.journey-box p {

        font-size: 18px;

        line-height: 26px;

        margin-bottom: 18px;

        font-weight: 400

    }



    .inner-journey-sec .left-journey-sec .col-md-6.journey-box.purple {

        margin-right: 0;

        margin-bottom: 20px;

        order: 1

    }



    .inner-journey-sec .right-journey-sec {

        width: 100%;

        margin-left: 0

    }



    p.core-value-txt {

        top: 142px;

        font-size: 28px;

        margin: 50px 0

    }



    .inner-journey-sec .left-journey-sec .col-md-12.journey-box.purple, .inner-journey-sec .left-journey-sec .col-md-6.journey-box.pink, .inner-journey-sec .left-journey-sec .col-md-6.journey-box.yellow, .new-contact-us .new-contact-right-sec .main-form-sec .project-section .new-social-contact .new-social-content, .new-contact-us .new-contact-right-sec .main-form-sec .project-section h2, .new-mvp-action-sec .action-main-sec .action-left-sec p, .new_mad_section .department_inner .col-md-6, .package-main-section .inner-package-sec h2, .popular-main-section h2, .top-highlight-main-section h2, .trending-pick-main-section h2 {

        margin-bottom: 20px

    }



    .inner-journey-sec .left-journey-sec .col-md-6.journey-box.yellow {

        order: 4

    }



    .inner-journey-sec .left-journey-sec .col-md-6.journey-box.green {

        margin-right: 0;

        order: 2

    }



    .inner-journey-sec .left-journey-sec .col-md-6.journey-box.pink {

        order: 5

    }



    .inner-journey-sec .left-journey-sec .col-md-12.journey-box.purple {

        order: 3

    }



    section.new-ceo-section .ceo-content-sec {

        padding: 25px 25px 0 0;

        flex-wrap: wrap;

        background: linear-gradient(to top, rgba(255, 255, 255, .18), rgba(0, 122, 238, .3), #fff);

        border-radius: 0

    }



    section.new-ceo-section .ceo-content-sec .content-first-sec {

        width: 74%

    }



    section.new-ceo-section .ceo-content-sec .content-second-sec {

        width: 26%

    }



    .inner-service-sec .service-box.mvp, .inner-service-sec .service-box.mvp:last-child, .most-demanding-main-section .popular-amount-section .left-section, .most-demanding-main-section .popular-amount-section .right-section, .new-casestudy-section .content-column.col-lg-5, .new-casestudy-section .content-column.col-lg-7, .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form input.phone, .new-mvp-action-sec .action-main-sec .action-left-sec, .new-mvp-action-sec .action-main-sec .action-right-sec, .popular-main-section .popular-amount-section .left-section, .popular-main-section .popular-amount-section .right-section, .top-highlight-main-section .popular-amount-section .left-section, .top-highlight-main-section .popular-amount-section .right-section, section.new-ceo-section .ceo-content-sec .content-third-sec {

        width: 100%

    }



    .new-contact-left-sec .new-problem-solving-sec .problem-content-sec, .new-tech_sec .tab-content .tab-pane ul li {

        width: 50%

    }



    section.new-ceo-section .ceo-content-sec .content-third-sec p {

        font-size: 18px;

        line-height: 28px;

        font-weight: 400;

        margin-top: 32px;

        padding-left: 25px;

        margin-bottom: 0

    }



    section.new-collabration-sec .col-md-6 {

        width: 60%

    }



    section.new-collabration-sec .col-md-6+.col-md-6 {

        width: 40%

    }



    .new-collabration-sec h2 {

        font-size: 26px;

        line-height: 32px

    }



    a.btn-tech-contact {

        font-size: 14px;

        line-height: 16px;

        padding: 12px 16px

    }



    .digital-solution-header .inner-digital-solution, .hire-sec-services .hire-service-list .hire-service-box {

        padding: 25px

    }



    .digital-solution-header .inner-digital-solution p, .new-blog-listing .new-blog-sec .inner-blog-heading h2 {

        font-size: 18px;

        line-height: 26px;

        margin-bottom: 20px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .project-section .new-social-contact, .trending-pick.inner-right-sec {

        flex-wrap: wrap

    }



    .popular-main-section, .top-highlight-main-section {

        margin: 50px 0

    }



    .most-demanding-main-section h2, .popular-main-section h2, .top-highlight-main-section h2, .trending-pick-main-section h2 {

        font-size: 30px;

        line-height: 34px;

        font-weight: 600

    }



    .most-demanding-main-section .popular-amount-section .right-section .inner-right-sec, .most-demanding-main-section h2, .popular-main-section .popular-amount-section .left-section p, .top-highlight-main-section .popular-amount-section .left-section p, .top-highlight.inner-right-sec, .trending-pick-main-section p, .trending-pick.inner-right-sec p {

        margin-bottom: 40px

    }



    .col-md-4.popular-service-sec a, .hire-sec-services p, .most-demanding-main-section .popular-amount-section .left-section p, .new-key-features-section .inner-key-feature-content .content-section .text-section p, .popular-main-section .popular-amount-section .left-section p, .top-highlight-main-section .popular-amount-section .left-section p, .trending-pick-main-section p {

        font-size: 18px;

        line-height: 28px

    }



    .most-demanding-main-section .popular-amount-section .right-section h3, .popular-main-section .popular-amount-section .right-section h3, .top-highlight-main-section .popular-amount-section .right-section h3, .trending-pick.inner-right-sec .right-section h3 {

        font-size: 70px;

        line-height: 50px;

        margin-bottom: 10px

    }



    .most-demanding-main-section .popular-amount-section .right-section p, .popular-main-section .popular-amount-section .right-section p, .top-highlight-main-section .popular-amount-section .right-section p {

        font-size: 18px;

        line-height: 20px;

        margin-bottom: 20px

    }



    .most-demanding-main-section .popular-amount-section .right-section .inner-right-sec h4, .popular-main-section .popular-amount-section .right-section .inner-right-sec h4, .top-highlight.inner-right-sec h4, .trending-pick.inner-right-sec h4 {

        font-size: 30px;

        line-height: 30px;

        margin-bottom: 5px

    }



    .most-demanding-main-section .popular-amount-section .right-section .inner-right-sec p, .popular-main-section .popular-amount-section .right-section .inner-right-sec p, .top-highlight.inner-right-sec p, .trending-pick.inner-right-sec p {

        font-size: 18px;

        line-height: 20px

    }



    .popular-line {

        margin: 45px 0

    }



    .col-md-4.popular-service-sec {

        padding: 25px 20px;

        max-width: 380px;

        margin: 0 auto

    }



    .col-md-4.new-digital-blog-sec:nth-child(2), .col-md-4.popular-service-sec:nth-child(2) {

        margin: 20px 0

    }



    .col-md-4.popular-service-sec p {

        font-size: 16px;

        line-height: 26px;

        min-height: auto

    }



    .digital-blog-section h2 {

        margin: 0 auto 40px

    }



    .col-md-4.new-digital-blog-sec {

        max-width: 350px;

        width: 350px;

        height: 289px

    }



    .col-md-4.new-digital-blog-sec::after {

        width: 356px;

        height: 289px;

        left: -3px

    }



    .col-md-4.new-digital-blog-sec .inner-case h3, .main-hire-hero-sec .hire-left-sec h3, .offshore-service-content .row .col-md-6 .content-box h3 {

        font-size: 20px;

        line-height: 28px

    }



    .new-contact-us {

        margin-top: 50px;

        padding: 50px 0

    }



    .new-contact-us h1 {

        font-weight: 600;

        margin-bottom: 50px

    }



    .new-contact-left-sec .new-problem-solving-sec .problem-content-sec p {

        font-size: 18px;

        line-height: 25px

    }



    .new-contact-us .new-contact-inner-content .new-contact-right-sec {

        max-width: 100%;

        margin-left: 0

    }



    .new-contact-us .new-contact-right-sec .main-form-sec {

        height: 100%;

        padding: 28px 10px

    }



    .main-hire-hero-sec .hire-right-sec .hire-form-sec::after, .new-contact-us .new-contact-right-sec .main-form-sec::after {

        width: 100%;

        height: 100%;

        top: 0;

        left: 0

    }



    .new-contact-left-sec .new-sales-detail-sec h3 {

        font-size: 16px;

        padding: 4px 16px;

        height: 26px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .project-section {

        padding: 30px 12px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .project-section p {

        line-height: 20px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .project-section .new-social-contact .social-divider {

        margin: 0 22px 20px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec {

        padding: 25px 12px

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec:nth-of-type(2) img, .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form input.code {

        width: 75px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form .wpcf7-validates-as-required label {

        display: flex

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form input[type=checkbox] {

        width: 20px;

        height: 20px

    }



    .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form .wpcf7-validates-as-required label span {

        width: 95%

    }



    .contact-submit-btn input[type=submit] {

        margin: 20px 0 0

    }



    .new-business-plateform-section .main-plateform-sec {

        background: 0 0;

        height: 100%

    }



    .new-business-plateform-section .inner-plateform-sec {

        flex-wrap: wrap;

        max-width: 320px;

        height: 330px

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec {

        width: 125px;

        height: 125px;

        margin-top: 0

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec::after {

        width: 150px;

        height: 150px

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec img {

        width: 62px;

        margin-bottom: 20px

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec:nth-of-type(3) img {

        width: 70px

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec:nth-of-type(4) img {

        width: 105px

    }



    .new-business-plateform-section .inner-plateform-sec .plateform-content-sec p {

        font-size: 19px;

        line-height: 22px;

        font-weight: 500;

        color: #000

    }



    .new-entry-content ul li, .new-offices-sec h2 {

        margin-bottom: 5px

    }



    .new-offices-sec p {

        font-size: 18px;

        font-weight: 400;

        line-height: 24px

    }



    .new-offices-sec .offices-inner-sec {

        flex-direction: column;

        margin-top: 50px;

        margin-bottom: 50px

    }



    .new-offices-sec .offices-inner-sec .office-content-sec {

        max-width: 350px;

        margin: 0 auto 25px;

        width: 100%;

        padding: 20px

    }



    .new-offices-sec .offices-inner-sec .office-content-sec p {

        line-height: 25px

    }



    .new-blog-listing .tab-row .tab-wrapper.blog-mobile, .tab-wrapper.mobile {

        display: block;

        margin-bottom: 20px

    }



    .case-study-detail p {

        font-size: 20px;

        line-height: 28px;

        padding-top: 50px

    }



    .hire-sec-services, .main-new-case-study {

        padding: 0 0 50px

    }



    .case-study-dropdown .dropdown-content {

        min-width: 200px;

        right: 0

    }



    .dropdown-popular, .tab-wrapper.blog-mobile .blog-dropdown {

        position: relative;

        display: inline-block

    }



    .dropdown-popular .dropdown-menu, .tab-wrapper.blog-mobile .dropdown-menu {

        position: absolute;

        list-style: none;

        top: 50px;

        box-shadow: 0 4px 8px rgba(0, 0, 0, .1)

    }



    .dropdown-popular .dropdown-toggle, .tab-wrapper.blog-mobile .dropdown-toggle {

        background-color: #007aee !important;

        color: #fff;

        cursor: pointer;

        font-weight: 400;

        display: flex

    }



    .dropdown-popular .dropdown-toggle {

        border: none;

        border-radius: 40px;

        align-items: center;

        justify-content: space-between;

        width: 100%

    }



    .dropdown-popular .dropdown-toggle .arrow {

        margin-left: 10px

    }



    .dropdown-popular .dropdown-menu {

        display: none;

        background-color: #f9f9f9;

        border-radius: 12px;

        margin: 0;

        padding: 0;

        width: 100%;

        z-index: 99

    }



    .dropdown-popular .dropdown-menu li, .tab-wrapper.blog-mobile .dropdown-menu li {

        padding: 10px 15px;

        color: #424242;

        cursor: pointer;

        font-size: 18px;

        font-family: Graphik;

        font-weight: 400;

        text-align: left;

        border-bottom: 1px solid #e6e6e6

    }



    .dropdown-popular .dropdown-menu li:last-child, .tab-wrapper.blog-mobile .dropdown-menu li:last-child {

        border-bottom: none

    }



    .dropdown-popular .dropdown-menu li a {

        color: #333;

        text-decoration: none;

        display: block;

        width: 100%

    }



    .dropdown-popular .dropdown-menu li a.active {

        font-weight: 700;

        color: #0073aa

    }



    .dropdown-popular .dropdown-menu li:hover {

        background-color: #f9f9f9

    }



    .blog-dropdown .dropdown-toggle .icon, .dropdown-popular .dropdown-toggle .icon {

        width: 0;

        height: 0;

        border-left: 8px solid transparent;

        border-right: 8px solid transparent;

        border-top: 8px solid #fff;

        border-top-left-radius: 4px;

        border-top-right-radius: 4px;

        transform: rotate(0);

        transition: transform .6s;

        margin-left: 5px

    }



    .blog-dropdown .dropdown-toggle.open .icon, .dropdown-popular .dropdown-toggle.open .icon {

        transform: rotate(180deg)

    }



    .case-study-dropdown {

        width: 160px

    }



    .main-new-case-study .tab-row {

        flex-wrap: wrap;

        justify-content: center;

        gap: 15px

    }



    .case-study-dropdown .dropdown-button, .dropdown-popular .dropdown-toggle {

        padding: 6px 15px;

        font-size: 15px;

        line-height: 25px

    }



    #case-studies-container .pagination-wrapper, #case-studies-container .pagination-wrapper .pagination-input {

        justify-content: space-between

    }



    #case-studies-container .pagination-wrapper {

        margin-top: 20px

    }



    .new-casestudy-banner, .new-industry-banner, .new-service-banner {

        margin: 50px 0 0

    }



    .new-casestudy-section .content-column .sec-title-three h2, .new-improve-section h2, .new-key-features-section h2, .new-scccess-section h2, .new-technology-section h2 {

        font-size: 28px;

        line-height: 34px;

        margin-bottom: 30px

    }



    .new-core-feature-section h2 {

        font-size: 28px;

        line-height: 34px;

        margin-bottom: 0

    }



    .new-casestudy-section .content-column .sec-title-three p, .new-casestudy-section .content-column .sec-title-three ul li {

        line-height: 28px;

        margin-bottom: 20px

    }



    #new-faqs .accordion-item:last-child, .new-blog-listing .tab-row, .new-casestudy-section .content-column .sec-title-three p:last-child, .new-casestudy-section .content-column .sec-title-three ul li:last-child {

        margin-bottom: 50px

    }



    .development-left-section p, .new-blog-listing .new-blog-sec .new-blog-txt, .new-improve-section p, .new-service-content-sec .service-content-para p {

        line-height: 28px

    }



    #new-faqs .accordion-body ul, .new-casestudy-section .content-column .sec-title-three ul {

        padding-left: 1rem

    }



    .new-casestudy-section.even .content-column .inner-column .image, .new-casestudy-section.odd .content-column .inner-column .image {

        max-width: 350px;

        margin: 0 auto

    }



    .new-casestudy-section.even .content-column.col-lg-7 {

        margin-left: 0

    }



    .hire-dev-main-sec .step-second, .new-casestudy-section.even .row {

        flex-direction: column-reverse

    }



    .new-core-feature-section .inner-core-feature-content .content-section .border-gray-left, .new-core-feature-section .inner-core-feature-content .content-section .border-gray-right, .new-core-feature-section .inner-core-feature-content .content-section .img-box {

        height: 250px

    }



    .new-core-feature-section .inner-core-feature-content .content-section h3 {

        font-size: 20px;

        line-height: 24px;

        margin-bottom: 12px

    }



    .new-core-feature-section .inner-core-feature-content .content-section p {

        font-size: 18px;

        line-height: 26px;

        max-width: 380px

    }



    .new-key-features-section .inner-key-feature-content .content-section .text-section, .service-main-section .our-service-sec p {

        min-height: auto

    }



    .inner-service-sec .service-box:nth-child(5), .new-key-features-section .inner-key-feature-content .content-section .text-section h3 {

        margin-bottom: 12px

    }



    .new-key-features-section .inner-key-feature-content .content-section:nth-child(2), .new-key-features-section .inner-key-feature-content .content-section:nth-child(5), .new-key-features-section .inner-key-feature-content .content-section:nth-child(8) {

        margin: 0 0 30px

    }



    .new-key-features-section .inner-key-feature-content .content-section .text-section.unique {

        height: auto

    }



    .new-improve-section h2 {

        text-align: left

    }



    .new-industry-banner .inner-industry-banner p, .new-service-banner .inner-service-banner p, .new-whyc-section .why-heading-sec p, section.about-mission-section .inner-mission-sec p {

        font-size: 18px;

        line-height: 24px;

        margin-bottom: 20px

    }



    .hire-developer-step-sec h2, .hire-sec-services h2, .hire-team-different-sec h2, .new-benifit-content-sec .service-content-heading h2, .new-custom-software-section .custom-inner-sec h2, .new-development-growth h2, .new-industry-content-sec .service-content-heading h2, .new-media-section h2, .new-media-work-section h2, .new-mvp-build-section h2, .new-offshore-development-section h2, .new-process-sec h2, .new-service-content-sec .service-content-heading h2, .new-tech-stack-section h2, .new-tech_sec h2, .new.service-faq-sec .service-faq-heading h2, .new_mad_section .heading h2, .offshore-service-section h2, .option-stckup-section h2, section.new-service-development h2, section.new-web-development-section h2, section.new-why-seven-square h2 {

        font-size: 28px;

        line-height: 32px;

        margin-bottom: 30px

    }



    .new-development-growth.mobile h2 {

        margin-bottom: 30px;

        text-align: left

    }



    .inner-development-growth .development-left-section, .inner-service-sec .service-box {

        width: 100%;

        margin-right: 0

    }



    .inner-development-growth .development-right-section {

        width: 100%;

        padding-top: 50px;

        max-width: 430px

    }



    .development-right-section .cross-platform-sec h3, .development-right-section .native-apps-sec h3 {

        font-size: 16px;

        line-height: 20px

    }



    section.new-why-seven-square {

        background: linear-gradient(to bottom, #fff, rgba(0, 122, 238, .3), #fff)

    }



    .new-why-seven-square .btn-tech-contact.mt-12 {

        margin-top: 50px

    }



    .inner-service-sec {

        max-width: 380px

    }



    .new-faq-section h2 {

        font-size: 28px;

        line-height: 32px;

        margin-bottom: 50px

    }



    #new-faq-que .accordion-item, .new.service-faq-sec .accordion .accordion-item {

        padding: 20px;

        margin-bottom: 20px

    }



    #new-faq-que .accordion-button, .mvp-content-section .mvp-content, .new-blog-detail-banner .new-author-detail-sec .new-detail-date, .new.service-faq-sec .accordion .accordion-item .accordion-button {

        font-size: 18px;

        line-height: 22px

    }



    #new-faq-que .accordion-body p, .new.service-faq-sec .accordion .accordion-item .accordion-body p {

        font-size: 16px;

        line-height: 24px;

        margin-top: 15px

    }



    #new-faq-que .accordion-item .accordion-collapse.collapse.show~.accordion-item, #new-faq-que .accordion-item:has(.accordion-collapse.collapse.show) {

        border-color: #007aee

    }



    .mobile-app-process-sec.mobile {

        display: block;

        height: auto;

        position: relative;

        margin-top: 0

    }



    .web-development-process.mobile {

        display: block;

        height: 100%

    }



    .uiux-process-content.mobile {

        display: block;

        height: 100%;

        margin-bottom: 0

    }



    .new_service_icon_content {

        width: 100%;

        height: 100%;

        padding: 30px

    }



    .new_service_icon_content h3 {

        font-size: 20px;

        line-height: 28px;

        margin-bottom: 0

    }



    .new-benifit-content-sec ul li, .new-service-content-sec ul li {

        font-size: 17px;

        line-height: 24px;

        margin-bottom: 12px

    }



    .new-home-case-sec .case-heading-sec .tagline, .new-home-case-sec .casebadge {

        font-size: 16px;

        line-height: 18px;

        margin-bottom: 6px

    }



    .new-home-case-sec .case-heading-sec {

        margin-bottom: 35px

    }



    .new-home-case-sec .casebox h3 {

        font-size: 22px;

        line-height: 30px;

        margin: 15px 0 5px

    }



    .new.service-faq-sec .accordion-item .accordion-collapse.collapse.show~.accordion-item, .new.service-faq-sec .accordion-item:has(.accordion-collapse.collapse.show) {

        border-color: #007aee

    }



    .new-industry-content-sec {

        background-position: bottom right !important;

        padding: 50px 0 0

    }



    .new-media-section .media-icon-content {

        margin-bottom: 20px;

        padding: 20px;

        height: 160px

    }



    .new-media-section .media-icon-content h3 {

        font-size: 16px;

        line-height: 22px;

        margin-bottom: 0

    }



    .new-process-sec .process-box .process-box-inr h3 {

        font-size: 16px;

        line-height: 19px;

        margin-bottom: 0

    }



    .new-whyc-section .why-heading-sec h2 {

        font-size: 28px;

        line-height: 32px;

        margin-bottom: 10px

    }



    .new-whyc-section .whyc-icon-box {

        height: auto;

        padding: 20px 0

    }



    .new-whyc-section .whyc-icon-box h3 {

        font-size: 18px;

        line-height: 26px;

        min-height: auto

    }



    .new-whyc-section .whyc-icon-box p {

        font-size: 16px;

        line-height: 26px;

        margin-bottom: 0

    }



    .pos-abosulate {

        height: 300px

    }



    .new-blog-banner .new-inner-heading h1 {

        margin-top: 0;

        padding: 50px 50px 0;

        font-size: 22px;

        font-weight: 500;

        line-height: 30px

    }



    .new-blog-listing .new-blog-sec {

        height: auto;

        padding: 20px;

        margin-bottom: 20px

    }



    .tab-wrapper.blog-mobile .dropdown-toggle {

        padding: 6px 24px;

        border: none;

        border-radius: 40px;

        font-size: 18px;

        line-height: 28px;

        align-items: center;

        justify-content: space-between;

        width: 100%

    }



    .tab-wrapper.blog-mobile .dropdown-toggle .arrow {

        margin-left: 10px;

        display: inline-block;

        width: 10px;

        height: 10px;

        border: solid #fff;

        border-width: 0 2px 2px 0;

        transform: rotate(45deg);

        transition: transform .3s

    }



    .tab-wrapper.blog-mobile .dropdown-toggle.open .arrow {

        transform: rotate(-135deg)

    }



    .tab-wrapper.blog-mobile .dropdown-menu {

        display: none;

        min-width: 200px;

        z-index: 1;

        padding: 0;

        margin: 12px 0 0;

        right: 0;

        background-color: #f9f9f9;

        border-radius: 12px;

        width: 100%

    }



    .tab-wrapper.blog-mobile .dropdown-menu li a {

        text-decoration: none;

        color: #333;

        display: block

    }



    .tab-wrapper.blog-mobile .dropdown-menu li a.active {

        font-weight: 700;

        color: #007bff

    }



    .new-blog-detail-banner {

        margin: 50px 0;

        height: auto;

        padding: 30px 0

    }



    .new-blog-detail-banner .new-author-detail-sec h1 {

        font-size: 22px;

        line-height: 30px;

        margin-bottom: 30px

    }



    .new-blog-detail-banner .new-author-detail-sec .new-detail-author-name {

        font-size: 20px;

        line-height: 25px;

        margin-bottom: 5px

    }



    .new-blog-right-part.web {

        display: block;

        width: 100%;

        position: inherit

    }



    .new-blog-content-part {

        display: block;

        width: 100%

    }



    .new-blog-left-part .new-table-contents-card {

        padding: 20px;

        margin-bottom: 50px

    }



    .new-table-contents-card ul li a {

        font-size: 18px

    }



    .new-entry-content p {

        font-size: 18px;

        line-height: 28px;

        margin-bottom: 12px

    }



    .new-entry-content h3, .new-entry-content h3 b {

        font-size: 26px;

        line-height: 30px;

        font-weight: 600

    }



    .custom-table-section, .new-entry-content .wp-block-table {

        overflow: auto

    }



    .new-entry-content h4, .new-entry-content h4 b {

        font-size: 24px;

        line-height: 28px

    }



    .new-entry-content h5, .new-entry-content h5 b {

        font-size: 22px;

        line-height: 26px

    }



    .inner-development-growth.row .col-md-7 p {

        font-size: 18px;

        line-height: 28px;

        margin: 25px 0 0

    }



    .build-offshore-section .build-content-sec h2, .new-mvp-action-sec .action-main-sec .action-left-sec h2 {

        font-size: 28px;

        line-height: 32px;

        margin-bottom: 10px;

        text-align: center

    }



    .new-mvp-action-sec .action-main-sec .action-left-sec, .tech-boxes .tech-content-section.col-md-4 p {

        text-align: center

    }



    .new-mvp-action-sec .action-main-sec .action-right-sec {

        gap: 28px 0;

        margin-bottom: 50px

    }



    .offshore-service-content .row .col-md-6 {

        padding: 20px;

        max-width: 450px

    }



    .offshore-service-content .row .col-md-6 .white-box {

        background: 0 0;

        padding: 0 0 20px;

        border: none

    }



    .new-custom-software-section .custom-inner-sec p {

        font-size: 20px;

        line-height: 28px;

        margin-bottom: 30px

    }



    .tech-boxes .tech-content-section.col-md-4 {

        width: 100%;

        max-width: 450px

    }



    .custom-table-section .main-custom .custom_software, .custom-table-section .main-custom .feature, .custom-table-section .main-custom .off-the-shelf {

        font-size: 18px;

        line-height: 22px;

        padding: 10px;

        display: flex;

        align-items: center;

        justify-content: center;

        white-space: nowrap

    }



    .inner-custom-content .custom-software-content p, .inner-custom-content .feature-content, .inner-custom-content .off-the-shelf-content p {

        font-size: 16px;

        line-height: 24px;

        white-space: nowrap

    }



    .main-package-sec, .option-stckup-table {

        overflow-x: auto

    }



    .service-main-section .our-service-sec {

        max-width: 100%

    }



    div#code-num span.wpcf7-not-valid-tip {

        left: -75px

    }



    .digital-solution-header {

        margin: 44px 0 0

    }



    .new-tech_sec .tab-content .tab-pane ul li figure {

        margin: 0 0 10px

    }



    .select2-container .select2-selection--single {

        height: 100%

    }



    .main-hire-hero-sec .hire-right-sec {

        margin-left: 0;

        margin-top: 20px

    }



    .main-hire-hero-sec .hire-right-sec .hire-form-sec .hire-inner-sec {

        max-width: 100%;

        height: 100%;

        padding: 35px 25px

    }



    .hire-dev-main-sec {

        gap: 30px

    }



    .main-hire-hero-sec .hire-left-sec h1 {

        font-size: 32px;

        line-height: 42px;

        margin-bottom: 30px

    }



    .main-hire-hero-sec .hire-right-sec .hire-form-sec h2 {

        font-size: 24px;

        line-height: 30px;

        margin-bottom: 30px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-left-sec {

        width: 130px;

        height: 80px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-left-sec img {

        width: 45px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec {

        max-width: 100%;

        width: 100%

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec h3 {

        font-size: 18px;

        line-height: 25px;

        margin-bottom: 10px

    }



    .hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec p {

        font-size: 15px;

        line-height: 24px

    }



    .option-stckup-table .option-data tr th {

        padding: 10px 15px;

        font-size: 18px;

        line-height: 26px;

        white-space: nowrap

    }



    .option-stckup-table .option-data tr td {

        padding: 12px 20px;

        width: 100%;

        height: 100%;

        font-size: 18px;

        line-height: 22px

    }



    .option-stckup-table .option-data tr td:first-child, .option-stckup-table .option-data tr td:last-child, .option-stckup-table .option-data tr:last-child td {

        border: 1px solid #d3d3d3

    }



    .hire-dev-main-sec .step-first .hire-img-sec, .hire-dev-main-sec .step-second .hire-img-sec, .hire-dev-main-sec .step-third .hire-img-sec {

        width: 100%;

        height: 100%;

        text-align: center

    }



    .hire-dev-main-sec .hire-img-sec img {

        width: 180px

    }



    .hire-dev-main-sec .step-first .hire-img-sec h3 {

        width: 130px

    }



    .hire-dev-main-sec .step-second .hire-img-sec h3 {

        width: 130px;

        margin-left: 9px

    }



    .hire-dev-main-sec .step-first p, .hire-dev-main-sec .step-second p, .hire-dev-main-sec .step-third p {

        font-size: 17px;

        line-height: 25px;

        margin-bottom: 0;

        margin-top: 7px

    }



    .service-content-sec h2 {

        margin-top: 20px;

    }



    .rp-block .rpinner-box {

        height: auto;

    }



    .rp-block .rpinner-box .rp-content p {

        margin-bottom: 0;

    }



    /* Career Page */

    .inner-place-to-work {

        flex-wrap: wrap;

        justify-content: center;

        gap: 20px;

    }



    .career-img-sec {

        flex-direction: column;

        margin-bottom: 0;

    }



    .join-mobile {

        display: flex;

        flex-direction: column-reverse;

    }



    .new-why-join-sec {

        padding: 50px 0 0;

    }



    .new-why-join-sec p {

        margin-bottom: 20px;

    }



    .great-place-work-sec, .recruitment-process-sec, .job-opening-section {

        padding: 50px 0;

    }



    .inner-place-to-work .place-work{

        width: 100%;

    }



    .inner-place-to-work .place-work h3 {

        font-size: 18px;

        line-height: 26px;

        margin: 8px 0;

    }



    .inner-place-to-work .place-work p {

        font-size: 15px;

        line-height: 22px;

    }



    .perk-working-sec {

        padding: 0 0 50px;

    }



    .main-perk-working {

        gap: 18px;

    }



    .main-perk-working .inner-perk-sec {

        width: 100%;

    }



    .main-perk-working .inner-perk-sec h3 {

        font-size: 16px;

        line-height: 22px;

    }



    .main-perk-working .inner-perk-sec .perk_img {

        min-width: 66px;

    }



    .career-img-sec div, .career-img-sec div img{

        width: 100%;

    }



    .career-img-sec .second_img img {

        box-shadow: none;

    }



    .process-divide-line {

        display: none;

    }



    .process-right-sec {

        position: initial;

        margin-bottom: 15px;

    }



    .req-number-sec {

        min-width: 40px;

        width: 40px;

        height: 40px;

        font-size: 17px;

        line-height: 28px;

    }



    .process-left-sec {

        position: initial;

        flex-direction: row;

        margin-bottom: 15px;

    }



    .career-process-main-step{

        height: 100%;

    }



    .career-process-main-step .process-left-sec .req-content-sec p, .career-process-main-step .process-left-sec .req-content-sec h3 {

        text-align: left;

    }



    .process-left-sec .req-content-sec, .process-right-sec .req-content-sec {

        margin-right: 0;

        margin-left: 15px;

    }



    .req-content-sec h3 {

        font-size: 18px;

        line-height: 26px;

    }



    .career-process-main-step .req-content-sec p {

        font-size: 15px;

        line-height: 24px;

    }



    .job-opening-section .mobile-tab {

        text-align: center;

        margin-bottom: 10px !important;

    }



    .job-opening-section .mobile-tab a {

        font-family: 'Graphik';

        font-size: 28px;

        line-height: 38px;

        font-weight: 600;

        color: #090808;

        text-decoration: underline;

    }



    .job-opening-section .job-title {

        font-size: 22px;

        line-height: 32px;

    }

    /* Digital Solution new */
    .digital-main-content .nav{
        display: none;
    }
    
    .mobile-dropdown-wrapper {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

    .custom-dropdown {
        position: relative;
        width: 100%;
        user-select: none;
        max-width: 210px;
    }

    .dropdown-toggle-btn {
        background-color: #007aee !important;
        color: #fff;
        padding: 6px 24px;
        border: none;
        border-radius: 40px;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 6px 15px;
        font-size: 15px;
        line-height: 25px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .dropdown-toggle-btn:hover {
        background-color: #007aee !important;
        color: #fff !important;
    }

    .dropdown-arrow {
        transition: transform 0.3s ease;
        font-size: 18px;
    }

    .custom-dropdown.open .dropdown-arrow {
        transform: rotate(180deg);
    }

    .dropdown-menu {
        display: none;
        list-style: none;
        margin: 8px 0 0;
        padding: 0;
        border: 1px solid #ccc;
        border-radius: 8px;
        background-color: #fff;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        z-index: 99;
        position: absolute;
        width: 100%;
    }

    .custom-dropdown.open .dropdown-menu {
        display: block;
    }

    .dropdown-menu li {
        padding: 8px 16px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        border: 1px solid #e6e6e6;      
        color: #424242;
    }

    .dropdown-menu li:hover {
        background-color: #f2f2f2;
    }
    .digital-main-content{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .tab-content>.tab-pane{
        display: none;
        opacity: 0;
    }
    .tab-content>.tab-pane.active{
        display: block;
        opacity: 1;
    }
    .digital-main-content .tab-content {
        max-width: 100%;
        margin-left: 0;
    }
    .digital-main-content .tab-content .tab-inner-content {
        margin-left: 0;
    }
    .digital-main-content .tab-content .tab-heading{
            margin-bottom: 20px;
    }
    .digital-main-content .tab-content .tab-heading h2{
        font-size: 22px;
        line-height: 28px;
    }
    .digital-main-content .tab-content .tab-inner-content .service-item{
        padding: 15px;
        margin-bottom: 20px;
    }
    .digital-main-content .tab-content .tab-inner-content .service-item .service-image img{
        max-width: 40px;
    }
    .digital-main-content .tab-content .tab-inner-content .service-item .service-content{
        margin-left: 12px;
    }
    .digital-main-content .tab-content .tab-inner-content .service-item .service-content .service-heading{
        font-size: 18px;
        line-height: 30px;
    }
    .digital-main-content .tab-content .tab-inner-content .service-item .service-content p, .digital-main-content .tab-content .tab-inner-content .service-item .service-content .service-btn{
        font-size: 16px;
        line-height: 26px;
    }
}



@media (min-width:676px) and (max-width:767px) {

    .new-hero-section .hero-image-section {

        padding-top: 85px

    }

}



@media (min-width:576px) and (max-width:676px) {

    .new-hero-section .hero-image-section {

        padding-top: 130px

    }

}



@media (max-width:500px) {

    .leadership-member-2 {

        top: 0;

        left: 18%

    }



    .leadership-member-3 {

        top: 7px;

        right: 12%;

        transform: translateX(20%)

    }



    .leadership-member-4, .leadership-member-5 {

        bottom: -30px

    }



    .new-contact-left-sec .new-problem-solving-sec {

        flex-direction: column

    }



    .new-contact-left-sec .new-problem-solving-sec .problem-content-sec {

        width: 100%

    }

}



@media (max-width:400px) {

    .who-we-are-exp-section .who-we-are-boxs .box-sec-1, .who-we-are-exp-section .who-we-are-boxs .box-sec-2, .who-we-are-exp-section .who-we-are-boxs .box-sec-3, .who-we-are-exp-section .who-we-are-boxs .box-sec-4, .who-we-are-exp-section .who-we-are-boxs .box-sec-5, .who-we-are-exp-section .who-we-are-boxs .box-sec-6, .who-we-are-exp-section .who-we-are-boxs .box-sec-7 {

        width: 90px;

        height: 90px

    }



    .who-we-are-exp-section .who-we-are-boxs .box-sec-1 h3, .who-we-are-exp-section .who-we-are-boxs .box-sec-3 h3, .who-we-are-exp-section .who-we-are-boxs .box-sec-7 h3 {

        font-size: 13px;

        font-weight: 600;

        line-height: 16px

    }



    .who-we-are-exp-section .who-we-are-boxs {

        max-width: 310px

    }



    .who-we-are-exp-section .who-we-are-boxs.center {

        gap: 20px

    }



    .leadership-inner-sec {

        height: 700px !important

    }



    .col-md-4.new-digital-blog-sec {

        max-width: 330px;

        width: 330px

    }



    .col-md-4.new-digital-blog-sec::after {

        width: 336px;

        height: 288px;

        left: -3px

    }

}