.btn-schedule, .new-exo-menu li a {

    font-size: 16px;

    letter-spacing: -.5px;

    color: #000 !important
}



.btn-schedule, .new-exo-menu li a, .thank-you-section h1 .para {

    font-weight: 500;

    font-family: Graphik
}



.new-footer-section .inner-new-footer, .popular-line, .site-header.new-site-header .new-menu {

    border-image-slice: 1;

    border-image-source: linear-gradient(to left, #fff, #007AEE, #fff)
}



@font-face {

    font-family: Graphik;

    src: url('fonts/Graphik-Black.woff2') format('woff2'), url('fonts/Graphik-Black.woff') format('woff');

    font-weight: 900;

    font-display: swap
}



@font-face {

    font-family: Graphik;

    src: url('fonts/Graphik-Regular.woff2') format('woff2'), url('fonts/Graphik-Regular.woff') format('woff');

    font-weight: 400;

    font-display: swap
}



@font-face {

    font-family: Graphik;

    src: url('fonts/Graphik-Bold.woff2') format('woff2'), url('fonts/Graphik-Bold.woff') format('woff');

    font-weight: 700;

    font-display: swap
}



@font-face {

    font-family: Graphik;

    src: url('fonts/Graphik-Medium.woff2') format('woff2'), url('fonts/Graphik-Medium.woff') format('woff');

    font-weight: 500;

    font-display: swap
}



@font-face {

    font-family: Graphik;

    src: url('fonts/Graphik-Semibold.woff2') format('woff2'), url('fonts/Graphik-Semibold.woff') format('woff');

    font-weight: 600;

    font-display: swap
}



@font-face {

    font-family: Ahrefs;

    src: url('fonts/Ahrefs-Regular.woff2') format('woff2'), url('fonts/Ahrefs-Regular.woff') format('woff');

    font-weight: 400;

    font-display: swap
}



a {

    text-decoration: none
}



svg {

    shape-rendering: geometricPrecision;

    image-rendering: -webkit-optimize-contrast
}



text {

    text-rendering: geometricPrecision;

    font-smoothing: antialiased
}



.site-logo.new-site-logo .svg-main {

    -webkit-font-smoothing: antialiased;

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale
}



.site-header.new-site-header {

    box-shadow: none;

    z-index: 999
}



.site-header.new-site-header .site-branding {

    width: auto
}



.site-header.new-site-header .primary-navigation {

    margin-left: 0
}



.site-header.new-site-header .primary-navigation .primary-menu-container {

    top: 0
}



.new-our-journey-sec .inner-journey-sec .left-journey-sec .row, .site-header.new-site-header .row {

    justify-content: center
}



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

    padding: 12px 20px;

    border-bottom: 1px solid;

    border-width: 1px;

    justify-content: space-between
}



.new-container {

    max-width: 1260px !important;

    width: 100%;

    padding-right: var(--bs-gutter-x, .75rem);

    padding-left: var(--bs-gutter-x, .75rem);

    margin-right: auto;

    margin-left: auto
}



.new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form .select2-container, .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form .wpcf7-validates-as-required .wpcf7-list-item, .new-site-logo {

    margin: 0
}



.btn-schedule {

    background: 0 0 !important;

    padding: 8px 20px;

    border: 1px solid #007aee;

    border-radius: 20px;

    text-decoration: none;

    height: 42px
}



.new-site-header .btn-schedule:focus, .new-site-header .btn-schedule:hover {

    background: #3395f1 !important;

    color: #fff !important;

    border: 1px solid #3395f1
}



.new-exo-menu li a {

    padding: 8px 16px;

    line-height: 26px;

    text-transform: none;

    border-radius: 24px
}



.exo-menu.new-exo-menu, .inner-development-growth, .mobile-app-process-sec.desk, .new-blog-listing .new-blog-sec .new-blog-date .like-view-section, .new-blog-listing .pagination-wrapper .next-prev-sec, .new-contact-us .new-contact-inner-content, .new-our-journey-sec .inner-journey-sec, .uiux-process-content.desk, .web-development-process.desk {

    display: flex
}



.exo-menu.new-exo-menu .menu-item, .new-blog-listing .pagination-wrapper .pagination-btn.prev-page svg {

    margin-right: 5px
}



.new-exo-menu li a:focus, .new-exo-menu li a:hover, .new-exo-menu li.active a {

    background: #3395f1 !important;

    color: #fff !important
}



.has-background-white .site header ul li a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {

    background: #3395f1 !important
}



img.desk-img {

    display: inline-block
}



.case-study-dropdown select, .mobile-app-process-sec.mobile, .mvp-process-mobile, .new-blog-listing .tab-row .tab-wrapper.blog-mobile, .new-blog-right-part.mobile, .page-id-15825 .inner-new-footer, .postid-19607 .new-core-feature-section, .postid-19607 .new-key-features-section, .postid-15488 .new-core-feature-section, .postid-15488 .new-key-features-section, .solution-line:last-child, .tab-wrapper.mobile, .uiux-process-content.ipad, .uiux-process-content.mobile, .web-development-process.ipad, .web-development-process.mobile, img.mobile-img, .postid-21619 .new-key-features-section, .postid-21619 .new-core-feature-section, .postid-22220 .new-core-feature-section, .postid-22220 .new-key-features-section, .postid-22158 .new-core-feature-section, .postid-22158 .new-key-features-section, .postid-22565 .new-core-feature-section, .postid-22565 .new-key-features-section, .postid-15478 .new-core-feature-section, .postid-15478 .new-key-features-section, .postid-15478 .new-scccess-section, .postid-23117 .new-core-feature-section, .postid-23117 .new-key-features-section {

    display: none !important
}



.postid-19607 .new-improve-section, .postid-15488 .new-improve-section, .postid-21619 .new-improve-section, .postid-22220 .new-improve-section, .postid-22158 .new-improve-section, .postid-22565 .new-improve-section {

    padding: 0;

}



.postid-19607 .new-scccess-section, .postid-15488 .new-scccess-section, .postid-21619 .new-scccess-section, .postid-22220 .new-scccess-section, .postid-22158 .new-scccess-section, .postid-23117 .new-scccess-section {

    padding: 70px 0 0;

}



.digital-solution-header .inner-digital-solution h1 span, .leadership-members, .new-blog-banner, .new-hero-section, .new-testimonial .inner-testimonial, .package-data tbody tr, .pricing-dropdown, .process-main-step, .uiux-process-content .UIUX-horizontal-line, .uiux-process-content .process-first-shape .shape-img-sec, .uiux-process-content .process-second-shape .shape-img-sec, .who-we-are-boxs .main-who-we-are, .who-we-are-exp-section .who-we-are-boxs .box-sec-3, .who-we-are-exp-section .who-we-are-boxs .box-sec-5, .who-we-are-exp-section .who-we-are-boxs .box-sec-7 {

    position: relative
}



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

    text-align: center;

    margin-top: -97px
}



.hero-content-section {

    position: absolute;

    top: 205px;

    left: 0;

    right: 0;

    max-width: 738px;

    margin: 0 auto
}



.thank-you-section {

    text-align: center;

    padding: 80px 0
}



.hero-content-section h1, .thank-you-section h1 {

    font-family: Graphik;

    font-weight: 700;

    font-size: 52px;

    line-height: 62px;

    color: #000;

    text-align: center;

    margin-bottom: 12px
}



.thank-you-page h1 {

    font-family: Graphik;

    font-weight: 700;

    font-size: 44px;

    line-height: 60px;

    color: #000;

    text-align: center;

    margin-bottom: 20px;

}



.thank-you-page p {

    font-size: 30px;

    line-height: 45px;

    color: #000;

    font-weight: 500;

}



.hero-content-section h1 span, .new-table-contents-card ul li a.active, .new-table-contents-card ul li a:hover, .new-table-contents-card ul li a:focus, .new-who-we-are p span, .thank-you-section h1 span {

    color: #007aee !important
}



.page-id-19982 .new-footer-section, section.we-are-team-section .inner-team-section .team-images-sec img:last-of-type {

    margin-top: 0
}



.thank-you-section h1 .para {

    font-size: 35px;

    line-height: 45px;

    color: #000
}



.thank-you-section img {

    width: 100px;

    margin-bottom: 20px
}



.btn-hero-schedule a, .btn-hero-schedule::after {

    background: radial-gradient(40.34% 305.08% at 90.34% 67.19%, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 100%), radial-gradient(66.48% 68.75% at 50% 31.25%, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 0) 100%), radial-gradient(33% 82.75% at 31.25% 76.56%, rgba(255, 255, 255, .219) 0, rgba(255, 255, 255, .036) 100%), radial-gradient(66.95% 96.09% at 35.23% 0, #3395f1 0, rgba(51, 149, 241, .12) 100%), radial-gradient(84.9% 146.88% at 43.75% -31.25%, #4a81cd 24.16%, #6f97e0 84.89%), #3395f1;

    border-radius: 16px;

    width: 212px
}



.hero-content-section p {

    color: #666;

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    font-weight: 400;

    max-width: 414px;

    text-align: center;

    margin: 0 auto
}



.btn-hero-schedule {

    text-align: center;

    position: relative;

    margin-top: 32px
}



.btn-hero-schedule a {

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

    padding: 24px 17px;

    font-family: Graphik;

    font-size: 16px;

    line-height: 20px;

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    display: inline-block
}



.btn-hero-schedule::after {

    content: '';

    box-shadow: inset 0 0 10px rgba(255, 255, 255, .8);

    height: 68px;

    position: absolute;

    left: 0;

    right: 0;

    top: 10px;

    bottom: 0;

    margin: 0 auto;

    z-index: -1
}



.has-background-white .site .btn-hero-schedule a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {

    background: radial-gradient(40.34% 305.08% at 90.34% 67.19%, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 100%), radial-gradient(66.48% 68.75% at 50% 31.25%, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 0) 100%), radial-gradient(33% 82.75% at 31.25% 76.56%, rgba(255, 255, 255, .219) 0, rgba(255, 255, 255, .036) 100%), radial-gradient(66.95% 96.09% at 35.23% 0, #3395f1 0, rgba(51, 149, 241, .12) 100%), radial-gradient(84.9% 146.88% at 43.75% -31.25%, #4a81cd 24.16%, #6f97e0 84.89%), #3395f1 !important;

    color: #fff
}



.new-benifit-content-sec, section.new-industry-section {

    padding: 100px 0 70px
}



section.new-media-work-section {

    display: none;

}



#case-studies-container .pagination-wrapper .next-prev-sec, .new-blog-listing .pagination-wrapper .next-prev-sec, section.new-industry-section .industry-inner-sec {

    margin: 0 auto
}



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

    font-size: 42px;

    font-family: Graphik;

    font-weight: 600;

    line-height: 52px;

    color: #000;

    text-align: center;

    margin-bottom: 50px
}



.inner-development-growth.row, .new-industry-content-sec .row, section.new-industry-section .industry-inner-sec .row {

    align-items: center
}



.new-core-feature-section h2, .new-improve-section h2, .new-key-features-section h2, .new-scccess-section figure, .new-scccess-section h2, .new-technology-section h2, section.new-industry-section .industry-inner-sec .row .col-md-2 {

    text-align: center
}



.new-business-plateform-section .inner-plateform-sec .plateform-content-sec img, .who-we-are-exp-section {

    margin-bottom: 30px
}



.great-place-work-sec, .new-case-study-section, .new-core-feature-section, .new-development-growth, .new-faq-section, .new-improve-section, .new-industry-section.hire, .new-key-features-section, .new-mvp-build-section, .new-process-mobile-section, .new-scccess-section, .new-service-content-sec, .new-technology-section, .new-uiux-process-section, .new-who-we-are, .new_mad_section, .option-stckup-section, section.new-ceo-section, section.new-leadership-section, section.new-methology-section, section.new-our-journey-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: 70px 0
}



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

    font-size: 20px;

    font-family: Graphik;

    line-height: 30px;

    font-weight: 500;

    text-transform: capitalize;

    color: #8f8f8f;

    text-align: center;

    margin-bottom: 40px
}



.new-who-we-are p {

    font-size: 20px;

    font-family: Graphik;

    font-weight: 500;

    line-height: 31px;

    color: #424242
}



.who-we-are-content {

    padding-top: 57px
}



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

    max-width: 604px;

    margin: 0 auto 65px;

    display: flex;

    justify-content: space-between
}



#new-faq-que .accordion-item:last-child, #new-faqs .accordion-body ul, #new-faqs .accordion-header, #new-faqs .accordion-item:last-child, .development-left-section.mobile-app p:last-child, .development-right-section .inner-right-sec:last-child, .footer-copyright-section .copyright-left-sec p, .inner-service-sec .service-box:last-child, .inner-service-sec .service-box:nth-child(5), .inner-service-sec .service-box:nth-child(6), .leadership-content p:last-child, .new-contact-left-sec .new-sales-detail-sec .detail-sec:last-child, .package-detail-content .package-data td p, .who-we-are-exp-section .who-we-are-boxs:last-child, footer.new-footer-section .footer-second-section a:last-child {

    margin-bottom: 0
}



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

    justify-content: end;

    gap: 65px
}



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

    background: #007aee;

    width: 158px;

    height: 158px;

    display: flex;

    align-items: center;

    justify-content: center
}



.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-family: Graphik;

    font-size: 21px;

    font-weight: 600;

    line-height: 25px;

    color: #fff;

    text-align: center;

    text-transform: capitalize;

    margin-bottom: 0
}



.who-we-are-exp-section .who-we-are-boxs .box-sec-1 h2 span, .who-we-are-exp-section .who-we-are-boxs .box-sec-3 h2 span {

    font-size: 30px;

    line-height: 36px;

    letter-spacing: -2.38px
}



.who-we-are-exp-section .who-we-are-boxs .box-sec-3 {

    background: #001f54;

    width: 158px;

    height: 158px;

    border: 5.3px solid transparent;

    border-image-source: linear-gradient(to left, #02ADD2, #007AEE, #02ADD2);

    border-image-slice: 1;

    display: flex;

    align-items: center;

    justify-content: center
}



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

    position: absolute;

    left: -105%;

    top: -35px
}



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

    line-height: 20px;

    font-family: Graphik;

    font-size: 16px;

    max-width: 174px;

    margin-left: -50px;

    margin-top: 3px;

    color: #000
}



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

    line-height: 20px;

    font-family: Graphik;

    font-size: 16px;

    max-width: 184px;

    margin-left: -50px;

    margin-top: 3px;

    color: #000
}



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

    position: absolute;

    right: -145%;

    display: flex;

    align-items: center
}



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

    position: absolute;

    right: -152%;

    display: flex;

    align-items: center
}



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

    line-height: 20px;

    font-family: Graphik;

    font-size: 16px;

    max-width: 162px;

    color: #000;

    margin-bottom: 0;

    margin-left: 10px
}



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

    line-height: 20px;

    font-family: Graphik;

    font-size: 16px;

    max-width: 192px;

    color: #000;

    margin-bottom: 0;

    margin-left: 10px
}



.new-who-we-are h2, section.new-solution-section h2 {

    font-size: 42px;

    font-family: Graphik;

    font-weight: 600;

    line-height: 40px;

    color: #1b152b;

    text-align: center;

    margin-bottom: 18px
}



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

    font-size: 20px;

    font-family: Graphik;

    line-height: 30px;

    font-weight: 500;

    text-transform: capitalize;

    color: #8f8f8f;

    text-align: center;

    margin-bottom: 0;

    padding-bottom: 50px;

    border-bottom: 2px solid #0f0f0f
}



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

    background: #f7f7f7;

    padding: 40px 24px;

    margin-top: 30px;

    border-radius: 20px;

    max-width: 408px
}



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

    margin-left: 18px;

    margin-right: 18px
}



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

    font-size: 24px;

    font-family: Graphik;

    line-height: 30px;

    font-weight: 500;

    margin: 16px 0 22px;

    color: #000
}



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

    font-size: 17px;

    font-family: Graphik;

    line-height: 25px;

    color: #424242;

    margin-bottom: 0
}



.case-study-dropdown.active .dropdown-content, .tab-wrapper.desk {

    display: block
}



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

    font-size: 42px;

    font-family: Graphik;

    line-height: 40px;

    font-weight: 600;

    color: #1b152b;

    text-align: center;

    margin-bottom: 18px
}



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

    font-size: 20px;

    font-family: Graphik;

    line-height: 30px;

    font-weight: 500;

    text-transform: capitalize;

    color: #8f8f8f;

    text-align: center;

    margin: 0 auto 50px
}



.new-case-study-section .new-case-txt {

    max-width: 520px
}



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

    background-color: #f7f7f7;

    border-radius: 24px;

    padding: 20px;

    max-width: 408px
}



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

    margin: 0 18px
}



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

    display: flex;

    margin-bottom: 12px;

    min-height: 110px
}



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

    width: 100px !important;

    border-radius: 8px;

    object-fit: contain
}



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

    font-size: 19px;

    font-family: Graphik;

    line-height: 30px;

    font-weight: 400;

    color: #000;

    margin-left: 24px
}



.col-md-4.new-case-sec .inner-case.blog p, .new-entry-content b, .new-entry-content strong {

    font-weight: 500
}



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

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    font-weight: 400;

    color: #424242
}



.col-md-4.new-case-sec .inner-case a:focus, .page-id-16053 .site-header.new-site-header, body.blog.custom-background .site-header.new-site-header {

    background: 0 0 !important
}



.col-md-4.new-case-sec .arrow-link, .col-md-4.new-digital-blog-sec .arrow-link {

    float: right
}



.new-blog-content-part .new-entry-content img {

    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

    border-radius: 8px;

}



.btn-more-case {

    padding: 10.5px 24px;

    background-color: #007aee;

    border-radius: 30px;

    width: auto;

    max-width: 270px;

    font-family: Graphik;

    font-size: 16px;

    line-height: 16px;

    font-weight: 500;

    color: #fff;

    margin: 32px auto 0;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-transform: capitalize
}



.btn-more-case.blog {

    max-width: 205px
}



.btn-more-case:hover {

    color: #fff
}



.has-background-white .site .btn-more-case:focus:not(.wp-block-button__link):not(.wp-block-file__button), .has-background-white .site .btn-tech-contact:focus:not(.wp-block-button__link):not(.wp-block-file__button) {

    background: #007aee !important;

    color: #fff
}



.postid-19607 .new-casestudy-section .content-column .sec-title-three h2, .postid-19607 .new-core-feature-section h2, .postid-19607 .new-improve-section h2, .postid-19607 .new-key-features-section h2, .postid-19607 .new-scccess-section h2, .postid-19607 .new-technology-section h2, .postid-21619 .new-technology-section h2, .postid-21619 .new-scccess-section h2, .postid-21619 .new-improve-section h2, .postid-22220 .new-improve-section h2, .postid-22220 .new-technology-section h2, .postid-22220 .new-scccess-section h2, .postid-22158 .new-improve-section h2, .postid-22158 .new-technology-section h2, .postid-22158 .new-scccess-section h2, .postid-22565 .new-improve-section h2, .postid-22565 .new-technology-section h2, .postid-22565 .new-scccess-section h2, .postid-23117 .new-scccess-section h2 {

    margin-bottom: 25px
}



.inner-tech-solution {

    border: 1px solid #eff0f6;

    border-radius: 16px;

    padding: 48px 16px
}



.new-solution-content-sec {

    text-align: center;

    max-width: 295px
}



.new-solution-content-sec h3 {

    font-family: Graphik;

    font-size: 22px;

    line-height: 32px;

    font-weight: 500;

    color: #1b152b;

    min-height: 68px;

    margin: 16px auto 20px;

    max-width: 180px
}



.new-solution-content-sec p {

    font-family: Graphik;

    font-size: 17px;

    font-weight: 400;

    line-height: 25px;

    color: #424242;

    margin-bottom: 30px;

    min-height: 125px
}



a.btn-tech-contact, a.new-btn-get-in-touch {

    color: #fff;

    display: inline-block;

    font-family: Graphik
}



.solution-line {

    width: 1px;

    background: #edf0ee;

    margin: auto;

    height: 201px;

    padding: 0
}



.tech-icon-section {

    display: flex;

    max-width: 200px;

    align-items: center;

    justify-content: space-between;

    margin: 0 auto
}



.tech-icons {

    width: 44px;

    height: 44px;

    background: #fff;

    border-radius: 100%;

    box-shadow: 0 4.4px 8.81px -1.47px rgba(50, 50, 93, .25);

    display: flex;

    align-items: center;

    justify-content: center
}



a.btn-tech-contact {

    background: #007aee;

    padding: 12px 32px;

    border-radius: 20px;

    font-size: 16px;

    line-height: 16px;

    font-weight: 500;

    margin-top: 30px
}



.new-delivering-section, .new-industry-content-sec, .new-media-section, .new.service-faq-sec, section.new-collabration-sec {

    padding: 70px 0 0
}



.new-delivering-section .new-container {

    position: relative;

    margin-bottom: 150px
}



.new-delivering-section .row {

    margin-top: 110px
}



.new-delivering-section .new-testimonial {

    background: #e6f2fe;

    padding: 40px;

    width: 390px;

    border-radius: 10px;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    height: 406px
}



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

    max-width: 275px;

    text-align: center;

    margin: 0 auto;

    position: relative;

    font-family: Graphik;

    font-size: 17px;

    line-height: 27px;

    color: #000
}



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

    display: flex;

    justify-content: center
}



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

    margin-right: 90px
}



.new-testimonial .client-name-sec {

    display: flex;

    align-items: center;

    margin-top: 18px
}



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

    width: 57px;

    height: 57px;

    margin-right: 12px
}



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

    font-family: Graphik;

    font-weight: 600;

    font-size: 22px;

    line-height: 22px;

    color: #000;

    margin-bottom: 6px
}



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

    font-family: Graphik;

    font-weight: 500;

    font-size: 14px;

    line-height: 22px;

    color: #424242;

    margin-left: 22px
}



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

    margin-right: 6px
}



.new-testimonial .left-svg-sec {

    position: absolute;

    top: 0
}



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

    top: 38%;

    max-width: 220px;

    height: 165px;

    position: absolute
}



.new-testimonial .right-svg-sec {

    position: absolute;

    bottom: 0;

    right: 15px
}



.award-section.goodfirms, .award-section.google {

    position: absolute;

    bottom: -130px;

    max-width: 220px;

    height: 165px
}



.award-section {

    border-radius: 20px;

    background: #fff;

    padding: 24px;

    box-shadow: 2px 2px 8px rgba(0, 0, 0, .25);

    text-align: center
}



.leadership-member-6, .leadership-member-7 {

    box-shadow: 0 0 8px rgba(0, 0, 0, .25)
}



.award-section.clutch {

    left: 45%;

    transform: translate(-50%, -60%)
}



.award-section.goodfirms {

    left: 0
}



.award-section.upwork {

    right: 0;

    transform: translate(0, -60%)
}



.award-section.google {

    left: 55%;

    padding: 24px 17px;

    transform: translateX(-55%)
}



.award-section .star-sec {

    font-family: Graphik;

    font-size: 18px;

    line-height: 22px;

    font-weight: 500;

    color: #000;

    margin: 14px 0
}



.award-section .clutch-txt p {

    font-family: Graphik;

    font-size: 12px;

    font-weight: 400;

    line-height: 20px;

    margin-bottom: 0;

    color: #424242
}



footer.new-footer-section {

    background-color: #e6f2fe;

    padding: 60px 0;

    margin-top: 70px
}



.new-footer-section .inner-new-footer {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid;

    border-width: 1px;

    padding-bottom: 32px
}



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

    max-width: 287px;

    width: 25%
}



.vertical-line {

    width: 1px;

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

    margin: 0 42px;

    height: 128px
}



.leadership-member-1, .leadership-member-2 {

    width: 140px;

    height: 140px;

    position: absolute
}



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

    font-size: 18px;

    line-height: 18px;

    font-weight: 600;

    color: #007aee;

    font-family: Graphik;

    margin-bottom: 20px
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 18px;

    font-weight: 400;

    color: #000;

    margin-bottom: 20px
}



footer.new-footer-section .footer-first-section a {

    font-weight: 500;

    font-family: Graphik;

    font-size: 18px;

    line-height: 18px;

    color: #000;

    text-decoration: none
}



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

    line-height: 18px;

    font-weight: 400;

    color: #000;

    font-family: Graphik;

    font-size: 18px
}



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

    text-decoration: none;

    margin-bottom: 20px;

    display: block
}



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

    padding: 0;

    margin: 0;

    list-style-type: none
}



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

    font-size: 18px;

    line-height: 18px;

    color: #000;

    font-family: Graphik;

    text-decoration: none;

    margin-bottom: 20px;

    display: block
}



footer.new-footer-section .footer-fourth-section a:nth-child(2) {

    margin: 0 16px
}



.footer-copyright-section {

    padding-top: 32px;

    display: flex;

    justify-content: space-between;

    align-items: center
}



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

    margin: 0 24px
}



section.about-mission-section {

    padding: 44px 0 64px
}



section.about-mission-section .inner-mission-sec {

    background: #f5f5f5;

    padding: 40px 40px 40px 80px;

    border-radius: 20px;

    height: 426px;

    display: flex;

    flex-direction: column;

    justify-content: center
}



section.about-mission-section .inner-mission-sec h1 {

    font-family: Graphik;

    font-size: 52px;

    line-height: 68px;

    font-weight: 700;

    margin-bottom: 40px
}



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

    background: #000;

    padding: 10px 20px;

    border-radius: 9999px;

    font-size: 16.31px;

    font-weight: 500;

    line-height: 28px;

    height: 48px
}



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

    margin-left: 4px
}



.has-background-white .site a.new-btn-get-in-touch:focus:not(.wp-block-button__link):not(.wp-block-file__button) {

    background: #000 !important;

    color: #fff !important
}



section.counter-section {

    padding: 0 0 35px
}



.counter-section .counter-count-sec {

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    padding: 16px 0
}



.new-count-sec h2 {

    font-family: Graphik;

    font-size: 54px;

    line-height: 65px;

    font-weight: 600;

    margin-bottom: 8px;

    color: #000
}



.leadership-content p, .new-count-sec p {

    font-weight: 400;

    color: #424242;

    font-family: Graphik
}



.new-count-sec p {

    font-size: 22px;

    line-height: 25px;

    margin-bottom: 0
}



section.we-are-team-section {

    background: #e6f2fe;

    padding: 35px 0;

    margin: 70px 0
}



section.we-are-team-section .inner-team-section {

    padding: 44px 65px 60px
}



section.we-are-team-section .inner-team-section h1 {

    font-family: Graphik;

    font-size: 48px;

    line-height: 58px;

    font-weight: 500;

    letter-spacing: -1.96px;

    max-width: 775px;

    margin-bottom: 0;

    color: #000
}



section.we-are-team-section .inner-team-section .team-images-sec {

    display: flex;

    align-items: flex-start;

    justify-content: space-between
}



section.we-are-team-section .inner-team-section .team-images-sec img {

    border-radius: 20px;

    margin-top: 170px
}



section.we-are-team-section .inner-team-section .team-images-sec img:first-child {

    margin-top: 60px
}



section.new-value-section h1 {

    font-family: Graphik;

    font-size: 48px;

    line-height: 58px;

    text-align: center;

    letter-spacing: -2px;

    color: #1b152b;

    margin-bottom: 48px
}



.leadership-inner-sec {

    padding-top: 65px
}



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

    background: linear-gradient(90deg, #007aee, #a7cef3);

    padding: 3px
}



.leadership-member-1 {

    top: -55px;

    left: 50%;

    transform: translateX(-50%);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center
}



.leadership-member-2, .linkedin-profile a {

    border-radius: 50%;

    display: flex;

    align-items: center
}



.leadership-member-1::after, .leadership-member-2::after, .leadership-member-3::after, .leadership-member-4::after, .leadership-member-5::after {

    content: '';

    position: absolute;

    inset: 0;

    border-radius: 50%;

    background: #fff;

    margin: 3px;

    z-index: -1
}



.circle.blue, .circle.green, .circle.orange, .circle.purple, .circle.yellow {

    margin-left: -10px
}



.linkedin-profile {

    position: absolute;

    right: -15px;

    top: 45px
}



.linkedin-profile img {

    width: 26px;

    height: 26px
}



.linkedin-profile a {

    width: 32px;

    height: 32px;

    background: #fff;

    justify-content: center
}



.leadership-member-2 {

    top: 50px;

    left: 18%;

    transform: translateX(-35%);

    justify-content: center
}



.leadership-member-4, .leadership-member-6 {

    bottom: -5px;

    left: 0;

    position: absolute;

    border-radius: 50%
}



.leadership-member-3, .leadership-member-4 {

    align-items: center;

    width: 140px;

    height: 140px;

    display: flex
}



.leadership-member-3 {

    position: absolute;

    top: 50px;

    right: 16%;

    transform: translateX(16%);

    border-radius: 50%;

    justify-content: center
}



.leadership-member-5, .leadership-member-7 {

    bottom: -5px;

    right: 0;

    position: absolute;

    border-radius: 50%
}



.leadership-member-4 {

    transform: translateX(-10%);

    justify-content: center
}



.leadership-member-5 {

    transform: translateX(10%);

    width: 140px;

    height: 140px;

    display: flex;

    align-items: center;

    justify-content: center
}



.leadership-content {

    position: absolute;

    max-width: 715px;

    left: 50%;

    transform: translateX(-50%);

    top: 150px
}



.leadership-content p {

    font-size: 17px;

    line-height: 26px;

    text-align: justify;

    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: 175px;

    height: 150px;

    background: #fff;

    box-shadow: 0 0 3.34px rgba(0, 0, 0, .25);

    display: flex
}



.first-methology-sec .lead-generation-1 h3, .second-methology-sec .lead-generation-2 h3 {

    font-family: Graphik;

    font-size: 18px;

    line-height: 25px;

    color: #21c828;

    max-width: 135px;

    font-weight: 600;

    margin-bottom: 16px
}



.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, .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-family: Graphik;

    font-size: 14px;

    line-height: 20px;

    font-weight: 500;

    color: #09090b;

    margin-bottom: 0
}



.first-methology-sec {

    position: absolute;

    left: 10px;

    top: 113px
}



.second-methology-sec {

    position: absolute;

    left: 75px;

    bottom: -17px;

    z-index: 9
}



.third-methology-sec {

    position: absolute;

    top: 50px;

    left: 200px
}



.fourth-methology-sec {

    position: absolute;

    left: 260px;

    bottom: -17px;

    z-index: 9
}



.fifth-methology-sec {

    position: absolute;

    left: 400px;

    top: 12px
}



.sixth-methology-sec {

    position: absolute;

    left: 460px;

    bottom: -18px
}



.seventh-methology-sec {

    position: absolute;

    top: 50px;

    right: 385px
}



.eighth-methology-sec {

    position: absolute;

    bottom: -17px;

    right: 440px
}



.nighth-methology-sec {

    position: absolute;

    top: 120px;

    right: 205px;

    z-index: 9
}



.tenth-methology-sec {

    position: absolute;

    bottom: -17px;

    right: 270px;

    z-index: 9
}



.eleventh-methology-sec {

    position: absolute;

    top: 12px;

    right: 60px
}



.twelth-methology-sec {

    position: absolute;

    bottom: -18px;

    right: 0
}



.eighth-methology-sec .new-content-sec, .eleventh-methology-sec .new-content-sec, .fifth-methology-sec .new-content-sec, .fourth-methology-sec .new-content-sec, .nighth-methology-sec .new-content-sec, .seventh-methology-sec .new-content-sec, .sixth-methology-sec .new-content-sec, .tenth-methology-sec .new-content-sec, .third-methology-sec .new-content-sec, .twelth-methology-sec .new-content-sec {

    display: flex;

    flex-direction: column;

    justify-content: center
}



.fourth-methology-sec .lead-generation-2 h3, .third-methology-sec .lead-generation-1 h3 {

    font-family: Graphik;

    font-size: 18px;

    line-height: 25px;

    color: #7b68ee;

    max-width: 135px;

    font-weight: 600;

    margin-bottom: 16px
}



.fifth-methology-sec .lead-generation-1 h3, .sixth-methology-sec .lead-generation-2 h3 {

    font-family: Graphik;

    font-size: 18px;

    line-height: 25px;

    color: #eb5b1f;

    max-width: 135px;

    font-weight: 600;

    margin-bottom: 16px
}



.eighth-methology-sec .lead-generation-2 h3, .seventh-methology-sec .lead-generation-1 h3 {

    font-family: Graphik;

    font-size: 18px;

    line-height: 25px;

    color: #007aee;

    max-width: 135px;

    font-weight: 600;

    margin-bottom: 16px
}



.nighth-methology-sec .lead-generation-1 h3, .tenth-methology-sec .lead-generation-2 h3 {

    font-family: Graphik;

    font-size: 18px;

    line-height: 25px;

    color: #5ea5a5;

    max-width: 135px;

    font-weight: 600;

    margin-bottom: 16px
}



.eleventh-methology-sec .lead-generation-1 h3, .twelth-methology-sec .lead-generation-2 h3 {

    font-family: Graphik;

    font-size: 18px;

    line-height: 25px;

    color: #faa701;

    max-width: 135px;

    font-weight: 600;

    margin-bottom: 16px
}



.new-content-sec {

    padding: 8px 10px
}



.left-line {

    width: 5.84px;

    height: 150px
}



.left-line.green {

    background: #21c828
}



.left-line.purple {

    background: #7b68ee
}



.left-line.orange {

    background: #eb5b1f
}



.left-line.blue {

    background: #007aee
}



.left-line.dark-green, .web-development-process .first-process.fifth .process-num span, .web-development-process .first-process.fifth .process-round, .web-development-process .first-process.fifth .process-vertical {

    background: #5ea5a5
}



.left-line.yellow {

    background: #faa701
}



.methology-inner-sec {

    position: relative;

    height: 470px
}



.dashed-line {

    width: 2.5px;

    border-style: dashed;

    border-width: 2.5px
}



.circle:after {

    content: '';

    width: 14px;

    height: 14px;

    display: block;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%)
}



.circle {

    width: 26px;

    height: 26px;

    background: 0 0;

    border-radius: 50%;

    position: relative
}



.circle.green {

    border: 3px solid #21c828
}



.circle.green:after {

    background-color: #21c828
}



.dashed-line.green {

    border-color: #21c828;

    height: 198px
}



.dashed-line.green.second {

    height: 66px
}



.circle.purple {

    border: 3px solid #7b68ee
}



.circle.purple:after {

    background-color: #7b68ee
}



.dashed-line.purple {

    border-color: #7b68ee;

    height: 261px
}



.dashed-line.purple.second {

    height: 100px
}



.circle.orange {

    border: 3px solid #eb5b1f
}



.circle.orange:after {

    background-color: #eb5b1f
}



.dashed-line.orange {

    border-color: #eb5b1f;

    height: 301px
}



.dashed-line.orange.second, .dashed-line.yellow.second {

    height: 135px
}



.circle.blue {

    border: 3px solid #007aee
}



.circle.blue:after {

    background-color: #007aee
}



.dashed-line.blue {

    border-color: #007aee;

    height: 261px
}



.dashed-line.blue.second {

    height: 65px
}



.circle.dark-green {

    border: 3px solid #5ea5a5;

    margin-left: -10px
}



.circle.dark-green:after {

    background-color: #5ea5a5
}



.dashed-line.dark-green {

    border-color: #5ea5a5;

    height: 191px
}



.dashed-line.dark-green.second {

    height: 30px
}



.circle.yellow {

    border: 3px solid #faa701
}



.circle.yellow:after {

    background-color: #faa701
}



.dashed-line.yellow {

    border-color: #faa701;

    height: 301px
}



.methology-bottom-line {

    width: 100%;

    background: #e6f2fe;

    height: 10px;

    border-radius: 20px
}



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

    max-width: 828px;

    width: 70%
}



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

    background-color: #fff;

    border-radius: 32px;

    padding: 24px 24px 12px;

    max-width: 396px;

    height: 340px;

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



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

    background-color: #fff;

    border-radius: 32px;

    padding: 24px 24px 12px;

    max-width: 828px;

    height: 258px;

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



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

    border-left: 2px solid #7b68ee
}



.inner-journey-sec .right-journey-sec .col-md-12.journey-box.blue {

    border-left: 2px solid #49ccf9;

    margin-bottom: 24px
}



.inner-journey-sec .right-journey-sec .col-md-12.journey-box.pastel {

    border-left: 2px solid #fd7171
}



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

    border-left: 2px solid #7b68ee;

    margin-right: 36px;

    margin-bottom: 24px
}



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

    border-left: 2px solid #00b884;

    margin-right: 36px;

    margin-bottom: 24px
}



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

    border-left: 2px solid #ffc800
}



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

    border-left: 2px solid #fd71af
}



.inner-journey-sec .left-journey-sec .journey-box .count-number, .inner-journey-sec .right-journey-sec .journey-box .count-number {

    font-family: Graphik;

    font-size: 36px;

    line-height: 32px;

    font-weight: 600
}



.count-number.purple, .highlite-txt.purple {

    color: #7b68ee
}



.count-number.green, .highlite-txt.green {

    color: #00b884
}



.count-number.yellow, .highlite-txt.yellow {

    color: #ffc800
}



.count-number.pink, .highlite-txt.pink {

    color: #fd71af
}



.count-number.blue, .highlite-txt.blue {

    color: #49ccf9
}



.count-number.pastel, .highlite-txt.pastel {

    color: #fd7171
}



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

    font-family: Graphik;

    font-size: 32px;

    line-height: 38px;

    font-weight: 500;

    color: #09090b;

    margin: 18px 0
}



.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-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    font-weight: 400;

    color: #424242;

    text-align: center;

    max-width: 317px;

    margin: 0 auto 25px
}



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

    font-family: Graphik;

    font-size: 20px;

    font-weight: 600;

    line-height: 28px;

    text-align: center;

    max-width: 295px;

    margin: 0 auto
}



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

    font-family: Graphik;

    font-size: 16px;

    line-height: 28px;

    font-weight: 500;

    color: #71717a;

    text-align: center;

    max-width: 660px;

    margin-bottom: 13px
}



.inner-journey-sec .left-journey-sec .col-md-12.journey-box .highlite-txt {

    font-family: Graphik;

    font-size: 20px;

    font-weight: 600;

    line-height: 28px;

    text-align: center;

    max-width: 660px
}



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

    width: 30%;

    margin-left: 36px
}



p.core-value-txt {

    font-family: Graphik;

    font-size: 44px;

    font-weight: 700;

    line-height: 32px;

    color: #000;

    margin: 41px 0 57px;

    text-align: center
}



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

    background: linear-gradient(180deg, #e6f2fe, #599ce0);

    border-radius: 20px;

    padding: 30px 57px 0;

    display: flex;

    justify-content: center
}



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

    width: 15%
}



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

    width: 120px
}



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

    width: 80%;

    padding-bottom: 25px;

    display: flex;

    flex-direction: column;

    justify-content: end;

    align-items: end
}



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

    font-family: Graphik;

    font-size: 22px;

    line-height: 38px;

    color: #09090b;

    margin-bottom: 0
}



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

    max-width: 665px;

    display: flex;

    flex-direction: column;

    align-items: end;

    margin-left: 50px
}



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

    font-family: Graphik;

    font-size: 24px;

    line-height: 24px;

    font-weight: 600;

    margin: 8px 0
}



.content-third-sec .inner-third-sec span.company-desi {

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    font-weight: 500;

    color: #000
}



.new-gallery-sec {

    padding: 70px 0;

    margin: 70px auto 0;

    background: linear-gradient(180deg, #d9edff, #fff)
}



.new-gallery-sec h2 {

    font-family: Graphik;

    font-size: 45px;

    line-height: 55px;

    font-weight: 600;

    margin-bottom: 48px
}



.gallery-main-sec {

    display: flex;

    gap: 0 13px;

    align-items: center
}



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

    display: flex;

    flex-direction: column;

    gap: 13px
}



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

    border-radius: 8.25px
}



section.about-mission-section.hero-sec {

    padding: 44px 0 35px
}



.new-process-mobile-section {

    margin-bottom: 100px
}



section.about-mission-section .inner-mission-sec.web h1 {

    margin-bottom: 20px;

    line-height: 60px
}



.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-family: Graphik;

    font-size: 24px;

    line-height: 32px;

    font-weight: 500;

    margin-bottom: 30px
}



.new-development-growth.web h2 {

    max-width: 800px;

    margin: 0 auto 48px
}



.new-development-growth.mobile h2 {

    max-width: 930px;

    margin: 0 auto 48px
}



.new-uiux-process-section h2 {

    font-size: 42px;

    font-family: Graphik;

    line-height: 40px;

    font-weight: 600;

    color: #1b152b;

    text-align: center;

    margin-bottom: 50px
}



.inner-service-sec {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 12px 8px
}



.inner-service-sec .service-box {

    display: flex;

    align-items: center;

    background-color: #f7f7f7;

    border-radius: 20px;

    padding: 16px
}



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

    width: 30%
}



#case-studies-container .pagination-wrapper .pagination-input label, .inner-service-sec .service-box.mvp:nth-child(4), .new-blog-listing .pagination-wrapper .pagination-input label {

    margin-right: 8px
}



.inner-service-sec .service-box.mvp:last-child {

    margin-bottom: auto;

    width: 36%
}



.mvp-content-section {

    padding: 70px 0 60px
}



.mvp-content-section .mvp-content p {

    max-width: 950px;

    margin: 0 auto;

    font-family: Graphik;

    font-size: 22px;

    line-height: 38px;

    font-weight: 500;

    color: #000;

    text-align: center
}



.development-right-section .inner-right-sec p, .inner-service-sec .service-box p {

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    font-weight: 500;

    margin-bottom: 0;

    margin-left: 16px;

    color: #424242
}



.new-white-sec {

    background: #fff;

    box-shadow: 0 4.4px 8.81px -1.47px rgba(0, 0, 0, .25);

    border-radius: 12px;

    width: 56px;

    height: 56px;

    display: flex;

    align-items: center;

    justify-content: center
}



.main-new-case-study .tab-row, .most-demanding-main-section .popular-amount-section, .most-demanding-main-section .popular-amount-section .right-section .inner-right-sec, .new-mvp-action-sec .action-main-sec, .popular-main-section .popular-amount-section, .popular-main-section .popular-amount-section .right-section .inner-right-sec, .top-highlight-main-section .popular-amount-section, .top-highlight.inner-right-sec {

    justify-content: space-between;

    display: flex
}



.growth-content {

    width: calc(100% - 56px)
}



.inner-service-sec .service-box:nth-child(4) {

    margin-right: 0
}



.inner-service-sec .service-box.ui-ux:last-child {

    margin-bottom: 12px
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 32px;

    font-weight: 400;

    color: #000;

    margin-left: 100px
}



.new-mvp-action-sec {

    padding: 70px 0;

    background: linear-gradient(to bottom, #fff, #f2f9ff);

    margin: 0 0 70px
}



.new-casestudy-section .content-column.col-lg-7, .new-mvp-action-sec .action-main-sec .action-left-sec {

    width: 45%
}



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

    width: 45%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 28px 50px
}



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

    max-width: 243px;

    width: 243px;

    background: #fff;

    padding: 24px 40px;

    gap: 50px;

    border-radius: 5px;

    box-shadow: 0 0 5px rgba(0, 0, 0, .25);

    text-align: center
}



.mvp-action-box h3 {

    font-family: Graphik;

    font-size: 43px;

    line-height: 48px;

    font-weight: 600;

    color: #000;

    margin-bottom: 5px
}



.mvp-action-box p {

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

    margin-bottom: 0;

    color: #474747
}



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

    font-family: Graphik;

    font-size: 42px;

    line-height: 28px;

    font-weight: 600;

    color: #000;

    margin-bottom: 70px
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 31px;

    font-weight: 500;

    color: #000;

    margin-bottom: 40px
}



.new-mvp-action-sec .action-main-sec .action-left-sec a.new-btn-get-in-touch.mvp, .new-mvp-action-sec .action-main-sec .action-left-sec a.new-btn-get-in-touch.mvp:focus {

    background: #007aee !important
}



.inner-development-growth .development-left-section {

    width: 65%;

    margin-right: 30px
}



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

    width: 32%
}



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

    background: #007aee;

    padding: 4px 16px;

    border-radius: 14px 14px 0 0;

    width: fit-content;

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    font-weight: 500;

    color: #fff;

    margin-bottom: 0
}



.development-left-section p {

    font-family: Graphik;

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 20px;

    color: #424242
}



.development-left-section p:last-child {

    margin-bottom: 16px
}



.development-right-section .inner-right-sec {

    display: flex;

    align-items: center;

    background-color: #f7f7f7;

    padding: 16px;

    margin-bottom: 16px;

    border-radius: 20px
}



.about-mission-section .inner-mission-sec.pricing h1, .development-right-section .native-apps-sec, .new-entry-content h2, .new-entry-content h3, .new-entry-content ul {

    margin-bottom: 20px
}



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

    border-radius: 0 20px 20px;

    display: flex;

    align-items: center;

    background-color: #f7f7f7;

    padding: 8px 16px;

    margin-bottom: 10px
}



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

    border-radius: 20px
}



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

    box-shadow: 0 4.4px 8.81px -1.47px rgba(0, 0, 0, .25);

    border-radius: 12px;

    width: 36px;

    height: 36px
}



.new-case-study-section.development h2 {

    margin-bottom: 48px
}



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

    margin-top: 0;

    margin-bottom: 18px
}



.btn-tech-contact.mt-12 {

    margin-top: 12px
}



.new-faq-section h2, .new.service-faq-sec .service-faq-heading h2 {

    font-size: 42px;

    font-family: Graphik;

    font-weight: 600;

    line-height: 52px;

    color: #000;

    text-align: center;

    margin-bottom: 70px
}



.web-development-process .first-process .process-num span, .web-development-process .second-process .process-num span {

    width: 58px;

    height: 58px;

    font-size: 26px;

    font-weight: 900;

    color: #fff;

    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);

    font-family: Graphik;

    display: flex
}



#new-faq-que .accordion-button {

    background-color: transparent;

    font-family: Graphik;

    font-size: 22px;

    line-height: 25px;

    color: #000;

    box-shadow: none;

    padding: 0
}



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

    background-color: #fff;

    border: 1px solid #e0e0e0;

    padding: 30px;

    border-radius: 12px !important;

    margin-bottom: 25px
}



#new-faq-que .accordion-body {

    padding: 20px 0 0
}



#new-faq-que .accordion-body p {

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    color: #424242;

    margin-bottom: 0
}



#new-faqs .accordion-button[aria-expanded=false]::after, .new-faq-section .accordion-button[aria-expanded=false]::after {

    background: url(../images/faq-plus.svg) no-repeat
}



#new-faqs .accordion-button[aria-expanded=true]::after, .new-faq-section .accordion-button[aria-expanded=true]::after {

    background: url(../images/faq-minus.svg) no-repeat
}



.new-collabration-sec .collabration-txt {

    font-family: Graphik;

    font-size: 16px;

    line-height: 26px;

    font-weight: 500;

    color: #424242;

    margin-bottom: 16px
}



.new-collabration-sec h2 {

    font-family: Graphik;

    font-size: 42px;

    line-height: 50px;

    max-width: 370px;

    color: #1b152b;

    margin-bottom: 0;

    font-weight: 500
}



.new-collabration-sec .row {

    align-items: center;

    border-bottom: 1px solid #000;

    padding-bottom: 16px
}



.new-collabration-sec p {

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    font-weight: 400;

    color: #424242;

    margin-top: 16px;

    margin-bottom: 0
}



.process-first-shape h3, .process-second-shape h3 {

    font-weight: 500;

    text-transform: uppercase;

    font-family: Graphik;

    text-align: center
}



.web-development-process {

    height: 650px;

    display: flex;

    justify-content: center;

    align-items: center
}



.web-development-process .process-line {

    width: 100%;

    background: #323232;

    height: 20px;

    border-radius: 20px;

    max-width: 1231px;

    position: relative
}



.web-development-process .first-process {

    position: absolute;

    top: -30px
}



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

    max-width: 180px;

    position: relative
}



.web-development-process .first-process .process-main-content {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-bottom: 17px
}



.web-development-process .first-process .process-num, .web-development-process .second-process .process-num {

    width: 80px;

    height: 80px;

    background: #ececec;

    border-radius: 50%;

    box-shadow: 0 0 5.57px rgba(0, 0, 0, .25);

    display: flex;

    justify-content: center;

    align-items: center
}



.web-development-process .first-process .process-num span {

    background: #36beca;

    align-items: center;

    justify-content: center;

    border-radius: 50%
}



.web-development-process .first-process h3, .web-development-process .second-process h3 {

    font-family: Graphik;

    font-size: 22px;

    line-height: 26px;

    font-weight: 500;

    text-transform: uppercase;

    color: #2e2e2e;

    max-width: 190px;

    text-align: center;

    margin-bottom: 0
}



.web-development-process .first-process .main-process, .web-development-process .second-process .main-process {

    max-width: 80px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center
}



.web-development-process .first-process .process-vertical {

    width: 8px;

    background: #36beca;

    margin: 6px 0;

    height: 124px;

    border-radius: 10px
}



.web-development-process .first-process .process-round {

    width: 25px;

    height: 25px;

    background: #36beca;

    border-radius: 50%
}



.web-development-process .first-process .process-img {

    position: absolute;

    top: 50%;

    right: -10px;

    transform: translateY(-50%)
}



.web-development-process .second-process {

    position: absolute;

    top: -265px;

    left: 175px
}



.web-development-process .second-process .process-main-content {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 17px
}



.web-development-process .second-process .process-num span {

    background: #f14621;

    align-items: center;

    justify-content: center;

    border-radius: 50%
}



.web-development-process .second-process .process-vertical {

    width: 8px;

    background: #f14621;

    margin: 6px 0;

    height: 124px;

    border-radius: 10px
}



.web-development-process .second-process .process-round {

    width: 25px;

    height: 25px;

    background: #f14621;

    border-radius: 50%
}



.web-development-process .second-process .process-img {

    position: absolute;

    top: 50%;

    right: -20px;

    transform: translateY(-50%)
}



.first-process.third {

    left: 352px
}



.web-development-process .first-process.third .process-num span, .web-development-process .first-process.third .process-round, .web-development-process .first-process.third .process-vertical {

    background: #2a6498
}



.web-development-process .first-process.fifth .process-img, .web-development-process .first-process.third .process-img {

    right: -30px
}



.web-development-process .first-process.third .process-main-content {

    margin-bottom: 32px
}



.second-process.fourth {

    left: 520px
}



.web-development-process .second-process.fourth .process-num span, .web-development-process .second-process.fourth .process-round, .web-development-process .second-process.fourth .process-vertical {

    background: #61982a
}



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

    right: 360px
}



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

    right: 161px;

    left: inherit;

    top: -230px
}



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

    max-width: 202px
}



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

    max-width: 210px
}



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

    margin-top: 10px
}



.web-development-process .second-process.sixth .process-num span, .web-development-process .second-process.sixth .process-round, .web-development-process .second-process.sixth .process-vertical {

    background: #464f7a
}



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

    right: 35px
}



.web-development-process .first-process.seventh .process-num span, .web-development-process .first-process.seventh .process-round, .web-development-process .first-process.seventh .process-vertical {

    background: #fdaa41
}



.uiux-process-content {

    height: 505px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 70px
}



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

    position: absolute;

    top: -25px;

    left: -150px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column
}



.process-first-shape h3 {

    font-size: 20px;

    line-height: 24px;

    color: #ff5c61;

    max-width: 207px;

    margin: 90px 0 0
}



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

    width: 116px;

    height: 116px;

    background: linear-gradient(180deg, #fe766d, #fe6889);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    bottom: -48px;

    left: 0
}



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

    position: absolute;

    top: -115px;

    left: 105px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column
}



.process-second-shape h3 {

    font-size: 20px;

    line-height: 24px;

    color: #feb759;

    max-width: 207px;

    margin: 20px 0 0 32px
}



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

    width: 116px;

    height: 116px;

    background: linear-gradient(130deg, #fda14a, #ffd56f);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    left: 2px;

    top: -58px
}



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

    left: 295px;

    top: -8px
}



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

    background: linear-gradient(180deg, #00e0d5, #02d1d9);

    left: 4px;

    bottom: -55px
}



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

    max-width: 263px;

    color: #00c4c3
}



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

    left: 550px
}



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

    color: #4d97e0;

    margin: 20px 0 0
}



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

    background: linear-gradient(180deg, #6592ef, #68bbf5);

    left: 4px;

    top: -52px;

    width: 116px;

    height: 116px
}



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

    left: inherit;

    right: 145px;

    top: -12px
}



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

    max-width: 255px;

    color: #ae5de6
}



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

    background: linear-gradient(160deg, #c77afa, #f07cff);

    left: 3px
}



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

    left: inherit;

    right: -85px;

    top: -110px
}



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

    background: linear-gradient(0deg, #3a9c3e, #75f64e);

    left: 3px
}



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

    color: #42a723
}



.mobile-app-process-sec {

    display: flex;

    justify-content: center;

    align-items: flex-end;

    height: 776px;

    position: relative;

    margin-top: -140px
}



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

    width: 436px;

    height: 436px;

    background: #f5fafe;

    background: rgba();

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center
}



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

    width: 350px;

    height: 350px;

    background: #1e285f;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center
}



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

    font-family: Graphik;

    font-size: 33px;

    line-height: 42px;

    font-weight: 700;

    color: #fff;

    max-width: 320px;

    text-align: center;

    margin-bottom: 0
}



.mobile-app-process-sec .mobile-first-process .mobile-process-content h3, .mobile-app-process-sec .mobile-second-process .mobile-process-content h3, .mobile-app-process-sec .mobile-seventh-process .mobile-process-content h3, .mobile-app-process-sec .mobile-sixth-process .mobile-process-content h3, .mobile-app-process-sec .mobile-third-process .mobile-process-content h3 {

    font-weight: 600;

    line-height: 28px;

    color: #181818;

    position: absolute;

    font-size: 20px;

    font-family: Graphik;

    text-transform: uppercase
}



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

    position: absolute;

    left: 212px;

    bottom: -55px;

    rotate: 352deg
}



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

    top: 92px;

    left: 75px;

    rotate: 7deg
}



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

    position: absolute;

    top: 65px;

    right: 8px
}



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

    position: absolute;

    left: 129px;

    bottom: 93px;

    rotate: 355deg
}



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

    top: 125px;

    left: 88px;

    text-align: center;

    max-width: 200px;

    rotate: 4deg
}



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

    color: #29659b
}



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

    position: absolute;

    bottom: 125px;

    right: 60px
}



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

    position: absolute;

    left: 252px;

    top: 170px;

    rotate: 356deg
}



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

    top: 140px;

    left: 105px;

    rotate: 3deg
}



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

    rotate: 2deg;

    font-weight: 600;

    line-height: 28px;

    color: #181818;

    position: absolute;

    text-align: center;

    font-size: 20px;

    font-family: Graphik;

    text-transform: uppercase
}



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

    color: #593f87
}



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

    position: absolute;

    bottom: 48px;

    right: 68px
}



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

    position: absolute;

    left: 438px;

    top: 79px;

    rotate: 357deg
}



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

    top: 138px;

    left: 74px;

    max-width: 200px
}



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

    color: #be2882
}



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

    position: absolute;

    bottom: 36px;

    left: 140px
}



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

    position: absolute;

    right: 274px;

    top: 124px;

    rotate: 358deg
}



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

    top: 155px;

    left: 105px;

    max-width: 190px
}



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

    color: #d77628
}



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

    position: absolute;

    left: 85px;

    bottom: 65px
}



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

    position: absolute;

    right: 179px;

    bottom: 193px;

    rotate: 360deg
}



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

    top: 115px;

    left: 95px;

    rotate: -1deg;

    text-align: center;

    max-width: 125px
}



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

    color: #dfaf22
}



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

    position: absolute;

    top: 146px;

    left: 13px
}



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

    position: absolute;

    right: 142px;

    bottom: -58px;

    rotate: 1deg
}



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

    top: 166px;

    left: 110px;

    max-width: 160px;

    rotate: -2deg
}



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

    color: #98bb3f
}



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

    position: absolute;

    top: 112px;

    left: 62px
}



.about-mission-section.case-study {

    padding: 64px 0 16px
}



.case-study-detail p {

    font-family: Graphik;

    font-size: 22px;

    line-height: 32px;

    text-align: center;

    padding-top: 64px;

    margin: 0 auto;

    color: #424242
}



.main-new-case-study {

    padding: 36px 0 50px
}



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

    padding: 10px
}



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

    font-family: Graphik;

    font-size: 22px;

    line-height: 32px;

    font-weight: 500;

    color: #424242;

    padding: 10px 0;

    margin: 0 20px
}



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

    margin: 0 auto 55px;

    text-align: center;

    max-width: 1104px;

    display: flex;

    justify-content: space-between
}



.main-new-case-study .tab-row .tab-wrapper a.tab-case:first-child {

    margin: 0 20px 0 0
}



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

    color: #007aee;

    border-bottom: 3px solid #007aee
}



.active-no-case-studies, .not-found {

    font-size: 22px;

    line-height: 32px;

    font-weight: 500;

    color: #424242;

    text-align: center;

    margin: 50px 0
}



.case-study-dropdown {

    position: relative;

    display: inline-block;

    width: 215px
}



.case-study-dropdown .dropdown-button {

    background-color: #007aee;

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



.case-study-dropdown .dropdown-button .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
}



.case-study-dropdown .dropdown-button.active .icon {

    transform: rotate(180deg)
}



.case-study-dropdown .dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    border-radius: 12px;

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

    width: 100%;

    margin-top: 12px;

    z-index: 1
}



.case-study-dropdown .dropdown-content div {

    color: #424242;

    padding: 16px 30px;

    cursor: pointer;

    font-size: 18px;

    font-family: Graphik;

    font-weight: 400;

    text-align: left;

    border: 1px solid #e6e6e6
}



.case-study-dropdown .dropdown-content div:first-child {

    border-radius: 12px 12px 0 0
}



.case-study-dropdown .dropdown-content div:last-child {

    border-radius: 0 0 12px 12px
}



.case-study-dropdown .dropdown-content div:hover {

    background-color: #f1f1f1
}



#case-studies-container {

    padding: 20px 8px
}



#case-studies-container .row {

    max-width: 1220px
}



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

    max-width: 392px;

    margin-bottom: 30px
}



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

    background-color: #e8e9ed;

    height: 294px;

    padding: 27px;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 16px;

    position: relative
}



#case-studies-container .col-md-4.case-study-list .inner-case img {

    max-height: 230px;

    object-fit: contain
}



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

    font-family: Graphik;

    font-size: 20px;

    font-weight: 500;

    line-height: 25px;

    color: #000;

    text-transform: uppercase;

    margin-bottom: 0
}



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

    font-family: Graphik;

    font-size: 16px;

    font-weight: 400;

    line-height: 20px;

    color: #424242;

    margin-bottom: 8px
}



.list-arrow-link {

    background-color: #fff;

    padding: 8px;

    border-radius: 12px 0;

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

    position: absolute;

    bottom: 1px;

    right: 1px
}



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

    margin-top: 50px
}



#case-studies-container .pagination-wrapper, #case-studies-container .pagination-wrapper .pagination-input, .new-blog-listing .new-blog-sec .new-author-sec, .new-blog-listing .new-blog-sec .new-blog-date .like-view-section .count-sec, .new-blog-listing .pagination-wrapper, .new-blog-listing .pagination-wrapper .pagination-btn.next-page, .new-blog-listing .pagination-wrapper .pagination-btn.prev-page, .new-blog-listing .pagination-wrapper .pagination-input, .new-contact-us .new-contact-right-sec .main-form-sec .project-section .new-social-contact, .new-contact-us .new-contact-right-sec .main-form-sec .project-section .new-social-contact a {

    display: flex;

    align-items: center
}



.new-blog-listing .pagination-wrapper .pagination-btn.next-page svg {

    margin-left: 5px
}



.new-blog-listing .pagination-wrapper .pagination-btn.next-page:focus, .new-blog-listing .pagination-wrapper .pagination-btn.prev-page:focus {

    color: #fff !important
}



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

    border: 1px solid #424242;

    border-radius: 10px;

    width: 61px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    padding: 8px;

    font-family: Graphik;

    font-size: 16px;

    line-height: 22px;

    font-weight: 500;

    letter-spacing: -.96px;

    color: #424242;

    margin-bottom: 0
}



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

    font-family: Graphik;

    font-size: 16px;

    line-height: 22px;

    font-weight: 500;

    letter-spacing: -.96px;

    color: #424242;

    margin-bottom: 0
}



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

    margin-left: 8px
}



#case-studies-container .pagination-wrapper .pagination-btn.next-page, #case-studies-container .pagination-wrapper .pagination-btn.prev-page, .new-blog-listing .pagination-wrapper .pagination-btn.next-page, .new-blog-listing .pagination-wrapper .pagination-btn.prev-page {

    padding: 9px 20px;

    background-color: #007aee !important;

    border-radius: 20px;

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    font-weight: 500;

    color: #fff;

    width: 140px;

    display: flex;

    align-items: center;

    justify-content: center
}



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

    margin-right: 20px
}



#page-number[type=number]::-webkit-inner-spin-button, #page-number[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0
}



#page-number[type=number] {

    -moz-appearance: textfield
}



.page-id-15825 .new-footer-section {

    padding: 0 0 32px;

    margin-top: 0
}



.new-contact-us {

    background-color: #e6f2fe;

    margin-top: 70px;

    padding: 71px 0
}



.new-contact-us h1 {

    font-family: Graphik;

    font-size: 48px;

    line-height: 48px;

    font-weight: 500;

    text-align: center;

    margin-bottom: 104px
}



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

    max-width: 562px
}



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

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 24px
}



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

    width: 50%;

    margin-bottom: 48px
}



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

    font-family: Graphik;

    font-size: 24px;

    line-height: 30px;

    font-weight: 600;

    color: #007aee;

    margin-bottom: 5px
}



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

    font-family: Graphik;

    font-size: 20px;

    line-height: 25px;

    font-weight: 500;

    color: #000;

    margin-bottom: 5px
}



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

    font-family: Graphik;

    font-size: 16px;

    line-height: 25px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 0
}



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

    margin-bottom: 24px
}



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

    font-family: Graphik;

    font-size: 20px;

    color: #fff;

    background: #016fd8;

    border-radius: 14px 14px 0 0;

    width: fit-content;

    padding: 9px 21px;

    margin-bottom: 0;

    height: 40px
}



.new-contact-left-sec .new-sales-detail-sec .detail-sec .inner-detail-sec.first {

    border-radius: 0 14px 14px
}



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

    display: flex;

    align-items: center;

    background: #f7f7f7;

    padding: 8px 16px;

    border-radius: 14px;

    margin-bottom: 15px;

    max-width: 338px
}



.new-contact-left-sec .new-sales-detail-sec .detail-sec .inner-detail-sec a {

    font-family: Graphik;

    font-size: 18px;

    font-weight: 500;

    color: #424242;

    margin-left: 16px
}



.new-contact-left-sec .new-sales-detail-sec .detail-sec .inner-detail-sec img {

    padding: 5px;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 3.45px 6.89px -1.15px rgba(50, 50, 93, .25);

    width: 36px;

    height: 36px
}



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

    max-width: 631px;

    margin-left: 50px;

    margin-top: 20px
}



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

    background: #fff;

    border-radius: 20px;

    height: 624px;

    position: relative;

    z-index: 9
}



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

    content: '';

    background: #007aee;

    display: block;

    width: 594px;

    height: 571px;

    border-radius: 20px;

    position: absolute;

    top: -18px;

    left: -15px;

    z-index: -1
}



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

    background: #f5f5f5;

    padding: 32px 49px 27px;

    border-radius: 20px 20px 0 0
}



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

    font-family: Graphik;

    font-size: 26px;

    line-height: 28px;

    font-weight: 500;

    color: #000;

    margin-bottom: 10px
}



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

    font-family: Graphik;

    font-size: 16px;

    line-height: 16px;

    font-weight: 500;

    color: #424242;

    margin-bottom: 24px
}



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

    color: red
}



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

    font-family: Graphik;

    font-size: 16px;

    line-height: 16px;

    font-weight: 500;

    color: #000;

    margin-left: 8px
}



.social-divider {

    width: 1px;

    background: #424242;

    margin: 0 22px;

    height: 17px
}



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

    padding: 16px 32px 37px;

    background: #fff;

    border-radius: 0 0 20px 20px;

    box-shadow: -3.31px 3.31px 20.66px rgba(0, 0, 0, .15)
}



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

    padding: 0 16px
}



.new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form input[type=email], .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form input[type=text], .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form select, .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form textarea, .select2-container--default .select2-selection--single .select2-selection__rendered {

    border-bottom: 1px solid #007aee;

    padding: 0 0 10px;

    margin: 0 0 16px;

    font-size: 16px;

    font-family: Graphik;

    font-weight: 400;

    color: #000
}



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

    height: 35px;

    border-bottom: none
}



.select2-dropdown {

    z-index: 9999;

}



.wpcf7-form-control-wrap {

    /* width: 100%; */

    display: grid;

}



.select2-results__option--highlighted, .select2-results__option:hover {

    background: #f1f1f1
}



:focus-visible {

    outline: 0
}



.select2-container--open .select2-dropdown--below {

    border-top: 1px solid #aaa
}



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

    width: 90px
}



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

    width: 445px
}



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

    font-family: Graphik;

    font-size: 13px;

    line-height: 14px;

    color: #424242;

    font-weight: 400;

    display: flex;

    align-items: center
}



.select2-container--default .select2-selection--single .select2-selection__rendered {

    padding: 0 0 7px
}



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

    border: 2px solid #007aee;

    border-radius: 0;

    vertical-align: top;

    width: 20px;

    height: 20px;

    margin-bottom: 0;

    margin-right: 6px
}



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

    left: 5px;

    top: 0;

    border: 2px solid #016fd8;

    border-top: 0;

    border-left: 0
}



.new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form input::placeholder, .new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec form textarea::placeholder {

    color: #000;

    font-size: 16px;

    font-family: Graphik;

    font-weight: 400
}



.new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec .code.mb-30 {

    margin-bottom: 17px
}



.new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec .phone.mb-30 {

    margin-bottom: 20px;

    border-bottom: 1px solid #007aee
}



.new-contact-us .new-contact-right-sec .main-form-sec .new-contact-form-sec div#code-num span.wpcf7-not-valid-tip {

    top: 52px
}



.addresume .wpcf7-not-valid-tip {

    margin-top: 5px !important;

}



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

    display: inline-block;

    font-family: Graphik;

    padding: 6px 23px;

    background: #007aee !important;

    border: 0;

    border-radius: 16px;

    font-weight: 500;

    font-size: 18px;

    line-height: 25px;

    color: #fff !important;

    text-decoration: none;

    margin: 30px 0 0;

    max-width: 120px;

    letter-spacing: 0
}



.new-business-plateform-section {

    padding: 120px 0
}



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

    max-width: 1038px;

    height: 145px;

    margin: 0 auto;

    background: #0071dd;

    border-radius: 20px
}



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

    display: flex;

    justify-content: space-between;

    max-width: 924px;

    margin: 0 auto
}



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

    width: 183px;

    height: 183px;

    border-radius: 50%;

    background-color: #f5f5f5;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    margin-top: -18px
}



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

    content: '';

    width: 219px;

    height: 219px;

    border: 1px solid #0071dd;

    border-radius: 50%;

    position: absolute
}



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

    font-family: Graphik;

    font-size: 22px;

    line-height: 22px;

    font-weight: 400;

    margin-bottom: 0
}



.new-offices-sec h2 {

    font-family: Graphik;

    font-size: 44px;

    line-height: 44px;

    text-transform: capitalize;

    font-weight: 500;

    color: #000;

    text-align: center;

    margin-bottom: 20px
}



.new-offices-sec p {

    font-family: Graphik;

    font-size: 18px;

    font-weight: 500;

    line-height: 18px;

    text-align: center;

    color: #424242;

    margin-bottom: 0
}



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

    display: flex;

    max-width: 1150px;

    justify-content: space-between;

    margin: 70px auto;

    gap: 30px
}



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

    background: #fff;

    border-radius: 20px;

    width: 350px;

    padding: 36px 9px;

    box-shadow: -3px 3px 15px .5px rgba(0, 0, 0, .1)
}



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

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 20px
}



.new-offices-sec .offices-inner-sec .office-content-sec .new-country-name h3 {

    font-family: Graphik;

    font-size: 20px;

    font-weight: 600;

    line-height: 20px;

    color: #000;

    margin-bottom: 0;

    margin-left: 8px;

    margin-top: 3px;

    text-transform: uppercase
}



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

    font-family: Graphik;

    font-size: 16px;

    font-weight: 400;

    line-height: 22px;

    color: #424242;

    margin-bottom: 0
}



.page-id-16053 .site-header.new-site-header.nav-upp {

    background: #fff
}



.pos-abosulate {

    background: #f5f5f5;

    width: 100%;

    height: 511px;

    margin-top: -80px
}



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

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%
}



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

    font-family: Graphik;

    font-size: 62px;

    font-weight: 500;

    line-height: 62px;

    color: #000;

    max-width: 1107px;

    text-align: center;

    margin-bottom: 0;

    margin-top: 70px
}



.new-blog-listing {

    padding: 80px 0
}



.new-blog-listing .row {

    max-width: 1104px;

    justify-content: space-between;

    margin: 0 auto
}



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

    background: #fff;

    border-radius: 20px;

    max-width: 532px;

    height: 360px;

    padding: 25px 32px;

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

    margin-bottom: 60px
}



.new-blog-listing .new-blog-sec.popular-class {

    background: #e6edfb
}



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

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 18px
}



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

    font-family: Graphik;

    font-size: 16px;

    line-height: 16px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 0
}



.new-blog-listing .new-blog-sec .new-blog-date .like-view-section span {

    font-family: Graphik;

    font-size: 16px;

    line-height: 16px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 0;

    margin-left: 4px
}



.new-blog-listing .new-blog-sec .new-blog-date .like-view-section .count-sec+.count-sec {

    margin-left: 14px
}



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

    font-family: Graphik;

    font-size: 24px;

    font-weight: 600;

    line-height: 38px;

    margin-bottom: 10px
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 32px;

    font-weight: 400;

    color: #000;

    margin-bottom: 18px
}



.new-blog-listing .new-blog-sec .new-author-sec img {

    width: 30px;

    height: 29px
}



.new-blog-listing .new-blog-sec .new-author-sec p {

    font-family: Graphik;

    font-size: 16px;

    line-height: 29px;

    font-weight: 400;

    margin-bottom: 0;

    color: #424242;

    margin-left: 12px
}



.new-blog-detail-banner {

    background: #007aee;

    height: 511px;

    margin-top: 32px;

    margin-bottom: 80px;

    display: flex;

    justify-content: center;

    align-items: center
}



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

    display: flex;

    flex-direction: column;

    align-items: center;

    max-width: 1000px;

    margin: 0 auto;

    text-align: center
}



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

    font-family: Graphik;

    font-size: 52px;

    font-weight: 500;

    line-height: 62px;

    color: #fff;

    margin-bottom: 57px
}



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

    font-size: 40px;

}



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

    font-family: Graphik;

    font-size: 24px;

    font-weight: 500;

    line-height: 24px;

    color: #fff;

    margin-bottom: 10px
}



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

    font-family: Graphik;

    font-size: 24px;

    font-weight: 400;

    line-height: 24px;

    color: #fff;

    margin-bottom: 0
}



.btn-blog-back {

    position: absolute;

    top: -35px;

    padding: 0 10px;

    display: flex;

    align-items: center;

    font-size: 16px;

    font-weight: 500;

    font-family: Graphik;

    color: #007aee
}



.btn-blog-back svg {

    margin-right: 10px
}



.new-blog-content-detail .new-container {

    max-width: 1340px !important;

}



.new-blog-left-part, .new-blog-right-part.web {

    display: inline-block;

    vertical-align: top;

    position: -webkit-sticky;

    position: sticky;

    top: 120px
}



.new-blog-left-part {

    width: 22%;

}



.new-blog-right-part.web {

    width: 19%;

}



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

    background: #fff;

    padding: 22px 20px;

    border-radius: 20px;

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



.new-table-contents-card-head h2 {

    font-family: Graphik;

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    color: #000;

    margin-bottom: 0
}



.new-table-contents-card ul {

    padding-left: 0;

    list-style-type: none
}



.new-table-contents-card ul li {

    margin: 0 0 12px
}



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

    font-family: Graphik;

    font-size: 15px;

    font-weight: 500;

    line-height: 20px;

    color: #000
}



@supports not (-moz-appearance:none) {

    .new-table-contents-card ul li {

        position: initial
    }



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

        position: relative
    }

}



@-moz-document url-prefix() {

    .new-table-contents-card ul li {

        position: relative
    }



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

        position: initial
    }

}



.new-table-contents-card ul li a.active::after {

    content: '';

    position: absolute;

    bottom: -12px;

    left: 0;

    width: 165px;

    height: .6px;

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



.new-blog-right-part .new-blog-contact h2 {

    font-family: Graphik;

    font-size: 20px;

    line-height: 20px;

    font-weight: 600;

    color: #000;

    margin-bottom: 17px
}



.new-blog-right-part .new-blog-contact p {

    font-family: Graphik;

    font-size: 18px;

    font-weight: 400;

    line-height: 26px;

    color: #000;

    margin-bottom: 35px
}



.new-blog-right-part .new-blog-contact input, .new-blog-right-part .new-blog-contact textarea {

    border-bottom: 1px solid #424242;

    padding: 0 10px 10px 0;

    margin: 0 0 20px;

    font-size: 16px;

    font-family: Graphik;

    line-height: 20px;

    font-weight: 500;

    color: #000
}



.new-blog-right-part .new-blog-contact input::placeholder, .new-blog-right-part .new-blog-contact textarea::placeholder {

    color: #000
}



.new-blog-contact .blog-cw textarea.wpcf7-form-control.wpcf7-textarea {

    height: 58px
}



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

    padding: 13px 40px;

    width: 100%;

    background-color: #138bec;

    border-radius: 10px;

    font-weight: 500;

    font-size: 18px;

    line-height: 24px;

    color: #fff;

    border: 0;

    outline: 0;

    margin-bottom: 0
}



.new-blog-content-part {

    display: inline-block;

    width: 58%;

    vertical-align: top
}



.new-entry-content {

    margin: 0 29px
}



.new-entry-content section, .option-stckup-section ul {

    margin-bottom: 50px
}



.new-entry-content p {

    font-weight: 400;

    font-family: Graphik;

    font-size: 19px;

    line-height: 30px;

    color: #000;

    margin-bottom: 15px
}



.new-entry-content a, .new-entry-content a:focus {

    color: #007aee !important;

}



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

    margin-bottom: 14px
}



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

    font-family: Graphik;

    font-size: 30px;

    font-weight: 700;

    line-height: 40px;

    color: #000
}



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

    font-family: Graphik;

    font-size: 26px;

    line-height: 36px;

    color: #222;

    font-weight: 600
}



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

    font-family: Graphik;

    font-size: 22px;

    font-weight: 500;

    line-height: 32px;

    color: #000
}



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

    font-family: Graphik;

    font-size: 18px;

    font-weight: 500;

    line-height: 28px;

    color: #000
}



.new-entry-content ol li, .new-entry-content ul li {

    font-family: Graphik;

    font-size: 18px;

    font-weight: 400;

    line-height: 28px;

    color: #000;

    margin-bottom: 10px
}



.wp-block-table tr td {

    font-family: Graphik;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    color: #000
}



#new-faqs .accordion-button {

    background-color: transparent;

    font-family: Graphik;

    font-size: 20px;

    line-height: 26px;

    font-weight: 500;

    color: #000;

    box-shadow: none;

    padding: 0
}



#new-faqs .accordion-item {

    background-color: #fff;

    border: 1px solid #e0e0e0;

    padding: 20px;

    border-radius: 12px !important;

    margin-bottom: 25px
}



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

    padding: 0
}



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

    font-family: Graphik;

    font-size: 17px;

    line-height: 23px;

    color: #424242;

    margin-top: 15px;

    margin-bottom: 0
}



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

    margin: 44px 0
}



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

    padding: 70px 40px 70px 80px;

    border-radius: 20px;

    background: #f5f5f5
}



.digital-solution-header .inner-digital-solution h1 {

    font-family: Graphik;

    font-size: 52px;

    line-height: 68px;

    font-weight: 700;

    margin-bottom: 20px;

    max-width: 1037px
}



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

    background-image: url(https://www.sevensquaretech.com/wp-content/uploads/2024/12/blue-underline.webp);

    background-repeat: no-repeat;

    width: 0;

    height: 6px;

    display: inline-block;

    position: absolute;

    content: '';

    left: 0;

    bottom: -12px;

    animation: 1s forwards underlineLoad
}



@keyframes underlineLoad {

    0% {

        width: 0
    }



    100% {

        width: 420px
    }

}



.popular-main-section {

    margin: 70px 0 100px
}



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

    font-family: Graphik;

    font-size: 48px;

    line-height: 48px;

    font-weight: 500;

    margin-bottom: 55px;

    color: #000
}



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

    width: 60%
}



.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-family: Graphik;

    font-size: 22px;

    line-height: 31px;

    font-weight: 400;

    margin-bottom: 0;

    color: #000
}



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

    width: 35%
}



.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-family: Ahrefs;

    font-size: 100px;

    line-height: 70px;

    color: #007aee;

    margin-bottom: 18px
}



.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-family: Graphik;

    font-size: 20px;

    line-height: 22px;

    font-weight: 500;

    color: #424242;

    margin-bottom: 40px
}



.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-family: Ahrefs;

    font-size: 40px;

    line-height: 40px;

    color: #007aee
}



.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 .right-section p, .trending-pick.inner-right-sec p {

    font-family: Graphik;

    font-size: 20px;

    line-height: 22px;

    font-weight: 500;

    color: #424242;

    margin-bottom: 0
}



.popular-line {

    border-bottom: 1px solid;

    border-width: 1px;

    margin: 57px 0
}



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

    border: 1px solid #000;

    border-radius: 20px;

    padding: 24px;

    max-width: 408px
}



.col-md-4.popular-service-sec:focus, .col-md-4.popular-service-sec:hover {

    border: 1px solid #000 !important
}



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

    font-family: Graphik;

    font-size: 20px;

    line-height: 32px;

    font-weight: 500;

    color: #000;

    margin: 16px 0
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    color: #424242;

    font-weight: 400;

    margin-bottom: 12px;

    min-height: 224px
}



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

    font-size: 19px;

    font-family: Graphik;

    line-height: 30px;

    font-weight: 600;

    text-decoration: underline;

    color: #000
}



.most-demanding-main-section {

    background: #f7f7f7;

    padding: 70px 0
}



.top-highlight-main-section {

    margin: 100px 0 36px
}



.trending-pick-main-section {

    background: linear-gradient(to bottom, #fff, rgba(213, 234, 255, .3));

    padding: 70px 0
}



.trending-pick-main-section p {

    font-family: Graphik;

    font-size: 22px;

    line-height: 31px;

    font-weight: 400;

    margin-bottom: 38px;

    color: #000
}



.trending-pick.inner-right-sec {

    display: flex;

    justify-content: space-between;

    align-items: center;

    max-width: 1168px;

    margin: 0 auto
}



.digital-blog-section {

    padding: 100px 0 0
}



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

    background: #f7f7f7;

    padding: 30px 24px;

    border-radius: 59px;

    position: relative;

    max-width: 401px
}



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

    margin: 0 22.5px
}



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

    content: '';

    background: #007aee;

    width: 405px;

    height: 267px;

    display: block;

    position: absolute;

    left: -2px;

    top: 0;

    right: 0;

    z-index: -1;

    border-radius: 60.32px
}



.col-md-4.new-digital-blog-sec .inner-case h3 {

    font-family: Graphik;

    font-size: 24px;

    line-height: 30px;

    font-weight: 500;

    color: #000;

    margin-bottom: 12px
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

    color: #424242;

    margin-bottom: 5px
}



.new-industry-banner .inner-industry-banner h1, .new-service-banner .inner-service-banner h1 {

    font-family: Graphik;

    font-size: 52px;

    line-height: 68px;

    font-weight: 700;

    margin-bottom: 20px;

    text-transform: capitalize
}



.new-benifit-content-sec ul {

    list-style-type: none;

    list-style-image: url(https://www.sevensquaretech.com/wp-content/uploads/2023/08/right-arrow.png)
}



.new-industry-content-sec .service-content-heading h2, .new_mad_section .heading h2 {

    font-family: Graphik;

    font-size: 42px;

    line-height: 44px;

    font-weight: 600;

    margin-bottom: 50px;

    text-align: center;

    color: #000
}



.new-industry-content-sec .service-content-para p {

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    margin-bottom: 16px;

    color: #212529
}



.new-benifit-content-sec .service-content-heading h2, .new-media-section h2 {

    font-family: Graphik;

    font-size: 42px;

    line-height: 52px;

    font-weight: 600;

    margin: 0 auto 50px;

    text-align: center;

    color: #000
}



.new-benifit-content-sec ul li {

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    color: #212529
}



.new-benifit-content-sec ul li p strong {

    font-weight: 600
}



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

    background: linear-gradient(180deg, #f6faff, #e6f2fe 100%);

    border-radius: 10px;

    width: 260px;

    height: 210px;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-bottom: 60px;

    padding: 35px 25px;

    justify-content: center
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

    color: #000
}



.new-tech_sec, .new-whyc-section {

    padding: 70px 0 30px
}



.new-media-work-section h2, .new-process-sec h2, .new-tech_sec h2 {

    text-align: center;

    margin: 0 0 50px;

    font-family: Graphik;

    font-size: 42px;

    line-height: 52px;

    font-weight: 600;

    color: #000
}



.new-tech_sec ul.nav.nav-pills, .new-tech_sec ul.nav.nav-tabs {

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: flex-start;

    padding: 4px;

    max-width: 1009px;

    height: 48px;

    background: #f7f9fc;

    border-radius: 24px;

    margin: 0 auto;

    border: 0
}



.new-tech_sec ul.nav.nav-pills li button.nav-link, .new-tech_sec ul.nav.nav-tabs li button.nav-link {

    font-family: Graphik;

    font-weight: 500;

    font-size: 16px;

    line-height: 24px;

    display: flex;

    align-items: center;

    background: 0 0 !important;

    color: #424242 !important;

    border: 0 !important
}



.new-tech_sec ul.nav.nav-pills li button.nav-link:hover, .new-tech_sec ul.nav.nav-tabs li button.nav-link:hover {

    height: 40px;

    background: #fff;

    box-shadow: 0 18px 31px rgba(113, 116, 152, .1), 0 8px 16.2244px rgba(113, 116, 152, .067), 0 8px 8.46625px rgba(113, 116, 152, .05);

    border-radius: 20px;

    border: 0 !important
}



.new-tech_sec ul.nav.nav-pills li button.nav-link:focus, .new-tech_sec ul.nav.nav-pills li button.nav-link:focus-visible, .new-tech_sec ul.nav.nav-tabs li button.nav-link:focus, .new-tech_sec ul.nav.nav-tabs li button.nav-link:focus-visible {

    outline: 0;

    border: 0 !important
}



.new-tech_sec ul.nav.nav-pills li button.nav-link.active, .new-tech_sec ul.nav.nav-tabs li button.nav-link.active {

    border: 0 !important;

    height: 40px;

    background: #fff;

    box-shadow: 0 18px 31px rgba(113, 116, 152, .1), 0 8px 16.2244px rgba(113, 116, 152, .067), 0 8px 8.46625px rgba(113, 116, 152, .05);

    border-radius: 20px;

    color: #000 !important
}



.new-tech_sec .tab-content>.tab-pane {

    border: 0
}



.new-tech_sec .tab-content {

    max-width: 950px;

    margin: 50px auto 0
}



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

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    width: 100%;

    flex-wrap: wrap
}



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

    margin: 15px 0;

    text-align: center;

    width: 25%
}



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

    font-style: normal;

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    text-align: center;

    color: #6c6f93;

    margin: 10px 0 0
}



.new-process-sec .process-box .process-box-inr:after {

    border: 2px dashed #007aee
}



.new-process-sec .process-box:last-child .process-box-inr {

    background: #e6f2fe
}



.new-process-sec {

    padding: 70px 0 150px
}



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

    margin: 0 0 50px
}



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

    text-align: center;

    margin: 0 0 20px;

    font-family: Graphik;

    font-size: 42px;

    line-height: 52px;

    font-weight: 600;

    color: #000
}



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

    text-align: center;

    margin: 0;

    font-family: Graphik;

    font-size: 24px;

    line-height: 29px;

    font-weight: 400;

    color: #424242
}



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

    font-family: Graphik;

    font-size: 20px;

    line-height: 28px;

    font-weight: 500;

    color: #181818;

    min-height: 58px
}



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

    height: 350px;

    padding: 55px 45px
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    color: #424242
}



.new_service_icon_content {

    border: 2px solid #e5e5e5;

    padding: 80px 30px;

    display: flex;

    justify-content: center;

    flex-direction: column;

    text-decoration: none;

    width: 100%;

    height: 410px;

    border-radius: 10px
}



.arrow-black, .arrow-blue, .arrow-yellow {

    width: 70px;

    height: 45px;

    clip-path: polygon(50% 100%, 0% 0%, 100% 0%);

    left: 50%;

    transform: translateX(-50%)
}



.new_service_icon_content figure {

    background: #e6f2fe;

    border-radius: 32.5px;

    width: 130px;

    height: 130px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 50px
}



.new_service_icon_content h3 {

    font-family: Graphik;

    font-size: 22px;

    line-height: 32px;

    font-weight: 600;

    color: #000;

    text-align: center
}



.new-service-content-sec .service-content-heading h2 {

    text-align: center;

    margin: 0 auto 50px;

    font-family: Graphik;

    font-size: 42px;

    line-height: 52px;

    font-weight: 600;

    color: #000;

    max-width: 800px
}



.new-service-content-sec .service-content-para p {

    font-family: Graphik;

    font-size: 18px;

    line-height: 31px;

    font-weight: 400;

    color: #212529;

    margin-bottom: 20px
}



.new-service-content-sec ul li {

    font-family: Graphik;

    font-size: 18px;

    line-height: 25px;

    font-weight: 500;

    color: #111013;

    margin-bottom: 20px
}



.new-home-case-sec {

    padding: 70px 0;

    background: rgba(144, 145, 156, .06)
}



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

    font-family: Graphik;

    font-size: 22px;

    line-height: 26px;

    font-weight: 500;

    color: #424242;

    margin-bottom: 10px;

    text-transform: uppercase
}



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

    margin: 0 0 70px
}



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

    font-family: Graphik;

    font-size: 42px;

    line-height: 44px;

    font-weight: 600;

    color: #111013;

    margin-bottom: 0
}



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

    font-family: Graphik;

    font-weight: 500;

    font-size: 28px;

    line-height: 36px;

    color: #111013;

    margin: 25px 0 5px
}



.new-home-case-sec .casebadge {

    font-family: Graphik;

    font-size: 18px;

    line-height: 26px;

    font-weight: 400;

    color: #161519;

    margin-bottom: 0
}



.new.service-faq-sec .accordion, .new.service-faq-sec .service-faq-heading {

    max-width: 100%
}



.new.service-faq-sec .accordion .accordion-item .accordion-button {

    background-color: transparent;

    font-family: Graphik;

    font-size: 22px;

    line-height: 25px;

    font-weight: 500;

    color: #000;

    box-shadow: none;

    padding: 0
}



.new.service-faq-sec .accordion .accordion-item .accordion-body p {

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    color: #424242;

    margin-top: 20px;

    margin-bottom: 0
}



.new-casestudy-banner {

    margin: 64px 0 34px
}



.new-casestudy-banner .inner-casestudy {

    background: #f5f5f5;

    padding: 95px 40px 95px 80px;

    border-radius: 20px;

    display: flex;

    flex-direction: column;

    justify-content: center
}



.new-casestudy-banner .inner-casestudy h1 {

    font-family: Graphik;

    font-size: 52px;

    line-height: 68px;

    font-weight: 700;

    margin-bottom: 40px;

    max-width: 1037px
}



.new-casestudy-section {

    padding: 70px 0;
    background: #fff
}



.new-casestudy-section .content-column.col-lg-5 {

    width: 50%
}



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

    margin-right: 50px
}



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

    margin-left: 50px
}



.new-casestudy-section .row {

    justify-content: space-between;

    align-items: center
}



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

    max-width: 650px
}



.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-family: Graphik;

    font-size: 38px;

    line-height: 48px;

    font-weight: 700;

    color: #adadad;

    margin-bottom: 48px
}



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

    color: #000
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 30px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 10px
}



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

    font-weight: 700;

    color: #000
}



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

    text-align: right
}



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

    text-align: left
}



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

    display: flex;

    max-width: 1170px;

    flex-wrap: wrap;

    justify-content: center;

    margin: 0 auto
}



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

    width: 390px;

    display: flex;

    flex-direction: column;

    align-items: center
}



.new-core-feature-section .inner-core-feature-content .content-section .img-box {

    max-width: 317px;

    height: 290px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    position: relative
}



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

    width: 172px;

    height: 170px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0
}



.new-core-feature-section .inner-core-feature-content .content-section .border-gray {

    display: flex;

    align-items: center;

    height: 1px;

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

    width: 317px
}



.new-core-feature-section .inner-core-feature-content .content-section .border-gray-left {

    height: 290px;

    width: 1px;

    background: linear-gradient(to bottom, #fff, #cecece, #cecece, #fff);

    position: absolute;

    left: 72px
}



.new-core-feature-section .inner-core-feature-content .content-section .border-gray-right {

    height: 290px;

    width: 1px;

    background: linear-gradient(to bottom, #fff, #cecece, #cecece, #fff);

    position: absolute;

    right: 72px
}



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

    font-family: Graphik;

    font-size: 24px;

    line-height: 34px;

    font-weight: 700;

    color: #000;

    margin-bottom: 20px;

    max-width: 340px;

    text-align: center
}



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

    font-family: Graphik;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 0;

    max-width: 340px;

    text-align: center
}



.new-technology-section figure {

    max-width: 1071px;

    margin: 0 auto;

    text-align: center
}



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

    display: flex;

    flex-wrap: wrap;

    justify-content: center
}



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

    max-width: 413px;

    background: #ededed;

    padding: 6px;

    border-radius: 10px;

    margin-bottom: 10px
}



.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 10.5px 10px
}



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

    margin-bottom: 6px
}



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

    border-radius: 5px 5px 0 0
}



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

    background: #fff;

    padding: 14px 10px;

    border-radius: 0 0 5px 5px;

    min-height: 245px
}



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

    height: 160px;

    display: flex;

    flex-direction: column;

    align-items: center
}



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

    font-family: Graphik;

    font-size: 20px;

    line-height: 26px;

    font-weight: 600;

    color: #000;

    text-align: center;

    max-width: 354px;

    margin: 0 auto 16px
}



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

    font-family: Graphik;

    font-size: 17px;

    line-height: 30px;

    font-weight: 400;

    color: #424242;

    text-align: center;

    margin: 0 auto
}



.case-inrpage-banner h1, .cms-h-content h1 {

    background: linear-gradient(0deg, #007aee 24.68%, #e6f2fe 114.2%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent
}



.new-table-contents-card-head {

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

    align-items: baseline
}



button.like-button {

    background: 0 0 !important;

    color: #007aee !important;

    padding: 7px;

    display: flex;

    align-items: center;

    flex-direction: column;

    border: .3px solid #007aee;

    border-radius: 7px
}



.about-content-sec p {

    font-size: 20px;

    line-height: 30px;

    font-family: Graphik;

    font-weight: 400;

    margin-bottom: 0
}



.build-offshore-section, .new-custom-software-section, .new-offshore-development-section, .new-tech-stack-section, .offshore-service-section {

    padding: 65px 0
}



.build-offshore-section .build-content-sec, .hire-dev-main-sec .step-first, .hire-dev-main-sec .step-second, .hire-dev-main-sec .step-third, .new-custom-software-section .custom-inner-sec {

    display: flex;

    flex-direction: column;

    align-items: center
}



.build-offshore-section .build-content-sec h2 {

    font-family: Graphik;

    font-size: 42px;

    line-height: 45px;

    font-weight: 600;

    color: #000;

    margin-bottom: 20px
}



.build-offshore-section .build-content-sec p {

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

    color: #1b1b1f;

    margin-bottom: 50px;

    text-align: center;

    max-width: 1085px
}



.new-mvp-build-section h2, .new-offshore-development-section h2, .new-tech-stack-section h2, .offshore-service-section h2 {

    font-family: Graphik;

    font-size: 42px;

    line-height: 45px;

    font-weight: 600;

    color: #000;

    margin-bottom: 70px;

    text-align: center
}



.offshore-service-content .row {

    gap: 32px 42px
}



.custom-table-section .main-custom, .inner-custom-content {

    display: flex;

    gap: 0 21px
}



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

    background: #f1f2f2;

    border-radius: 20px;

    max-width: 609px;

    padding: 14px;

    display: flex;

    align-items: center;

    gap: 0 20px
}



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

    background: #fff;

    padding: 27px 44px;

    max-width: 174px;

    border-radius: 11px;

    border: 1px solid rgba(0, 0, 0, .25)
}



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

    border-radius: 7px;

    font-size: 22px;

    line-height: 32px;

    padding: 18px;

    width: 33.33%;

    position: relative;

    box-shadow: 0 6.57px 6.57px 0 rgba(0, 0, 0, .25);

    font-family: Graphik;

    color: #fff;

    text-align: center
}



.hire-team-different-sec .hire-team-box .inner-team-box .team-right-sec, .offshore-service-content .row .col-md-6 .content-box {

    max-width: 385px
}



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

    font-family: Graphik;

    font-size: 24px;

    line-height: 29px;

    font-weight: 500;

    color: #0d0d0d;

    margin-bottom: 12px;

    max-width: 312px
}



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

    font-family: Graphik;

    font-size: 17px;

    line-height: 26px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 0
}



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

    font-family: Graphik;

    font-size: 42px;

    line-height: 52px;

    font-weight: 600;

    color: #000;

    margin-bottom: 32px;

    text-align: center;

    max-width: 963px
}



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

    font-family: Graphik;

    font-size: 24px;

    line-height: 31px;

    font-weight: 500;

    color: #424242;

    margin-bottom: 70px;

    text-align: center;

    max-width: 774px
}



.custom-table-section .main-custom .feature {

    background: #000;

    font-weight: 500
}



.custom-table-section .main-custom .custom_software {

    background: #cfab08;

    font-weight: 500
}



.custom-table-section .main-custom .off-the-shelf {

    background: #007aee;

    font-weight: 500
}



.arrow-black {

    background: #000;

    position: absolute
}



.arrow-yellow {

    background: #cfab08;

    position: absolute
}



.arrow-blue {

    background: #007aee;

    position: absolute
}



.inner-custom-content {

    margin-bottom: 11px
}



.fifth-step-line, .first-step-line, .fourth-step-line, .second-step-line, .third-step-line {

    width: 162px;

    height: 3px;

    margin: 13px 0
}



.custom-table-section table tr td, .custom-table-section table tr th {

    border: none
}



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

    border-radius: 5px;

    padding: 20px;

    width: 33.33%;

    height: 80px;

    display: flex
}



.inner-custom-content .feature-content {

    background-color: #e5e5e5;

    align-items: center;

    justify-content: center;

    font-family: Graphik;

    font-size: 20px;

    font-weight: 600;

    line-height: 22px;

    color: #000;

    margin-bottom: 0;

    text-align: center
}



.inner-custom-content .custom-software-content {

    background-color: #fffbf0;

    align-items: center;

    justify-content: center
}



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

    font-family: Graphik;

    font-size: 20px;

    font-weight: 400;

    line-height: 22px;

    color: #000;

    margin-bottom: 0;

    text-align: center
}



.inner-custom-content .off-the-shelf-content {

    background-color: #e3ecef;

    align-items: center;

    justify-content: center
}



.new-tech-stack-section .row {

    gap: 21px
}



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

    background: #f7f7f7;

    padding: 25px;

    border-radius: 10px;

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 32.2%
}



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

    font-family: Graphik;

    font-size: 25px;

    font-weight: 500;

    line-height: 35px;

    color: #1b152b;

    margin: 18px 0 10px
}



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

    font-family: Graphik;

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    color: #424242;

    margin-bottom: 18px;

    text-align: center
}



.tech-boxes .tech-content-section .technology-lang-sec {

    display: flex;

    gap: 10px 8px;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center
}



.tech-boxes .tech-content-section .technology-lang-sec .tech-circle {

    width: 44px;

    height: 44px;

    background: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center
}



.new-offshore-development-section .main-offshore-dev {

    height: 545px;

    display: flex;

    position: relative
}



.main-offshore-dev .first-offshore-dev {

    display: flex;

    flex-direction: column;

    justify-content: end;

    align-items: center;

    position: absolute;

    left: 0;

    bottom: 0;

    max-width: 320px
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 31px;

    font-weight: 500;

    color: #000;

    margin: 25px 0 0;

    text-align: center
}



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

    font-family: Graphik;

    font-size: 17px;

    line-height: 26px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 0;

    text-align: center
}



.first-step-line {

    background: linear-gradient(to right, #f7cc0c, #f7910c)
}



.main-offshore-dev .second-offshore-dev {

    display: flex;

    flex-direction: column;

    align-items: center;

    position: absolute;

    left: 210px;

    top: 0;

    max-width: 320px
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 31px;

    font-weight: 500;

    color: #000;

    margin: 0;

    text-align: center
}



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

    font-family: Graphik;

    font-size: 17px;

    line-height: 26px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 25px;

    text-align: center
}



.second-step-line {

    background: linear-gradient(to right, #c3f76f, #51d147)
}



.first-offshore-dev.third {

    left: 430px
}



.second-offshore-dev.fourth {

    left: inherit;

    right: 250px
}



.first-offshore-dev.fifth {

    left: inherit;

    right: 0;

    max-width: 355px
}



.third-step-line {

    background: linear-gradient(to right, #38c1ff, #0370f5)
}



.fourth-step-line {

    background: linear-gradient(to right, #cb92f7, #913ad6)
}



.fifth-step-line {

    background: linear-gradient(to right, #f74367, #d92044)
}



.main-mvp-dev {

    position: relative;

    height: 512px
}



.gray-mid-line {

    width: 100%;

    height: 10px;

    background: #cbd2dc;

    border-radius: 10px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: -1
}



.mvp-process-content {

    display: flex;

    position: relative
}



.mvp-process-content .mvp-first-process {

    max-width: 207px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    position: absolute;

    left: 0
}



.mvp-process-content .mvp-first-process h3 {

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

    color: #000;

    margin: 35px 0 15px;

    text-align: center
}



.mvp-process-content .mvp-first-process p {

    font-family: Graphik;

    font-size: 16px;

    line-height: 21px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 0;

    text-align: center
}



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

    max-width: 207px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 115px;

    left: 250px
}



.mvp-process-content .mvp-second-process h3 {

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

    color: #000;

    margin: 0 0 15px;

    text-align: center
}



.mvp-process-content .mvp-second-process p {

    font-family: Graphik;

    font-size: 16px;

    line-height: 21px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 35px;

    text-align: center
}



.mvp-process-content .mvp-first-process.third {

    left: 50%;

    transform: translateX(-50%)
}



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

    left: inherit;

    right: 250px;

    max-width: 230px
}



.mvp-process-content .mvp-first-process.fifth {

    left: inherit;

    right: 0
}



.about-mission-section .inner-mission-sec.pricing {

    height: 100%;

    padding: 70px 50px 70px 80px
}



.costing-modal-section h2 {

    font-size: 28px;

    font-family: Graphik;

    font-weight: 600;

    line-height: 38px;

    color: #000;

    margin-bottom: 20px
}



.costing-modal-section .costing-tabel table {

    border-collapse: separate;

    border-spacing: 0;

    border-radius: 10px;

    overflow: hidden;

    border: .2px solid #302d2d !important
}



.costing-modal-section .costing-tabel tr th {

    padding: 10px 15px !important;

    background: #007aee;

    font-family: Graphik !important;

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

    color: #fff;

    text-align: center;

    border: .2px solid #302d2d !important
}



.costing-modal-section .costing-tabel tr th:first-child {

    border-top-left-radius: 10px
}



.costing-modal-section .costing-tabel tr th:last-child {

    border-top-right-radius: 10px
}



.costing-modal-section .costing-tabel tr td {

    padding: 8px !important;

    font-family: Graphik !important;

    font-size: 16px;

    line-height: 28px;

    font-weight: 400;

    color: #000;

    text-align: center;

    border: .2px solid #302d2d !important
}



.costing-modal-section .costing-tabel tr:last-child td:first-child {

    border-bottom-left-radius: 10px
}



.costing-modal-section .costing-tabel tr:last-child td:last-child {

    border-bottom-right-radius: 10px
}



.package-main-section .inner-package-sec {

    display: flex;

    align-items: center;

    padding-bottom: 30px;

    border-bottom: 1px solid #8f8f8f
}



.package-main-section .inner-package-sec h2 {

    font-size: 28px;

    font-family: Graphik;

    font-weight: 600;

    line-height: 38px;

    color: #000;

    margin-bottom: 0
}



.inner-package-sec .pricing-dropdown .dropdown-button {

    background: #007aee;

    padding: 5px 20px;

    border-radius: 20px;

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

    color: #fff;

    margin-left: 16px;

    cursor: pointer;

    display: flex;

    align-items: center
}



.inner-package-sec .pricing-dropdown .dropdown-button::after {

    content: none
}



.hire-dev-main-sec .step-third .hire-img-sec h3, .inner-package-sec .pricing-dropdown .dropdown-button svg {

    margin-left: 10px
}



.inner-package-sec .pricing-dropdown .dropdown-menu {

    position: absolute;

    background-color: #f9f9f9;

    border-radius: 12px;

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

    width: 310px;

    margin-top: 12px;

    z-index: 1;

    padding: 0;

    left: 0;

    right: 0
}



.inner-package-sec .pricing-dropdown .dropdown-menu ul {

    list-style: none;

    margin-bottom: 0;

    padding-left: 0
}



.inner-package-sec .pricing-dropdown .dropdown-menu li {

    color: #424242;

    padding: 16px 30px;

    cursor: pointer;

    font-size: 18px;

    font-family: Graphik;

    font-weight: 400;

    text-align: left;

    border-bottom: 1px solid #e6e6e6
}



.inner-package-sec .pricing-dropdown .dropdown-menu li:last-child, .option-stckup-table .option-data tr:last-child td {

    border-bottom: none
}



.package-detail-content h3 {

    font-family: Graphik;

    font-size: 38px;

    font-weight: 600;

    line-height: 42px;

    margin: 30px 0;

    color: #000
}



.package-detail-content .package-data th:first-child {

    vertical-align: top;

    background-color: #d2e9ff;

    align-items: center;

    font-size: 24px;

    font-family: Graphik;

    font-weight: 600;

    line-height: 34px;

    color: #000;

    border-radius: 5px 0 0;

    width: 250px
}



.package-detail-content .package-data th:last-child {

    border-radius: 0 5px 0 0
}



.package-detail-content .package-data tr:last-child {

    border-radius: 0 0 0 5px
}



.package-detail-content .package-data th {

    max-width: 312px;

    border: none !important;

    padding: 15px !important;

    vertical-align: top
}



.package-detail-content .package-data td {

    width: 314px;

    font-family: Graphik;

    font-size: 18px;

    line-height: 26px;

    font-weight: 400;

    color: #000;

    padding: 12px 15px;

    text-align: center;

    border: 1px solid #8f8f8f
}



.package-detail-content .package-data td:first-child {

    text-align: left;

    width: 250px
}



.package-detail-content .package-data th h4 {

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 5px
}



.package-detail-content .package-data th span {

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

    color: #fff
}



.service-main-section {

    padding: 70px 0 50px
}



.service-main-section.bg-blue {

    background: linear-gradient(180deg, #fff, #edf6ff);

    padding: 70px 0
}



.service-main-section.last {

    padding: 50px 0 0
}



.service-main-section h2 {

    font-family: Graphik;

    font-size: 42px;

    line-height: 42px;

    font-weight: 600;

    color: #000;

    margin-bottom: 40px
}



.service-main-section .row {

    gap: 40px;

    margin-left: 0;

    margin-right: 0
}



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

    max-width: 385px;

    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);

    padding: 20px;

    border-radius: 10px
}



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

    background: #fff;

    width: 70px;

    height: 70px;

    border-radius: 4px;

    box-shadow: -.5px .5px 4px 0 rgba(0, 0, 0, .5);

    display: flex;

    align-items: center;

    justify-content: center
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 28px;

    font-weight: 500;

    color: #0d6efd
}



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

    font-family: Graphik;

    font-size: 20px;

    line-height: 30px;

    font-weight: 500;

    color: #000;

    margin: 25px 0 8px
}



.new-why-join-sec p, .service-main-section .our-service-sec p {

    line-height: 28px;

    font-weight: 400;

    color: #424242;

    font-family: Graphik
}



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

    font-size: 18px;

    margin: 0 0 12px;

    min-height: 168px
}



.new-why-join-sec {

    padding: 30px 0
}



.new-why-join-sec p {

    font-size: 17px;

    margin-bottom: 0
}



.career-img-sec {

    display: flex;

    align-items: center;

    gap: 16px;

    margin-bottom: 50px
}



.career-img-sec img {

    border-radius: 10px
}



.career-img-sec .second_img img {

    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5)
}



.inner-place-to-work {

    display: flex;

    gap: 47px
}



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

    max-width: 265px;

    width: 25%;

    background: #fff;

    box-shadow: 0 0 4px rgba(0, 0, 0, .25);

    padding: 16px 14px;

    border-radius: 5px;

}



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

    font-family: Graphik;

    font-size: 22px;

    line-height: 32px;

    font-weight: 500;

    color: #09090b;

    margin: 20px 0 16px
}



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

    font-family: Graphik;

    font-size: 16px;

    line-height: 22px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 0
}



.perk-working-sec {

    padding: 60px 0
}



.main-perk-working {

    display: flex;

    flex-wrap: wrap;

    gap: 32px;

    justify-content: center
}



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

    width: 30%;

    display: flex;

    align-items: center;

    background: #fff;

    padding: 11px 14px;

    border: 1px solid #D6D6D6;

    border-radius: 20px;

    max-width: 350px;

}



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

    width: 66px;

    height: 52px;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 24px;

    font-weight: 500;

    color: #09090b;

    margin: 0 0 0 15px;

    max-width: 235px;

}



.recruitment-process-sec {

    padding: 70px 0;

    position: relative
}



.recruitment-bg {

    background: linear-gradient(135deg, #fef4f4, #f3f7ff, #f0fefb);

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    z-index: -1;

}



.career-process-main-step {

    position: relative;

    width: 100%;

    height: 700px;

    max-width: 850px;

    margin: 0 auto;

}



.hire-dev-main-sec .hire-img-sec h3, .process-divide-line {

    position: absolute;

    top: 50%;

    left: 50%;

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

}



.recruitment-process-sec h2 {

    font-size: 42px;

    font-family: Graphik;

    font-weight: 600;

    line-height: 52px;

    color: #000;

    text-align: center;

    margin-bottom: 15px
}



.recruitment-process-sec p {

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    font-weight: 400;

    color: #424242;

    text-align: center;

    max-width: 972px;

    margin: 0 auto 20px
}



.recruitment-process-sec .rec-process-sec {

    text-align: center;

    margin-bottom: 50px;

    display: inline-flex;

    justify-content: center;

    width: 100%;

}



.recruitment-process-sec .rec-process-sec .btn-process-guide {

    padding: 10px 16px;

    background: #007AEE;

    font-size: 15px;

    font-weight: 500;

    line-height: 22px;

    color: #fff;

    border-radius: 16px;

}



.recruitment-process-sec .rec-process-sec .btn-process-guide:hover, .recruitment-process-sec .rec-process-sec .btn-process-guide:focus {

    background: #007AEE !important;

}



.process-divide-line {

    background: #e6ebf2;

    width: 6px;

    height: 600px;

    border-radius: 5px
}



.process-left-sec {

    /* max-width: 465px;

    display: flex;

    flex-direction: row-reverse;

    position: absolute;

    left: 17.5%; */

    max-width: 465px;

    display: flex;

    flex-direction: row-reverse;

    position: absolute;

    left: 25px;

}



.process-right-sec {

    max-width: 465px;

    display: flex;

    position: absolute;

    left: 47%;

}



.process-right-sec.step-one {

    top: 0;

}



.process-right-sec.step-three {

    top: 200px;

}



.process-right-sec.step-five {

    top: 400px;

}



.process-right-sec.step-seven {

    top: 600px;

    align-items: center;

}



.process-left-sec.step-two {

    top: 100px;

}



.process-left-sec.step-four {

    top: 300px;

}



.process-left-sec.step-six {

    top: 500px;

}



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

    text-align: right;

}



.req-number-sec {

    width: 50px;

    height: 50px;

    background: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: Graphik;

    font-size: 20px;

    line-height: 30px;

    font-weight: 500;

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



.process-right-sec.step-one .req-number-sec {

    border: 4px solid #007AEE;

}



.process-right-sec.step-seven .req-number-sec::after {

    content: '';

    background-image: url('https://www.sevensquaretech.com/wp-content/uploads/2025/07/hand-shake-img.png');

    background-repeat: no-repeat;

    background-size: cover;

    width: 34px;

    height: 35px;

}



.req-content-sec {

    max-width: 380px
}



.req-content-sec h3 {

    font-family: Graphik;

    font-size: 20px;

    line-height: 28px;

    font-weight: 500;

    color: #000;

    margin-bottom: 5px;

}



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

    font-family: Graphik;

    font-size: 16px;

    line-height: 25px;

    font-weight: 400;

    color: #53648B;

    margin-bottom: 0;

    text-align: left;

    max-width: 350px;

}



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

    margin-left: 25px
}



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

    margin-right: 25px
}



.new-hire-developer-hero-sec {

    background: #e6f2fe;

    padding: 74px 0;

    margin-top: 60px
}



.main-hire-hero-sec {

    display: flex;

    align-items: center;

    justify-content: space-between
}



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

    max-width: 600px
}



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

    font-family: Graphik;

    font-size: 48px;

    line-height: 48px;

    font-weight: 500;

    color: #000;

    margin-bottom: 40px
}



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

    font-family: Graphik;

    font-size: 22px;

    line-height: 32px;

    font-weight: 500;

    color: #000;

    margin-bottom: 5px
}



.main-hire-hero-sec .hire-left-sec p, .main-hire-hero-sec .hire-left-sec ul li {

    line-height: 30px;

    font-weight: 400;

    font-size: 18px;

    font-family: Graphik
}



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

    max-width: 540px
}



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

    margin-left: 70px
}



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

    position: relative;

    z-index: 9
}



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

    max-width: 595px;

    background: #fff;

    padding: 40px 33px;

    border-radius: 20px;

    height: 100%;

    box-shadow: -3.31px 3.31px 20.66px 0 rgba(0, 0, 0, .15)
}



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

    font-family: Graphik;

    font-size: 26px;

    line-height: 35px;

    font-weight: 500;

    color: #000;

    max-width: 240px;

    text-align: center;

    margin: 0 auto 40px
}



.main-hire-hero-sec .hire-right-sec .hire-form-sec form input, .main-hire-hero-sec .hire-right-sec .hire-form-sec form textarea {

    border: 1px solid #ababab;

    border-radius: 5px;

    padding: 14px 22px;

    font-family: Graphik;

    font-size: 16px;

    line-height: 22px;

    color: #6c6a6a
}



.main-hire-hero-sec .hire-right-sec .hire-form-sec form .wpcf7-submit {

    margin: 0;

    width: 100%;

    background: #007aee !important;

    border: none;

    max-width: 100%;

    border-radius: 5px;

    font-size: 18px
}



.main-hire-hero-sec .hire-right-sec .hire-form-sec form .contact-submit-btn {

    height: 50px
}



.main-hire-hero-sec .hire-right-sec .hire-form-sec form .wpcf7-not-valid-tip {

    margin-bottom: 10px;

    margin-top: -15px !important
}



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

    content: '';

    background: #007aee;

    display: block;

    width: 530px;

    height: 593px;

    border-radius: 20px;

    position: absolute;

    top: -18px;

    left: -15px;

    z-index: -1
}



.hire-sec-services {

    padding: 30px 0 70px
}



.hire-sec-services h2 {

    font-family: Graphik;

    font-size: 42px;

    font-weight: 600;

    line-height: 52px;

    color: #000;

    text-align: center;

    margin-bottom: 20px
}



.hire-sec-services p {

    font-family: Graphik;

    font-size: 20px;

    font-weight: 400;

    line-height: 30px;

    color: #424242;

    text-align: center;

    margin: 0 auto 40px;

    max-width: 1100px
}



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

    display: flex;

    flex-wrap: wrap;

    gap: 18px
}



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

    background: #f7f7f7;

    padding: 53px 24px;

    max-width: 400px;

    border-radius: 20px
}



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

    width: 70px;

    height: 70px;

    background: #fff;

    border-radius: 4px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 16px;

    box-shadow: -.5px .5px 4px 0 rgba(0, 0, 0, .16)
}



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

    font-family: Graphik;

    font-size: 20px;

    line-height: 30px;

    font-weight: 500;

    color: #000;

    margin-bottom: 15px
}



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

    font-family: Graphik;

    font-size: 17px;

    line-height: 30px;

    font-weight: 400;

    margin-bottom: 0;

    text-align: left
}



.hire-developer-step-sec, .hire-team-different-sec {

    background: #e9f4fe;

    padding: 70px 0
}



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

    font-family: Graphik;

    font-size: 42px;

    font-weight: 600;

    line-height: 52px;

    color: #000;

    text-align: center;

    margin-bottom: 40px
}



.option-stckup-section p, .option-stckup-section ul li {

    font-size: 18px;

    line-height: 25px;

    color: #424242;

    font-weight: 400
}



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

    display: flex;

    flex-wrap: wrap;

    gap: 32px 42px;

    max-width: 1166px;

    margin: 0 auto
}



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

    background: #fff;

    border: 1px solid #d6d6d6;

    border-radius: 20px;

    padding: 14px;

    max-width: 560px;

    display: flex;

    gap: 20px
}



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

    width: 127px;

    height: 103px;

    background: #f7f7f7;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: inset 0 0 2.91px rgba(0, 0, 0, .25)
}



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

    font-family: Graphik;

    font-size: 24px;

    line-height: 29px;

    font-weight: 500;

    color: #000;

    margin-bottom: 15px
}



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

    font-family: Graphik;

    font-size: 17px;

    line-height: 25px;

    font-weight: 400;

    color: #424242;

    margin-bottom: 0
}



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

    background-color: #007aee;

    font-family: Graphik;

    font-size: 20px;

    line-height: 30px;

    font-weight: 500;

    color: #fff;

    padding: 20px 25px
}



.option-stckup-table .option-data {

    box-shadow: -1px 2px 8px 0 rgba(0, 0, 0, .14);

    border-radius: 5px
}



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

    border: 1px solid #d3d3d3;

    padding: 14px 25px;

    width: 313px;

    height: 70px;

    font-family: Graphik;

    font-size: 20px;

    line-height: 22px;

    font-weight: 400;

    color: #000
}



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

    border-left: none
}



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

    border-right: none
}



.option-stckup-table .option-data tr th:first-child {

    border-radius: 5px 0 0 5px
}



.option-stckup-table .option-data tr th:last-child {

    border-radius: 0 5px 5px 0
}



.option-stckup-section p {

    font-family: Graphik;

    margin-bottom: 20px
}



.option-stckup-section ul li {

    font-family: Graphik;

    margin-bottom: 10px
}



.hire-dev-main-sec {

    display: flex;

    gap: 75px;

    padding-top: 20px
}



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

    position: relative;

    width: 252px;

    height: 250px
}



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

    position: relative;

    width: 267px;

    height: 250px
}



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

    position: relative;

    width: 263px;

    height: 250px
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 24px;

    text-align: center
}



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

    font-family: Graphik;

    font-size: 18px;

    line-height: 25px;

    font-weight: 400;

    color: #424242;

    text-align: center
}



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

    width: 197px;

    margin-left: 3px
}



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

    width: 170px;

    margin-left: 12px
}



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

    max-width: 337px;

    margin-bottom: 0;

    margin-top: 8px
}



.hire-dev-main-sec .step-second p {

    max-width: 360px;

    margin-bottom: 8px
}



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

    max-width: 398px
}



.step-vertical-line {

    height: 47px;

    border: 1px dashed #545454
}



#applyJobModal input[type=email], #applyJobModal input[type=number], #applyJobModal input[type=tel], #applyJobModal input[type=text], #applyJobModal select {

    border-bottom: 1px solid #007aee;

    padding: 0 0 10px;

    margin: 0 0 16px;

    font-size: 16px;

    font-family: Graphik;

    font-weight: 400;

    color: #000;

}



#applyJobModal input::placeholder {

    color: #000;

}



#applyJobModal .wpcf7 input[type="file"] {

    border-bottom: none;

}



#applyJobModal .modal-body {

    padding: 25px;

}



#applyJobModal .modal-header .btn-close {

    font-size: 28px;

    font-weight: 500;

    background: transparent !important;

    color: #000;

}



#applyJobModal .modal-title {

    font-weight: 600;

    font-size: 25px;

    line-height: 45px;

    letter-spacing: 0;

    color: #111013;

}



#applyJobModal input[type=checkbox] {

    border: 1px solid #007aee;

}



#applyJobModal .wpcf7-list-item label {

    display: flex;

    align-items: center;

    gap: 15px;

}



#applyJobModal .wpcf7-list-item-label {

    font-size: 16px;

    font-weight: 500;

    width: 90%;

}



.pdf-btn {

    height: 42px;

    max-width: 235px;

    box-sizing: border-box;

    display: inline-flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    padding: 6px 12px;

    border: 2px solid #111013;

    border-radius: 6px;

    font-style: normal;

    font-weight: 500;

    font-size: 15.84px;

    line-height: 24px;

    color: #ffffff;

    text-decoration: none;

    background: #111013;

    text-align: center;

    margin: 0 auto;

    margin-top: 20px;

}



.pdf-btn:focus, .pdf-btn:hover {

    background: #111013 !important;

    color: #ffffff !important;

}



/* Jobs Postion */



.job-opening-section {

    padding: 70px 0;

}



.job-opening-section h2 {

    font-size: 42px;

    font-family: Graphik;

    font-weight: 500;

    line-height: 52px;

    color: #000;

    text-align: center;

    margin-bottom: 48px;

}



.job-opening-section .news-tab .left-part {

    width: 22%;

    display: inline-block;

    vertical-align: top;

}



.job-opening-section .nav-tabs .nav-item {

    width: 100%;

}



.job-opening-section .news-tab .nav-pills {

    border-bottom: 0;

}



.job-opening-section .news-tab .nav-pills .nav-link {

    border: none;

    margin: 0 0 10px 0;

    padding: 16px 0 16px 30px;

    height: auto;

    font-family: 'Graphik';

    font-size: 20px;

    font-weight: 400;

    line-height: 160%;

    color: #090808;

    border-radius: 0;

    display: block;

}



.job-opening-section .news-tab .nav-pills .nav-link.active,

.job-opening-section .news-tab .nav-pills .show>.nav-link {

    border: none;

    background-color: unset !important;

    color: #090808;

    border-radius: 0;

    padding: 16px 0 16px 30px;

    font-family: Graphik;

    font-size: 20px;

    line-height: 30px;

    height: 60px;

    margin-bottom: 10px;

}



.job-opening-section .news-tab .nav-pills .nav-link.active {

    font-weight: 500;

    padding: 16px 0 16px 25px;

}



.job-opening-section .news-tab .nav-pills .nav-link:focus {

    border-color: none;

    color: #fff;

    background-color: #F16D5D;

    padding: 16px 0 16px 25px;

}



.job-opening-section .news-tab .tab-content {

    width: 71%;

    display: inline-block;

}



.job-opening-section .card {

    border: none;

}



.job-opening-section .mobile-tab {

    display: none;

}



.job-opening-section .collapse:not(.show) {

    display: block !important;

}



.job-opening-section .card-body,

.job-opening-section .card-header {

    padding: 0;

}



.job-opening-section .card-body p {

    font-family: 'Source Sans Pro';

    font-size: 20px;

    font-weight: normal;

    line-height: 25px;

    color: #5E5E5E;

    padding: 20px 0 0 0;

}



.job-opening-section .card-body img {

    max-height: 525px;

    width: 100%;

    object-fit: cover;

}



.job-opening-section .job-title {

    margin-bottom: 10px;

    font-family: 'Graphik';

    font-weight: 600;

    font-size: 28px;

    font-style: semi bold;

    line-height: 35px;

    vertical-align: middle;

}



.job-opening-section .job-meta {

    gap: 10px;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 10px;

}



.job-opening-section .job-badge {

    display: inline-block;

    padding: 5px 12px;

    border-radius: 25px;

    font-size: 14px;

    color: #424242;

    font-weight: 500;

    line-height: 25px;

    border: 1px solid #424242;

}



.job-opening-section .job-descriptions {

    font-size: 16px;

    font-family: 400;

    font-weight: 400;

    line-height: 25px;

    vertical-align: middle;

    color: #090808;

}



.job-opening-section .job-apply {

    text-align: right;

}



.job-opening-section .job-card {

    padding: 20px 0;

}



.job-opening-section .news-tab {

    max-width: 1260px;

    margin: 0 auto;

}



.job-opening-section .nav-link.active {

    border-left: 5px solid #007AEE !important;

}



.job-opening-section .job-btn {

    display: inline-block;

    background: #000;

    color: #fff;

    padding: 10px 20px;

    border-radius: 25px;

    text-decoration: none;

    font-weight: 500;

    transition: background 0.3s;

}



.job-opening-section .job-btn:hover, .job-opening-section .job-btn:focus {

    background: #000 !important;

    color: #fff !important;

}



.btn-close.cross {

    position: absolute;

    right: 25px;

    background-color: transparent !important;

    opacity: 1;

}



@media (max-width: 991px) {

    .job-opening-section .card-header {

        display: block;

    }



    .job-opening-section .mobile-tab {

        display: block;

    }

}



.job-opening-section .left-part .nav {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

    margin: 0;

}



.job-opening-section .tab-content>.active {

    display: block;

}



.job-opening-section .tab-content>.tab-pane {

    display: none;

}



.job-opening-section .tab-content>.active {

    display: block;

}



.job-opening-section .fade:not(.show) {

    opacity: 0;

}



.job-opening-section .fade {

    transition: opacity .15s linear;

}





@media(max-width: 991px) {

    .job-opening-section .left-part .nav {

        display: none;

    }



    .job-opening-section .news-tab .tab-pane {

        display: block !important;

        opacity: 1 !important;

    }



    .job-opening-section .news-tab .tab-content {

        width: 100%;

    }



    .job-opening-section .collapse:not(.show) {

        display: none !important;

    }



    .job-opening-section .news-tab .nav-pills .collapse.show {

        display: block;

    }



    .job-opening-section .card-header a {

        padding: 16px !important;

        background-color: transparent !important;

    }



    .job-opening-section .tab-pane>.card-header>.mobile-tab>a:not(.collapsed) {

        background-color: #F16D5D !important;

        color: #fff !important;

    }



    .job-opening-section .news-tab .nav-pills .card-header {

        padding: 0 !important;

        border-bottom: 1px solid rgba(0, 0, 0, .125) !important;

    }

}

/* Digital Solution New CSS */

.digital-main-tab {
    padding: 50px 0 30px;
}

.digital-main-content {
    display: flex;
}

.digital-main-content .nav {
    flex-direction: column;
    max-width: 368px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 25%);
    padding: 20px;
    margin-bottom: 24px;
}

.digital-main-content .nav h2 {
    font-family: 'Graphik';
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 17px;
    color: #000;
}

.digital-main-content .nav .nav-item .nav-link {
    background-color: transparent;
    font-family: 'Graphik';
    font-size: 18px;
    line-height: 23px;
    color: #000;
    padding: 0;
    font-weight: 500;
    border: none;
    text-align: left;
    margin-bottom: 24px;
}

.digital-main-content .nav .nav-item .nav-link.active, .digital-main-content .nav .nav-item:hover .nav-link {
    color: #007AEE;
}

.digital-main-content .tab-content {
    max-width: 852px;
    margin-left: 40px;
}

.digital-main-content .tab-content .tab-inner-content {
    margin-left: 12px;
}

.digital-main-content .tab-content .tab-inner-content .service-item {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 25%);
    border-radius: 6px;
    margin-bottom: 10px;
    display: flex;
}

.digital-main-content .tab-content .tab-inner-content .service-item .service-content {
    width: 100%;
    margin-left: 20px;
}

.digital-main-content .tab-content .tab-inner-content .service-item .service-content .service-heading {
    font-family: 'Graphik';
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
}

.digital-main-content .tab-content .tab-inner-content .service-item .service-content p {
    font-family: 'Graphik';
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #424242;
    margin-bottom: 10px;
}

.digital-main-content .tab-content .tab-inner-content .service-item .service-content .service-btn {
    font-family: 'Graphik';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-decoration: underline;
    color: #0D6EFD;
    display: inline-block;
}

.digital-main-content .tab-content .tab-heading {
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #fff, #007AEE, #fff);
    width: fit-content;
    border-bottom: 1px solid;
    border-width: 1px;
    margin-bottom: 30px;
}

.digital-main-content .tab-content #Custom-development .tab-heading {
    border-image-source: linear-gradient(to left, #E6F2FE, #157D92, #E6F2FE);
}

.digital-main-content .tab-content #Modern-tech .tab-heading {
    border-image-source: linear-gradient(to left, #E6F2FE, #E19000, #E5BC71);
}

.digital-main-content .tab-content #Infrastructure-speed .tab-heading {
    border-image-source: linear-gradient(to left, #E6F2FE, #3813C2, #E6F2FE);
}

.digital-main-content .tab-content #Personalized-industry .tab-heading {
    border-image-source: linear-gradient(to left, #E6F2FE, #B32079, #E6F2FE);
}

.digital-main-content .tab-content #Build-performs .tab-heading {
    border-image-source: linear-gradient(to left, #FFEDE3, #FF6A00, #FFEDE3);
}

.digital-main-content .tab-content #Hire-Experts .tab-heading {
    border-image-source: linear-gradient(to left, #FFEDE3, #FF2F2F, #FFEDE3);
}

.digital-main-content .tab-content .tab-heading h2 {
    font-family: 'Graphik';
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
}

.digital-main-content #Custom-development .tab-heading h2 {
    color: #157D92;
}

.digital-main-content #Modern-tech .tab-heading h2 {
    color: #E19000;
}

.digital-main-content #Infrastructure-speed .tab-heading h2 {
    color: #3813C2;
}

.digital-main-content #Personalized-industry .tab-heading h2 {
    color: #B32079;
}

.digital-main-content #Build-performs .tab-heading h2 {
    color: #FF6A00;
}

.digital-main-content #Hire-Experts .tab-heading h2 {
    color: #FF2F2F;
}

.digital-left .main-form-sec::after {
    content: '';
    background: #007aee;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.digital-left .main-form-sec {
    max-width: 360px;
    padding: 4px;
    background: #fff;
    border-radius: 20px;
    position: relative;
    z-index: 9;
}

.digital-left .main-form-sec .project-section {
    background: #f5f5f5;
    border-radius: 20px 20px 0 0;
    padding: 21px 14px 22px;
}

.digital-left .main-form-sec .project-section h2 {
    font-family: 'Graphik';
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}

.digital-left .main-form-sec .project-section p {
    font-family: 'Graphik';
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #424242;
    margin-bottom: 24px;
}

.digital-left .main-form-sec .project-section p span {
    color: red;
}

.digital-left .main-form-sec .project-section .new-social-contact {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.digital-left .main-form-sec .project-section .new-social-contact .social-divider {
    margin: 0 22px 20px;
}

.digital-left .main-form-sec .project-section .new-social-contact .social-divider.two {
    display: none;
}

.digital-left .main-form-sec .project-section .new-social-contact .new-social-content a {
    display: flex;
    align-items: center;
}

.digital-left .main-form-sec .project-section .new-social-contact .new-social-content {
    margin-bottom: 20px;
}

.digital-left .main-form-sec .project-section .new-social-contact .new-social-content a span {
    font-family: 'Graphik';
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #000;
    margin-left: 8px;
}

.digital-left .main-form-sec .new-contact-form-sec {
    background: #fff;
    padding: 17px 14px 21px;
    border-radius: 0 0 20px 20px;
}

.digital-left .main-form-sec .new-contact-form-sec form input[type=email], .digital-left .main-form-sec .new-contact-form-sec form input[type=text], .digital-left .main-form-sec .new-contact-form-sec form input[type="tel"], .digital-left .main-form-sec .new-contact-form-sec form select, .digital-left .main-form-sec .new-contact-form-sec form textarea, .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid #007aee;
    padding: 0 0 10px;
    margin: 0 0 16px;
    font-size: 16px;
    font-family: 'Graphik';
    font-weight: 400;
    color: #000;
}

.digital-left .main-form-sec .new-contact-form-sec form input::placeholder, .digital-left .main-form-sec .new-contact-form-sec form textarea::placeholder {
    color: #000;
    font-size: 16px;
    font-family: 'Graphik';
    font-weight: 400
}

.new-contact-form-sec.digital .row .col-lg-6 {
    width: 100%;
}

.new-contact-form-sec.digital .wpcf7-list-item {
    margin: 0;
}

.new-contact-form-sec.digital .wpcf7-list-item label {
    line-height: 24px;
}

.new-contact-form-sec.digital input[type=checkbox] {
    margin-right: 8px;
}

.new-contact-form-sec.digital .wpcf7-list-item-label {
    font-family: 'Graphik';
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #424242;
}

.mobile-dropdown-wrapper {
    display: none;
}

.postid-22158 .new-casestudy-section .content-column.col-lg-7, .postid-22158 .new-mvp-action-sec .action-main-sec .action-left-sec {
    width: 38%
}

.postid-22158 .new-casestudy-section .content-column.col-lg-5 {
    width: 58%
}