.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus,
:focus,
a:active,
a:focus,
a:hover,
button:focus,
select {
    outline: 0
}

*,
.slick-slider {
    -webkit-tap-highlight-color: transparent
}

.slick-dots li,
.slick-dots li button,
.slick-next,
.slick-prev {
    width: 20px;
    cursor: pointer;
    height: 20px
}

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

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .inner-col .country-name,
.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .inner-col .footer-menu-title,
ul li {
    margin-bottom: 5px
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

.border-btn,
.btn,
.h2,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
p b,
p strong,
ul li,
ul li a {
    font-family: "Open Sans", sans-serif
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.custom-modal.visible,
.inner-services-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner em img:first-child,
.inner-technology-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner em img:first-child,
.no-touch .inner-services-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner em img:first-child,
.no-touch .inner-technology-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner em img:first-child,
.slick-initialized .slick-slide,
.slick-slide img,
.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content.current,
.tatva-service-section .title-block .h2 span,
.tatva-service-section .title-block h2 span,
.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner em img.default-image,
.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 span,
.tatvasoft-inner-page-banner .banner-content-wrapper h1>span,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%
}

audio:not([controls]) {
    display: none;
    height: 0
}

.footer-lower-part .footer-lower-content-wrapper .dmca-logo a,
.site-header .header-wrapper .logo-wrapper a,
.slick-dots li,
img {
    display: inline-block
}

.slick-arrow.slick-hidden,
.slick-slide.slick-loading img,
[hidden] {
    display: none
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.about-value-section .value-listing li:nth-last-of-type(-n+2),
.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-inner,
figure,
form {
    margin: 0
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=checkbox],
input[type=email],
input[type=number],
input[type=password],
input[type=radio],
input[type=text],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0
}

button,
fieldset,
img {
    border: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,
html,
input,
select,
textarea {
    color: #000
}

body:not(.tatva-landing-pages) {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.privacy-statement-page-wrapper .tatva-com-privacy-policy .selectable,
body:not(.tatva-landing-pages) .contact-us-wrapper .contact-banner-wrapper .inner-col .content-block .inquiry-listing,
body:not(.tatva-landing-pages) .global-office-section .office-wrapper .office-block,
body:not(.tatva-landing-pages) .site-footer .footer-col-layout .right-col .inner-col,
body:not(.tatva-landing-pages) .site-footer .footer-upper-part .content-block p,
body:not(.tatva-landing-pages) .talented-team-block p,
body:not(.tatva-landing-pages) .warning-msg-block .warning-content-wrapper p {
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    -o-user-select: text !important;
    user-select: text !important
}

::selection {
    background: #fa8503 !important;
    color: #fff !important
}

:-webkit-selection {
    background: #fa8503 !important;
    color: #fff !important
}

::-moz-selection {
    background: #fa8503 !important;
    color: #fff !important
}

img {
    vertical-align: middle;
    height: auto;
    -ms-interpolation-mode: bicubic;
    max-width: 100%
}

fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.btn.focus,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link:focus,
.btn-link:hover {
    background-color: inherit;
    text-decoration: underline
}

.slick-dots li button,
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: rgba(0, 0, 0, 0);
    color: transparent;
    outline: 0
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

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

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

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

.slick-track {
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto
}

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

.slick-track:after {
    clear: both
}

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

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

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

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

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    line-height: 0;
    font-size: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none
}

.slick-arrow.slick-next,
.slick-arrow.slick-next.slick-disabled,
.slick-arrow.slick-prev,
.slick-arrow.slick-prev.slick-disabled {
    background-position: center;
    background-size: 1.2rem;
    background-repeat: no-repeat
}

.no-touch .footer-lower-part .footer-lower-content-wrapper .social-icons ul li a:hover,
.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item.no-hover:hover .work-item-inner em .default-image,
.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner em img.hover-image,
.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before,
[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.home-tatva-blog-section h2,
.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    margin: 0 5px;
    padding: 0
}

.slick-dots li button {
    border: 0;
    display: block;
    line-height: 0;
    font-size: 0;
    padding: 5px
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

h4,
h5,
ul {
    margin-bottom: 25px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -.2px
}

h1 {
    font-size: 6rem;
    line-height: 1.4;
    font-weight: 400
}

.h2,
h2 {
    font-size: 4.5rem;
    line-height: 1.26;
    font-weight: 400;
    color: #0b2e58
}

h3 {
    font-size: 3rem;
    font-weight: 400
}

h4 {
    font-size: 2.4rem;
    font-weight: 400
}

h5 {
    font-size: 2rem;
    font-weight: 400
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-left p,
.tatva-service-landing-description p,
h6,
ul li {
    font-size: 1.8rem
}

a,
h6 {
    font-weight: 400
}

p {
    font-size: 1.6rem;
    color: #333;
    line-height: 1.8
}

p b,
p strong {
    font-weight: 700
}

p em,
p i {
    font-style: italic
}

ul {
    list-style-type: none;
    padding: 0
}

form input {
    appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none
}

input[type=text]::-ms-clear {
    display: none
}

input[type=email]::-ms-clear {
    display: none
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 62.5%;
    height: auto
}

body {
    font-size: 1.8rem;
    line-height: 2.5rem;
    overflow-x: hidden;
    height: auto;
    font-weight: 400;
    box-sizing: border-box
}

.menu_open,
.open-menu,
.open-menu .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner.active-mobile-menu,
.site-footer {
    overflow: hidden
}

.wrapper {
    min-height: 100%;
    background: #fff
}

.border-btn:before,
.yellow-btn {
    background-color: #fa8503
}

sup {
    right: -.3rem
}

a,
a:active,
a:hover,
a:link,
a:visited {
    outline: 0;
    text-decoration: none;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.border-btn,
.btn {
    transition: .3s;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    border-radius: .2rem
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col,
div {
    box-sizing: border-box
}

.container {
    max-width: 119rem;
    padding: 0 2.5rem;
    margin: 0 auto
}

.common-mobile-slider .slick-dots {
    position: relative;
    bottom: 0;
    margin: 0 0 20px;
    display: flex;
    justify-content: center
}

.common-mobile-slider .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    width: auto;
    height: auto
}

.common-mobile-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #eee;
    border-radius: 50%;
    padding: 0;
    margin: 0
}

.automated-test-section.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .process-wrapper .process-outer .process-inner .heading-part span em:after,
.commn-slider-style .slick-dots li button:before,
.common-mobile-slider .slick-dots li button:before,
.footer-lower-part .footer-lower-content-wrapper .copy-right ul li:last-child:after,
.tatva-customer-section .tatva-customer-outer .tatva-customer-right-icon .mobile,
.tatva-customer-section .tatva-customer-outer .tatva-customer-right-icon .tablet,
.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner:after,
.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.left-col h2,
.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .image-block.mobile-image-block,
.tatvasoft-inner-page-banner .tatvasoft-inner-banner.tatvasoft-mobile-banner,
.tatvasoft-technology-page-banner .tatvasoft-technology-inner-banner.tatvasoft-mobile-banner {
    display: none
}

.common-mobile-slider .slick-dots li.slick-active button {
    background: #156ba3
}

.btn {
    min-width: 10.5rem;
    padding: .75rem 1.5rem;
    display: inline-block;
    border: 1px solid #fa8503;
    border-radius: .2rem
}

.border-btn {
    min-width: 12.1rem;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    padding: 1rem 2.2rem;
    line-height: 1.16;
    display: inline-block;
    box-sizing: border-box;
    height: 4.1rem;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.border-btn:before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    right: 100%;
    top: 0;
    left: auto;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.no-touch .border-btn:hover {
    border-color: #fa8503;
    color: #fff
}

.no-touch .border-btn:hover:before,
.no-touch .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .border-btn:hover::before,
.tatvasoft-inner-page-banner .banner-content-wrapper .banner-btn-wrapper .border-btn:hover:before {
    right: 0
}

.no-touch .yellow-btn:hover {
    background-color: #fff;
    color: #333;
    border-color: #fff
}

.slick-arrow {
    width: 3.5rem;
    height: 3.5rem
}

.slick-arrow.slick-next.slick-disabled,
.slick-arrow.slick-prev.slick-disabled {
    opacity: .4;
    cursor: inherit
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    display: none
}

.gray-bg {
    background-color: #f5f6f7
}

.displayNone,
.error-text,
.hide-image,
.tatvasoft-development-case-study .inner-case-study-detail .inner-case-study-detail-block-wrapper.has-one-slide .slick-dots {
    display: none !important
}

.error-message .error-text {
    display: block !important
}

.ajax-loader {
    background-image: url(../images/ajax-loader.svg) !important;
    display: inline-block !important;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px !important;
    position: relative;
    top: 2px;
    opacity: 0
}

.contact-us-wrapper .ajax-loader,
.custom-modal .contact-form-wrapper .ajax-loader {
    background-image: url(../images/ajax-loader-blue.svg) !important
}

.ajax-loader.active {
    opacity: 1;
    visibility: visible
}

.full-width {
    max-width: 100% !important
}

.commn-slider-style .slick-arrow {
    height: 60px;
    width: 60px
}

.commn-slider-style .slick-arrow.slick-next,
.commn-slider-style .slick-arrow.slick-prev {
    background-size: 28px;
    z-index: 1
}

.commn-slider-style .slick-arrow.slick-prev {
    background-image: url(../images/left-slider-arrow.svg);
    left: 24px
}

.commn-slider-style .slick-arrow.slick-next {
    background-image: url(../images/right-slider-arrow.svg);
    right: 24px
}

.commn-slider-style .slick-dots {
    bottom: 20px
}

.commn-slider-style .slick-dots li {
    width: auto;
    height: auto
}

.commn-slider-style .slick-dots li button {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, .5);
    border-radius: 10px;
    padding: 0;
    margin: 0
}

.commn-slider-style .slick-dots li.slick-active button {
    background: #fff
}

.js-lazy-image {
    transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity: 0
}

.js-lazy-image.js-lazy-image--handled {
    opacity: 1;
    transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s
}

.absolute-bg-parent,
.banner-with-css-overlay,
.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu,
.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li>a:not(.btn) {
    position: relative
}

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

.absolute-bg-parent .absolute-bg-img img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.open-menu .site-header {
    z-index: 9999999999
}

.open-menu .site-header .header-wrapper .logo-wrapper {
    z-index: 9;
    position: relative
}

.open-menu .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 8;
    opacity: 1
}

.active-nav .site-header {
    transition: none
}

.modal-select .select2-container--open .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner em img.default-image {
    opacity: 0
}

.site-footer .footer-upper-part,
.sticky-header.active-nav .site-header,
.tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block {
    background-color: #0b2e58
}

.sticky-header .site-header {
    box-shadow: 0 0 3px rgba(0, 0, 0, .11);
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    background: rgba(11, 46, 88, .9);
    padding: 0
}

.sticky-header .site-header .header-wrapper .menu-navigation li>a {
    padding: 30px 0
}

.sticky-header .site-header .header-wrapper .logo-wrapper a img {
    width: 18.4rem;
    height: 4.5rem
}

.site-header {
    padding: 1.8rem 0;
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    transition: .5s;
    -webkit-transition: .5s
}

.site-header .header-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    padding: 0 2rem;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.site-header .header-wrapper .logo-wrapper {
    position: relative;
    z-index: 9;
    margin-top: -4px
}

.site-header .header-wrapper .logo-wrapper a img {
    transition: .5s;
    -webkit-transition: .5s;
    width: 23.3rem;
    height: 5.7rem
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation {
    margin-bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li {
    margin: 0 2rem
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.contact-wrapper {
    margin: 0 0 0 .8rem
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li:last-child {
    margin: 0 0 0 2rem
}

@media(max-width:1280px) {
    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li:last-child {
        margin: 0 0 0 1.4rem
    }

    .footer-lower-part .footer-lower-content-wrapper .dmca-logo,
    .footer-lower-part .footer-lower-content-wrapper .social-icons {
        flex: 0 0 15%;
        max-width: 15%
    }

    .footer-lower-part .footer-lower-content-wrapper .copy-right {
        flex: 0 0 70%;
        max-width: 70%
    }
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li>a:not(.btn):after {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 0;
    background-color: #fff;
    left: 0
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.active-page>a:after {
    height: .2rem
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li a:not(.btn) {
    font-size: 1.5rem;
    padding: 2.4rem 0;
    display: inline-block;
    line-height: 1.25;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 7px rgba(0, 0, 0, .6)
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li .sub-menu-arrow {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 24px;
    right: -15px;
    cursor: pointer;
    background-image: url(../images/menu_plus.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li .sub-menu-open .sub-menu-arrow {
    background-image: url(../images/menu_minus.svg)
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li a.btn {
    padding: .7rem 0;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: .2rem
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper {
    padding: 3rem 2rem 1.8rem;
    min-width: 94.5rem
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu,
.start-project-with-tatva .start-project-with-tatva-grid .start-project-content-item {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu>li {
    max-width: 25%;
    flex: 0 0 25%;
    padding: 0 1.2rem 0 0;
    box-sizing: border-box
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu>li.other-technology .sub-menu-inner li {
    width: 100%;
    float: none
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.25;
    color: #333;
    margin: 0 0 1rem;
    padding: 0 0 0 1.5rem
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-inner li a {
    padding: 1.1rem 1.5rem
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper {
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 15px 30px rgba(18, 19, 20, .2);
    background-color: #fff;
    padding: 1rem 0;
    min-width: 36rem;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.footer-lower-part .footer-lower-content-wrapper .copy-right ul li,
.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .footer-listing,
.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .footer-listing li:last-child,
.process-wrapper .process-outer:nth-last-of-type(-n+2),
.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper .sub-menu,
.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper .sub-menu li,
.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table td p:last-of-type,
.tatva-faq-section .faq-listing .faq-inner .faq-detail p:last-of-type,
.tatva-global-presence-section .container .content-wrapper p:last-of-type,
.tatva-service-section.has-description-and-inner-page .inner-decription p:last-of-type,
.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col p:last-of-type,
.tatva-winning-app-section .winning-app-wrapper .winning-app-inner:last-child,
.tatvasoft-development-case-study .inner-case-study-detail .inner-case-study-detail-block-wrapper {
    margin-bottom: 0
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper .sub-menu li a {
    text-shadow: none;
    color: #0b2e58;
    line-height: 1.35;
    display: block;
    padding: 1.4rem 3.3rem 1.4rem 2.9rem
}

@media(min-width:992px) {

    .no-touch .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu:hover .sub-menu-wrapper,
    .touch .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.active .sub-menu-wrapper {
        visibility: visible;
        opacity: 1
    }

    .no-touch .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper .sub-menu li a:hover {
        background-color: #0b2e58;
        color: #fff
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation:hover>li>a:not(.btn) {
        opacity: .5
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation:hover>li:hover>a {
        opacity: 1
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation:hover>li:hover>a:after {
        height: .2rem
    }
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper .sub-menu li.active-page a {
    background-color: #0b2e58;
    color: #fff
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.active>a:after {
    height: .2rem;
    transition: height .3s;
    -o-transition: height .3s;
    -ms-transition: height .3s;
    -webkit-transition: height .3s;
    -moz-transition: height .3s
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.active-page .mobile-menu-arrow {
    background-image: url(../images/menu-right-arrow-active.svg)
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .mobile-menu-arrow {
    position: absolute;
    display: none;
    top: 50%;
    transform: translateY(-50%);
    right: 1.5rem;
    background-image: url(../images/menu-right-arrow.svg);
    background-repeat: no-repeat;
    width: 4rem;
    height: 3rem;
    background-size: .9rem;
    background-position: center;
    cursor: pointer
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .mobile-menu-inner-arrow {
    position: relative;
    padding-left: 20px;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    text-transform: uppercase;
    display: none;
    cursor: pointer;
    margin: 0 0 2.3rem 2.8rem
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .mobile-menu-inner-arrow:before {
    content: "";
    background: url(../images/menu-left-arrow.svg) center/.8rem no-repeat;
    height: 2rem;
    width: 2rem;
    top: .1rem;
    left: -.5rem;
    position: absolute
}

.nav-icon-mobo {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
    z-index: 11;
    cursor: pointer;
    display: none
}

.nav-icon-mobo span {
    position: absolute;
    font-size: 0;
    line-height: 0;
    background-color: #fff;
    height: .2rem;
    width: 1.8rem;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    margin-left: 5px
}

.nav-icon-mobo span:after,
.nav-icon-mobo span:before {
    margin-left: -5px;
    position: absolute;
    content: "";
    background-color: #fff;
    height: .2rem;
    width: 2.3rem;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.nav-icon-mobo span:after {
    top: -.8rem
}

.nav-icon-mobo span:before {
    bottom: -.8rem
}

.nav-icon-mobo.open-menu-bar span {
    background-color: rgba(0, 0, 0, 0);
    z-index: 1000
}

.nav-icon-mobo.open-menu-bar span:after,
.nav-icon-mobo.open-menu-bar span:before {
    background-color: #fff
}

.nav-icon-mobo.open-menu-bar span:after {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0
}

.nav-icon-mobo.open-menu-bar span:before {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 0
}

.site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.about-sub-menu .sub-menu-wrapper {
    min-width: 250px
}

.cookie-bar {
    position: fixed;
    bottom: 25px;
    opacity: 0;
    left: 25px;
    right: 25px;
    z-index: 999;
    max-width: 281px;
    background: #156ba3;
    padding: .8rem 0 1rem
}

.cookie-bar .container {
    padding: 0 10px
}

.cookie-bar .cookie-bar-inner {
    display: flex;
    justify-content: center;
    align-items: center
}

.cookie-bar .cookie-bar-inner p {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.7;
    padding: 0
}

.cookie-bar .cookie-bar-inner p a {
    color: #fff;
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline
}

.cookie-bar .cookie-bar-inner p a:hover,
.no-touch .custom-application-development-wrapper .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner p a:hover,
.no-touch .enterprise-solution-wrapper .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner p a:hover,
.no-touch .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li a:hover {
    text-decoration: none
}

.cookie-bar .cookie-bar-inner p #cookie-button {
    position: absolute;
    right: 12px;
    bottom: 9px;
    padding: .2rem 1rem;
    text-decoration: none;
    font-size: 1.4rem !important;
    line-height: normal !important;
    height: inherit;
    min-width: inherit;
    font-weight: 400
}

.cookie-bar .cookie-bar-inner .agree-btn {
    min-width: 10.7rem;
    text-align: center;
    font-weight: 400;
    color: #fff;
    font-size: 15px;
    border: 1px solid #fff;
    padding: 0 .7rem;
    margin: 0 15px;
    height: 35px;
    line-height: 33px
}

.cookie-bar .cookie-bar-inner .agree-btn:hover {
    background-color: #fff;
    color: #156ba3
}

.tatva-global-presence-section {
    padding: 0;
    position: relative;
    overflow: hidden
}

.tatva-global-presence-section .container {
    max-width: 192rem;
    padding: 0 0 0 25px;
    position: relative
}

.tatva-global-presence-section .container .content-wrapper {
    max-width: 1630px;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 400px;
    overflow: hidden
}

.tatva-global-presence-section .container .content-wrapper .content-inner {
    max-width: 37%;
    flex: 0 0 37%;
    padding: 56px 0 64px;
    position: relative;
    z-index: 1
}

@media(max-width:1366px) {
    h1 {
        font-size: 5rem
    }

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

    .tatva-global-presence-section .container .content-wrapper .content-inner {
        padding: 45px 0 50px
    }
}

.tatva-global-presence-section .container .content-wrapper .image-block {
    position: relative;
    max-width: 64%;
    flex: 0 0 64%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 0 0 50px;
    padding-bottom: 26%
}

@media(min-width:1923px) {
    .tatva-global-presence-section .container .content-wrapper .image-block {
        margin: 0
    }
}

@media(max-width:1600px) {
    .tatva-global-presence-section .container .content-wrapper .image-block {
        margin: 0 0 0 40px
    }
}

@media(max-width:1024px) {

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

    .tatva-global-presence-section .container .content-wrapper .image-block {
        max-height: inherit
    }
}

.cloud-expertise-section .title-block h2,
.tatva-global-presence-section .container .content-wrapper h2,
.tatva-service-process-section .title-block h2 {
    margin-bottom: 20px
}

.tatva-global-presence-section .container .content-wrapper p {
    color: #333;
    font-size: 18px;
    line-height: 1.77;
    font-weight: 400;
    margin-bottom: 22px
}

.mobile-app-tech .tatva-global-presence-section,
.modal-select .select2-dropdown .select2-search--dropdown,
.why-choose-grid-section.tatva-service-section .work-grid-wrapper {
    padding: 0
}

.site-footer .container {
    padding: 0 2.5rem;
    margin: 0 auto;
    max-width: 1191px
}

.site-footer .footer-middle-part {
    background-color: #0b2e58;
    border-top: 6px solid #368dc5
}

.site-footer .footer-lower-part {
    background-color: #0b2e58;
    border-top: 1px solid rgba(255, 255, 255, .08)
}

.footer-upper-part {
    position: relative;
    overflow: hidden
}

.footer-upper-part .footer-upper-content-wrapper .inner-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0 39px
}

.footer-upper-part .footer-upper-content-wrapper .btn-wrapper .btn {
    text-transform: uppercase;
    min-width: 135px;
    padding: 13px 30px
}

.footer-upper-part .footer-upper-content-wrapper h2 {
    color: #fff;
    display: inline-block;
    position: relative;
    padding-right: 5rem;
    transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    font-size: 3.4rem;
    margin-bottom: .8rem
}

@media(max-width:1366px) {
    .footer-upper-part .footer-upper-content-wrapper h2 {
        font-size: 3.2rem
    }
}

.footer-upper-part .footer-upper-content-wrapper p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .2px
}

.footer-upper-part .footer-upper-content-wrapper p a {
    color: #fa8503;
    font-weight: 600;
    display: inline-block
}

.dedicated-development-wrapper .why-dedicated-service-team p,
.no-touch .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .country-name a:hover,
.no-touch .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .footer-menu-title a:hover,
.no-touch .footer-upper-part .footer-upper-content-wrapper p a:hover,
.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner h3,
.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner p {
    color: #fff
}

.footer-middle-part {
    padding: 6rem 0 2.3rem
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -28px
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .left-col {
    flex: 0 0 51.7%;
    max-width: 51.7%;
    padding: 24px 0 0 28px
}

.cloud-devops-page .tatva-faq-section .faq-listing .faq-inner .faq-detail ul.has-three-col,
.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.third-col .footer-listing,
.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .left-col .left-inner,
.new-tatva-technology-stack-section .new-tatva-tech-item,
.process-wrapper .process-outer .process-inner .tools-wrapper .tatva-bullet-list,
.start-project-with-tatva .start-project-with-tatva-grid {
    display: flex;
    flex-wrap: wrap
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col {
    flex: 0 0 48.3%;
    max-width: 48.3%;
    padding: 0 28px
}

@media(max-width:1199px) {
    h1 {
        font-size: 4rem
    }

    .site-header .header-wrapper .logo-wrapper a img {
        width: 20rem;
        height: 5rem
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li {
        margin: 0 1rem
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper {
        min-width: 80rem;
        left: 100%
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper .sub-menu li a {
        padding: 1.1rem 2.5rem
    }

    .tatva-global-presence-section .container .content-wrapper .image-block {
        margin: 0 0 0 30px
    }

    .footer-upper-part .footer-upper-content-wrapper .inner-content-wrapper {
        padding: 30px 0
    }

    .footer-upper-part .footer-upper-content-wrapper .btn-wrapper .btn {
        min-width: 100px;
        padding: 7px 15px
    }

    .footer-upper-part .footer-upper-content-wrapper h2 {
        font-size: 3rem
    }

    .footer-upper-part .footer-upper-content-wrapper p {
        font-size: 18px
    }

    .footer-middle-part {
        padding: 4rem 0
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout {
        margin: 0 -15px
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .left-col,
    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col {
        padding: 0 15px
    }

    .footer-lower-part .footer-lower-content-wrapper .copy-right {
        max-width: 76%;
        flex: 0 0 76%
    }
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .add-box {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 5px;
    margin-bottom: 10px
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .add-box .add-box-inner {
    padding: 20px;
    background-color: #0a294f;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    height: 100%
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .add-box address {
    color: #a9c5d7;
    font-weight: 400;
    line-height: 1.57
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .add-box a {
    color: #fa8503;
    font-weight: 600;
    line-height: 1.2;
    display: block;
    margin-top: 8px
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.active em {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col em {
    display: none;
    position: absolute;
    width: 1.4rem;
    right: 0;
    top: 1.4rem;
    transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    z-index: 99
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .country-name,
.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .footer-menu-title {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.26;
    font-weight: 600;
    margin-bottom: 1.6rem;
    position: relative;
    z-index: 1
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .country-name a,
.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .footer-menu-title a {
    color: inherit;
    font-weight: inherit
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .footer-listing li {
    margin-bottom: 1.5rem;
    line-height: 0
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .footer-listing li a {
    display: inline-block;
    color: #a9c5d7;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 400;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.no-touch .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .footer-listing li a:hover {
    color: #fff;
    text-decoration: none
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group,
.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div,
.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.second-col,
.process-wrapper .process-outer .process-inner .tools-wrapper .tatva-bullet-list.has-two-col li {
    flex: 0 0 50%;
    max-width: 50%
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.third-col {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 34px
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.third-col .footer-listing li {
    max-width: 50%;
    flex: 0 0 50%;
    box-sizing: border-box
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.third-col .footer-listing li:nth-child(2n),
.tatva-faq-section .faq-listing .faq-inner .faq-detail ul li,
.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col ul {
    padding-left: 20px
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.forth-col {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 20px
}

.footer-lower-part .footer-lower-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding: 3rem 0
}

.footer-lower-part .footer-lower-content-wrapper .social-icons,
.tatvasoft-technology-page-banner .technology-banner-content {
    text-align: center
}

.footer-lower-part .footer-lower-content-wrapper .social-icons ul {
    margin-bottom: 0;
    padding-left: 0
}

.footer-lower-part .footer-lower-content-wrapper .copy-right ul li:last-child,
.footer-lower-part .footer-lower-content-wrapper .social-icons ul li:last-child,
.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing li:last-child {
    margin-right: 0
}

.footer-lower-part .footer-lower-content-wrapper .social-icons ul li a {
    display: inline-block;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    opacity: .6
}

.no-touch .footer-lower-part .footer-lower-content-wrapper .social-icons ul li a:hover svg path {
    fill: #9fd9ff
}

.footer-lower-part .footer-lower-content-wrapper .copy-right p {
    color: #9fd9ff;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    opacity: .8
}

.footer-lower-part .footer-lower-content-wrapper .copy-right p a {
    color: #9fd9ff;
    font-size: inherit
}

.footer-lower-part .footer-lower-content-wrapper .copy-right ul li {
    position: relative;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #4f4f4f;
    font-weight: 400;
    margin-right: 1.5rem
}

.footer-lower-part .footer-lower-content-wrapper .copy-right ul li:after {
    content: "";
    position: absolute;
    left: auto;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
    right: -1.1rem;
    width: .3rem;
    height: .3rem;
    background-color: #9fd9ff;
    opacity: .8
}

.footer-lower-part .footer-lower-content-wrapper .copy-right ul li:first-child {
    margin-left: 0
}

.footer-lower-part .footer-lower-content-wrapper .copy-right ul li p {
    font-size: 1.4rem;
    margin-bottom: 0;
    color: #a9c5d7;
    font-weight: 400
}

.footer-lower-part .footer-lower-content-wrapper .copy-right ul li a {
    display: inline-block;
    color: #a9c5d7;
    font-weight: 400
}

.no-touch .footer-lower-part .footer-lower-content-wrapper .copy-right ul li a:hover {
    color: #fff;
    opacity: 1
}

@media(max-width:1023px) {
    h1 {
        font-size: 3.6rem
    }

    .site-header .header-wrapper .logo-wrapper a img {
        width: 19rem;
        height: 4.7rem
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li a.btn {
        padding: .5rem
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout {
        margin: 0
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .left-col {
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
        padding: 0;
        margin-top: 20px
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col {
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
        padding: 0
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.second-col,
    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .add-box {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.third-col {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-top: 0
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.third-col .footer-listing li {
        max-width: 100%;
        flex: 0 0 100%
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.third-col .footer-listing li:nth-child(2n) {
        padding-left: 0
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.forth-col {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 0 30px
    }

    .site-footer.inner-page-footer .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.second-col {
        max-width: 50%;
        flex: 0 0 50%
    }

    .site-footer.inner-page-footer .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.forth-col {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0
    }
}

.footer-upper-part::selection {
    background: #fa8503;
    color: #fff
}

.footer-upper-part::-moz-selection {
    background: #fa8503
}

.footer-upper-part:-webkit-selection {
    background: #fa8503
}

.footer-middle-part::selection {
    background: #fa8503
}

.footer-middle-part::-moz-selection {
    background: #fa8503;
    color: #fff
}

.footer-middle-part:-webkit-selection {
    background: #fa8503;
    color: #fff
}

.footer-lower-part::selection {
    background: #fa8503
}

.footer-lower-part::-moz-selection {
    background: #fa8503
}

.footer-lower-part:-webkit-selection {
    background: #fa8503
}

body.modal-open {
    overflow: hidden;
    padding-right: 1.6rem
}

body.modal-open .modal-backdrop {
    opacity: .5;
    visibility: visible
}

body.modal-open .custom-modal {
    overflow-x: hidden;
    overflow-y: auto
}

.custom-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: none;
    overflow: hidden;
    outline: 0;
    padding: 2.5rem 1.5rem
}

.custom-modal .modal-content-wrapper {
    position: relative;
    width: auto;
    pointer-events: none;
    max-width: 129rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    z-index: 99999;
    transition: transform .3s ease-out;
    -moz-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.custom-modal .modal-content-wrapper .modal-inner-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: border .3s
}

.custom-modal .modal-content-wrapper .modal-inner-content .modal-header {
    position: relative;
    width: 100%
}

.custom-modal .modal-content-wrapper .modal-inner-content .modal-header .modal-close {
    position: absolute;
    top: 1rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    transition: .3s;
    opacity: 1;
    display: block;
    line-height: 0
}

.custom-modal .modal-content-wrapper .modal-inner-content .modal-header .modal-close img {
    width: 100%
}

.custom-modal.visible .modal-content-wrapper {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.custom-modal .modal-backdrop {
    background: #000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s linear;
    z-index: 9999;
    visibility: hidden
}

.custom-modal .contact-form-wrapper .form-wrapper form,
.custom-modal .contact-form-wrapper .form-wrapper form .form-group .experience-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5rem
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group {
    flex: 0 0 33.33%;
    padding: 0 1.5rem;
    margin-bottom: 3.5rem;
    position: relative
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group label {
    font-size: 1.6rem;
    color: #333;
    margin-bottom: .3rem;
    display: block
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group .form-control {
    border: 1px solid #ccc;
    width: 100%;
    caret-color: #333;
    color: #333;
    line-height: 1.35;
    font-size: 1.6rem;
    padding: 1rem 1.5rem;
    box-sizing: border-box
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group .form-control:focus,
.custom-modal .contact-form-wrapper .form-wrapper form .form-group input.your-document:focus+.white-btn,
.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area .white-btn:focus {
    border-color: #156ba3
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area span.error-text,
.custom-modal .contact-form-wrapper .form-wrapper form .form-group.error-message span.error-text {
    color: #ff4d4d;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: 400;
    display: block;
    position: absolute;
    top: calc(100% + 2px)
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.error-message input,
.custom-modal .contact-form-wrapper .form-wrapper form .form-group.error-message textarea,
.modal-select.error-message .select2-container .select2-selection--single {
    border-color: #ff4d4d;
    border-left-width: 4px
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.error-message input:focus,
.custom-modal .contact-form-wrapper .form-wrapper form .form-group.error-message textarea:focus {
    border-color: #ff4d4d
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div {
    position: relative;
    overflow: visible;
    flex: 0 0 66.66%
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    border-radius: 3px;
    transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    flex-wrap: wrap;
    position: relative
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area span {
    color: #333;
    font-size: 1.5rem;
    font-weight: 400;
    display: block
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area span.error-text.typeInvalidError {
    position: relative;
    top: 5px
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area .documentUploadError {
    max-width: 100%;
    flex: 0 0 100%
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area .white-btn {
    background-color: rgba(238, 238, 238, .4);
    border: 1px solid #ccc;
    margin: 0;
    font-size: 1.6rem;
    height: 4.3rem;
    line-height: 41px;
    text-transform: capitalize;
    -webkit-box-flex: 0;
    flex: 0 0 210px;
    text-align: center;
    box-sizing: border-box
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area .file-msg {
    overflow: hidden;
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 1.45;
    padding-left: 10px;
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 210px);
    word-break: break-word;
    box-sizing: border-box
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group input.your-document {
    border: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group .experience-wrapper .experience-inner {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 1.5rem
}

.custom-modal .contact-form-wrapper .form-wrapper form .btn-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1.5rem;
    display: flex;
    align-items: center
}

.custom-modal .contact-form-wrapper .form-wrapper form .btn-wrapper .btn {
    height: 5.2rem;
    min-width: 23.5rem;
    text-transform: uppercase
}

.custom-modal .contact-form-wrapper .form-wrapper form .btn-wrapper .btn:hover {
    background-color: #fff;
    color: #fa8503;
    border-color: #fa8503
}

.custom-modal .contact-form-wrapper .form-wrapper form .btn-wrapper .submit-btn-wrapper {
    max-width: 270px;
    flex: 0 0 270px
}

.custom-modal .contact-form-wrapper .form-wrapper form .contact-success-text {
    display: block;
    color: #333;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.3;
    box-sizing: border-box;
    font-weight: 400
}

.custom-modal .contact-form-wrapper .form-wrapper form .contact-success-text strong {
    font-weight: 700;
    margin-bottom: 3px;
    color: #0e870e;
    display: block
}

.custom-modal .contact-form-wrapper .form-wrapper form .contact-error-text {
    display: block;
    color: #ff4d4d;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.3;
    box-sizing: border-box;
    font-weight: 400
}

.modal-select .select2-dropdown {
    z-index: 4
}

.modal-select .select2-dropdown.select2-dropdown--above {
    border-bottom: 1px solid #e1e1e1;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.modal-select .select2-container--open .select2-selection__arrow:after {
    transform: translateY(-50%) rotate(180deg) !important
}

.modal-select .select2-results__options {
    max-height: 25rem;
    overflow-y: auto
}

.modal-select .select2-results__options .select2-results__option {
    padding: .9rem;
    margin: 0;
    font-size: 1.6rem;
    line-height: 20px;
    text-shadow: none;
    color: #333;
    text-align: left;
    cursor: pointer
}

.modal-select .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: #eee
}

.modal-select .select2-container {
    width: 100% !important;
    height: 4.3rem
}

.modal-select .select2-container.select2-container--open .select2-selection--single {
    border: 1px solid #156ba3
}

.modal-select .select2-container .select2-search .select2-search__field {
    position: absolute;
    border-bottom: none;
    bottom: -1.8rem;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0
}

.modal-select .select2-container .select2-search .select2-search__field:focus {
    box-shadow: none
}

.modal-select .select2-container .select2-selection--single {
    height: 100%;
    border: 1px solid #ccc;
    position: relative;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.modal-select .select2-container .select2-selection--single .select2-selection__arrow:after {
    content: "";
    position: absolute;
    background: url(../images/contact-down-arrow.svg) center/16px no-repeat;
    transition: transform .3s;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    margin: 0
}

.modal-select .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
    color: #333;
    height: 100%;
    box-sizing: border-box;
    line-height: normal
}

.modal-select .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: #333;
    font-size: 1.6rem;
    line-height: 1.7;
    font-family: "Open Sans", sans-serif;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    opacity: 1;
    position: absolute;
    top: .8rem
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .add-box a,
.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .add-box address {
    font-size: 13px
}

.footer-lower-part .footer-lower-content-wrapper .dmca-logo,
.footer-lower-part .footer-lower-content-wrapper .social-icons {
    flex: 0 0 12%;
    max-width: 12%
}

@media (max-width:991px) {
    .footer-lower-part .footer-lower-content-wrapper .social-icons {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 10px
    }
}

.footer-lower-part .footer-lower-content-wrapper .social-icons ul li a.facebook svg {
    max-width: 1.1rem;
    height: 1.8rem
}

.footer-lower-part .footer-lower-content-wrapper .social-icons ul li a.twitter svg {
    max-width: 1.9rem;
    height: 1.5rem
}

.footer-lower-part .footer-lower-content-wrapper .social-icons ul li a.linkedin svg {
    max-width: 1.8rem;
    height: 1.7rem
}

.footer-lower-part .footer-lower-content-wrapper .social-icons ul li {
    display: inline-block;
    margin: 0 .9rem
}

.footer-lower-part .footer-lower-content-wrapper .copy-right ul {
    line-height: 0;
    margin-bottom: 1.7rem
}

@media(max-width:991px) {
    .commn-slider-style .slick-arrow {
        display: none !important
    }

    .commn-slider-style .slick-dots {
        bottom: 32px
    }

    .sticky-header .site-header {
        padding: 1.4rem 0
    }

    .site-header {
        padding: 2rem 0
    }

    .site-header .header-wrapper .logo-wrapper {
        margin-top: 0
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0b2e58;
        z-index: -1;
        opacity: 0;
        transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -moz-transform: translateX(101%);
        -o-transform: translateX(101%);
        -ms-transform: translateX(101%);
        -webkit-transform: translateX(101%);
        transform: translateX(101%)
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation {
        display: block;
        margin: 8rem 0 0;
        padding: 0 0 2.5rem;
        height: calc(100vh - 100px);
        overflow-y: auto
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li {
        margin: 0;
        padding: 0
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li:last-child {
        margin: 2rem 0 2rem 2.5rem;
        padding: 0
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li>a:not(.btn):after {
        display: none
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li a:not(.btn) {
        font-size: 2.6rem;
        display: inline-block;
        font-weight: 400;
        padding: 1.5rem 3rem 1.5rem 2.5rem;
        text-transform: capitalize;
        position: relative
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li a.btn {
        margin-right: 0;
        width: 10.5rem;
        padding: 1rem;
        min-width: inherit;
        max-width: inherit;
        line-height: 20px;
        font-size: 17px
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper {
        left: auto;
        min-width: inherit;
        padding: 1.5rem 3.5rem 0
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu>li {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 10px;
        padding: 0
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu>li:last-child {
        margin-bottom: 0
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-title {
        color: #fff;
        margin: 0 0 1.5rem;
        padding: 0 3rem;
        display: inline-block;
        position: relative;
        cursor: pointer
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-title .sub-menu-arrow {
        top: 4px;
        background-size: 15px
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-inner {
        display: none;
        padding: 0 0 0 5rem
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-inner:after {
        content: "";
        clear: both;
        display: table
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-inner li {
        width: 50%;
        display: inline-block;
        float: left
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-inner li a {
        display: inline-block;
        padding: 1.6rem 0
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.active-mobile-menu .sub-menu-wrapper {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
        z-index: 9
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper {
        min-width: inherit;
        box-shadow: none;
        position: inherit;
        top: inherit;
        left: inherit;
        right: inherit;
        bottom: inherit;
        background: #0b2e58;
        z-index: 1;
        opacity: 1;
        transition: none;
        transform: none;
        visibility: visible;
        padding: 0 3.5rem;
        height: 100%;
        overflow-y: auto;
        display: none
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper .sub-menu {
        margin-bottom: 0;
        height: 100%
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper .sub-menu li a {
        padding: 1.6rem 3rem;
        font-size: 1.7rem;
        font-weight: 400;
        line-height: 1.22;
        color: #fff
    }

    .nav-icon-mobo {
        display: block
    }

    .tatva-global-presence-section .container {
        flex-wrap: wrap;
        padding: 0
    }

    .tatva-global-presence-section .container .content-wrapper {
        flex-wrap: wrap;
        padding: 30px 0 60px
    }

    .tatva-global-presence-section .container .content-wrapper .content-inner {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 25px 30px
    }

    .tatva-global-presence-section .container .content-wrapper .image-block {
        padding-bottom: 40.557%;
        position: relative;
        background-size: cover;
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0;
        transform: none
    }

    .site-footer .footer-upper-part {
        border-width: 4px
    }

    .footer-upper-part .footer-upper-content-wrapper .content-block {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 0
    }

    .footer-upper-part .footer-upper-content-wrapper .btn-wrapper {
        max-width: 100%;
        flex: 0 0 100%
    }

    .footer-upper-part .footer-upper-content-wrapper h2 {
        font-size: 2.8rem
    }

    .footer-upper-part .footer-upper-content-wrapper p {
        font-size: 16px
    }

    .footer-lower-part .footer-lower-content-wrapper .copy-right {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    .footer-lower-part .footer-lower-content-wrapper .dmca-logo {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }
}

.custom-modal .modal-content-wrapper .modal-inner-content {
    padding: 2.5rem 3rem
}

.custom-modal .contact-form-wrapper .form-wrapper .title-wrapper h2 {
    font-size: 2.8rem;
    margin-bottom: 3rem
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area .white-btn {
    flex: 0 0 180px;
    max-width: 180px;
    padding: 0 1.5rem
}

.custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area .file-msg {
    flex: 0 0 calc(100% - 180px);
    max-width: calc(100% - 180px)
}

.mobile-process-page .tatva-service-section {
    padding: 4rem 0 2.6rem
}

.testing-and-qa-service-wrapper .tatvasoft-development-case-study {
    padding: 6.6rem 0 0
}

.enterprise-solution-wrapper .tatvasoft-inner-page-banner .banner-content-wrapper p {
    max-width: 113rem
}

.tatvasoft-development-challenge-address {
    padding: 6.6rem 0 5.7rem;
    overflow: hidden
}

@media(max-width:1199px) {
    .mobile-process-page .tatvasoft-development-case-study {
        padding: 3.8rem 0 0
    }

    .tatvasoft-development-challenge-address {
        padding: 5rem 0
    }
}

.tatvasoft-development-challenge-address .container {
    max-width: 909px
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 -1.5rem;
    align-items: center
}

@media(max-width:767px) {
    h1 {
        font-size: 3.2rem;
        line-height: 1.2
    }

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

    h3 {
        font-size: 2.6rem
    }

    .container,
    .site-footer .container,
    .sticky-header .site-header .header-wrapper {
        padding: 0 1.5rem
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-inner li a,
    .sticky-header .site-header {
        padding: 1rem 0
    }

    .site-header {
        padding: 1.5rem 0
    }

    .site-header .header-wrapper {
        padding: 0 2rem
    }

    .site-header .header-wrapper .logo-wrapper a img {
        width: 20rem;
        height: 5rem
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li a:not(.btn) {
        padding: 1.5rem 2.5rem
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper {
        padding: 1rem 3.5rem 0
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-title {
        padding: 0 1.5rem;
        margin: 0 0 1rem
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu.technologies-mega-menu .sub-menu-wrapper .sub-menu .sub-menu-inner {
        padding: 0 0 0 3.5rem
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .sub-menu-wrapper .sub-menu li a {
        padding: 1rem 1.5rem
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .mobile-menu-arrow {
        right: 4px
    }

    .site-header .header-wrapper .navigation-wrapper .main-nav .navigation-inner .menu-navigation>li.has-megamenu .mobile-menu-inner-arrow {
        margin: 0 0 2.3rem 1.5rem
    }

    .sticky-header.open-menu .header-wrapper {
        padding: 0 20px
    }

    .tatva-global-presence-section .container {
        padding: 0 !important
    }

    .tatva-global-presence-section .container .content-wrapper {
        min-height: auto;
        padding: 30px 0 40px
    }

    .tatva-global-presence-section .container .content-wrapper .content-inner {
        padding: 0 15px
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div label,
    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .footer-listing,
    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.third-col .footer-listing,
    .tatva-global-presence-section .container .content-wrapper .image-block {
        display: none
    }

    .tatva-global-presence-section .container .content-wrapper p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px
    }

    .footer-upper-part {
        text-align: center
    }

    .footer-upper-part .footer-upper-content-wrapper h2 {
        font-size: 2.6rem;
        display: inline-block;
        line-height: 1.2;
        padding-right: 0
    }

    .footer-upper-part .footer-upper-content-wrapper p {
        font-size: 1.5rem;
        line-height: 1.6
    }

    .footer-middle-part {
        padding: 3.5rem 0 2.5rem
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .left-col {
        margin-top: 10px
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .inner-col {
        border: none
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .add-box {
        flex: 0 0 50%;
        max-width: 50%
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col:not(.first-col) {
        border-bottom: 1px solid #2b4563;
        padding: 1.8rem 0 0;
        position: relative
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col:not(.first-col) .country-name,
    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col:not(.first-col) .footer-menu-title {
        margin-bottom: 1.8rem
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col:last-child {
        border-bottom: none
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col em {
        display: block;
        cursor: pointer
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col .footer-listing li:last-child {
        margin-bottom: 1.3rem
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.second-col,
    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.third-col {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.forth-col {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 18px 0 0
    }

    .footer-lower-part .footer-lower-content-wrapper {
        padding: 2rem 0
    }

    .site-footer.inner-page-footer .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.second-col {
        max-width: 100%;
        flex: 0 0 100%
    }

    .site-footer.inner-page-footer .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .inner-col.forth-col {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 18px 0 0
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .form-group {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 3rem
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .btn-wrapper .submit-btn-wrapper,
    .custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div {
        flex: 0 0 100%;
        max-width: 100%
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area {
        position: static
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area .white-btn {
        margin-bottom: 1.5rem
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .form-group.document-div .file-drop-area .file-msg {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .btn-wrapper {
        flex-wrap: wrap
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .btn-wrapper .main-error-message-wrapper {
        margin-top: 1.5rem
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .contact-error-text {
        display: none !important
    }

    .mobile-process-page .tatva-service-section {
        padding: 4rem 0 1.6rem
    }

    .mobile-process-page .tatvasoft-development-case-study {
        padding: 3.1rem 0 0
    }

    .tatvasoft-development-challenge-address {
        padding: 4rem 0
    }

    .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper {
        flex-wrap: wrap;
        margin: 0
    }
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .content-block {
    max-width: 65%;
    flex: 0 0 65%;
    padding: 0 1.5rem
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .content-block h2 {
    color: #0b2e58;
    font-size: 3rem;
    line-height: 1.27;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 1.1rem;
    padding-left: 32px;
    position: relative;
    letter-spacing: 0;
    max-width: 520px
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .content-block h2:before {
    position: absolute;
    content: "";
    width: 5px;
    top: -7px;
    bottom: -8px;
    left: 0;
    background-color: #fa8503
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .content-block p {
    font-size: 1.8rem;
    line-height: 1.8
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block {
    max-width: 35%;
    flex: 0 0 35%;
    padding: 0 1.5rem;
    text-align: right
}

@media(max-width:575px) {
    .cookie-bar .cookie-bar-inner {
        flex-direction: column;
        flex-wrap: wrap
    }

    .footer-upper-part .footer-upper-content-wrapper p a span {
        display: block
    }

    .mobile-process-page .tatva-service-section {
        padding: 4rem 0
    }

    .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .content-block {
        max-width: 60%;
        flex: 0 0 60%
    }

    .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block {
        max-width: 40%;
        flex: 0 0 40%
    }
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: -10px
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn-inner a {
    color: #333;
    font-size: 20px;
    font-weight: 400
}

.no-touch .inner-services-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner h3,
.no-touch .inner-technology-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner h3,
.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item.no-hover:hover .work-item-inner h3,
.no-touch .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn-inner a:hover,
.software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column ul li a,
.why-dedicated-service-team .title-block h2,
.no-touch .offshore-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner h3 {
    color: #0b2e58
}

.no-touch .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn-inner a:hover span {
    left: -10px;
    background: #0b2e58
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn-inner span {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: #fa8503;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-left: 25px;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    position: relative;
    left: 0
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn-inner span img {
    width: 8px;
    height: 13px
}

.tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn {
    text-transform: uppercase;
    padding: 1.1rem 2.8rem;
    font-weight: 700;
    font-size: 1.4rem
}

.tatva-app-dev-experience {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 6.6rem 0 7.8rem
}

.tatva-app-dev-experience .title-wrapper {
    text-align: center;
    margin-bottom: 3.1rem
}

.tatva-app-dev-experience .title-wrapper h2 {
    margin-bottom: 1.8rem;
    color: #fff
}

.tatva-app-dev-experience .title-wrapper p {
    max-width: 80rem;
    margin: 0 auto;
    font-size: 1.8rem;
    color: #fff
}

.tatva-app-dev-experience .tatva-experience-wrapper h3 {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.4;
    background-color: #156ba3;
    text-align: center;
    padding: 1.8rem 3rem
}

.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper {
    padding: 2.3rem 3.2rem .3rem;
    background-color: #fff
}

.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper p {
    line-height: 1.62;
    margin-bottom: 1.8rem;
    font-size: 1.8rem;
    max-width: 950px
}

.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .experience-listing {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .experience-listing li {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    color: #333;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.625;
    margin-bottom: 27px;
    padding: 0 1.5rem 0 3.5rem;
    box-sizing: border-box
}

.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .experience-listing li:before {
    position: absolute;
    content: "";
    background-image: url(../images/blue-tick.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
    left: 0;
    top: .32rem;
    background-repeat: no-repeat;
    background-position: center
}

.dedicated-development-wrapper .tatva-technology-stack-section,
.it-outsourcing-compny-wrapper .tatva-technology-stack-section,
.product-development-wrapper .tatva-technology-stack-section,
.software-outsourcing-wrapper .tatva-technology-stack-section,
.testing-and-qa-service-wrapper .tatva-technology-stack-section,
.ui-ux-design-services-wrapper .tatva-technology-stack-section {
    padding: 2.3rem 0 0
}

.mobile-app-development-dallas .new-tatva-technology-stack-section {
    padding: 3.6rem 0 3.3rem
}

.new-tatva-technology-stack-section,
.tatva-technology-stack-section {
    padding: 6.8rem 0
}

.tatva-technology-stack-section h2 {
    margin-bottom: 20px;
    text-align: center
}

.tatva-technology-stack-section p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 825px;
    margin: 0 auto 30px;
    text-align: center
}

.tatva-service-process-section .container,
.tatva-technology-stack-section .container {
    max-width: 1390px
}

.tatva-service-landing-description .project-information-list,
.tatva-service-section .work-grid-wrapper .work-grid,
.tatva-technology-stack-section .technology-stack-grid {
    margin: 0 -1.5rem
}

.tatva-technology-stack-section .technology-stack-grid .grid-item,
.tatva-technology-stack-section .technology-stack-grid-new .grid-item {
    width: 33.33%;
    padding: 0 1.5rem;
    margin-bottom: 30px
}

.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner {
    background: #f8f8f8;
    padding: 2.8rem 3rem 1.8rem
}

.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner h3 {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 28px;
    color: #0b2e58;
    font-weight: 400
}

.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner h3 span {
    margin-right: 1.7rem;
    display: block
}

.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul {
    display: flex;
    justify-content: space-between;
    margin: 27px -10px 0;
    flex-wrap: wrap;
    box-sizing: border-box
}

.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul.has-full-width-list,
.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul.has-full-width-list {
    margin: 27px 0 0
}

.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul.has-full-width-list li,
.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul.has-full-width-list li {
    padding: 0 0 0 13px;
    max-width: 100%;
    flex: 0 0 100%;
    box-sizing: border-box
}

.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul.has-full-width-list li:before,
.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul.has-full-width-list li:before {
    left: 0
}

.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 10px 0 22px;
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    margin-bottom: 11px
}

.tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li:before {
    position: absolute;
    content: "";
    left: 10px;
    height: 4px;
    width: 4px;
    background: #156ba3;
    top: 8px
}

.tatva-winning-app-section {
    padding: 40px 0 0
}

.tatva-why-section .container,
.tatva-winning-app-section .container {
    max-width: 1391px
}

.tatva-winning-app-section .winning-app-wrapper .winning-app-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40px 80px;
    align-items: center
}

.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col {
    padding: 0 40px;
    box-sizing: border-box
}

.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.left-col {
    flex: 0 0 50.5%;
    max-width: 50.5%
}

.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.right-col {
    max-width: 49.5%;
    flex: 0 0 49.5%
}

.tatva-service-landing-page .tatva-service-section .work-grid-wrapper .work-grid .work-item:last-child,
.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col h2 {
    margin-bottom: 24px
}

.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 15px
}

.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col p+ul {
    margin-top: 15px
}

.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col ul li {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 3px;
    color: #333;
    padding-left: 20px;
    position: relative
}

.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col ul li:before {
    position: absolute;
    content: "";
    left: 1px;
    top: 13px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #156ba3
}

.tatva-winning-app-section .winning-app-wrapper .winning-app-inner.first-content-block .left-col {
    order: 2;
    max-width: 50%;
    flex: 0 0 50%;
    padding-left: 30px
}

.tatva-winning-app-section .winning-app-wrapper .winning-app-inner.first-content-block .right-col {
    order: 1;
    max-width: 50%;
    flex: 0 0 50%
}

.custom-application-development-wrapper .tatva-winning-app-section,
.enterprise-solution-wrapper .tatva-winning-app-section,
.outsourcing-inner-page .tatva-winning-app-section {
    padding: 65px 0 0
}

.tatva-hiring-models-section {
    padding: 0 0 8rem;
    overflow: hidden;
    position: relative
}

.tatva-hiring-models-section .tatva-title-block {
    margin-bottom: 28px
}

.tatva-hiring-models-section .tatva-title-block h2 {
    margin-bottom: 19px
}

.tatva-hiring-models-section .coffee-wrapper {
    position: absolute;
    content: "";
    width: 379px;
    height: 666px;
    right: -31px;
    bottom: -280px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1
}

@media(max-width:1680px) {
    .tatva-hiring-models-section .coffee-wrapper {
        width: 289px;
        height: 576px;
        right: -15px;
        bottom: -250px
    }
}

@media(max-width:1440px) {
    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner {
        margin: 0 -25px 50px
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col {
        padding: 0 20px
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.left-col,
    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.right-col {
        flex: 0 0 50%;
        max-width: 50%
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col h2 {
        margin-bottom: 20px
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner.first-content-block .left-col {
        padding-left: 20px
    }

    .tatva-hiring-models-section .coffee-wrapper {
        width: 239px;
        height: 506px;
        right: -15px;
        bottom: -210px
    }
}

.tatva-hiring-models-section .tab-outer-wrapper {
    position: relative;
    text-align: center
}

.tatva-hiring-models-section .tab-outer-wrapper:after {
    content: "";
    border-bottom: 2px solid #e1e1e1;
    bottom: -2px;
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

.tatva-hiring-models-section .data-tabs-outer {
    position: relative;
    display: inline-block;
    margin: 0 auto
}

.tatva-hiring-models-section .data-tabs-outer .bottom-border {
    position: absolute;
    bottom: -2px;
    height: 2px;
    transition: .5s cubic-bezier(.35, 0, .25, 1);
    background: #156ba3;
    left: 0;
    z-index: 2
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper ul.tatva-tabs {
    margin: 0 auto;
    position: relative;
    display: flex
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper ul.tatva-tabs li {
    display: inline-block;
    margin-bottom: 0;
    color: #333;
    font-size: 2.4rem;
    padding: 2rem 2.8rem 1.8rem;
    font-weight: 400;
    cursor: pointer
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper ul.tatva-tabs li.current {
    background: #f3f6fa;
    color: #156ba3;
    z-index: 2;
    position: relative
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content {
    padding: 3rem 0 0;
    display: none
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content.active h3 {
    color: #fff;
    border: none;
    background: #156ba3
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content.active h3:after {
    transform: translateY(-50%) rotate(180deg);
    background-image: url(../images/faq-right-arrow-white.svg)
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content:last-child h3 {
    border-bottom: none
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content h3 {
    display: none;
    margin-bottom: 0;
    padding: 15px 55px 15px 25px;
    cursor: pointer;
    font-size: 22px;
    font-weight: 400;
    color: #333;
    border-bottom: 1px solid #e1e1e1;
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    position: relative
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content h3:after {
    position: absolute;
    content: "";
    background-image: url(../images/faq-right-arrow.svg);
    width: 20px;
    height: 15px;
    background-size: 100%;
    background-repeat: no-repeat;
    right: 25px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    opacity: 1
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing {
    text-align: center;
    margin-bottom: 30px
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing li {
    display: inline-block;
    margin: 0 40px 0 0;
    padding-left: 28px;
    position: relative;
    color: #212121;
    font-size: 16px;
    font-weight: 600
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing li:before {
    position: absolute;
    content: "";
    background-image: url(../images/checked.svg);
    height: 20px;
    width: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    left: 0;
    top: 3px
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 13px
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col .tatva-inner-col {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 25px 27px;
    position: relative
}

.tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col .tatva-inner-col h4 {
    color: #0b2e58;
    font-size: 2.4rem;
    font-weight: 400;
    margin: 0 0 2.1rem
}

.ie .tatva-hiring-models-section .tab-outer-wrapper:after {
    bottom: 2px
}

.tatva-inner-page .tatva-inner-container {
    max-width: 117rem;
    padding: 0 1.5rem;
    margin: 0 auto
}

.tatva-inner-page .tatva-title-block {
    text-align: center;
    margin: 0 0 2.5rem
}

.tatva-inner-page .tatva-title-block h2 {
    margin: 0 0 1.5rem
}

.tatva-inner-page .tatva-title-block p {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 400
}

.tatva-inner-page .tatva-bullet-list {
    max-width: 100%;
    margin: 0;
    list-style: none
}

.tatva-inner-page .tatva-bullet-list li {
    color: #333;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.2rem;
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: 1.5rem;
    list-style: none;
    text-align: left
}

.tatva-inner-page .tatva-bullet-list li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    background-color: #156ba3;
    height: 5px;
    width: 5px;
    border-radius: 50%
}

.tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper {
    padding: 4.5rem 0 16.4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-right-block {
    max-width: 163px;
    flex: 0 0 163px
}

.tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-right-block .btn.yellow-btn {
    text-transform: uppercase;
    min-width: 135px;
    padding: 13px
}

.tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-left-block {
    max-width: calc(100% - 163px);
    flex: 0 0 calc(100% - 163px);
    padding-right: 2.5rem
}

.tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-left-block h2 {
    color: #fff;
    font-size: 3rem;
    margin: 0 0 1.5rem;
    line-height: 1.13;
    font-weight: 400
}

.tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-left-block p {
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.22;
    font-weight: 400
}

.tatva-inner-page .tatva-tools-technology-section {
    margin-top: -13.5rem;
    position: relative
}

.tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid {
    margin: 0 -1.5rem;
    display: flex
}

.tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 1.5rem
}

.tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner {
    background-color: #fff;
    padding: 1.9rem 0 3rem 2.9rem;
    overflow: hidden
}

.tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner h3 {
    color: #0b2e58;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.17;
    margin-bottom: 2rem;
    padding-right: 2.5rem
}

.tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner p {
    font-size: 1.6rem;
    line-height: 1.55;
    color: #333;
    font-weight: 400;
    padding-bottom: 2rem;
    margin-bottom: 0;
    padding-right: 3rem
}

.tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner .tatva-logo-grid {
    position: relative;
    padding-right: 25px
}

.tatva-faq-section {
    padding: 70px 0 35px;
    overflow: hidden
}

.tatva-faq-section .container {
    max-width: 1190px
}

.tatva-faq-section h2 {
    text-align: center;
    margin-bottom: 39px
}

.tatva-faq-section .faq-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.tatva-faq-section .faq-listing .faq-inner {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
    position: relative;
    border-top: 1px solid #eee
}

.tatva-faq-section .faq-listing .faq-inner:first-child {
    border-top: 0
}

.project-information-list.project-info-amendments .tatva-services-partner,
.tatva-faq-section .faq-listing .faq-inner:first-child .faq-title,
.testing-and-qa-service-wrapper .tatvasoft-development-case-study {
    padding-top: 0
}

.tatva-faq-section .faq-listing .faq-inner.active .faq-title {
    border-color: #eee
}

.tatva-faq-section .faq-listing .faq-inner.active .faq-title h3:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 33%
}

.tatva-faq-section .faq-listing .faq-inner .faq-title {
    margin-bottom: 0;
    cursor: pointer;
    transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    padding: 25px;
    border-bottom: 1px solid transparent
}

.tatva-faq-section .faq-listing .faq-inner .faq-title h3 {
    color: #0b2e58;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.35;
    position: relative;
    padding-right: 55px
}

.tatva-faq-section .faq-listing .faq-inner .faq-title h3:after {
    position: absolute;
    content: "";
    background-image: url(../images/faq-right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 10px;
    width: 19px;
    right: 0;
    background-size: 19px;
    transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail {
    display: none;
    padding: 20px 25px;
    position: relative;
    background-color: #f8f8f8
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail.has-different-space p:last-of-type {
    margin-bottom: 0 !important
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail:before {
    position: absolute;
    content: "";
    left: 0;
    background-color: #368dc5
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail.has-multiple-list p {
    margin-bottom: 20px !important
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail.has-multiple-list ul {
    padding-top: 0;
    margin-bottom: 20px
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail p {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 30px
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail p a {
    color: #156ba3;
    font-weight: 400;
    display: inline
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail ol li,
.tatva-faq-section .faq-listing .faq-inner .faq-detail ul li {
    font-size: 18px;
    line-height: 1.7;
    color: #333;
    position: relative;
    margin-bottom: 0
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail p a:hover {
    text-decoration: underline
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail ul {
    padding: 20px 0 0 40px;
    margin-bottom: 0
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail ol li ol,
.tatva-faq-section .faq-listing .faq-inner .faq-detail ol li ul,
.tatva-faq-section .faq-listing .faq-inner .faq-detail ul li ol,
.tatva-faq-section .faq-listing .faq-inner .faq-detail ul li ul {
    padding-bottom: 12px
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail ol li+li,
.tatva-faq-section .faq-listing .faq-inner .faq-detail ul li+li {
    margin-top: 8px
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail ul li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #156ba3
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail ol li strong,
.tatva-faq-section .faq-listing .faq-inner .faq-detail ul li strong {
    font-weight: 600
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail ol {
    list-style: decimal;
    padding: 20px 0 0 57px;
    margin-bottom: 0
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    margin: 2.5rem 0 .5rem
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table {
    width: 100%;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0);
    min-width: 109rem
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table td,
.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table th {
    border: 1px solid #e7e8ee;
    padding: 1rem
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table th {
    background: #156ba3;
    color: #fff;
    font-size: 1.8rem;
    text-align: left;
    font-weight: 600
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table td {
    font-size: 1.8rem;
    line-height: 1.78;
    color: #333
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table td p {
    line-height: 1.2;
    color: #333;
    margin-bottom: 1rem
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table td ul {
    padding-left: 8px !important
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table td ul li {
    line-height: 1.5 !important;
    margin-bottom: 5px !important;
    color: #000 !important
}

.tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table strong {
    font-weight: 600;
    color: #0b2e58
}

.tatva-service-process-section {
    padding: 68px 0 80px;
    background-color: #f8f8f8
}

.tatva-service-process-section .title-block {
    max-width: 1001px;
    margin: 0 auto 33px;
    text-align: center
}

.tatva-service-process-section .title-block p {
    font-size: 20px;
    line-height: 1.5
}

.ui-ux-design-services-wrapper .tatva-service-section {
    padding-bottom: 51px
}

.ui-ux-design-services-wrapper .tatvasoft-development-case-study {
    padding-top: 68px
}

.inner-services-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner,
.inner-technology-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner,
.no-touch .inner-services-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner,
.no-touch .inner-technology-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner,
.tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #e1e1e1
}

.dedicated-development-wrapper .why-dedicated-service-team .work-grid-wrapper .work-grid .work-item .work-item-inner p,
.no-touch .inner-services-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner p,
.no-touch .inner-technology-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner p,
.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item.no-hover:hover .work-item-inner p,
.no-touch .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .border-btn:hover,
.tatvasoft-inner-page-banner .banner-content-wrapper .banner-btn-wrapper .border-btn:hover,
.no-touch .offshore-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner p,
.why-dedicated-service-team .title-block p {
    color: #333
}

.process-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -23px -46px;
    justify-content: center
}

.process-wrapper .process-outer {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 23px;
    margin-bottom: 46px
}

.process-wrapper .process-outer .process-inner .heading-part {
    display: flex;
    align-items: center
}

.process-wrapper .process-outer .process-inner .heading-part span {
    display: inline-block;
    padding: 2px;
    border: 2px solid #5598ea;
    background-color: #f8f8f8;
    border-radius: 50%;
    position: relative
}

.process-wrapper .process-outer .process-inner .heading-part span:after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateY(-50%);
    top: 148px;
    width: 2px;
    height: 180px;
    background-color: #5598ea
}

.process-wrapper .process-outer .process-inner .heading-part span em {
    font-style: normal;
    font-size: 26px;
    line-height: 1.15;
    letter-spacing: -.65px;
    color: #fff;
    background-color: #5598ea;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.process-wrapper .process-outer .process-inner .heading-part span em:after {
    position: absolute;
    content: "";
    left: 43%;
    transform: translateY(-50%);
    top: 241px;
    width: 10px;
    height: 10px;
    background-color: #5598ea;
    border-radius: 50%
}

.process-wrapper .process-outer .process-inner .heading-part.green-box span {
    border-color: #64b02a
}

.process-wrapper .process-outer .process-inner .heading-part.green-box span em,
.process-wrapper .process-outer .process-inner .heading-part.green-box span em:after,
.process-wrapper .process-outer .process-inner .heading-part.green-box span:after {
    background-color: #64b02a
}

.process-wrapper .process-outer .process-inner .heading-part.darkgreen-box span {
    border-color: #65b02a
}

.process-wrapper .process-outer .process-inner .heading-part.darkgreen-box span em,
.process-wrapper .process-outer .process-inner .heading-part.darkgreen-box span em:after,
.process-wrapper .process-outer .process-inner .heading-part.darkgreen-box span:after {
    background-color: #65b02a
}

.process-wrapper .process-outer .process-inner .heading-part.purple-box span {
    border-color: #f282d9
}

.process-wrapper .process-outer .process-inner .heading-part.purple-box span em,
.process-wrapper .process-outer .process-inner .heading-part.purple-box span em:after,
.process-wrapper .process-outer .process-inner .heading-part.purple-box span:after {
    background-color: #f282d9
}

.process-wrapper .process-outer .process-inner .heading-part.orange-box span {
    border-color: #ff9300
}

.process-wrapper .process-outer .process-inner .heading-part.orange-box span em,
.process-wrapper .process-outer .process-inner .heading-part.orange-box span em:after,
.process-wrapper .process-outer .process-inner .heading-part.orange-box span:after {
    background-color: #ff9300
}

.process-wrapper .process-outer .process-inner .heading-part.lightorange-box span {
    border-color: #e67028
}

.process-wrapper .process-outer .process-inner .heading-part.lightorange-box span em,
.process-wrapper .process-outer .process-inner .heading-part.lightorange-box span em:after,
.process-wrapper .process-outer .process-inner .heading-part.lightorange-box span:after {
    background-color: #e67028
}

.process-wrapper .process-outer .process-inner .heading-part.blue-box span {
    border-color: #6360ce
}

.process-wrapper .process-outer .process-inner .heading-part.blue-box span em,
.process-wrapper .process-outer .process-inner .heading-part.blue-box span em:after,
.process-wrapper .process-outer .process-inner .heading-part.blue-box span:after {
    background-color: #6360ce
}

.process-wrapper .process-outer .process-inner .heading-part.light-green-box span {
    border-color: #c9b637
}

.process-wrapper .process-outer .process-inner .heading-part.light-green-box span em,
.process-wrapper .process-outer .process-inner .heading-part.light-green-box span em:after,
.process-wrapper .process-outer .process-inner .heading-part.light-green-box span:after {
    background-color: #c9b637
}

.process-wrapper .process-outer .process-inner .heading-part.violet-box span {
    border-color: #a64482
}

.process-wrapper .process-outer .process-inner .heading-part.violet-box span em,
.process-wrapper .process-outer .process-inner .heading-part.violet-box span em:after,
.process-wrapper .process-outer .process-inner .heading-part.violet-box span:after {
    background-color: #a64482
}

.process-wrapper .process-outer .process-inner .heading-part.lightviolet-box span {
    border-color: #8046a9
}

.process-wrapper .process-outer .process-inner .heading-part.lightviolet-box span em,
.process-wrapper .process-outer .process-inner .heading-part.lightviolet-box span em:after,
.process-wrapper .process-outer .process-inner .heading-part.lightviolet-box span:after {
    background-color: #8046a9
}

.process-wrapper .process-outer .process-inner .heading-part h3 {
    padding-left: 15px;
    font-size: 24px;
    font-weight: 400;
    /* text-transform: uppercase; */
    line-height: 1.16;
    color: #0b2e58
}

.process-wrapper .process-outer .process-inner p {
    line-height: 1.625;
    padding-left: 77px
}

@media(max-width:1359px) {
    .commn-slider-style .slick-arrow {
        height: 40px;
        width: 40px
    }

    .commn-slider-style .slick-arrow.slick-next,
    .commn-slider-style .slick-arrow.slick-prev {
        background-size: 18px
    }

    .commn-slider-style .slick-arrow.slick-prev {
        left: 0
    }

    .commn-slider-style .slick-arrow.slick-next {
        right: 0
    }

    .mobile-app-tech .tatva-global-presence-section {
        padding: 10px 0 0
    }

    .process-wrapper {
        margin: 0 -15px -30px
    }

    .process-wrapper .process-outer {
        padding: 0 15px;
        margin-bottom: 30px
    }

    .process-wrapper .process-outer .process-inner .heading-part span:after {
        top: 138px
    }

    .process-wrapper .process-outer .process-inner .heading-part span em {
        font-size: 22px;
        width: 42px;
        height: 42px
    }

    .process-wrapper .process-outer .process-inner .heading-part span em:after {
        top: 230px;
        left: 41%
    }

    .process-wrapper .process-outer .process-inner .heading-part h3 {
        font-size: 20px
    }

    .process-wrapper .process-outer .process-inner p {
        padding-left: 67px
    }
}

.about-value-section.why-react-native {
    padding-top: 47px
}

.about-value-section.why-react-native h2 {
    text-align: center;
    margin-bottom: 43px
}

.about-value-section.why-react-native .container {
    max-width: 1230px
}

.about-value-section.why-react-native .value-listing li {
    margin-bottom: 33px
}

.about-value-section.why-react-native .value-listing li .content-wrapper {
    height: 100%;
    margin-left: 32px;
    padding-bottom: 16px
}

.about-value-section.why-react-native .value-listing li .content-wrapper::before {
    left: -43px;
    height: 36px;
    width: 31px;
    background-size: 30px
}

.about-value-section.why-react-native .value-listing li h3 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 0
}

.about-value-section.why-react-native .value-listing li p {
    line-height: 1.6;
    margin-top: 17px
}

.inner-services-page .tatva-customer-section,
.inner-technology-page .tatva-customer-section {
    padding-bottom: 0
}

.ie .tatva-hiring-models-section .data-tabs-outer .bottom-border {
    bottom: -3px
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block {
        align-items: stretch
    }

    .tatvasoft-inner-page-banner .banner-content-wrapper .banner-btn-wrapper .border-btn,
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .border-btn {
        width: 186px
    }

    .tatvasoft-inner-page-banner {
        height: 1px
    }

    .contact-us-wrapper .tatvasoft-inner-page-banner {
        height: auto
    }
}

.custom-application-development-wrapper .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner p a,
.enterprise-solution-wrapper .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner p a {
    color: #156ba3 !important;
    text-decoration: underline
}

.tatva-service-landing .tatvasoft-development-case-study.dot-net-core-casestudy .inner-case-study-detail .inner-wrapper .content-block-wrapper {
    padding-bottom: 33.5%
}

@media(max-width:1800px) {
    .tatva-service-landing .tatvasoft-development-case-study.dot-net-core-casestudy .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 39%
    }
}

@media(max-width:1600px) {
    .tatva-service-landing .tatvasoft-development-case-study.dot-net-core-casestudy .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 43%
    }
}

@media(max-width:1366px) {
    .tatva-service-process-section {
        padding: 55px 0 60px
    }

    .ui-ux-design-services-wrapper .tatva-service-section {
        padding-bottom: 40px
    }

    .ui-ux-design-services-wrapper .tatvasoft-development-case-study {
        padding-top: 55px
    }

    .software-outsourcing-wrapper .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 {
        min-height: 59.2px
    }

    .tatva-service-landing .tatvasoft-development-case-study.dot-net-core-casestudy .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 47%
    }
}

@media(max-width:1280px) {
    .tatva-hiring-models-section .coffee-wrapper {
        width: 199px;
        height: 456px;
        right: -5px;
        bottom: -220px
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing {
        text-align: left;
        display: flex;
        flex-wrap: wrap
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing li {
        max-width: 50%;
        flex: 0 0 50%;
        margin: 0 0 5px
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing li:nth-child(odd) {
        padding-right: 40px
    }

    .tatva-faq-section {
        padding: 60px 0 25px
    }

    .tatva-service-landing .tatvasoft-development-case-study.dot-net-core-casestudy .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 50%
    }
}

@media(max-width:1199px) {

    .tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-left-block h2,
    .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .content-block h2 {
        font-size: 2.6rem
    }

    .tatva-app-dev-experience {
        padding: 5rem 0
    }

    .tatva-app-dev-experience .title-wrapper {
        margin-bottom: 2.5rem
    }

    .tatva-app-dev-experience .tatva-experience-wrapper h3 {
        font-size: 2.2rem
    }

    .tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper {
        padding: 2rem 2rem .3rem
    }

    .tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .experience-listing li {
        margin-bottom: 20px
    }

    .dedicated-development-wrapper .tatva-technology-stack-section,
    .it-outsourcing-compny-wrapper .tatva-technology-stack-section,
    .product-development-wrapper .tatva-technology-stack-section,
    .software-outsourcing-wrapper .tatva-technology-stack-section,
    .ui-ux-design-services-wrapper .tatva-technology-stack-section {
        padding: 0
    }

    .tatva-technology-stack-section {
        padding: 4.5rem 0 0
    }

    .about-value-section.why-react-native .value-listing li,
    .tatva-technology-stack-section p {
        margin-bottom: 25px
    }

    .tatva-technology-stack-section .technology-stack-grid {
        margin: 0 -1rem
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item {
        padding: 0 1rem;
        margin-bottom: 20px
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner {
        padding: 2rem 1.5rem 1rem
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner h3 {
        font-size: 2.2rem;
        line-height: 2.6rem
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul,
    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul.has-full-width-list {
        margin-top: 20px
    }

    .custom-application-development-wrapper .tatva-winning-app-section,
    .enterprise-solution-wrapper .tatva-winning-app-section,
    .outsourcing-inner-page .tatva-winning-app-section {
        padding: 40px 0 5px
    }

    .tatva-hiring-models-section {
        padding: 3rem 0 5rem
    }

    .tatva-inner-page .tatva-inner-container {
        padding: 0 2.5rem
    }

    .tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-right-block {
        max-width: 135px;
        flex: 0 0 135px
    }

    .tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-right-block .btn.yellow-btn {
        min-width: 100px;
        padding: 7px 15px
    }

    .tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-left-block {
        max-width: calc(100% - 135px);
        flex: 0 0 calc(100% - 135px)
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table td,
    .tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table th,
    .tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-left-block p {
        font-size: 1.6rem
    }

    .tatva-inner-page .tatva-tools-technology-section {
        margin-top: -12.8rem
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid {
        margin: 0 -.7rem
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item {
        padding: 0 .7rem
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner {
        padding: 1.9rem 0 2rem 2.5rem
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner h3 {
        font-size: 2.2rem;
        margin-bottom: 1.5rem
    }

    .tatva-faq-section {
        padding: 40px 0 0
    }

    .tatva-faq-section h2 {
        margin-bottom: 28px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-title {
        padding: 30px 25px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail ol li,
    .tatva-faq-section .faq-listing .faq-inner .faq-detail p,
    .tatva-faq-section .faq-listing .faq-inner .faq-detail ul li {
        font-size: 16px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail ol li+li,
    .tatva-faq-section .faq-listing .faq-inner .faq-detail ul li+li {
        margin-top: 5px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail ul li:before {
        top: 10px
    }

    .tatva-service-process-section {
        padding: 45px 0 50px
    }

    .ui-ux-design-services-wrapper .tatva-service-section {
        padding-bottom: 30px
    }

    .ui-ux-design-services-wrapper .tatvasoft-development-case-study {
        padding-top: 45px
    }

    .process-wrapper {
        margin: 0
    }

    .process-wrapper .process-outer {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 40px
    }

    .process-wrapper .process-outer .process-inner .heading-part span:after {
        top: 118px;
        height: 140px
    }

    .process-wrapper .process-outer .process-inner .heading-part span em:after {
        top: 190px
    }

    .about-value-section.why-react-native {
        padding-top: 0
    }

    .about-value-section.why-react-native .value-listing li .content-wrapper {
        margin-left: 3rem;
        padding-bottom: 1.5rem
    }

    .about-value-section.why-react-native .value-listing li .content-wrapper::before {
        width: 2.8rem;
        height: 2.7rem;
        background-size: 27px;
        left: -4rem
    }

    .about-value-section.why-react-native .value-listing li h3 {
        font-size: 22px
    }

    .software-outsourcing-wrapper .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 {
        min-height: 52.8px
    }

    .tatva-service-landing .tatvasoft-development-case-study.dot-net-core-casestudy .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 66%
    }
}

@media(max-width:1024px) {
    .tatva-hiring-models-section .tatva-hiring-tab-wrapper ul.tatva-tabs li {
        font-size: 2.2rem;
        padding: 1.7rem 3rem
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col .tatva-inner-col h4 {
        font-size: 2.2rem
    }

    .tatva-inner-page .tatva-title-block p {
        font-size: 18px
    }

    .tatva-service-process-section .title-block p {
        font-size: 18px;
        line-height: 1.8
    }

    .tatva-service-landing .tatvasoft-development-case-study.dot-net-core-casestudy .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 62%
    }

    .tatva-service-landing-description .project-information-list {
        margin: 0 -1rem
    }
}

.tatva-service-landing .tatvasoft-development-case-study.dot-net-core-casestudy .inner-case-study-detail .inner-wrapper.insurance-casestudy .image-block {
    background-position: center
}

.dedicated-development-wrapper .tatva-service-section {
    padding-bottom: 50px
}

.dedicated-development-wrapper .tatva-service-section .title-block p {
    max-width: 907px;
    margin: 0 auto;
    line-height: 1.45
}

.dedicated-development-wrapper .tatvasoft-development-case-study {
    padding-top: 70px
}

.dedicated-development-wrapper .why-dedicated-service-team {
    padding: 70px 0 50px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.dedicated-development-wrapper .why-dedicated-service-team h2 {
    margin-bottom: 30px !important;
    max-width: 93rem !important
}

.dedicated-development-wrapper .why-dedicated-service-team .work-grid-wrapper,
.inner-services-page .tatvasoft-inner-page-banner .banner-content-wrapper .container,
.tatva-service-section.has-description-and-inner-page.flexible-business-model .work-grid-wrapper {
    max-width: 119rem
}

.dedicated-development-wrapper .why-dedicated-service-team .work-grid-wrapper .work-grid .work-item .work-item-inner {
    border: 0 !important;
    background: #fff !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, .06)
}

.mobile-app-development-dallas .tatva-technology-stack-section {
    padding-top: 36px
}

.mobile-app-development-dallas .mobile-development-experience {
    background: #f8f8f8;
    padding: 60px 0 40px
}

.mobile-app-development-dallas .mobile-development-experience .title-block h2 {
    max-width: 920px
}

.tatva-service-landing-description,
.tatva-service-section {
    padding: 4rem 0 0
}

.tatva-service-section.why-choose-dotnet-section {
    padding: 0 0 8rem
}

.java-development-wrapper .tatva-service-section.why-choose-java-section {
    padding: 0 0 2rem
}

.tatva-service-landing-description .container {
    max-width: 1192px
}

.tatva-service-landing-description .inner-description {
    margin: 0 0 3.1rem
}

.tatva-service-landing-description p+p {
    margin: 3rem 0 0
}

@media(max-width:1023px) {
    .tatva-service-landing-description p+p {
        margin: 2rem 0 0
    }
}

.tatva-service-landing-page .tatva-service-section .title-block {
    margin-bottom: 29px
}

.tatva-service-landing-page .tatva-service-section .title-block p {
    max-width: 760px;
    margin: 0 auto;
    line-height: 1.6
}

.tatva-service-landing-page .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner em {
    margin: 0 0 .4rem
}

.tatva-service-landing-page .tatva-customer-section {
    padding-bottom: 0;
    padding-top: 36px
}

.inner-services-page .tatva-why-section,
.tatva-service-landing-page .tatva-why-section {
    padding-bottom: 68px
}

.inner-services-page .tatva-why-section:has(+ .tatva-customer-section) {
    padding-bottom: 0
}

.tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper {
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 1.2rem 2rem 1.5rem;
    background-color: rgba(0, 0, 0, .2);
    display: flex;
    align-items: center
}

.tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .small-text {
    display: block;
    font-size: 2rem;
    padding: 0 1rem 0 0;
    line-height: 1.2;
    font-weight: 600;
    border: none;
    text-transform: none
}

.tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper {
    position: relative;
    cursor: pointer
}

.tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper:hover .tooltip-content-wrapper {
    bottom: calc(100% + 14px);
    opacity: 1;
    z-index: 9
}

.tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper {
    position: absolute;
    transition: .3s;
    background-color: #fff;
    bottom: calc(100% + 30px);
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
    min-width: 43.8rem;
    padding: 1rem 1.5rem;
    z-index: -1
}

@media(max-width:1359px) {
    .tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper {
        min-width: 33.8rem
    }
}

@media(max-width:1279px) {
    .tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper {
        box-shadow: 0 0 15px rgba(0, 0, 0, .3)
    }
}

.tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper:after {
    content: "";
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    opacity: 1;
    bottom: -10px;
    transition: .3s
}

.tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper h3 {
    color: #333;
    font-size: 1.6rem;
    margin: 0 0 1rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0
}

.tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper p {
    font-size: 1.5rem;
    color: #333;
    line-height: 1.73;
    font-weight: 400
}

.tatva-service-landing-page .tatva-service-section.methodology-section {
    padding: 6.6rem 0 5rem;
    margin: 5rem 0 3rem
}

.tatva-service-landing-page .tatva-service-section.methodology-section .title-block p {
    max-width: 96rem
}

.no-touch .tatva-service-landing-page .tatva-service-section.methodology-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner h3,
.no-touch .tatva-service-landing-page .tatva-service-section.methodology-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner p,
.software-testing-wrapper.mobile-app-experience-wrapper .software-testing-block .software-testing-grid .software-testing-column .software-testing-inner-column h3 a {
    color: inherit
}

.white-title-wrapper h2 {
    color: #fff;
    letter-spacing: -.045rem;
    font-weight: 400;
    margin: 0 0 2.2rem
}

.white-title-wrapper p {
    color: #fff;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item,
.testing-and-qa-service-wrapper .tatva-technology-stack-section h2 {
    margin: 0 0 3rem
}

.testing-and-qa-service-wrapper .tatva-why-section .container .why-tatva-wrapper .why-tatva-block .why-tatva-inner h3 {
    font-size: 2.4rem
}

.testing-and-qa-service-wrapper .tatva-service-section.advantages-of-automated-testing,
.testing-and-qa-service-wrapper .tatva-service-section.flexible-business-model {
    padding: 6.6rem 0 5rem
}

.testing-and-qa-service-wrapper .tatva-service-section.advantages-of-automated-testing .work-grid-wrapper,
.testing-and-qa-service-wrapper .tatva-service-section.flexible-business-model .work-grid-wrapper {
    padding: 0 2.5rem
}

.testing-and-qa-service-wrapper .tatva-service-section .project-information-list {
    margin: 0 -1.5rem;
    padding: 0 0 8rem;
    border: none
}

.testing-and-qa-service-wrapper .tatva-service-section .work-grid-wrapper {
    padding: 6.6rem 2.5rem 5rem
}

.software-testing-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 6.6rem 0 8rem
}

.software-testing-wrapper.mobile-app-experience-wrapper .container {
    max-width: 1340px
}

.software-testing-wrapper .white-title-wrapper {
    text-align: center;
    margin: 0 0 3.3rem
}

.software-testing-wrapper .software-testing-block {
    background-color: #fff;
    padding: 4.7rem 5rem 4.3rem
}

.software-testing-wrapper .software-testing-block .software-testing-grid {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5rem
}

.software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col {
    margin: 0 -25px
}

.software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column {
    max-width: 33.33%;
    flex: 0 0 33.33%;
    padding: 0 25px
}

.software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column ul {
    display: flex;
    margin-bottom: 10px
}

.software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column ul li {
    font-size: 18px;
    line-height: 22px;
    color: #0b2e58;
    position: relative;
    margin: 0
}

.software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column ul li+li {
    padding-left: 12px;
    margin: 0 0 0 10px
}

.software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column ul li+li::before {
    height: 16px;
    width: 2px;
    border-left: 2px solid #0b2e58;
    top: 5px;
    left: 0;
    position: absolute;
    content: ""
}

.software-testing-wrapper .software-testing-block .software-testing-grid .software-testing-column {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 5rem
}

.software-testing-wrapper .software-testing-block .software-testing-grid .software-testing-column .software-testing-inner-column h3 {
    color: #0b2e58;
    font-size: 2.4rem;
    font-weight: 400;
    margin: 0 0 1.5rem
}

.software-testing-wrapper .software-testing-block .software-testing-grid .software-testing-column .software-testing-inner-column p {
    color: #333;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.57
}

.automated-test-section.tatva-app-dev-experience {
    padding: 6.6rem 0 8rem
}

.automated-test-section.tatva-app-dev-experience .white-title-wrapper {
    text-align: center;
    max-width: 97.5rem;
    margin: 0 auto 33px
}

.automated-test-section.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper {
    padding: 5rem 4.5rem 4.5rem
}

.automated-test-section.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .process-wrapper .process-outer .process-inner .heading-part,
.dedicated-development-wrapper .why-dedicated-service-team .work-grid,
.dot-net-development-wrapper .why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid {
    justify-content: center
}

.automated-test-section.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .process-wrapper .process-outer .process-inner .heading-part span:after {
    top: calc(100% + 10px);
    height: 20px
}

.automated-test-section.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .process-wrapper .process-outer .process-inner p {
    padding: 2rem 0 0;
    max-width: 21rem;
    margin: 0 auto;
    text-align: center
}

.tatva-service-section.has-description-and-inner-page.flexible-business-model {
    background-color: #f8f8f8
}

.no-touch .tatva-service-section.has-description-and-inner-page.flexible-business-model .work-grid-wrapper .work-grid .work-item:hover .work-item-inner {
    border: none;
    background-color: #fff
}

.tatva-service-section.has-description-and-inner-page.flexible-business-model .work-grid-wrapper .work-grid .work-item .work-item-inner {
    box-shadow: 0 0 20px rgba(0, 0, 0, .06);
    border: none;
    background-color: #fff
}

.dot-net-development-wrapper .why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item:last-child,
.dot-net-development-wrapper .why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item:nth-last-child(2),
.tatva-service-section .work-grid-wrapper .common-grid.two-column-grid .common-grid-item,
.tatva-service-section.has-description-and-inner-page.flexible-business-model .work-grid-wrapper .common-grid .common-grid-item,
.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item.half-width,
.tatva-why-section .why-tatva-wrapper.has-three-col .why-tatva-block.half-width {
    max-width: 50%;
    flex: 0 0 50%
}

.tatva-case-study-detail-inner-wrapper .tatva-project-solution-block ul ul {
    margin-bottom: 0;
    padding-top: 10px
}

.about-value-section {
    padding: 6.8rem 0 7.2rem;
    overflow: hidden
}

.about-value-section .container {
    max-width: 134rem
}

.about-value-section h2 {
    margin-bottom: 5.7rem
}

.about-value-section .value-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5rem
}

.about-value-section .value-listing li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 5rem;
    margin: 0 0 7.2rem;
    box-sizing: border-box
}

.tatvasoft-development-challenge-address+.new-tatva-technology-stack-section {
    padding-top: 1.1rem
}

@media(max-width:1366px) {
    .about-value-section {
        padding: 5.5rem 0 6rem
    }

    .about-value-section h2 {
        margin-bottom: 4.5rem
    }

    .about-value-section .value-listing li {
        margin: 0 0 5.5rem
    }
}

@media(max-width:1199px) {
    .dedicated-development-wrapper .tatva-service-section {
        padding-bottom: 20px
    }

    .dedicated-development-wrapper .tatvasoft-development-case-study {
        padding-top: 40px
    }

    .dedicated-development-wrapper .why-dedicated-service-team {
        padding: 40px 0 20px
    }

    .dedicated-development-wrapper .why-dedicated-service-team h2 {
        margin-bottom: 20px !important
    }

    .mobile-app-development-dallas .mobile-development-experience {
        padding: 50px 0
    }

    .tatva-service-landing-page .tatva-why-section {
        padding-bottom: 50px
    }

    .tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .small-text {
        font-size: 1.6rem
    }

    .tatva-service-landing-page .tatva-service-section.methodology-section {
        padding: 4.5rem 0 2rem;
        margin: 3rem 0 0
    }

    .testing-and-qa-service-wrapper .tatvasoft-development-case-study {
        padding: 3.8rem 0 0
    }

    .testing-and-qa-service-wrapper .tatva-technology-stack-section {
        padding: 0
    }

    .testing-and-qa-service-wrapper .tatva-service-section.advantages-of-automated-testing,
    .testing-and-qa-service-wrapper .tatva-service-section.flexible-business-model {
        padding: 3.8rem 0 2rem
    }

    .testing-and-qa-service-wrapper .tatva-service-section .project-information-list {
        padding: 0 0 5rem
    }

    .testing-and-qa-service-wrapper .tatva-service-section .work-grid-wrapper {
        padding: 3.8rem 2.5rem 1rem
    }

    .automated-test-section.tatva-app-dev-experience,
    .software-testing-wrapper {
        padding: 3.8rem 0 5rem
    }

    .software-testing-wrapper .software-testing-block {
        padding: 3.5rem 3rem
    }

    .about-value-section .value-listing,
    .software-testing-wrapper .software-testing-block .software-testing-grid {
        margin: 0 -3rem
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col {
        margin: 0 -20px
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column {
        padding: 0 20px
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column ul li+li {
        padding-left: 10px;
        margin: 0 0 0 8px
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid .software-testing-column {
        padding: 0 3rem
    }

    .about-value-section {
        padding: 4.5rem 0 5rem
    }

    .about-value-section h2 {
        margin-bottom: 3.5rem
    }

    .about-value-section .value-listing li {
        padding: 0 3rem;
        margin: 0 0 4.5rem
    }

    .inner-services-page .tatva-why-section:has(+.tatva-customer-section) {
        padding-bottom: 5rem
    }
}

@media(max-width:991px) {
    .tatva-technology-stack-section .technology-stack-grid .grid-item {
        width: 50%
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner {
        margin: 0 0 35px
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.left-col {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.left-col img {
        width: 100%
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content h3,
    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.left-col h2 {
        display: block
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.right-col {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        margin-top: 20px
    }

    .tatva-hiring-models-section .coffee-wrapper,
    .tatva-hiring-models-section .tab-outer-wrapper,
    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.right-col h2 {
        display: none
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner.first-content-block .left-col {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        order: 1
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner.first-content-block .right-col {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        order: 2
    }

    .custom-application-development-wrapper .tatva-winning-app-section,
    .enterprise-solution-wrapper .tatva-winning-app-section,
    .outsourcing-inner-page .tatva-winning-app-section {
        padding: 50px 0 5px
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content {
        transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        display: block;
        padding: 0;
        box-shadow: none;
        background: rgba(0, 0, 0, 0)
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content.active {
        box-shadow: 0 0 30px rgba(0, 0, 0, .05);
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .05)
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-tab-body-wrapper {
        display: none;
        padding: 25px;
        background: #fff
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper {
        margin: 0
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 25px
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col:last-child,
    .tatva-inner-page .tatva-bullet-list li:last-child {
        margin-bottom: 0
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col .tatva-inner-col {
        padding: 20px 25px 22px
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col .tatva-inner-col .tatva-inner-content {
        height: inherit !important
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col .tatva-inner-col h4 {
        margin-bottom: 15px
    }

    .tatva-inner-page .tatva-bullet-list li {
        margin-bottom: 10px
    }

    .tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper {
        flex-direction: column;
        text-align: center
    }

    .tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-right-block {
        max-width: 100%;
        flex: 0 0 100%
    }

    .tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-left-block {
        margin-bottom: 20px;
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 0
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner h3 {
        font-size: 2rem
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner p {
        font-size: 1.5rem
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-title {
        padding: 25px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-title h3 {
        font-size: 20px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-title h3:after {
        background-size: 18px;
        width: 18px;
        height: 10px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail p {
        margin-bottom: 25px
    }

    .about-value-section.why-react-native .value-listing li .content-wrapper::before {
        top: 3px;
        width: 2.5rem;
        height: 2.4rem;
        background-size: 24px
    }

    .software-outsourcing-wrapper .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3.mobile-height-inherit {
        min-height: inherit
    }

    .tatva-service-landing .tatvasoft-development-case-study.dot-net-core-casestudy .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding: 30px 25px 60px
    }

    .tatva-service-landing-page .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn-inner a {
        font-size: 18px
    }

    .testing-and-qa-service-wrapper .tatva-service-section.advantages-of-automated-testing {
        padding: 3.8rem 0 5rem
    }

    .testing-and-qa-service-wrapper .tatva-service-section.flexible-business-model {
        padding: 3.8rem 0 2.5rem
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col {
        margin: 0 -20px -30px
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column {
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 30px
    }

    .about-value-section h2 {
        margin-bottom: 3rem
    }

    .about-value-section .value-listing {
        margin: 0 -2rem
    }

    .about-value-section .value-listing li {
        padding: 0 2rem;
        margin: 0 0 3.5rem
    }

    .inner-services-page .tatva-why-section:has(+.tatva-customer-section) {
        padding-bottom: 2rem
    }
}

.about-value-section .value-listing li .content-wrapper {
    position: relative;
    margin-left: 6.3rem
}

.about-value-section .value-listing li .content-wrapper:before {
    position: absolute;
    content: "";
    left: -6.3rem;
    top: 0;
    background-image: url(../images/circle-checked-blue.svg);
    width: 3.7rem;
    height: 3.6rem;
    background-repeat: no-repeat;
    background-size: 36px
}

.about-value-section .value-listing li:nth-last-of-type(-n+2) .content-wrapper {
    padding-bottom: 0;
    border-bottom: 0
}

.about-value-section .value-listing li h3 {
    font-size: 3.4rem;
    line-height: 1.11;
    color: #0b2e58;
    font-weight: 400;
    letter-spacing: -.034rem;
    margin-bottom: 2.4rem
}

@media(max-width:1366px) {
    .about-value-section .value-listing li .content-wrapper {
        margin-left: 5rem
    }

    .about-value-section .value-listing li .content-wrapper:before {
        top: 5px;
        width: 3.2rem;
        height: 3.1rem;
        background-size: 32px;
        left: -5rem
    }

    .about-value-section .value-listing li h3 {
        font-size: 3.2rem;
        margin-bottom: 2rem
    }
}

.about-value-section .value-listing li p {
    font-size: 1.6rem;
    line-height: 1.6
}

.tatvasoft-development-case-study {
    padding: 3rem 0 0;
    text-align: center
}

@media(max-width:1199px) {
    .about-value-section .value-listing li .content-wrapper {
        margin-left: 4rem
    }

    .about-value-section .value-listing li .content-wrapper:before {
        width: 2.8rem;
        height: 2.7rem;
        background-size: 27px;
        left: -4rem
    }

    .about-value-section .value-listing li h3 {
        font-size: 2.8rem
    }

    .tatvasoft-development-case-study {
        padding: 1.5rem 0 0
    }
}

.tatvasoft-development-case-study h2 {
    font-weight: 400;
    margin: 0 0 2rem;
    letter-spacing: -.4px
}

.tatvasoft-development-case-study p {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    max-width: 825px;
    margin: 0 auto
}

@media(max-width:1024px) {
    .white-title-wrapper h2 {
        margin: 0 0 1.5rem
    }

    .white-title-wrapper p {
        font-size: 1.8rem
    }

    .testing-and-qa-service-wrapper .tatva-service-section .project-information-list {
        margin: 0 -1rem
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid .software-testing-column .software-testing-inner-column h3 {
        margin: 0 0 2rem
    }

    .tatvasoft-development-case-study p {
        font-size: 1.8rem;
        line-height: 1.8
    }
}

.tatvasoft-development-case-study .inner-case-study-detail {
    margin-top: 3.2rem;
    position: relative
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper {
    display: flex
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .image-block {
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    max-width: 59.4%;
    flex: 0 0 59.4%;
    position: relative
}

.new-tatva-technology-stack-section:has(+ .tatva-customer-section) {
    padding-bottom: 0
}

.tatva-app-dev-experience+.new-tatva-technology-stack-section {
    padding-top: 5rem
}

.new-tatva-technology-stack-section:has(+ .tatva-service-section.methodology-section) {
    padding-bottom: 20px
}

.new-tatva-technology-stack-section:has(+ .custom-software-type-offer-section) {
    padding-bottom: 0
}

.new-tatva-technology-stack-section+.tatva-customer-section {
    padding-top: 4.8rem
}

.new-tatva-technology-stack-section+.software-outsourcing-process-section,
.p-t-0,
.react-development-service-wrapper .why-choose-grid-section {
    padding-top: 0 !important
}

.new-tatva-technology-stack-section:has(+ .tatva-why-section) {
    padding-bottom: 0
}

@media(max-width:767px) {
    .tatva-app-dev-experience+.new-tatva-technology-stack-section {
        padding-top: 4rem
    }

    .mobile-app-development-dallas .new-tatva-technology-stack-section {
        padding: 2.4rem 0
    }

    .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .content-block {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0
    }

    .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .content-block h2 {
        text-align: center;
        padding-left: 0;
        margin-bottom: 0;
        max-width: 100%
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail:before,
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .image-block.desktop-image-block,
    .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .content-block h2:before {
        display: none
    }

    .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block {
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 20px;
        text-align: center;
        padding: 0
    }

    .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn-inner {
        margin-top: 0;
        justify-content: center
    }

    .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn-inner span {
        margin-left: 15px
    }

    .tatva-app-dev-experience {
        padding: 4rem 0
    }

    .tatva-app-dev-experience .title-wrapper h2 {
        margin-bottom: 1.5rem
    }

    .tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper p,
    .tatva-app-dev-experience .title-wrapper p,
    .tatvasoft-development-case-study p {
        font-size: 1.6rem;
        line-height: 1.6;
        max-width: 100%
    }

    .tatva-app-dev-experience .tatva-experience-wrapper h3 {
        font-size: 2rem;
        padding: 15px
    }

    .tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper,
    .tatva-faq-section .faq-listing .faq-inner .faq-title,
    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col .tatva-inner-col,
    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-tab-body-wrapper {
        padding: 20px 15px
    }

    .tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .experience-listing li {
        margin-bottom: 15px;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 1.5rem 0 3rem
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid .software-testing-column:last-child,
    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column:last-child,
    .tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper .experience-listing li:last-child,
    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item:last-child {
        margin-bottom: 0
    }

    .tatva-technology-stack-section {
        padding: 3.5rem 0 0
    }

    .tatva-faq-section h2,
    .tatva-technology-stack-section p {
        margin-bottom: 20px
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner h3 {
        font-size: 2rem;
        line-height: 2.4rem
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner h3 span {
        margin-right: 12px;
        width: 50px
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner h3 span img {
        max-height: 40px;
        width: 40px
    }

    .tatva-winning-app-section {
        padding: 20px 0 5px
    }

    .tatva-inner-page .tatva-title-block p,
    .tatva-service-landing-description p,
    .tatva-service-process-section .title-block p,
    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col p {
        font-size: 16px;
        line-height: 1.6
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col ul {
        padding-left: 0
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col ul li {
        font-size: 16px
    }

    .tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col ul li:before {
        top: 11px
    }

    .custom-application-development-wrapper .tatva-winning-app-section,
    .enterprise-solution-wrapper .tatva-winning-app-section,
    .outsourcing-inner-page .tatva-winning-app-section {
        padding: 20px 0 0
    }

    .tatva-hiring-models-section {
        padding: 2rem 0 4rem
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content h3 {
        font-size: 20px;
        padding: 15px 45px 15px 15px
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content h3:after {
        right: 15px
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing li {
        max-width: 100%;
        flex: 0 0 100%
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing li:nth-child(odd) {
        padding-right: 0
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .tatva-hiring-col-wrapper .tatva-hiring-col .tatva-inner-col h4 {
        font-size: 2rem
    }

    .tatva-inner-page .tatva-inner-container,
    .testing-and-qa-service-wrapper .tatva-service-section.advantages-of-automated-testing .work-grid-wrapper,
    .testing-and-qa-service-wrapper .tatva-service-section.flexible-business-model .work-grid-wrapper {
        padding: 0 1.5rem
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail ol li ol,
    .tatva-faq-section .faq-listing .faq-inner .faq-detail ol li ul,
    .tatva-faq-section .faq-listing .faq-inner .faq-detail ul li ol,
    .tatva-faq-section .faq-listing .faq-inner .faq-detail ul li ul,
    .tatva-inner-page .tatva-cta-block.has-bottom-spacing {
        padding-bottom: 10px
    }

    .tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper {
        padding: 4.5rem 0 8.5rem
    }

    .tatva-inner-page .tatva-tools-technology-section {
        margin-top: -6rem
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid {
        flex-wrap: wrap;
        max-width: 47rem;
        margin: 0 auto
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item {
        padding: 0;
        margin: 1.2rem 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner {
        padding: 2.5rem 0 2.5rem 1.5rem;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
        box-shadow: 0 0 30px rgba(0, 0, 0, .08)
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner .tatva-tools-technology-content {
        height: inherit !important
    }

    .tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner .tatva-logo-grid img {
        width: 100%
    }

    .tatva-faq-section {
        padding: 35px 0 0
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-title h3 {
        height: inherit !important;
        font-size: 18px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-title h3:after {
        background-size: 16px;
        width: 16px;
        height: 9px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail {
        padding: 12px 15px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail p {
        font-size: 15px;
        margin-bottom: 20px;
        padding-left: 0
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail ul {
        padding: 15px 0 0
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail ol li,
    .tatva-faq-section .faq-listing .faq-inner .faq-detail ul li {
        font-size: 15px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail ol {
        padding: 15px 0 0 17px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table td,
    .tatva-faq-section .faq-listing .faq-inner .faq-detail .table-responsive table th {
        font-size: 1.5rem
    }

    .tatva-service-process-section {
        padding: 35px 0 40px
    }

    .tatva-service-process-section .title-block h2 {
        margin-bottom: 15px
    }

    .dedicated-development-wrapper .tatvasoft-development-case-study,
    .ui-ux-design-services-wrapper .tatvasoft-development-case-study {
        padding-top: 35px
    }

    .about-value-section.why-react-native .value-listing li .content-wrapper {
        margin-left: 4rem
    }

    .about-value-section.why-react-native .value-listing li h3 {
        font-size: 20px;
        height: auto !important
    }

    .about-value-section.why-react-native .value-listing li p {
        margin-top: 15px
    }

    .dedicated-development-wrapper .tatva-service-section {
        padding-bottom: 16px
    }

    .dedicated-development-wrapper .tatva-service-section .title-block p {
        line-height: 1.6;
        max-width: 100%
    }

    .dedicated-development-wrapper .why-dedicated-service-team {
        padding: 35px 0 16px
    }

    .dedicated-development-wrapper .why-dedicated-service-team h2 {
        margin-bottom: 15px !important
    }

    .mobile-app-development-dallas .mobile-development-experience {
        padding: 30px 0
    }

    .tatva-service-landing-description {
        padding: 4rem 0 .5rem
    }

    .tatva-service-landing-description .project-information-list {
        margin: 0;
        padding-bottom: 0
    }

    .tatva-service-landing-description p+p {
        margin: 1.5rem 0 0
    }

    .tatva-service-landing-page .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .btn-block .btn-inner a {
        font-size: 20px
    }

    .tatva-service-landing-page .tatva-customer-section {
        padding-top: 20px
    }

    .tatva-service-landing-page .tatva-why-section {
        padding-bottom: 20px
    }

    .tatva-service-landing-page .tatva-service-section.methodology-section {
        padding: 3.5rem 0 1.6rem;
        margin: 2rem 0 0
    }

    .white-title-wrapper p {
        line-height: 1.6;
        font-size: 1.6rem
    }

    .testing-and-qa-service-wrapper .tatvasoft-development-case-study {
        padding: 3.1rem 0 0
    }

    .automated-test-section.tatva-app-dev-experience,
    .software-testing-wrapper,
    .testing-and-qa-service-wrapper .tatva-service-section.advantages-of-automated-testing {
        padding: 3.1rem 0 4rem
    }

    .testing-and-qa-service-wrapper .tatva-service-section.flexible-business-model {
        padding: 3.1rem 0 1.6rem
    }

    .testing-and-qa-service-wrapper .tatva-service-section .project-information-list {
        padding: 0 0 2.5rem
    }

    .testing-and-qa-service-wrapper .tatva-service-section .work-grid-wrapper {
        padding: 3.1rem 1.5rem 0
    }

    .software-testing-wrapper .software-testing-block {
        padding: 2.5rem
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid,
    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col {
        margin: 0 -2.5rem
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid .software-testing-column,
    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column {
        padding: 0 2.5rem;
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 2.5rem
    }

    .automated-test-section.tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper {
        padding: 3rem 1.5rem 2.5rem
    }

    .about-value-section {
        padding: 3.5rem 0 4rem
    }

    .about-value-section .value-listing,
    .about-value-section .value-listing li:last-child {
        margin: 0
    }

    .about-value-section .value-listing li {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .about-value-section .value-listing li:nth-last-of-type(-n+2) {
        margin: 0 0 3.5rem
    }

    .about-value-section .value-listing li:last-child .content-wrapper {
        padding-bottom: 0;
        border-bottom: 0
    }

    .tatvasoft-development-case-study h2 {
        margin: 0 0 1.5rem
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .image-block.mobile-image-block {
        display: block
    }
}

@media(max-width:1440px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .image-block {
        max-width: 55%;
        flex: 0 0 55%
    }
}

@media(max-width:991px) {
    .about-value-section .value-listing li .content-wrapper:before {
        top: 3px;
        width: 2.5rem;
        height: 2.4rem;
        background-size: 24px
    }

    .about-value-section .value-listing li h3 {
        margin-bottom: 1.5rem;
        font-size: 2.4rem
    }

    .about-value-section .value-listing li p {
        height: inherit !important
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-case-study-detail-block-wrapper.has-one-slide .inner-wrapper .content-block-wrapper {
        padding-bottom: 35px
    }

    .tatvasoft-development-case-study .inner-case-study-detail {
        margin-top: 2rem
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper {
        flex-wrap: wrap
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .image-block {
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 40%;
        background-position: center
    }
}

@media(max-width:575px) {
    .mobile-app-development-dallas .new-tatva-technology-stack-section {
        padding: 0 0 2.4rem
    }

    .tatva-inner-page .tatva-cta-block .tatva-cta-block-title-block .tatva-cta-block-title-wrapper .tatva-cta-block-title-left-block h2 {
        font-size: 2.4rem
    }

    .dedicated-development-wrapper .tatva-service-section,
    .dedicated-development-wrapper .why-dedicated-service-team,
    .ui-ux-design-services-wrapper .tatva-service-section {
        padding-bottom: 40px
    }

    .process-wrapper .process-outer {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
        padding: 0
    }

    .process-wrapper .process-outer:nth-last-of-type(-n+2) {
        margin-bottom: 30px
    }

    .process-wrapper .process-outer:last-child,
    .tatva-service-landing-page .tatva-service-section .work-grid-wrapper .work-grid .work-item:last-child {
        margin-bottom: 0
    }

    .process-wrapper .process-outer .process-inner .heading-part span:after {
        top: 93px;
        height: 90px
    }

    .process-wrapper .process-outer .process-inner .heading-part span em:after {
        top: 141px
    }

    .software-outsourcing-wrapper .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 {
        min-height: inherit
    }

    .mobile-app-development-dallas .tatva-technology-stack-section {
        padding-top: 0;
        padding-bottom: 20px
    }

    .tatva-service-landing-page .tatva-service-section.methodology-section {
        padding: 3.5rem 0 4rem
    }

    .testing-and-qa-service-wrapper .tatva-service-section.flexible-business-model {
        padding: 3.1rem 0 4rem
    }

    .tatva-service-section.has-description-and-inner-page.flexible-business-model .work-grid-wrapper .common-grid .common-grid-item {
        max-width: 100%;
        flex: 0 0 100%
    }

    .tatvasoft-development-case-study {
        padding-top: 0
    }

    .ios-development-wrapper .tatvasoft-development-case-study {
        padding-top: 35px
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .image-block {
        padding-bottom: 50%
    }
}

@media(max-width:374px) {
    h1 {
        font-size: 2.6rem
    }

    .cookie-bar {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }

    .cookie-bar .cookie-bar-inner p {
        text-align: center
    }

    .cookie-bar .cookie-bar-inner p #cookie-button {
        position: relative;
        bottom: auto;
        right: auto;
        margin: 8px auto 0;
        display: block;
        width: 70px
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner {
        margin: 0
    }

    .footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .add-box {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper {
        min-width: 28.8rem
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column ul {
        flex-direction: column
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column ul li+li {
        padding-left: 0;
        margin: 5px 0 0
    }

    .software-testing-wrapper .software-testing-block .software-testing-grid.has-three-col .software-testing-column ul li+li:before {
        display: none
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .image-block {
        padding-bottom: 80%
    }
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper {
    max-width: 40.6%;
    flex: 0 0 40.6%;
    position: relative;
    padding-bottom: 31.3%;
    min-height: 400px
}

@media(max-width:1600px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 35%
    }
}

@media(max-width:1440px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        max-width: 45%;
        flex: 0 0 45%;
        padding-bottom: 39%
    }
}

@media(max-width:1359px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 40%
    }
}

@media(max-width:1280px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 43%
    }
}

@media(max-width:1199px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 55%
    }

    .new-tatva-technology-stack-section:has(+ .custom-software-type-offer-section) {
        padding-bottom: 1rem
    }

    .new-tatva-technology-stack-section:has(+ .software-outsourcing-process-section) {
        padding-bottom: 5rem
    }
}

@media(max-width:1024px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding-bottom: 54%
    }
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block {
    padding: 0 0 0 6rem;
    max-width: 560px;
    margin-right: auto;
    color: #fff;
    text-align: left;
    position: absolute;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

@media(max-width:1600px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block {
        padding-right: 25px
    }
}

@media(max-width:1440px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block {
        padding-left: 50px
    }
}

@media(max-width:1359px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block {
        padding: 0 35px 0 50px
    }
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block h3 {
    font-weight: 400;
    color: #fff;
    font-size: 3.8rem;
    line-height: 4.2rem;
    text-align: left;
    margin: 0
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block p {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.85;
    margin: 0 0 3.6rem;
    text-align: left;
    font-weight: 400;
    max-width: 100%
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .border-btn,
.tatvasoft-inner-page-banner .banner-content-wrapper .banner-btn-wrapper .border-btn {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.8rem;
    letter-spacing: .07rem;
    padding: 1.2rem 2.5rem;
    height: 4.6rem;
    min-height: 46px;
    position: relative;
    border: 2px solid #fff;
    box-sizing: border-box;
    border-radius: .2rem
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .border-btn::before,
.tatvasoft-inner-page-banner .banner-content-wrapper .banner-btn-wrapper .border-btn:before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
    right: 100%;
    top: 0;
    left: auto;
    box-sizing: border-box
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .related-category {
    display: flex;
    margin: 3.1rem 0 2.3rem
}

@media(max-width:1199px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block {
        padding: 6rem 3.5rem 6rem 4rem
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block p {
        margin: 0 0 2.5rem
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .related-category {
        margin: 2.5rem 0 2rem
    }
}

@media(max-width:991px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 30px 25px 60px;
        min-height: inherit
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block {
        padding: 0;
        max-width: 100%;
        position: relative;
        top: 0;
        transform: none;
        display: block;
        text-align: center
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block h3,
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block p {
        text-align: center
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block p {
        margin: 0 0 2rem
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .related-category {
        justify-content: center;
        margin: 1.5rem 0
    }

    .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item {
        margin-bottom: 24px
    }
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .related-category li {
    padding: .3rem 1rem;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.9rem;
    border: 1px solid #fff;
    margin: 0
}

.tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .related-category li+li {
    margin: 0 0 0 1.1rem
}

@media(max-width:480px) {
    .footer-upper-part .footer-upper-content-wrapper h2 {
        font-size: 2.4rem;
        margin-bottom: 5px
    }

    .footer-upper-part .footer-upper-content-wrapper p {
        font-size: 1.4rem
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing {
        margin-bottom: 15px
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing li {
        font-size: 14px;
        padding-left: 24px
    }

    .tatva-hiring-models-section .tatva-hiring-tab-wrapper .tatva-tab-content .check-listing li:before {
        height: 15px;
        width: 15px;
        background-size: 15px;
        top: 5px
    }

    .tatva-inner-page .tatva-bullet-list {
        padding-right: 0
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .related-category {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .related-category li {
        margin: 0 0 10px
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block .related-category li+li {
        margin: 0 0 10px 10px
    }
}

.custom-application-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.custom-software-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.custom-software-landing-casestudy-wrapper .casestudy-inner.bg-one,
.energy-utilities-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.enterprise-solution-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.node-js-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.node-landing-casestudy-wrapper .casestudy-inner.bg-one,
.react-development-service-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.web-app-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #24546b
}

.banking-finance-insurance-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.custom-application-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.custom-software-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.custom-software-landing-casestudy-wrapper .casestudy-inner.bg-two {
    background-color: #3e494e
}

.custom-application-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.custom-software-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.custom-software-landing-casestudy-wrapper .casestudy-inner.bg-three,
.travel-hospitality-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #2a5663
}

.banking-finance-insurance-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.biztalk-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.dot-net-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.dotnet-landing-casestudy-wrapper .casestudy-inner.bg-two,
.enterprise-solution-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.tatva-service-landing .csharp-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.web-app-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #223848
}

.biztalk-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.dedicated-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.dot-net-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.dotnet-landing-casestudy-wrapper .casestudy-inner.bg-three,
.enterprise-solution-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.shipping-transportation-logistics-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.tatva-service-landing .csharp-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #246969
}

.angular-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.biztalk-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.custom-software-development-wrapper.updated-landing-page .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.dot-net-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.dotnet-landing-casestudy-wrapper .casestudy-inner.bg-one,
.tatva-service-landing .csharp-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.web-app-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #5d3339
}

.ecommerce-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.php-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.retail-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #57655b
}

.ecommerce-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.product-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.retail-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #823b34
}

.ecommerce-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.retail-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #333d4a
}

.android-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.cloud-devops-page.custom-software-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.custom-software-development-wrapper.updated-landing-page .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.energy-utilities-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.flutter-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.ios-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.mobile-app-development-dallas .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.mobile-app-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.node-js-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.node-landing-casestudy-wrapper .casestudy-inner.bg-two,
.react-development-service-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.react-native-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.xamarin-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #497739
}

.android-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.flutter-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.healthcare-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.ios-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.mobile-app-development-dallas .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.mobile-app-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.react-native-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.ror-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #093d80
}

.mobile-app-development-dallas .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.mobile-app-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #5a4c4b
}

.dedicated-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.energy-utilities-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #212758
}

.dedicated-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.healthcare-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.php-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #0a3f65
}

.product-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.vue-js-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #253d58
}

.product-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.xamarin-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #584a67
}

.java-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.react-development-service-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #383640
}

.ror-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #1b404b
}

.node-js-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.node-landing-casestudy-wrapper .casestudy-inner.bg-three {
    background-color: #af5143
}

.healthcare-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.sharepoint-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.sharepoint-landing-casestudy-wrapper .casestudy-inner.bg-one {
    background-color: #164469
}

.sharepoint-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.sharepoint-landing-casestudy-wrapper .casestudy-inner.bg-two {
    background-color: #583a25
}

.sharepoint-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.sharepoint-landing-casestudy-wrapper .casestudy-inner.bg-three,
.travel-hospitality-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #844b30
}

.android-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.flutter-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.ios-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.media-entertainment-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.react-native-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.xamarin-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #355a7b
}

.java-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #a0462f
}

.angular-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.banking-finance-insurance-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.java-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #5f5d58
}

.education-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.php-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #753130
}

.angular-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.media-entertainment-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #6f5c54
}

.vue-js-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #955114
}

.education-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #1e3b46
}

.cloud-devops-page.custom-software-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.education-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #a2681b
}

.media-entertainment-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #0f2663
}

.oil-gas-mining-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #b5763d
}

.oil-gas-mining-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #715035
}

.oil-gas-mining-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #3a566f
}

.public-sector-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #a53323
}

.dot-net-core-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two,
.dotnet-core-landing-casestudy-wrapper .casestudy-inner.bg-two,
.public-sector-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #926d43
}

.public-sector-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #3e404c
}

.shipping-transportation-logistics-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #745344
}

.shipping-transportation-logistics-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #ad5029
}

.travel-hospitality-software-solutions-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #805627
}

.dot-net-core-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one,
.dotnet-core-landing-casestudy-wrapper .casestudy-inner.bg-one {
    background-color: #9e3f3d
}

.dot-net-core-development-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three,
.dotnet-core-landing-casestudy-wrapper .casestudy-inner.bg-three {
    background-color: #43476a
}

.testing-and-qa-service-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-one {
    background-color: #938d50
}

.testing-and-qa-service-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-two {
    background-color: #316489
}

.testing-and-qa-service-wrapper .tatvasoft-development-case-study .inner-case-study-detail-block.bg-three {
    background-color: #7b6349
}

.tatva-service-landing-page .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-wrapper .work-item-inner,
.tatva-service-section.tatva-home-service .work-grid-wrapper .work-grid .work-item .work-item-wrapper .work-item-inner {
    padding-top: 2.5rem;
    padding-bottom: 5rem
}

.tatva-service-section.tatva-home-service .work-grid-wrapper .work-grid .work-item .work-item-wrapper .work-item-inner h3 {
    text-transform: uppercase
}

.tatva-service-section.has-description-and-inner-page .inner-decription {
    margin-bottom: 3.1rem
}

.tatva-service-section.has-description-and-inner-page .inner-decription h3 {
    margin: 0 0 2.2rem;
    font-weight: 400;
    color: #0b2e58
}

.tatva-service-section.has-description-and-inner-page .inner-decription p {
    font-size: 1.8rem;
    margin: 0 0 2.2rem;
    line-height: 1.8
}

.tatva-service-section.has-description-and-inner-page .work-grid-wrapper.has-arrow-link .work-grid .work-item .work-item-wrapper .work-item-inner {
    padding-bottom: 6.5rem
}

.no-touch .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner {
    border-color: transparent
}

.no-touch .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner p a {
    color: #fff;
    text-decoration: underline
}

.tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner p a {
    color: #156ba3;
    transition: .6s;
    -o-transition: .6s;
    -ms-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s
}

.tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner em img {
    height: 52px;
    width: auto
}

.tatva-service-section .work-grid-content-wrapper {
    margin: 0 0 5rem
}

.tatva-service-section .work-grid-content-wrapper p {
    max-width: 114rem;
    text-align: center;
    margin: 0 auto
}

.tatva-service-section .work-grid-wrapper {
    max-width: 139rem;
    margin: 0 auto;
    padding: 0 2.5rem;
    position: relative
}

.tatva-service-section .work-grid-wrapper .common-grid {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -1.5rem
}

.home-tatva-blog-section .home-tatva-blog-grid .blog-grid-item .blog-grid-item-inner,
.project-information-list.project-info-amendments .tatva-services-partner,
.project-information-list.project-info-amendments>li.has-inner-img-list .inner-list,
.tatva-service-section .work-grid-wrapper .common-grid .work-item-wrapper {
    height: 100%
}

.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item {
    max-width: 33.33%;
    flex: 0 0 33.33%;
    padding: 0 1.5rem
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item.no-hover em .default-image {
    opacity: 1 !important
}

.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item.no-hover:hover .work-item-inner {
    background-color: #f7f8f8;
    border-bottom-color: #ccc
}

.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner {
    background-color: #156ba3;
    border-bottom-color: #156ba3
}

.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner .arrow-link {
    border-color: #156ba3;
    background-color: #156ba3
}

.no-touch .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner .arrow-link svg {
    fill: #fff
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item a {
    display: block;
    height: 100%;
    transition: .6s;
    -o-transition: .6s;
    -ms-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item a.arrow-link {
    display: inline-block;
    height: 5.4rem;
    width: 5.4rem;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
    transition: .6s;
    -o-transition: .6s;
    -ms-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item a.arrow-link em {
    min-height: inherit;
    margin-bottom: 0 !important;
    line-height: 0
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item a.arrow-link em img {
    width: 2.6rem;
    height: auto
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner {
    background-color: #f7f8f8;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 3.5rem 2.9rem 3.4rem;
    transition: .6s;
    -o-transition: .6s;
    -ms-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    position: relative;
    height: 100%
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner .grid-content-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 {
    margin: 0;
    color: #0b2e58;
    font-size: 2.4rem;
    line-height: 1.35;
    font-weight: 400
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 a {
    color: inherit;
    height: auto !important
}

@media(max-width:1366px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block h3 {
        font-size: 3.4rem;
        line-height: 3.8rem
    }

    .tatva-service-section .work-grid-wrapper {
        max-width: 100%
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 {
        font-size: 2.2rem
    }
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner p {
    transition: .6s;
    -o-transition: .6s;
    -ms-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    line-height: 1.65;
    padding: 0;
    margin-top: 5px
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner em {
    display: inline-block;
    position: relative;
    margin: 0 0 .6rem;
    min-height: 52px
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner em img {
    height: 5.5rem;
    width: 6.2rem;
    transition: .6s;
    -o-transition: .6s;
    -ms-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner em img.hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.project-information-list {
    display: flex;
    margin: 0 -1.5rem 3.5rem;
    padding: 0 0 5rem;
    border-bottom: 1px solid #eee;
    align-items: center
}

.project-information-list>li {
    max-width: 19.3%;
    flex: 0 0 19.3%;
    padding: 0 1.5rem;
    text-align: center;
    margin: 0;
    position: relative;
    box-sizing: border-box
}

.project-information-list>li.has-inner-img-list {
    max-width: 22.8%;
    flex: 0 0 22.8%
}

.project-information-list>li+li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: .1rem;
    background: #eee;
    box-sizing: border-box
}

.project-information-list>li .inner-list span {
    font-size: 50px;
    line-height: 1;
    display: block;
    margin: 0 0 .9rem;
    color: #156ba3
}

.project-information-list>li .inner-list p {
    font-size: 1.8rem;
    padding: 0 2.7rem;
    line-height: 1.2
}

.project-information-list .tatva-services-partner {
    display: flex;
    align-items: center;
    margin: 0;
    padding-top: 12px
}

.project-information-list .tatva-services-partner li {
    box-sizing: border-box;
    margin: 0 0 0 30px
}

.project-information-list .tatva-services-partner li.microsoft-gold img {
    width: 75px;
    height: 68px
}

@media(max-width:1199px) {
    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner {
        padding: 3.5rem 2.5rem
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 {
        font-size: 2rem
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner p {
        padding: 0
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner em {
        margin: 0 0 1rem
    }

    .tatva-service-section {
        padding: 4rem 0 1rem
    }

    .tatva-service-section.why-choose-dotnet-section {
        padding: 0 0 5rem
    }
}

.tatva-service-section .title-block {
    margin-bottom: 32px;
    text-align: center;
    position: relative;
    max-width: 1410px
}

.tatva-service-section .title-block .h2,
.tatva-service-section .title-block h2 {
    margin: 0 auto 20px;
    max-width: 900px;
    line-height: 1.2
}

.tatva-service-section .title-block .h2 h1,
.tatva-service-section .title-block h2 h1 {
    font-size: inherit
}

.tatva-service-section .title-block p {
    line-height: 1.75;
    margin: 0;
    font-size: 2rem;
    font-weight: 400
}

.tatva-customer-section {
    padding: 6.6rem 0 2.1rem;
    overflow-x: hidden;
    position: relative
}

.ecommerce-development-wrapper .tatva-customer-section {
    padding-top: 23px
}

.tatva-customer-section .container {
    max-width: 1920px;
    padding: 0 0 0 25px
}

.cloud-expertise-section .container,
.container-1340,
.dedicated-development-wrapper .why-dedicated-service-team .work-grid-wrapper,
.home-tatva-blog-section .container {
    max-width: 139rem
}

@media(max-width:1280px) {
    .tatva-service-section .title-block p {
        max-width: 550px;
        margin: 0 auto
    }

    .tatva-customer-section {
        padding: 6rem 0 2rem
    }
}

@media(max-width:1024px) {
    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block h3 {
        font-size: 3rem;
        line-height: 3.4rem
    }

    .tatva-service-section.has-description-and-inner-page .inner-decription {
        margin-bottom: 2.5rem
    }

    .project-information-list {
        margin: 0 -1rem 3.5rem;
        padding-bottom: 40px
    }

    .project-information-list>li {
        padding: 0 1rem
    }

    .project-information-list>li .inner-list span {
        font-size: 40px
    }

    .project-information-list>li .inner-list p {
        font-size: 1.5rem;
        padding: 0
    }

    .project-information-list .tatva-services-partner li {
        margin: 0 0 0 15px
    }

    .tatva-service-section .title-block p {
        font-size: 18px
    }

    .tatva-customer-section {
        padding: 4rem 0 2rem
    }

    .new-tatva-technology-stack-section+.tatva-customer-section {
        padding-top: 4rem
    }
}

.tatva-customer-section .tatva-customer-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    overflow-x: hidden
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-left {
    max-width: 40%;
    flex: 0 0 40%;
    padding-right: 2rem
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-left h2 {
    margin: 0 0 2rem
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-left ul {
    display: flex;
    margin: 2.6rem -1.5rem 0;
    flex-wrap: wrap
}

@media(max-width:991px) {
    .tatva-service-section .work-grid-wrapper .common-grid.work-grid {
        margin: 0 -12px
    }

    .tatva-service-section .work-grid-wrapper .common-grid .common-grid-item {
        padding: 0 12px;
        max-width: 50%;
        flex: 0 0 50%
    }

    .tatva-service-section .work-grid-wrapper .work-grid {
        margin: 0 -2.5rem 1.5rem
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item {
        margin-bottom: 24px
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item:last-child {
        margin: 0
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner {
        padding: 3rem 2.5rem
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 {
        margin-top: 0
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner p {
        margin-top: 10px
    }

    .tatva-customer-section .container {
        padding: 0 25px
    }

    .tatva-customer-section .tatva-customer-outer {
        flex-wrap: wrap
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul {
        margin: 20px -15px 0
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li {
        text-align: left
    }
}

@media(max-width:767px) {
    .new-tatva-technology-stack-section:has(+ .software-outsourcing-process-section) {
        padding-bottom: 4rem
    }

    .new-tatva-technology-stack-section:has(+ .custom-software-type-offer-section) {
        padding-bottom: 0
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding: 30px 15px 60px
    }

    .tatvasoft-development-case-study .inner-case-study-detail .inner-wrapper .content-block-wrapper .content-block h3 {
        font-size: 2.6rem;
        line-height: 3.4rem
    }

    .tatva-service-landing-page .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-wrapper .work-item-inner,
    .tatva-service-section.tatva-home-service .work-grid-wrapper .work-grid .work-item .work-item-wrapper .work-item-inner {
        padding: 2rem 1.5rem 5rem
    }

    .tatva-service-section.has-description-and-inner-page .inner-decription {
        margin-bottom: 2rem
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left p,
    .tatva-service-section.has-description-and-inner-page .inner-decription p {
        font-size: 1.6rem;
        line-height: 1.6
    }

    .tatva-service-section.has-description-and-inner-page .work-grid-wrapper.has-arrow-link .work-grid .work-item .work-item-wrapper .work-item-inner {
        padding-bottom: 5.5rem
    }

    .tatva-service-section .work-grid-wrapper {
        padding: 0 1.5rem
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item a.arrow-link {
        height: 4.8rem;
        width: 4.8rem
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner {
        padding: 2rem 1.5rem
    }

    .project-information-list {
        flex-wrap: wrap;
        border-bottom: none;
        margin: 0;
        align-items: flex-start
    }

    .project-information-list>li {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 1.5rem;
        height: inherit !important
    }

    .project-information-list>li.has-inner-img-list {
        max-width: 100%;
        flex: 0 0 100%
    }

    .project-information-list>li.has-inner-img-list::before,
    .project-information-list>li:nth-child(2)::before {
        display: none
    }

    .project-information-list>li+li::before {
        height: .1rem;
        width: 100%
    }

    .project-information-list>li:nth-child(2n) {
        border-left: 1px solid #eee
    }

    .project-information-list>li .inner-list span {
        font-size: 36px
    }

    .project-information-list>li .inner-list p {
        font-size: 1.5rem
    }

    .project-information-list .tatva-services-partner {
        justify-content: center
    }

    .project-information-list .tatva-services-partner li {
        margin: 0
    }

    .project-information-list .tatva-services-partner li:last-child {
        margin: 0 0 0 30px
    }

    .tatva-service-section {
        padding: 3.5rem 0 1.6rem
    }

    .tatva-service-section.why-choose-dotnet-section {
        padding: 0 0 4rem
    }

    .tatva-service-section .title-block {
        margin-bottom: 25px
    }

    .tatva-service-section .title-block .h2,
    .tatva-service-section .title-block h2 {
        margin-bottom: 15px
    }

    .tatva-service-section .title-block .h2 span,
    .tatva-service-section .title-block h2 span {
        display: inline
    }

    .tatva-service-section .title-block p {
        font-size: 16px;
        line-height: 1.6
    }

    .inner-services-page .tatva-customer-section {
        padding-top: 20px
    }

    .tatva-customer-section .container {
        padding: 0 15px
    }

    .tatva-customer-section {
        padding: 3.5rem 0 2rem
    }

    .new-tatva-technology-stack-section+.tatva-customer-section {
        padding-top: 3.5rem
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left h2 {
        margin: 0 0 1.5rem
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li {
        margin: 0 0 1rem;
        padding: 0 0 0 15px
    }
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li {
    box-sizing: border-box;
    padding: 0 15px;
    box-sizing: border-box;
    margin: 0 0 3rem;
    max-width: 50%;
    flex: 0 0 50%;
    position: relative
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li:after {
    position: absolute;
    content: '';
    left: 1.5rem;
    width: calc(100% - 3rem);
    height: .1rem;
    border-bottom: .1rem solid #0a294f;
    top: 100%;
    transition: .5s
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li:hover:after {
    border-color: #000
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li a {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #0b2e58;
    width: 100%;
    display: block;
    padding-right: 2.5rem;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 1rem
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li a:after {
    position: absolute;
    content: '';
    right: 0;
    top: .3rem;
    height: 1.8rem;
    width: 1.8rem;
    background-image: url(../images/delivering-blue-arrow.svg);
    background-repeat: no-repeat;
    background-size: 1.8rem 1.8rem;
    transition: .5s
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li a:hover:after {
    transform: translateX(.5rem)
}

@media(max-width:991px) {
    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li {
        max-width: 33.33%;
        flex: 0 0 33.33%
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-right-icon .desktop {
        display: none
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li a:hover:after {
        transform: none
    }
}

@media(max-width:767px) {
    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li {
        max-width: 50%;
        flex: 0 0 50%
    }
}

@media(max-width:419px) {
    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        width: 100%
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li:after {
        width: 100%;
        left: 0
    }

    .project-information-list>li {
        padding: 1.2rem
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul {
        flex-direction: column;
        align-items: center;
        margin: 20px 0 0
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li:nth-child(2n),
    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li:nth-child(odd) {
        max-width: 100%;
        flex: 0 0 100%
    }
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-right-icon {
    max-width: 60%;
    flex: 0 0 60%;
    text-align: right;
    padding-left: 2rem
}

.tatva-why-section {
    padding: 68px 0 80px
}

@media(max-width:1366px) {
    .tatva-why-section {
        padding-bottom: 50px
    }
}

.tatva-why-section h2 {
    text-align: center;
    margin-bottom: 28px
}

.cloud-expertise-section .cloud-expertise-wrapper,
.home-tatva-blog-section .home-tatva-blog-grid,
.tatva-why-section .why-tatva-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.tatva-why-section .why-tatva-wrapper.common-mobile-slider .slick-dots {
    margin: 10px 0 0
}

.tatva-why-section .why-tatva-wrapper.has-three-col {
    margin: 0 -15px -30px
}

.tatva-why-section .why-tatva-wrapper.has-three-col .why-tatva-block {
    max-width: 33.33%;
    flex: 0 0 33.33%;
    padding: 0 15px 30px
}

@media(max-width:1199px) {
    .tatva-customer-section .tatva-customer-outer .tatva-customer-right-icon {
        max-width: 55%;
        flex: 0 0 55%
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left {
        max-width: 45%;
        flex: 0 0 45%
    }

    .tatva-why-section {
        padding: 40px 0 0
    }

    .tatva-why-section .why-tatva-wrapper,
    .tatva-why-section .why-tatva-wrapper.has-three-col {
        margin: 0 -10px
    }

    .tatva-why-section .why-tatva-wrapper.has-three-col .why-tatva-block {
        padding: 0 10px 30px
    }
}

.tatva-why-section .why-tatva-wrapper .why-tatva-block {
    max-width: 25%;
    flex: 0 0 25%;
    padding: 0 15px;
    text-align: center
}

@media(max-width:1023px) {
    .tatva-why-section .why-tatva-wrapper.has-three-col .why-tatva-block {
        padding: 0 15px
    }

    .tatva-why-section .why-tatva-wrapper .why-tatva-block {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px
    }

    .tatva-why-section .why-tatva-wrapper .why-tatva-block:nth-last-of-type(-n+2) {
        margin-bottom: 0
    }
}

@media(max-width:574px) {
    .tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper {
        left: auto;
        right: -4rem;
        transform: none
    }

    .tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper:after {
        left: auto;
        right: 4.2rem;
        transform: none
    }

    .tatva-why-section .why-tatva-wrapper .why-tatva-block:nth-last-of-type(-n+2) {
        margin-bottom: 20px
    }

    .tatva-why-section .why-tatva-wrapper .why-tatva-block:last-child {
        margin-bottom: 0
    }
}

.tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner {
    padding: 32px 20px 23px;
    border: 1px solid #e1e1e1;
    position: relative;
    border-top: none;
    height: 100%
}

@media(max-width:1280px) {
    .tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner {
        padding: 25px
    }
}

.cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-inner:before,
.tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    display: block;
    right: -1px;
    height: 4px;
    background: #368dc5;
    z-index: 1
}

.tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner .logo-wrapper {
    display: block;
    margin: 0 auto 20px;
    height: 60px;
    width: auto
}

.tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner .logo-wrapper img {
    height: 60px;
    width: auto;
    margin: 0 auto
}

.tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner h3 {
    color: #0b2e58;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    line-height: 1.3
}

.tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner p {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    margin-top: 12px
}

@keyframes arrowmove {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(8px)
    }
}

.tatvasoft-inner-page-banner {
    min-height: 460px;
    box-sizing: border-box;
    padding: 10rem 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

@media(max-width:1440px) {
    .tatvasoft-inner-page-banner {
        padding: 9.5rem 0 1.5rem;
        min-height: 420px
    }
}

.tatvasoft-inner-page-banner .tatvasoft-inner-banner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.tatvasoft-inner-page-banner .banner-content-wrapper {
    color: #fff;
    text-align: center
}

.tatvasoft-inner-page-banner .banner-content-wrapper h1 {
    text-transform: uppercase;
    margin: 0 0 1rem;
    text-shadow: 0 0 15px rgba(0, 0, 0, .7);
    line-height: 1.12
}

.tatvasoft-inner-page-banner .banner-content-wrapper p {
    max-width: 100.9rem;
    font-size: 2rem;
    margin: 0 auto;
    line-height: 1.5;
    color: #fff;
    padding: 0 2.2rem;
    text-shadow: 0 0 15px rgba(0, 0, 0, .7)
}

.tatvasoft-technology-page-banner {
    position: relative;
    z-index: 1
}

.tatvasoft-technology-page-banner .tatvasoft-technology-inner-banner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    background-position: center
}

.tatvasoft-technology-page-banner .technology-banner-content .banner-content-inner h1 {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 15px rgba(0, 0, 0, .7);
    margin-bottom: .8rem
}

.tatvasoft-technology-page-banner .technology-banner-content .banner-content-inner p {
    text-shadow: 0 0 15px rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 2rem;
    font-weight: 400;
    line-height: 32px;
    margin: 0 auto
}

.project-information-list.project-info-amendments .tatva-services-partner li.microsoft-gold img {
    width: 130px;
    height: 28px
}

.project-information-list .tatva-services-partner li.cmmi img {
    width: 75px;
    height: 57px
}

.project-information-list.project-info-amendments .tatva-services-partner li {
    margin: 0 0 0 15px
}

.home-tatva-blog-section {
    background-color: #f8f8f8;
    padding: 66px 0 88px;
    text-align: center
}

.home-tatva-blog-section .home-tatva-blog-grid .blog-grid-item {
    padding: 0 15px;
    flex: 0 0 33.33%;
    max-width: 33.33%
}

.home-tatva-blog-section .home-tatva-blog-grid .blog-grid-item .blog-item-image {
    position: relative;
    padding-bottom: 50%
}

.home-tatva-blog-section .home-tatva-blog-grid .blog-grid-item .blog-item-image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.home-tatva-blog-section .home-tatva-blog-grid .blog-grid-item a {
    height: 100%;
    display: block;
    background-color: #fff
}

.home-tatva-blog-section .home-tatva-blog-grid .blog-grid-item .blog-item-content {
    padding: 22px 28px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0, 0, 0, .06)
}

.home-tatva-blog-section .home-tatva-blog-grid .blog-item-content h3 {
    font-size: 22px;
    line-height: 1.36;
    color: #0b2e58
}

.home-tatva-blog-section .home-tatva-blog-grid .blog-item-content .blog-content-para-wrapper {
    margin-top: 10px
}

.home-tatva-blog-section .home-tatva-blog-grid .slick-track {
    display: flex !important
}

.tatvasoft-inner-page-banner .banner-content-wrapper .banner-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.6rem;
    flex-wrap: wrap;
}

.tatvasoft-inner-page-banner .banner-content-wrapper .banner-btn-wrapper a+a {
    margin-left: 3rem;
}

@media (min-width: 992px) {
    .home-tatva-blog-section .home-tatva-blog-grid .blog-grid-item a:hover {
        transform: translateY(-8px);
    }
}

@media(max-width:1366px) {
    .home-tatva-blog-section {
        padding: 55px 0 80px
    }
}

.cloud-devops-page .process-wrapper .process-outer,
.process-wrapper .process-outer .process-inner .tools-wrapper .tatva-bullet-list.has-three-col li {
    flex: 0 0 33.33%;
    max-width: 33.33%
}

.cloud-devops-page .tatva-service-process-section {
    background-color: transparent;
    padding-top: 0
}

.cloud-devops-page .process-wrapper .process-outer:nth-last-of-type(-n+2) {
    margin-bottom: 46px
}

.process-wrapper .process-outer .process-inner .tools-wrapper {
    padding-left: 77px;
    margin-top: 25px
}

.process-wrapper .process-outer .process-inner .tools-wrapper span {
    font-size: 15px;
    color: #333;
    font-weight: 600;
    display: block;
    margin-bottom: 3px
}

.process-wrapper .process-outer .process-inner .tools-wrapper .tatva-bullet-list li {
    margin-bottom: 5px;
    box-sizing: border-box;
    word-break: break-word;
    flex: 0 0 100%;
    max-width: 100%
}

.cloud-devops-page .tatvasoft-development-challenge-address .tatvasoft-development-challlenge-wrapper .content-block h2 {
    max-width: 100%
}

.cloud-expertise-section ul.inner-page-listing {
    margin: 0 0 -1.2rem
}

.cloud-expertise-section ul.inner-page-listing li {
    position: relative;
    box-sizing: border-box;
    color: #333;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.55;
    margin: 0 0 2rem;
    padding: 0 0 0 1.5rem
}

.cloud-expertise-section ul.inner-page-listing li:before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 0;
    background-color: #156ba3;
    height: .5rem;
    width: .5rem;
    border-radius: 50%
}

.cloud-expertise-section {
    background-color: #f8f8f8;
    padding: 6.6rem 0 7.8rem
}

.cloud-expertise-section .title-block {
    text-align: center;
    margin-bottom: 40px
}

.cloud-expertise-section .title-block p {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    max-width: 730px;
    margin: 0 auto
}

.cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-item {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 15px
}

.cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-inner {
    padding: 3rem 2.5rem;
    border: .1rem solid #e1e1e1;
    border-top: none;
    height: 100%;
    position: relative
}

.cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-inner h3 {
    font-size: 2.4rem;
    color: #0b2e58;
    margin-bottom: 20px
}

.cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-inner p {
    line-height: 1.625;
    margin-bottom: 20px
}

.cloud-devops-page .tatva-service-section {
    padding-bottom: 48px
}

.cloud-devops-page .tatvasoft-development-case-study,
.cloud-devops-page.inner-services-page .tatva-customer-section {
    padding-top: 66px
}

.cloud-devops-page .process-wrapper .process-outer .process-inner .heading-part span:after {
    top: 173px;
    height: 230px
}

.cloud-devops-page .process-wrapper .process-outer .process-inner .heading-part span em:after {
    top: 291px
}

.cloud-devops-page .tatva-faq-section .faq-listing .faq-inner .faq-detail ul.has-three-col li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    box-sizing: border-box;
    margin: 0 0 8px
}

.cloud-devops-page .tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper {
    padding-top: 30px
}

@media (max-width:1800px) {
    .cloud-expertise-section ul.inner-page-listing li {
        margin: 0 0 1.2rem
    }
}

@media(max-width:1359px) {
    .process-wrapper .process-outer .process-inner .tools-wrapper {
        padding-left: 67px
    }

    .cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-inner h3 {
        font-size: 24px
    }

    .cloud-devops-page .process-wrapper .process-outer .process-inner .heading-part span:after {
        top: 163px
    }

    .cloud-devops-page .process-wrapper .process-outer .process-inner .heading-part span em:after {
        top: 280px
    }
}

@media(max-width:1199px) {
    .tatva-why-section .why-tatva-wrapper .why-tatva-block {
        padding: 0 10px
    }

    .tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner {
        padding: 20px
    }

    .tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner p {
        text-align: center
    }

    .tatvasoft-inner-page-banner {
        min-height: 400px
    }

    .project-information-list.project-info-amendments {
        flex-wrap: wrap
    }

    .project-information-list.project-info-amendments>li {
        flex: 0 0 25%;
        max-width: 25%
    }

    .project-information-list.project-info-amendments>li.has-inner-img-list {
        max-width: 100%;
        flex: 0 0 100%
    }

    .project-information-list.project-info-amendments .tatva-services-partner {
        justify-content: center
    }

    .home-tatva-blog-section {
        padding: 45px 0 55px
    }

    .home-tatva-blog-section .home-tatva-blog-grid .blog-item-content h3 {
        font-size: 20px
    }

    .cloud-devops-page .process-wrapper .process-outer {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cloud-devops-page .process-wrapper .process-outer:nth-last-of-type(-n+2) {
        margin-bottom: 0
    }

    .cloud-expertise-section {
        padding: 4.5rem 0 5rem
    }

    .cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-inner h3 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-inner p {
        margin-bottom: 15px
    }

    .cloud-expertise-section .title-block {
        margin-bottom: 30px
    }

    .cloud-devops-page .tatva-service-section {
        padding-bottom: 20px
    }

    .cloud-devops-page .tatvasoft-development-case-study,
    .cloud-devops-page.inner-services-page .tatva-customer-section {
        padding-top: 45px
    }

    .cloud-devops-page .tatva-faq-section .faq-listing .faq-inner .faq-detail ul.has-three-col li {
        margin-bottom: 5px
    }

    .cloud-devops-page .tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper {
        padding-top: 23px
    }
}

@media(max-width:1024px) {
    .tatvasoft-inner-page-banner .banner-content-wrapper p {
        font-size: 1.8rem;
        line-height: 1.8
    }

    .tatvasoft-technology-page-banner .technology-banner-content .banner-content-inner p {
        font-size: 1.8rem;
        max-width: 100%
    }

    .cloud-expertise-section .cloud-expertise-wrapper {
        margin-bottom: -30px
    }

    .cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-item {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 25px
    }

    .cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-inner {
        padding: 2.5rem 2rem
    }

    .cloud-expertise-section .title-block p {
        font-size: 18px;
        line-height: 1.8
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item {
        padding: 0 1rem;
        margin-bottom: 20px;
        max-width: 50%;
        flex: 0 0 50%
    }
}

@media (max-width:767px) {
    .cloud-expertise-section ul.inner-page-listing li {
        margin: 0 0 .7rem;
        padding: 0 1.5rem
    }

    .cloud-expertise-section {
        padding: 3.5rem 0 4rem
    }

    .cloud-expertise-section .title-block p {
        font-size: 16px;
        line-height: 1.6
    }

    .cloud-expertise-section .title-block h2 {
        margin-bottom: 15px
    }

    .cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-inner h3 {
        font-size: 20px
    }

    .cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-item {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .cloud-expertise-section .cloud-expertise-wrapper {
        margin: 0 0 -30px
    }

    .cloud-devops-page .tatvasoft-development-case-study,
    .cloud-devops-page.inner-services-page .tatva-customer-section {
        padding-top: 35px
    }

    .cloud-devops-page .process-wrapper .process-outer .process-inner .heading-part span:after {
        top: 118px;
        height: 140px
    }

    .cloud-devops-page .process-wrapper .process-outer .process-inner .heading-part span em:after {
        top: 190px
    }

    .cloud-devops-page .tatva-app-dev-experience .tatva-experience-wrapper .experience-content-wrapper {
        padding-top: 20px
    }

    .cloud-expertise-section .cloud-expertise-wrapper .cloud-expertise-inner {
        padding: 2rem 1.5rem
    }

    .tatvasoft-inner-page-banner .banner-content-wrapper .banner-btn-wrapper a+a {
        margin-left: 2rem;
    }
}

.custom-software-development-service .tatva-customer-section {
    padding-bottom: 4.5rem
}

.react-development-service-wrapper .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner:has(.tatva-bullet-list),
.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner:has(.tatva-bullet-list) {
    text-align: left
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner ul {
    margin-top: 1.5rem
}

.tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner ul li {
    margin-bottom: .5rem;
    transition: .6s;
}

.software-development-services .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner:has(.tatva-bullet-list) ul li,
.outsourcing-inner-page .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner:has(.tatva-bullet-list) ul li {
    color: #fff;
}


.software-development-services .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner:has(.tatva-bullet-list) ul li::before,
.outsourcing-inner-page .tatva-service-section .work-grid-wrapper .work-grid .work-item:hover .work-item-inner:has(.tatva-bullet-list) ul li::before {
    background-color: #fff;
}

.php-development-wrapper.inner-technology-page .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item .work-item-inner {
    text-align: left
}

.tatva-customer-section .tatva-customer-outer .tatva-customer-right-icon .inner-img img,
.tatva-inner-page .tatva-tools-technology-section .tatva-tools-technology-grid .tatva-tools-technology-item .tatva-tools-technology-item-inner .tatva-logo-grid img,
.tatva-winning-app-section .winning-app-wrapper .winning-app-inner .inner-col.left-col .inner-img img {
    width: 100%;
    height: auto;
    aspect-ratio: auto 640/360
}

.tatva-technology-stack-section .technology-stack-grid-new {
    margin: 0 -1.5rem;
    display: flex;
    flex-wrap: wrap
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner {
    background: #f8f8f8;
    padding: 0;
    height: 100%;
    transition: .5s
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner:hover {
    background: #f1f1f1
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner h3 {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 28px;
    color: #0b2e58;
    font-weight: 400;
    padding: 1rem 3rem;
    position: relative;
    border-bottom: .3rem solid #368dc5;
    min-height: 7.1rem;
    max-height: 7.1rem
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner h3 span {
    margin-right: 1.7rem;
    display: flex;
    position: relative;
    min-height: 51px;
    align-items: center
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner h3 span:before {
    position: absolute;
    left: 50%;
    width: 1.1rem;
    height: 1.1rem;
    background-color: #368dc5;
    border-radius: 50%;
    bottom: -27px;
    content: " ";
    z-index: 3;
    transform: translateX(-50%)
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner .tech-stack-list-wrapper {
    padding: 2rem 3rem;
    display: flex;
    margin: 0 -.5rem -1.6rem
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul {
    padding: 0 .5rem;
    max-width: 50%;
    flex: 0 0 50%;
    margin-bottom: 0
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul:last-child {
    flex: 1;
    max-width: 100%
}

.tatva-technology-stack-section .technology-stack-grid-new h3 img {
    min-width: 3.8rem
}

@media(max-width:679px) {
    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner {
        padding: 2rem 1.5rem
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul {
        margin: 20px 0 0
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li {
        padding: 0 0 0 13px;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 10px
    }

    .cloud-devops-page .process-wrapper .process-outer:last-child,
    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li:last-child {
        margin-bottom: 0
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li:before {
        left: 0
    }

    .cloud-devops-page .process-wrapper .process-outer {
        flex: 0 0 100%;
        max-width: 100%
    }

    .cloud-devops-page .process-wrapper .process-outer:nth-last-of-type(-n+2) {
        margin-bottom: 30px
    }

    .cloud-devops-page .tatva-faq-section .faq-listing .faq-inner .faq-detail ul.has-three-col li {
        flex: 0 0 50%;
        max-width: 50%
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner .tech-stack-list-wrapper {
        margin-bottom: -1rem;
        flex-wrap: wrap
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media(max-width:1199px) {
    .custom-software-development-service .tatva-customer-section {
        padding-bottom: 1.5rem
    }

    .tatva-technology-stack-section .technology-stack-grid-new {
        margin: 0 -1rem
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner h3 {
        font-size: 2.2rem;
        line-height: 2.6rem;
        padding: 1rem 2rem
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner .tech-stack-list-wrapper {
        padding: 2rem
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul.has-full-width-list {
        margin-top: 20px
    }
}

@media(max-width:479px) {
    .footer-lower-part .footer-lower-content-wrapper .copy-right p a {
        display: block;
        margin-top: 8px
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .form-group .experience-wrapper {
        margin: 0 -.7rem
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .form-group .experience-wrapper .experience-inner {
        padding: 0 .7rem
    }

    .custom-modal .contact-form-wrapper .form-wrapper form .contact-success-text {
        margin-bottom: 3px
    }

    .tatva-technology-stack-section .technology-stack-grid,
    .tatva-technology-stack-section .technology-stack-grid .grid-item:last-child,
    .tatva-technology-stack-section .technology-stack-grid-new,
    .tatva-technology-stack-section .technology-stack-grid-new .grid-item:last-child {
        margin: 0
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item {
        padding: 0;
        width: 100%
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul,
    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul.has-full-width-list,
    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul.has-full-width-list {
        margin: 20px -10px 0
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul.has-full-width-list li,
    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul.has-full-width-list li {
        padding: 0 10px 0 23px;
        max-width: 50%;
        flex: 0 0 50%
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li:before,
    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul.has-full-width-list li:before,
    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul.has-full-width-list li:before {
        left: 10px
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0 10px 0 23px
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail ul {
        padding: 15px 0 0
    }

    .tatva-faq-section .faq-listing .faq-inner .faq-detail ol {
        padding: 15px 0 0 17px
    }

    .inner-services-page .tatva-customer-section,
    .tatva-service-landing-page .tatva-customer-section {
        padding-top: 40px
    }

    .tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper {
        padding: 1.5rem
    }

    .tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper {
        right: -1.5rem
    }

    .tatva-service-landing .tatva-service-landing-banner .banner-content-wrapper .left-block .rate-content-wrapper .tooltip-wrapper .tooltip-inner-wrapper .tooltip-content-wrapper:after {
        right: 1.7rem
    }

    .tatva-service-landing-page .tatva-service-section.methodology-section {
        margin: 4rem 0 0
    }

    .cloud-devops-page .tatva-faq-section .faq-listing .faq-inner .faq-detail ul.has-three-col li {
        flex: 0 0 100%;
        max-width: 100%
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item {
        padding: 0;
        max-width: 100%;
        flex: 0 0 100%
    }

    .new-tatva-technology-stack-section:has(+ .tatva-service-section.methodology-section) {
        padding-bottom: 0
    }

    .tatvasoft-inner-page-banner .banner-content-wrapper .banner-btn-wrapper a+a {
        margin: 1rem 0 0 0;
    }

    .tatvasoft-inner-page-banner .banner-content-wrapper .banner-btn-wrapper a {
        width: 100%;
    }
}

@media(max-width:360px) {

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul,
    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul.has-full-width-list,
    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul.has-full-width-list {
        margin: 20px 0 0
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li,
    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul.has-full-width-list li,
    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul.has-full-width-list li {
        padding: 0 0 0 10px;
        max-width: 100%;
        flex: 0 0 100%
    }

    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul li:before,
    .tatva-technology-stack-section .technology-stack-grid .grid-item .grid-inner ul.has-full-width-list li:before,
    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul.has-full-width-list li:before {
        left: 0
    }

    .tatva-service-landing .tatvasoft-development-case-study.dot-net-core-casestudy .inner-case-study-detail .inner-wrapper .content-block-wrapper {
        padding: 30px 15px 60px
    }
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul li {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    margin-bottom: 16px;
    padding-left: 4rem;
    word-break: break-word
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul li:nth-child(2n) {
    padding-right: 0
}

.tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul li:before {
    position: absolute;
    content: "";
    left: 1rem;
    height: 2rem;
    width: 2rem;
    background-image: url(../images/tech-stack-bullet.svg);
    top: .1rem
}

@media(max-width:679px) {
    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul li {
        margin-bottom: 10px
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul li:before {
        left: 0
    }
}

@media(max-width:479px) {
    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner ul li:before {
        left: 10px
    }
}

.why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item {
    max-width: 50%;
    flex: 0 0 50%;
    margin: 0 !important;
    padding: 0 1.5rem 3rem
}

.why-choose-grid-section.tatva-service-section .work-grid-wrapper .work-grid {
    margin: 0 -1.5rem -3rem
}

.why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid {
    align-items: stretch
}

.banner-with-css-overlay:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #000, #000);
    opacity: .5;
    content: ''
}

.banner-with-css-overlay .banner-content-wrapper {
    z-index: 2
}

.banner-with-css-overlay .banner-content-wrapper h1,
.banner-with-css-overlay .banner-content-wrapper p {
    text-shadow: none !important
}

.tatvasoft-inner-page-banner picture.tatvasoft-inner-banner img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.footer-middle-part .footer-col-layout-wrapper .footer-col-layout .right-col .right-inner .add-box .add-box-inner a:has(.country-name) {
    margin-top: 0
}

.new-tatva-technology-stack-section .new-tatva-tech-item+.new-tatva-tech-item {
    margin-top: 1rem
}

.new-tatva-technology-stack-section h2,
.tatva-why-section .title-wrapper {
    margin-bottom: 3rem;
    text-align: center
}

.new-tatva-technology-stack-section .new-tatva-tech-item .title {
    max-width: 33rem;
    flex: 0 0 33rem;
    padding-right: 6.4rem;
    position: relative;
    text-align: left;
    margin-bottom: 1rem
}

.new-tatva-technology-stack-section .new-tatva-tech-item .right {
    max-width: calc(100% - 33rem);
    flex: 0 0 calc(100% - 33rem)
}

.new-tatva-technology-stack-section .new-tatva-tech-item .right ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0
}

.new-tatva-technology-stack-section .new-tatva-tech-item .right ul li {
    background-color: #f6f7f8;
    border: .1rem solid #e1e1e1;
    padding: 2.02rem 2.36rem;
    color: #212121;
    margin: 0 1rem 1rem 0;
    line-height: 1
}

.new-tatva-technology-stack-section .new-tatva-tech-item .title h3 {
    padding: 1.42rem 2rem;
    border: .1rem solid #c6d2de;
    font-size: 1.8rem;
    color: #0b2e58;
    line-height: 1.3;
    display: flex;
    align-items: center;
    background-color: #fff;
    z-index: 9;
    position: relative
}

.new-tatva-technology-stack-section .new-tatva-tech-item em {
    margin-right: 2rem
}

.new-tatva-technology-stack-section .new-tatva-tech-item em img {
    min-width: 3rem
}

.new-tatva-technology-stack-section .new-tatva-tech-item .title:after {
    position: absolute;
    right: 6px;
    top: 2.4rem;
    width: 6.8rem;
    height: 1.2rem;
    content: "";
    background-size: 6.8rem 1.2rem;
    background-image: url(../images/dotted-arrow.svg) !important
}

.custom-software-type-offer-section {
    padding: 4rem 0 7rem
}

.container-1340 {
    margin: 0 auto;
    padding: 0 2.5rem
}

.custom-software-type-offer-section .custom-software-type-grid,
.what-consist-of-section .what-consist-of-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5rem -3rem
}

.custom-software-type-offer-section .custom-software-type-grid.three-col .custom-software-type-item,
.dedicated-development-wrapper .why-dedicated-service-team .work-item.common-grid-item:first-child,
.dedicated-development-wrapper .why-dedicated-service-team .work-item.common-grid-item:nth-child(2),
.dedicated-development-wrapper .why-dedicated-service-team .work-item.common-grid-item:nth-child(3),
.dot-net-development-wrapper .why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item {
    max-width: 33.33%;
    flex: 0 0 33.33%
}

.custom-software-type-offer-section .custom-software-type-grid .custom-software-type-item {
    max-width: 25%;
    flex: 0 0 25%;
    padding: 0 1.5rem 3rem
}

.custom-software-type-offer-section .custom-software-type-item .title {
    border-top: .4rem solid #368dc5;
    padding: 1.5rem 0 1rem
}

.custom-software-type-offer-section .custom-software-type-item h3 {
    font-size: 2.4rem;
    color: #0b2e58;
    line-height: 1.3
}

.custom-software-type-offer-section .title-wrapper {
    text-align: center;
    margin-bottom: 2.8rem
}

.custom-software-type-offer-section .title-wrapper h2 {
    margin-bottom: 1.5rem
}

.custom-software-type-offer-section .title-wrapper p,
.tatva-customer-section .title-wrapper p {
    max-width: 940px;
    margin: 0 auto;
    font-size: 2rem;
    line-height: 1.6
}

.start-project-with-tatva {
    background-color: #f6f7f8;
    padding: 6rem 0 7rem
}

.start-project-with-tatva .title-wrapper {
    text-align: center;
    max-width: 1070px;
    margin: 0 auto 3.5rem
}

.start-project-with-tatva .start-project-with-tatva-grid .left {
    max-width: 54.6%;
    flex: 0 0 54.6%;
    padding-right: 6rem
}

.start-project-with-tatva .start-project-with-tatva-grid .right {
    max-width: 45.4%;
    flex: 0 0 45.4%
}

.start-project-with-tatva .start-project-with-tatva-grid .left h2:not(+ p),
.what-consist-of-section .title-block {
    margin-bottom: 3rem
}

.start-project-with-tatva .start-project-with-tatva-grid .start-project-content-item+.start-project-content-item {
    margin-top: 3rem
}

.start-project-with-tatva .start-project-with-tatva-grid .start-project-content-item .icon-wrapper {
    max-width: 5rem;
    flex: 0 0 5rem;
    padding-right: 1.5rem
}

.start-project-with-tatva .start-project-with-tatva-grid .start-project-content-item .content-wrapper {
    max-width: calc(100% - 5rem);
    flex: 0 0 calc(100% - 5rem)
}

.start-project-with-tatva .start-project-with-tatva-grid .start-project-content-item h3 {
    font-size: 2.4rem;
    color: #0b2e58;
    margin-bottom: 1rem
}

.tatva-why-section .title-wrapper h2 {
    margin-bottom: 1.4rem
}

.dedicated-development-wrapper .what-consist-of-section .title-block {
    margin-bottom: 3rem
}

@media(max-width:1280px) {
    .tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner h3 {
        font-size: 20px
    }

    .tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner p {
        font-size: 16px
    }

    .why-choose-grid-section.tatva-service-section .title-block p {
        max-width: none
    }

    .custom-software-type-offer-section .custom-software-type-item h3,
    .start-project-with-tatva .start-project-with-tatva-grid .start-project-content-item h3 {
        font-size: 2rem
    }
}

@media(max-width:1199px) {
    .custom-software-type-offer-section .custom-software-type-grid .custom-software-type-item {
        max-width: 33.33%;
        flex: 0 0 33.33%
    }

    .custom-software-type-offer-section {
        padding: 3rem 0 5rem
    }

    .start-project-with-tatva {
        padding: 5rem 0
    }

    .custom-software-type-offer-section .container {
        padding-top: 5rem
    }
}

@media(max-width:991px) {
    .start-project-with-tatva .title-wrapper {
        text-align: left;
        margin: 0 auto 2.8rem
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-left {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
        padding-right: 0
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-right-icon .tablet {
        display: block
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-right-icon {
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0
    }

    .tatva-why-section .why-tatva-wrapper.has-three-col {
        margin: 0 -25px
    }

    .tatva-why-section .why-tatva-wrapper.has-three-col .why-tatva-block {
        padding: 0 25px 0 0
    }

    .tatva-why-section .why-tatva-wrapper {
        margin: 0 -25px;
        padding-left: 0;
        display: block
    }

    .tatva-why-section .why-tatva-wrapper .slick-list {
        padding-left: 25px
    }

    .tatva-why-section .why-tatva-wrapper .why-tatva-block {
        flex: none;
        max-width: 100%;
        padding: 0 25px 0 0
    }

    .tatvasoft-inner-page-banner {
        padding: 7.5rem 0 2rem
    }

    .home-tatva-blog-section {
        padding: 45px 0
    }

    .home-tatva-blog-section .home-tatva-blog-grid .blog-grid-item {
        height: inherit !important
    }

    .process-wrapper .process-outer .process-inner .tools-wrapper .tatva-bullet-list.has-three-col li {
        flex: 0 0 50%;
        max-width: 50%
    }

    .process-wrapper .process-outer .process-inner .tools-wrapper {
        margin-top: 15px
    }

    .cloud-expertise-section ul.inner-page-listing {
        margin: 0
    }

    .cloud-expertise-section ul.inner-page-listing li:last-child {
        margin-bottom: 0
    }

    .custom-software-development-service .tatva-customer-section {
        padding-bottom: 2rem
    }

    .why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item {
        padding: 0 1.2rem 2.4rem
    }

    .why-choose-grid-section.tatva-service-section .work-grid-wrapper .work-grid {
        margin: 0 -1.2rem -2.4rem
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item .title {
        max-width: 28rem;
        flex: 0 0 28rem
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item .right {
        max-width: calc(100% - 28rem);
        flex: 0 0 calc(100% - 28rem)
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item em {
        margin-right: 1rem
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item .title h3 {
        padding: .92rem 1.5rem
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item .right ul li {
        padding: 1.52rem 1.5rem;
        margin: 0 1.5rem 1.5rem 0
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item .title:after {
        top: 2rem
    }

    .custom-software-type-offer-section .custom-software-type-grid .custom-software-type-item,
    .custom-software-type-offer-section .custom-software-type-grid.three-col .custom-software-type-item {
        max-width: 50%;
        flex: 0 0 50%
    }

    .start-project-with-tatva .start-project-with-tatva-grid .left {
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 0;
        padding-bottom: 5rem
    }

    .start-project-with-tatva .start-project-with-tatva-grid .right {
        max-width: 100%;
        flex: 0 0 100%
    }
}

@media(max-width:575px) {
    .new-tatva-technology-stack-section .new-tatva-tech-item .title:after {
        top: auto !important;
        bottom: 1.4rem
    }

    .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item {
        margin: 0 0 15px
    }

    .tatva-service-section .work-grid-wrapper .common-grid.work-grid,
    .tatva-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:last-child {
        margin: 0
    }

    .tatva-service-section .work-grid-wrapper .common-grid .work-item-wrapper,
    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 {
        height: auto !important
    }

    .tatva-service-section .work-grid-wrapper .common-grid .common-grid-item.half-width,
    .tatva-service-section .work-grid-wrapper .common-grid .common-grid-item {
        padding: 0;
        max-width: 100%;
        flex: 0 0 100%
    }

    .cloud-devops-page .process-wrapper .process-outer,
    .custom-software-type-offer-section .custom-software-type-grid .custom-software-type-item,
    .custom-software-type-offer-section .custom-software-type-grid.three-col .custom-software-type-item,
    .start-project-with-tatva .start-project-with-tatva-grid .start-project-content-item .content-wrapper,
    .tatva-service-section .work-grid-wrapper .common-grid.two-column-grid .common-grid-item {
        flex: 0 0 100%;
        max-width: 100%
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item {
        margin-bottom: 15px
    }

    .tatva-service-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 span {
        display: inline-block
    }

    .tatva-service-section {
        padding-bottom: 40px
    }

    .cloud-expertise-section ul.inner-page-listing li {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 1.5rem
    }

    .why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 0 1.5rem
    }

    .why-choose-grid-section.tatva-service-section .work-grid-wrapper .work-grid {
        margin: 0 0 -1.5rem
    }

    .start-project-with-tatva .start-project-with-tatva-grid .start-project-content-item .icon-wrapper {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 0 1rem
    }
}

.tatva-customer-section .title-wrapper {
    text-align: center;
    margin-bottom: 2rem
}

.tatva-customer-section .title-wrapper h2 {
    margin-bottom: 2rem
}

.tatva-service-section+.tatva-customer-section {
    padding-top: 6rem !important
}

.tatva-technology-stack-section+.tatva-customer-section {
    padding-top: 5rem !important
}

@media(max-width:1199px) {

    .custom-software-type-offer-section .title-wrapper p,
    .tatva-customer-section .title-wrapper p {
        font-size: 1.8rem
    }

    .tatva-service-section+.tatva-customer-section {
        padding-top: 5rem !important
    }

    .java-development-wrapper .tatva-service-section.why-choose-java-section {
        padding: 0
    }
}

@media(max-width:767px) {
    .tatva-customer-section .tatva-customer-outer .tatva-customer-left ul li a {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-right-icon .tablet,
    .tatvasoft-inner-page-banner .tatvasoft-inner-banner.tatvasoft-desktop-banner,
    .tatvasoft-technology-page-banner .tatvasoft-technology-inner-banner.tatvasoft-desktop-banner {
        display: none
    }

    .tatva-customer-section .tatva-customer-outer .tatva-customer-right-icon .mobile {
        display: block;
        margin: 0 auto
    }

    .inner-services-page .tatva-why-section {
        padding-bottom: 20px
    }

    .tatva-why-section {
        padding: 35px 0 20px
    }

    .tatva-why-section h2 {
        margin-bottom: 20px
    }

    .tatva-why-section .why-tatva-wrapper,
    .tatva-why-section .why-tatva-wrapper.has-three-col {
        margin: 0 -15px
    }

    .tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner .logo-wrapper,
    .tatva-why-section .why-tatva-wrapper .why-tatva-block .why-tatva-inner .logo-wrapper img {
        height: 50px
    }

    .tatvasoft-inner-page-banner .tatvasoft-inner-banner.tatvasoft-mobile-banner,
    .tatvasoft-technology-page-banner .tatvasoft-technology-inner-banner.tatvasoft-mobile-banner {
        display: block
    }

    .tatvasoft-inner-page-banner .banner-content-wrapper p {
        font-size: 1.6rem;
        line-height: 1.6;
        padding: 0
    }

    .tatvasoft-technology-page-banner .technology-banner-content .banner-content-inner p {
        font-size: 1.6rem;
        line-height: 28px
    }

    .project-information-list.project-info-amendments>li {
        flex: 0 0 50%;
        max-width: 50%
    }

    .home-tatva-blog-section {
        padding: 35px 0 40px
    }

    .home-tatva-blog-section .home-tatva-blog-grid .blog-grid-item .blog-item-content {
        padding: 15px
    }

    .home-tatva-blog-section .home-tatva-blog-grid .blog-item-content h3 {
        font-size: 18px
    }

    .custom-software-development-service .tatva-customer-section {
        padding-bottom: 2.5rem
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner h3 {
        font-size: 2rem;
        line-height: 2.4rem
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner h3 span {
        margin-right: 12px;
        width: 50px
    }

    .tatva-technology-stack-section .technology-stack-grid-new .grid-item .grid-inner h3 span img {
        max-height: 40px;
        width: 40px
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item .title {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 0 3.7rem;
        margin-bottom: 0
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item+.new-tatva-tech-item,
    .start-project-with-tatva .start-project-with-tatva-grid .start-project-content-item+.start-project-content-item {
        margin-top: 2rem
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item .title:after {
        transform: translateX(-50%) rotate(90deg);
        width: 3.5rem;
        top: 5.3rem;
        right: auto;
        left: 2.7rem;
        background-size: 3.5rem 1rem
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item .right {
        max-width: 100%;
        flex: 0 0 100%
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item .right ul li {
        padding: 1.12rem 1.5rem;
        margin: 0 1.5rem 1.5rem 0;
        font-size: 1.6rem
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item em img {
        max-height: 2rem;
        width: auto;
        min-width: 2rem
    }

    .new-tatva-technology-stack-section .new-tatva-tech-item .title h3 {
        font-size: 1.6rem;
        display: inline-flex;
        padding: .84rem 1.5rem
    }

    .custom-software-type-offer-section,
    .start-project-with-tatva {
        padding: 4rem 0
    }

    .custom-software-type-offer-section .container {
        padding-top: 4rem
    }

    .start-project-with-tatva .start-project-with-tatva-grid .left {
        padding-bottom: 3rem
    }

    .custom-software-type-offer-section .title-wrapper p,
    .tatva-customer-section .title-wrapper p {
        font-size: 1.6rem
    }

    .tatva-service-section+.tatva-customer-section,
    .tatva-technology-stack-section+.tatva-customer-section {
        padding-top: 4rem !important
    }
}

@media(max-width:375px) {
    .new-tatva-technology-stack-section .new-tatva-tech-item .title h3 {
        font-size: 1.5rem;
        padding: .87rem 1.5rem
    }
}

.tatva-why-section .container .title-wrapper p {
    max-width: 960px;
    margin: 0 auto;
    font-size: 2rem;
    line-height: 1.6;
    text-align: center
}

.what-consist-of-section {
    padding-bottom: 7.9rem
}

.what-consist-of-section .what-consist-of-grid .what-consist-of-item {
    max-width: 50%;
    flex: 0 0 50%;
    margin-bottom: 3rem;
    padding: 0 1.5rem;
    display: flex;
    align-items: center
}

.what-consist-of-section .what-consist-of-grid .what-consist-of-item-inner {
    padding: 2.5rem;
    border-left: .4rem solid #368dc5;
    background: #f6f7f8;
    height: 100%
}

.what-consist-of-section .what-consist-of-grid .what-consist-of-item-inner h3 {
    font-size: 2.4rem;
    font-weight: 400;
    color: #0b2e58;
    margin-bottom: 1rem
}

.what-consist-of-section .title-block h2 {
    margin-bottom: 1.8rem;
    text-align: center
}

.what-consist-of-section .title-block p {
    max-width: 911px;
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
    line-height: 1.4
}

.what-consist-of-section .what-consist-of-grid-outer {
    max-width: 139rem;
    margin: 0 auto;
    padding: 0 2.5rem
}

.start-project-with-tatva .start-project-with-tatva-grid .left>h2 {
    margin-bottom: 1rem;
    margin-top: -14px
}

.start-project-with-tatva .start-project-with-tatva-grid .left>p {
    margin-bottom: 3rem;
    font-size: 2rem
}

.tatva-faq-section:has(+ .home-tatva-blog-section) {
    padding-bottom: 2.5rem
}

.tatva-faq-section+.tatva-global-presence-section .content-wrapper .content-inner {
    padding-top: 4rem
}

/*  */
.automated-test-section .test-approch-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 2.1rem;
}

.automated-test-section .test-approch-wrapper .approch-title-block {
    flex: 0 0 17rem;
    max-width: 17rem;
    height: 17rem;
    position: relative;
    z-index: 1;
}

.automated-test-section .test-approch-wrapper .approch-title-block .approch-title-inner {
    border: 0.1rem dashed #0B2E58;
    padding: 1rem;
    border-radius: 50%;
    height: 100%;
    background-color: #FFF;
}

.automated-test-section .test-approch-wrapper .approch-title-block h4 {
    margin: 0;
    font-weight: 400;
    font-size: 1.8rem;
    text-align: center;
    text-transform: uppercase;
    color: #0B2E58;
    background-color: #156BA30F;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.automated-test-section .approch-list-block {
    flex: 1;
}

.automated-test-section .approch-list-block.left-block {
    padding-right: 0.9rem;
}

.automated-test-section .approch-list-block.right-block {
    padding-left: 0.9rem;
}

.automated-test-section .approch-block {
    padding: 1.2rem 3.3rem;
    position: relative;
    background-color: #5598EA0D;
    border: 0.1rem solid #5598EA;
    position: relative;
    min-height: 11.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 373px;
}

.automated-test-section .approch-list-block.left-block .approch-block {
    margin-left: auto;
}

.automated-test-section .approch-list-block.left-block .approch-block:nth-child(even) {
    left: -5.5rem;
}

.automated-test-section .approch-list-block.right-block .approch-block:nth-child(even) {
    right: -5.5rem;
}

.automated-test-section .approch-block .approch-block-inner {
    width: 100%;
}

.automated-test-section .approch-block+.approch-block {
    margin-top: 2rem;
}

.automated-test-section .approch-block>em {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -0.6rem;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #5598EA;
    border-radius: 50%;
}

.automated-test-section .approch-block>em::after {
    position: absolute;
    content: "";
}

.automated-test-section .approch-list-block.right-block .approch-block>em {
    right: auto;
    left: -0.6rem;
}

.automated-test-section .approch-block span {
    display: inline-block;
    padding: 0.2rem;
    border: 0.1rem solid #5598ea;
    background-color: #f8f8f8;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -21px;
}

/* blue box */
.automated-test-section .approch-block.blue-box em::after {
    right: -25px;
    top: calc(100% - 16px);
    transform: rotate(-37deg);
    width: 0.1rem;
    height: 9.9rem;
    background-color: #5598EA;
}

/* green box */
.automated-test-section .approch-block.green-box {
    background-color: #64B02A0D;
    border-color: #64B02A;
}

.automated-test-section .approch-block.green-box>em {
    background-color: #64B02A;
}

.automated-test-section .approch-block.green-box span {
    border-color: #64B02A;
}

.automated-test-section .approch-block.green-box span em {
    background-color: #64B02A;
}

.automated-test-section .approch-block.green-box em::after {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 9rem;
    height: 0.1rem;
    background-color: #64B02A;
}

/* pink */
.automated-test-section .approch-block.pink-box {
    background-color: #F282D90D;
    border-color: #F282D9;
}

.automated-test-section .approch-block.pink-box>em {
    background-color: #F282D9;
}

.automated-test-section .approch-block.pink-box span {
    border-color: #F282D9;
}

.automated-test-section .approch-block.pink-box em {
    background-color: #F282D9;
}

.automated-test-section .approch-block.pink-box em::after {
    right: -28px;
    bottom: 0;
    transform: rotate(37deg);
    width: 0.1rem;
    height: 9.9rem;
    background-color: #F282D9;
}

/* orange */
.automated-test-section .approch-block.orange-box {
    background-color: #FF93000D;
    border-color: #FF9300;
}

.automated-test-section .approch-block.orange-box>em {
    background-color: #FF9300;
}

.automated-test-section .approch-block.orange-box span {
    border-color: #FF9300;
}

.automated-test-section .approch-block.orange-box span em {
    background-color: #FF9300;
}

.automated-test-section .approch-block.orange-box em::after {
    left: -28px;
    top: calc(100% - 13px);
    transform: rotate(37deg);
    width: 0.1rem;
    height: 9.9rem;
    background-color: #FF9300;
}

/* violet */
.automated-test-section .approch-block.violet-box {
    background-color: #A644820D;
    border-color: #A64482;
}

.automated-test-section .approch-block.violet-box>em {
    background-color: #A64482;
}

.automated-test-section .approch-block.violet-box span {
    border-color: #A64482;
}

.automated-test-section .approch-block.violet-box span em {
    background-color: #A64482;
}

.automated-test-section .approch-block.violet-box em::after {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 9rem;
    height: 0.1rem;
    background-color: #A64482;
}

/* purple */
.automated-test-section .approch-block.purple-box {
    background-color: #6360CE0D;
}

.automated-test-section .approch-block.purple-box>em {
    background-color: #6360CE;
}

.automated-test-section .approch-block.purple-box span {
    border-color: #6360CE;
}

.automated-test-section .approch-block.purple-box span em {
    background-color: #6360CE;
}

.automated-test-section .approch-block.purple-box em::after {
    left: -2.8rem;
    bottom: 0;
    transform: rotate(-37deg);
    width: 0.1rem;
    height: 9.9rem;
    background-color: #6360CE;
}

.automated-test-section .approch-list-block.right-block .approch-block span {
    left: auto;
    right: -2.1rem;
}

.automated-test-section .approch-block span em {
    font-style: normal;
    font-size: 1.6rem;
    color: #fff;
    background-color: #5598ea;
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.automated-test-section .approch-block h5 {
    color: #0B2E58;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.6rem;
    line-height: 1.33;
}

.automated-test-section .approch-block ul {
    margin-bottom: 0;
}

.automated-test-section .approch-block ul li {
    padding-left: 1.1rem;
    position: relative;
    font-size: 1.4rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.35;
    margin: 0;
}

.automated-test-section .approch-block ul li::before {
    position: absolute;
    content: "";
    top: 0.6rem;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #156BA3;
    border-radius: 50%;
}

.automated-test-section .approch-block ul li+li {
    margin-top: 0.5rem;
}

.tatva-service-section.outsourcing-advantages-section h2 {
    color: #FFF;
    max-width: 100%;
    margin-bottom: 3.2rem;
    text-align: center;
}

.tatva-service-section.outsourcing-advantages-section {
    padding: 7rem 0 4rem;
}

.tatva-service-section.outsourcing-advantages-section .work-grid-wrapper .work-grid .work-item .work-item-inner {
    background-color: #FFF !important;
    border: none;
}

.tatva-service-section.outsourcing-advantages-section .work-grid-wrapper .work-grid .work-item .work-item-inner h3 {
    color: #0B2E58 !important;
    height: auto !important;
    min-height: auto;
}

.tatva-service-section.outsourcing-advantages-section .work-grid-wrapper .work-grid .work-item .work-item-inner p {
    color: #333 !important;
}

.no-touch .tatva-inner-page .tatva-service-section.tatva-service-has-hover .work-grid-wrapper .work-grid .work-item:not(.no-link-block):hover .work-item-inner .tatva-bullet-list li {
    color: #FFF;
}

.no-touch .tatva-inner-page .tatva-service-section.tatva-service-has-hover .work-grid-wrapper .work-grid .work-item:not(.no-link-block):hover .work-item-inner .tatva-bullet-list li:before {
    background-color: #FFF;
}

.outsourcing-service-section .process-wrapper .process-outer .process-inner p {
    min-height: 9rem;
}

.outsourcing-service-section .process-wrapper .process-outer .process-inner .heading-part h3 {
    margin-bottom: 5px;
}

.offshore-service-section .title-block h2 {
    max-width: 100%;
}

.no-touch .offshore-service-section.has-description-and-inner-page .work-grid-wrapper .work-grid .work-item:hover .work-item-inner {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #e1e1e1;
}

.offshore-development-section {
    padding: 3.8rem 0 0;
}

@media(max-width:1199px) {
    .tatva-why-section .container .title-wrapper p {
        font-size: 1.8rem
    }

    .what-consist-of-section .what-consist-of-grid .what-consist-of-item-inner h3 {
        font-size: 2rem
    }

    .what-consist-of-section {
        padding-bottom: 4.9rem
    }

    .dedicated-development-wrapper .why-dedicated-service-team .work-item.common-grid-item:first-child,
    .dedicated-development-wrapper .why-dedicated-service-team .work-item.common-grid-item:nth-child(2),
    .dedicated-development-wrapper .why-dedicated-service-team .work-item.common-grid-item:nth-child(3) {
        max-width: 50%;
        flex: 0 0 50%
    }

    .dedicated-development-wrapper .what-consist-of-section .title-block {
        margin-bottom: 2rem
    }

    .automated-test-section .approch-block {
        padding: 1.2rem 3rem;
    }

    .automated-test-section .approch-block span {
        left: -1.7rem;
    }

    .automated-test-section .approch-block span em {
        width: 3.4rem;
        height: 3.4rem;
    }

    .automated-test-section .approch-list-block.right-block .approch-block:nth-child(even) {
        right: -3.5rem;
    }

    .automated-test-section .approch-list-block.left-block .approch-block:nth-child(even) {
        left: -3.5rem;
    }

    .automated-test-section .test-approch-wrapper .approch-title-block {
        flex: 0 0 14rem;
        max-width: 14rem;
        height: 14rem;
    }

    .automated-test-section .test-approch-wrapper .approch-title-block .approch-title-inner {
        padding: 0.6rem;
    }

    .automated-test-section .test-approch-wrapper .approch-title-block h4 {
        font-size: 1.6rem;
    }

    .automated-test-section .approch-block.blue-box em::after {
        right: -32px;
        top: calc(100% - 15px);
        transform: rotate(-37deg);
        height: 11.9rem;
    }

    .tatva-service-section.outsourcing-advantages-section {
        padding: 4rem 0 1.6rem;
    }

    .outsourcing-service-section .process-wrapper .process-outer .process-inner .heading-part span:after {
        top: 94px;
        height: 90px;
    }

    .outsourcing-service-section .process-wrapper .process-outer .process-inner .heading-part span em:after {
        top: 142px;
    }

    .offshore-development-section {
        padding: 0;
    }
}

@media(max-width:1024px) {

    .start-project-with-tatva .start-project-with-tatva-grid .left>p,
    .what-consist-of-section .title-block p {
        font-size: 1.8rem
    }

    .what-consist-of-section .what-consist-of-grid .what-consist-of-item-inner {
        padding: 2rem
    }
}

@media(max-width:991px) {
    .start-project-with-tatva .start-project-with-tatva-grid .left>h2 {
        margin-top: 0
    }

    .react-development-service-wrapper .new-tatva-technology-stack-section {
        padding: 5rem 0 !important
    }

    .dot-net-development-wrapper .why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item {
        max-width: 50%;
        flex: 0 0 50%
    }

    .tatva-faq-section+.tatva-global-presence-section .content-wrapper .content-inner {
        padding-top: 0
    }

    .automated-test-section .test-approch-wrapper .approch-title-block {
        flex: 0 0 100%;
        max-width: 100%;
        height: 14rem;
        order: 1;
        margin-bottom: 5rem;
    }

    .automated-test-section .test-approch-wrapper .approch-title-block .approch-title-inner {
        max-width: 14rem;
        margin: 0 auto;
    }

    .automated-test-section .approch-list-block {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .automated-test-section .approch-list-block.left-block {
        order: 2;
        padding: 0;
        margin-bottom: 5rem;
    }

    .automated-test-section .approch-list-block.right-block {
        order: 3;
        padding: 0;
    }

    .automated-test-section .approch-list-block.left-block .approch-block {
        margin: 0 auto 5rem;
    }

    .automated-test-section .approch-list-block.left-block .approch-block:last-child {
        margin-bottom: 0;
    }

    .automated-test-section .approch-list-block.right-block .approch-block {
        margin: 0 auto 5rem;
    }

    .automated-test-section .approch-list-block.right-block .approch-block:last-child {
        margin-bottom: 0;
    }

    .automated-test-section .approch-block+.approch-block {
        margin-top: 0;
    }

    .automated-test-section .approch-list-block.right-block .approch-block:nth-child(even) {
        right: 0;
    }

    .automated-test-section .approch-list-block.left-block .approch-block:nth-child(even) {
        left: 0;
    }

    .automated-test-section .approch-block span {
        left: 50%;
        transform: translateX(-50%);
        top: -2rem;
        z-index: 2;
    }

    .automated-test-section .approch-list-block.right-block .approch-block span {
        left: 50%;
        right: auto;
    }

    .automated-test-section .approch-block {
        padding: 2.5rem 1.5rem 1.5rem;
        max-width: 51rem;
    }

    .automated-test-section .approch-block>em {
        top: auto;
        transform: none;
        right: auto !important;
        width: 0.1rem;
        height: 5.1rem;
        border-radius: 0;
        left: 50% !important;
        bottom: 100%;
    }

    .automated-test-section .approch-block>em::after {
        display: none;
    }

    .automated-test-section .test-approch-wrapper {
        padding: 0;
    }

    .offshore-development-section {
        padding: 3rem 0 0;
    }
}

@media(max-width:767px) {

    .start-project-with-tatva .start-project-with-tatva-grid .left>p,
    .tatva-why-section .container .title-wrapper p,
    .what-consist-of-section .title-block p {
        font-size: 1.6rem
    }

    .what-consist-of-section .what-consist-of-grid .what-consist-of-item {
        max-width: 100%;
        flex: 0 0 100%
    }

    .what-consist-of-section .what-consist-of-grid .what-consist-of-item-inner h3 {
        font-size: 1.8rem
    }

    .what-consist-of-section .what-consist-of-grid .what-consist-of-item-inner {
        padding: 1.5rem
    }

    .what-consist-of-section {
        padding-bottom: 4.4rem
    }

    .react-development-service-wrapper .new-tatva-technology-stack-section {
        padding: 4rem 0 !important
    }

    .dedicated-development-wrapper .what-consist-of-section .title-block {
        margin-bottom: 1.5rem
    }

    .outsourcing-service-section .process-wrapper .process-outer .process-inner .heading-part span:after {
        top: 107px;
        height: 120px;
    }

    .outsourcing-service-section .process-wrapper .process-outer .process-inner .heading-part span em:after {
        top: 162px;
    }

    .offshore-development-section {
        padding: 2rem 0 0;
    }

    .offshore-service-section {
        padding-top: 2rem;
    }
}

@media(max-width:575px) {

    .dedicated-development-wrapper .why-dedicated-service-team .work-item.common-grid-item:first-child,
    .dedicated-development-wrapper .why-dedicated-service-team .work-item.common-grid-item:nth-child(2),
    .dedicated-development-wrapper .why-dedicated-service-team .work-item.common-grid-item:nth-child(3),
    .dot-net-development-wrapper .why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item,
    .dot-net-development-wrapper .why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item:last-child,
    .dot-net-development-wrapper .why-choose-grid-section.tatva-service-section .work-grid-wrapper .common-grid .common-grid-item:nth-last-child(2) {
        max-width: 100%;
        flex: 0 0 100%
    }

    .outsourcing-service-section .process-wrapper .process-outer .process-inner .heading-part span:after {
        top: 92px;
        height: 90px;
    }

    .outsourcing-service-section .process-wrapper .process-outer .process-inner .heading-part span em:after {
        top: 138px;
    }
}