@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap');
body {
    font-family: 'DM Sans', sans-serif;
}

.bred-menu {
    padding-top: 120px;
}

.brd-menu ul {
    display: flex;
    align-items: center;
}

.brd-menu ul li {
    margin: 0 5px;
    transition: .3s;
    font-size: 14px;
}

.brd-menu ul li i {
    margin-left: 5px;
    font-size: 10px;
    color: #6c63ff;
}

.brd-menu ul li.active {
    color: #6c63ff;
    font-weight: 600;
}

.brd-menu ul li a {
    text-decoration: none;
}

.brd-menu ul li:hover {
    color: #cd1241;
}

.blue-card,
.green-card,
.orange-card,
.purple-card,
.red-card,
.redish-card {
    border-radius: 14px
}

.cm-benifites-list ul,
.cm-features-list ul,
.code-lan li,
li {
    list-style: none
}

.cm-section-new {
    padding: 30px 0;
}

.cm-flex {
    display: flex;
    align-items: center;
}

.cm-flx {
    display: flex;
    flex-wrap: wrap;
}

.cm-flx-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

.cm-flex-type-new {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.cm-mb-30 {
    margin-bottom: 30px;
}

.cm-mb-20 {
    margin-bottom: 20px;
}

.cm-mb-10 {
    margin-bottom: 10px;
}

.cm-ml-10 {
    margin-left: 10px;
}

.cm-ml-20 {
    margin-left: 20px;
}

.cm-mt-15 {
    margin-top: 15px;
}

.cm-pos-relative {
    position: relative;
}

.text-red {
    color: #fd5444
}

.app-dev-services ul li a:hover,
.text-red-2 {
    color: #6c63ff
}

.cm-pb-30 {
    padding-bottom: 30px;
}

.text-yellow {
    color: #efc84a
}

.text-green {
    color: #2ec2b8
}

.text-right {
    text-align: right;
}

.red-card,
.redish-card {
    background: linear-gradient(180deg, #ff6c6f 0, #c6282b 100%)
}

.blue-card {
    background: linear-gradient(180deg, #498dcf 0, #2665a4 100%)
}

.orange-card {
    background: linear-gradient(180deg, #ffb06b 0, #d97117 100%)
}

.green-card {
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(180deg, #6adb99 0, #218e4e 100%)
}

.purple-card {
    background: linear-gradient(180deg, #7d6bec 0, #4726a4 100%)
}

.cm-bg-prop {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.cm-algo-started-box,
.cm-flex-type-1.cm-partner-trank,
.cm-industry-choose-left-col h2,
.ny-web p,
.usa-web h3.separate-head {
    margin-bottom: 30px
}

.cm-industry-choose-left-col p,
.ny-android-tech .code-lan span {
    font-size: 20px
}

.cm-ind-heading {
    position: absolute;
    left: 35px;
    top: 40px;
    padding: 20px 15px 20px 45px;
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 9
}

.cm-ind-heading:after,
.cm-ind-heading:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    background-color: #6c63ff;
    height: 8px
}

.cm-ind-heading:after {
    right: unset;
    top: unset;
    bottom: 0;
    left: 0
}

.cm-industry-choose-wrapper .cm-industry-choose-item {
    padding-left: 15px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.cm-industry-choose-item .cm-industry-choose-item-front {
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    background-color: #fff;
    color: #343434;
    padding: 20px 15px;
    bottom: -100%;
    transition: .3s
}

.cm-industry-choose-item:hover .cm-industry-choose-item-front {
    bottom: 135px
}

.cm-industry-choose-item:nth-child(odd) .cm-industry-choose-item-back-header {
    background-color: #6c63ff
}

.cm-industry-choose-item:nth-child(2n) .cm-industry-choose-item-back-header {
    background-color: #fff;
    color: #000
}

.cm-industry-choose-item .cm-industry-choose-item-back {
    transition: .3s
}

.cm-industry-choose-item:hover .cm-industry-choose-item-back {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.cm-industry-choose-item .cm-industry-choose-item-back-header {
    position: relative;
    padding: 50px 15px 70px;
    max-width: 250px
}

.cm-industry-choose-item-back-header>img {
    position: absolute;
    top: -64px;
    left: 50%;
    transform: translateX(-50%)
}

.cm-industry-choose-item-back-header h4 {
    font-size: 20px;
    font-weight: 500
}

.cm-industry-choose-item-back .cm-trigger {
    margin: 25px auto 35px;
    width: 75px;
    height: 75px;
    border: 3px solid #fff;
    border-radius: 50%
}

.cm-industry-choose-item-back .cm-trigger img {
    width: 18px
}

.cm-industry-choose-item .cm-industry-choose-item-back-header:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 40px solid #9e0611;
    bottom: 0;
    left: -40px
}

.cm-industry-choose-item:nth-child(2n) .cm-industry-choose-item-back-header:before {
    border-right-color: #bdb3b3
}

.cm-industry-services-item {
    width: calc(50% - 30px);
    margin: 0 15px 85px;
    min-height: 250px;
    display: flex;
    align-items: flex-end
}

.cm-industry-services-item .cm-industry-services-item-icon {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    top: -50px;
    left: 20px;
    z-index: 4
}

.cm-industry-services-item:nth-child(2n) .cm-industry-services-item-icon {
    left: unset;
    right: 20px
}

.cm-industry-services-item-icon img {
    width: 100px;
    height: 100px
}

.cm-industry-services-wrapper {
    padding-top: 90px
}

.cm-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2
}

.cm-industry-services-item .cm-content {
    position: absolute;
    top: 50%;
    right: -100%;
    width: calc(100% - 80px);
    transform: translateY(-50%);
    height: 100%;
    background-color: #6c63ff;
    color: #fff;
    padding: 50px 15px 15px;
    overflow: auto;
    transition: .6s .3s
}

.cm-industry-services-item:nth-child(2n) .cm-content {
    right: unset;
    left: -100%;
    background-color: #000
}

.cm-industry-services-item:hover .cm-content {
    right: 0
}

.cm-industry-services-item:nth-child(2n):hover .cm-content {
    left: 0
}

.cm-industry-services-item .cm-content h4 {
    font-size: 18px;
    margin-bottom: 10px
}

.cm-industry-services-item .cm-industry-services-item-header {
    width: 100%;
    padding: 20px 25px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    transition: .3s
}

.cm-industry-services-item:hover .cm-industry-services-item-header {
    opacity: 0
}

.cm-industry-services-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    z-index: 1
}

.cm-industry-services-item .cm-industry-services-item-header:after,
.cm-industry-services-item .cm-industry-services-item-header:before {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 5px;
    background-color: #fff;
    right: 15px;
    transition: .3s
}

.cm-industry-services-item .cm-industry-services-item-header:after {
    bottom: 0;
    top: unset;
    left: 15px
}

.cm-industry-services-item:hover .cm-industry-services-item-header:after,
.cm-industry-services-item:hover .cm-industry-services-item-header:before {
    width: 0
}

.cm-industry-gs-container p {
    font-size: 24px;
    font-weight: 500;
    color: #000;
}

.cm-industry-gs-container a.cm-btn {
    font-size: 22px;
    margin-top: 30px
}

.cm-dating-app-box {
    margin-bottom: 30px;
    border-radius: 15px;
    padding: 30px
}

.cm-dating-app-box h3,
.cm-desktop-app-service p {
    font-size: 25px
}

.code-lan li .column,
.dating-app-box img,
.method-cards img {
    width: 100px
}

.cm-mobile-app-box {
    width: calc(33.33% - 30px);
    margin: 0 15px 25px
}

.cm-tb-pad-2,
.our-app-slider .slick-list {
    padding: 20px 0
}

.cm-how-getstarted,
.cm-margin-auto,
.cm-wd-100.cm-txt-center.cm-content-fullwidth {
    margin: 0 auto
}

.cm-custom-herobanner {
    width: 50% !important;
    align-content: justify
}

.stay-organization {
    background: #f3f6ff;
    padding: 50px 80px;
    border-radius: 10px;
    border: 1px solid #cddaff
}

.cm-features-list ul li {
    background: #f3f3f3;
    margin: 20px 0;
    padding: 30px 20px;
    font-size: 20px;
    border-radius: 10px;
    box-shadow: 0 0 7px grey
}

.cm-benefits-page {
    background-color: #fffbe5;
    padding: 40px 30px;
    border-radius: 10px
}

.cm-benifites-list ul li+li {
    border-top: 2px dotted #000;
    padding-top: 15px;
    margin-top: 22px
}

.cm-whychoose-automated {
    margin: auto
}

.cm-center-line {
    width: 10px;
    height: 100%;
    background: #d5d5d5;
    position: absolute;
    top: 0;
    left: calc(50% - 5px)
}

.content-wrapper {
    flex-direction: column;
    width: calc(50% - 63px);
    background: #d5d5d5;
    padding: 20px;
    border-radius: 15px;
    position: relative
}

.cm-wrapper-content.cm-flex-type-1 {
    flex-direction: column;
    align-items: flex-start
}

.content-wrapper:after {
    content: '';
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #d5d5d5;
    right: -30px;
    position: absolute;
    top: 31%
}

.content-wrapper:nth-child(2n):after {
    right: unset;
    left: -30px;
    border-right: 30px solid #d5d5d5;
    border-left: none
}

.content-wrapper:nth-child(2n) {
    align-self: end
}

.content-wrapper .cm-circle-point:before {
    content: '';
    width: 25px;
    height: 25px;
    background-color: #d5d5d5;
    position: absolute;
    border-radius: 50%;
    top: 44%;
    right: -75px;
    z-index: 99
}

.content-wrapper .cm-circle-point:after {
    content: '';
    width: 40px;
    height: 40px;
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    top: 39%;
    right: -83px;
    z-index: 9
}

.content-wrapper:nth-child(2n) .cm-circle-point:before {
    right: unset;
    left: -75px
}

.content-wrapper:nth-child(2n) .cm-circle-point:after {
    right: unset;
    left: -83px
}

.cm-how-getstarted .cm-flex-type-1 {
    flex-wrap: wrap
}

.cm-algo-started-box:nth-child(2n),
.cm-algo-started-box:nth-child(odd) {
    width: calc(50% - 20px);
    border-radius: 20px;
    border: 1px solid;
    padding: 50px;
    position: relative
}

.cm-algo-started-box p,
.cm-houselist.cm-full-wd-mob.cm-flex-type-1 h3,
.cm-why-trust-trank p {
    font-size: 22px
}

.project-crm button.slick-next.slick-arrow,
.project-crm button.slick-prev.slick-arrow {
    bottom: -60px;
    width: 40px;
    height: 40px;
    font-size: 0;
    background: #ffffff61;
    box-shadow: 0 0 3px grey;
    cursor: pointer;
    position: absolute
}

.cm-algo-started-box:after {
    content: '';
    background-image: url('../industry/algo-trading/Group 308.webp');
    width: 121px;
    height: 76px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 40%;
    right: -16%
}

.cm-algo-started-box:nth-child(2):after {
    transform: 180deg;
    transform: rotate(109deg);
    bottom: 0;
    top: 94%;
    left: -15%
}

.cm-algo-started-box:nth-child(4):after {
    background-image: none
}

.cm-how-getstarted .cm-custom-service .cm-custom-line,
.crm-project-head .cm-custom-line {
    width: 50%;
    border: 2px solid red
}

.cm-wd-50.cm-custom-service {
    box-shadow: 0 0 20px -2px #e7e7e7;
    padding: 50px 40px;
    margin: 10px 20px;
    width: calc(50% - 45px);
    border-radius: 10px
}

.cm-custom-service-developer {
    width: calc(33.33% - 25px);
    border: 1px solid gray;
    padding: 30px;
    margin: 10px;
    border-radius: 15px
}

.cm-custom-service-developer img {
    width: 20%
}

.cm-section.cm-section-hero-banner-cfd {
    padding-top: 150px
}

.cm-wd-50.cm-full-wd-mob.cm-custom-service.cm-pos-relative img {
    background-color: #f0f8ff;
    width: 90px;
    height: 90px;
    position: absolute;
    top: -40px;
    right: 50%;
    transform: translate(50%)
}

.cm-wd-50.cm-full-wd-mob.cm-custom-service.cm-pos-relative,
.dubai-slider {
    margin-bottom: 60px
}

.cm-wd-100.cm-cfd-software-box.box-shadow-2.cm-lr-pad.cm-mb-30 {
    padding: 30px;
    border-radius: 10px
}

.cm-desktop-service {
    width: calc(33.33% - 30px);
    box-shadow: 0 0 13px 7px #dbdbdb;
    margin: 30px 15px;
    padding: 40px 30px 30px;
    border-radius: 20px
}

.cm-desktop-service img {
    position: absolute;
    width: 80px;
    top: -30px
}

.cm-desktop-points.cm-wd-100.cm-full-wd-mob.cm-lr-pad div:nth-child(odd),
.cm-desktop-points.cm-wd-60.cm-full-wd-mob.cm-lr-pad div:nth-child(odd) {
    margin: auto auto 30px;
    background: #ffd5d5;
    padding: 20px;
    border-radius: 10px
}

.cm-desktop-points.cm-wd-100.cm-full-wd-mob.cm-lr-pad div:nth-child(2n),
.cm-desktop-points.cm-wd-60.cm-full-wd-mob.cm-lr-pad div:nth-child(2n) {
    margin-bottom: 30px;
    background: #dbecff;
    padding: 20px;
    border-radius: 10px
}

.cm-desktop-points p,
.content h6,
.dl-section .dl-text h4 {
    font-size: 18px
}

.cm-customize-crm {
    background-color: #f8fcff
}

.cm-hrm-management-app,
.cm-page-management {
    list-style-type: none;
    counter-reset: css-counter 0
}

.cm-hrm-management-app .count,
.cm-page-management .count {
    counter-increment: css-counter 1;
    display: flex;
    align-items: baseline;
    margin-bottom: 30px
}

.cm-hrm-management-app .count:before,
.cm-page-management .count:before {
    content: counter(css-counter) ". ";
    font-size: 30px;
    margin-right: 18px
}

.project-crm button.slick-prev.slick-arrow {
    left: 50%;
    border: 0;
    border-radius: 50%
}

.project-crm button.slick-prev.slick-arrow:before {
    content: "\f105";
    font: 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.project-crm button.slick-next.slick-arrow:before {
    content: "\f104";
    font: 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.project-crm button.slick-next.slick-arrow {
    left: 40%;
    border: 0;
    border-radius: 50%
}

.cm-why-trust-trank {
    background-color: pink;
    padding: 40px;
    border-radius: 10px
}

.cm-page-center.cm-flex-type-1.cm-wrap-mob {
    padding: 40px 0
}

.count.cm-wd-50 {
    width: calc(50% - 50px);
    margin: 18px 25px
}

.cm-customize-hrm {
    background: linear-gradient(21deg, #000, #004f96, #004f96, #004f96);
    color: #fff;
    padding: 50px 0
}

.cm-webportal-trading-service {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 40px;
    width: calc(50% - 40px)
}

.top-feature-portal-trading {
    width: calc(33.33% - 30px);
    padding: 30px 29px;
    margin-bottom: 30px;
    border-radius: 15px;
    box-shadow: 0 0 20px 8px #c7c7c769
}

.cm-partner-trank img {
    margin-right: 20px;
    width: 60px;
    height: 60px
}

.cm-wd-50.cm-webportal-trading-service img,
.gra-ny .column-inner img {
    width: 70px
}

.b-card img,
.newyork-motive img,
.top-feature-portal-trading img,
.v-cards img {
    width: 60px
}

.stock-trading-massa {
    color: #fff;
    background-color: #0f1c49;
    padding: 40px;
    border-radius: 10px
}

.cm-wd-50.cm-webportal-trading-service.cm-full-wd-mob.cm-flex-type-1 img {
    margin-right: 60px
}

.box-trading-massachusetts {
    padding: 30px;
    width: calc(33.33% - 20px);
    border-radius: 10px;
    color: #fff
}

.cm-health-tracking-feature {
    --initialBgColor: #e9eaff;
    --slideBgColor: #FFF;
    width: calc(25% - 15px);
    margin-bottom: 30px;
    cursor: pointer;
    padding: 20px;
    background: 0 0/200% #fbfcff;
    background-image: linear-gradient(90deg, var(--initialBgColor) 0, var(--initialBgColor) 50%, var(--slideBgColor) 50%, var(--slideBgColor) 100%);
    transition: background-position .3s cubic-bezier(.47, .1, 1, .63), color .2s linear;
    transition-delay: 0s, 0.15s;
    border-radius: 5px
}

.cm-health-tracking-feature:hover {
    background-position: -100% 200%;
    cursor: pointer;
    box-shadow: 0 0 5px #e5e5e5
}

.cm-health-tracking-feature h4 {
    line-height: 1.3;
    margin-bottom: 15px;
    text-align: center
}

.cm-health-tracking-feature h4:after {
    content: "";
    width: 59%;
    border: 1px solid #99b2ff;
    display: block;
    margin: 7px auto auto
}

.cm-houselist.cm-full-wd-mob.cm-flex-type-1 img {
    width: 60px;
    margin-right: 30px
}

.cm-houselist.cm-full-wd-mob.cm-flex-type-1 {
    margin-bottom: 20px;
    width: 100%
}

.cm-amenitiesbox {
    width: calc(50% - 10px)
}

.cm-houselist-1 {
    background: #7272720d;
    width: calc(33.33% - 15px);
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 5px
}

.cm-houselist-1:before {
    content: '';
    width: 10px;
    height: 10px
}

.cm-lr-pad.cm-bookings-travelapp {
    width: calc(50% - 20px)
}

.cm-lr-pad.cm-bookings-travelapp ul li {
    font-size: 22px;
    font-weight: 500;
    position: relative;
    padding: 10px 20px;
    border-radius: 40px;
    margin: 25px 0;
    text-align: center;
    list-style: none;
    box-shadow: inset 0 0 30px #00347a;
    color: #fff;
    background: linear-gradient(63deg, #000, transparent, transparent, transparent)
}

.cm-lr-pad.cm-bookings-travelapp ul li:hover>span {
    transition: .4s;
    width: 80px;
    height: 80px
}

.cm-lr-pad.cm-bookings-travelapp ul li span {
    content: "";
    width: 70px;
    position: absolute;
    top: 0;
    left: -17px;
    height: 70px;
    line-height: 70px;
    background: #00347a;
    border-radius: 50%;
    box-shadow: inset 1px 0 13px #fff;
    text-align: center
}

.cm-lr-pad.cm-bookings-travelapp ul li img {
    width: 60%;
    vertical-align: middle;
    line-height: 1.5;
    display: inline-block
}

.cm-rn-choose-item.cm-houselisting-points h4 {
    padding: 20px;
    margin: 20px 0;
    display: block;
    box-shadow: 0 0 2px #cbc9c9;
    border-radius: 5px
}

.massachusetts-banner h6 {
    font-size: 20px;
    color: #e40000;
    letter-spacing: 1.5px
}

.massachusetts-banner::before {
    content: "";
    left: -170px;
    bottom: 100px;
    position: absolute;
    width: 54%;
    height: 390px;
    background: linear-gradient(91.91deg, #e3e3e3 4.29%, #ffe9e8 64.86%);
    border-radius: 20px;
    transform: rotate(-15deg);
    opacity: .5;
    z-index: -1
}

.marketing-sectoion::before,
.redefined-section::after {
    background: linear-gradient(91.91deg, #f36265 4.29%, #771012 64.86%);
    position: absolute;
    content: ""
}

.massachusetts-banner h1 {
    font-size: 50px;
    line-height: 1.2;
    margin-bottom: 20px
}

.redefined-section::after {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) rotate(-38deg);
    width: 35px;
    height: 35px;
    border-radius: 6px
}

.redefined-section .cm-wd-40 img {
    border-radius: 30px
}

.ny-android-tech .code-lan li,
.redefined-section h2,
.redefined-section p {
    padding-bottom: 20px
}

.redefined-section h2 span,
.redefined-section p span {
    color: #e40000
}

.b-card,
.dl-sec .column-inner,
.dl-section .column-inner,
.marketing-sectoion,
.method-cards,
.newyork-motive,
.step-text,
.tech-we-use .technologies,
.why-us {
    text-align: center
}

.marketing-sectoion::before {
    left: 100px;
    bottom: -14px;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    border-radius: 3px
}

.marketing-sectoion:after {
    content: "";
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 80%;
    background: #fdf6f5;
    z-index: -1
}

.my-section::after {
    content: "";
    left: 0;
    bottom: 12px;
    position: absolute;
    width: 100%;
    height: 90%;
    background: #fdf6f5;
    z-index: -1;
}

.delhi-banner::after,
.dl-section::after,
.redefineddl-section::after {
    left: 0;
    width: 100%;
    background-size: cover
}

.marketing-sectoion img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 20px
}

.marketing-sectoion .text {
    max-width: 860px;
    margin: 0 auto
}


/* .massachusetts-banner ul,
.redefined-section ul {
  padding-left: 20px
} */

.choose-slider-section h3 span {
    color: #6c63ff;
    margin-bottom: 10px;
    display: inline-block
}

.choose-slider-section p,
.redefineddl-section h2 {
    padding-bottom: 10px
}

.slider-l-space {
    padding-left: 5%
}

.choose-slider .draggable {
    padding-right: 20% !important;
    padding-bottom: 30px;
    margin-left: -20px
}

.app-slider,
.choose-item {
    padding: 10px 20px
}

.progress {
    display: block;
    width: 100%;
    height: 5px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: linear-gradient(to right, #6c63ff, #6c63ff);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.our-android-process p,
div#choose-bar {
    margin-bottom: 50px
}

.dl-lp-choose-section,
div#majorSlider {
    padding-top: 40px
}

#majorSlider .slick-list.draggable {
    padding-right: 30% !important
}

.choose-item img {
    border-radius: 10px;
    margin-bottom: 20px;
    object-fit: cover
}

.choose-item span {
    color: #e40000;
    font-weight: 600;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 10px
}

.choose-item h5 {
    padding-bottom: 15px
}

.delhi-banner,
.newyork-banner {
    padding: 0px 0 50px;
    position: relative
}

.delhi-banner .cm-lr-pad {
    position: relative;
    z-index: 1
}

.delhi-banner .content-div h5,
.dl-sec .dl-sec-text h4 {
    color: #6c63ff;
    font-size: 22px
}

.delhi-banner .content-div h1 {
    font-size: 47px;
    line-height: 1.2;
    padding-bottom: 20px
}

.android-app-newyork h1 span,
.app-dev-services h2 span,
.delhi-banner .content-div h1 span,
.developing-section h2 span,
.dl-cost-section .cm-txt-center h3 span,
.dl-cost-section .column-inner h4 a,
.dl-lp-choose-section h3 span,
.dl-sec h3 span,
.dl-section .cm-txt-center h3 span,
.dl-slider h3 span,
.dubai-page h1 span,
.newyork-app h1 span,
.redefineddl-section h2 span,
.uiux-ny h1 span,
.usa-heading h1 span {
    color: #6c63ff
}

.delhi-banner .content-div p {
    font-size: 16px;
    text-align: justify
}

.delhi-banner .cm-flex.cm-wrap-mob {
    padding: 60px 0 0;
    align-items: center
}

.delhi-banner .content-div {
    padding: 0 0 30px 75px
}

.code-lan,
.dl-section,
.process-arrows,
.redefineddl-section {
    position: relative
}

.redefineddl-section h5 {
    text-transform: uppercase;
    color: #6c63ff
}

.dl-cost-section .cm-txt-center h3,
.dl-lp-choose-section h3,
.dl-sec h3,
.dl-section .cm-txt-center h3,
.dl-slider h3 {
    font-size: 40px;
    line-height: 1.2;
    padding-bottom: 20px
}

.dl-section .cm-txt-center p,
.why-us h6 {
    font-size: 16px
}

.dl-cost-section .cm-txt-center p,
.dl-sec p {
    font-size: 16px;
    max-width: 760px;
    margin: 0 auto;
    padding-top: 10px
}

.dl-lp-choose-section .column-inner img {
    height: 80px
}

.delhi-banner-img img {
    width: 80%;
}

.newyork-banner h1 {
    position: absolute;
    top: 22%;
    left: 10%;
    color: #fff;
    font-size: 60px;
    line-height: 1.2
}

.choose-us h5,
.dubai-page h5,
.redefinedny-section h5 {
    color: #e63438;
    font-style: italic;
    font-size: 16px;
    margin-bottom: 10px
}

.redefinedny-section img {
    width: 90%
}

.dl-slider p,
.ny-slider p,
.redefineddl-section p {
    text-align: justify
}

.ny-slider-section {
    width: 100%;
    background: url(../new-assets/services/app-dev/statue-of-liberty.webp) top/cover;
    padding: 100px 0 80px
}

.clients h2 span,
.delhi-section h3 span,
.dubai-process h2 span,
.dubai-slider h2 span,
.dubai-text h2 span,
.methodology-section h2 span,
.newyork-app-trank h2 span,
.ny-gra-service h2 span,
.ny-services-text h2 span,
.ny-slider h2 span,
.ny-slider-section h3 span,
.ny-slider-section h4 span,
.usa-heading-small h2 span,
.usa-heading-small-type-2 h2 span,
.usa-heading-small-type-3 span,
.which-app h2 span {
    color: #e63438
}

.content h4,
.content h6 span {
    color: #f24b4e
}

.delhi-section h3,
.ny-slider-section h3 {
    font-size: 38px;
    padding: 0 0 30px;
    line-height: 1.2
}

.clients p,
.our-services-slider p {
    text-align: center;
    font-size: 18px;
    max-width: 840px;
    margin: 0 auto;
    padding-bottom: 50px
}

.our-services-slider {
    width: 100%;
    background: url(../new-assets/services/app-dev/new-york.webp) center/cover
}

.content p,
.newyork-app-trank p {
    font-size: 18px;
    padding-bottom: 10px
}

.clients h2,
.dubai-process h3,
.dubai-text h3,
.methodology-section h2,
.newyork-app-trank h2,
.ny-gra-service h2,
.ny-services-text h2,
.ny-slider h2,
.usa-heading-small-type-2 h3,
.which-app h2 {
    font-size: 38px;
    padding: 60px 0 20px;
    line-height: 1.2
}

.projects-slider {
    width: 100%;
    background: linear-gradient(to right, #3f3f3f 80%, #f24b4e 20%);
    padding: 100px 50px 50px
}

.content h4 {
    padding-bottom: 10px;
    display: flex
}

.content h4 span {
    margin-left: auto
}

.ny-slider-section .cm-wd-25 {
    width: calc(40% + 125px)
}

.clients img,
.ny-slider-section .cm-wd-25 img {
    border-radius: 20px
}

.ny-slider-section .cm-wd-75 {
    width: 60%;
    box-shadow: 0 5px 21px rgba(0, 0, 0, .09);
    padding: 60px 100px 60px 150px
}

.ny-slider-section .slick-slider-dots {
    text-align: right;
    padding-right: 100px
}

.our-services-slider .cm-wd-25 {
    width: 30%;
    z-index: 1
}

.android-ny img,
.our-services-slider .cm-wd-25 img,
.technologies-ny,
.technology-we-use {
    width: 100%
}

.our-services-slider .cm-wd-75 {
    width: 70%;
    position: relative
}

.content h5 {
    font-style: italic;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: rotate(-90deg)
}

.dl-section .column-inner img,
.step-icon img {
    width: 50px
}

.dl-sec .column-inner img {
    width: 150px
}

.dl-cost-section .column-inner {
    padding-right: 20px;
    padding-top: 20px
}

.dl-cost-section .column-inner img {
    width: 100%;
    position: relative;
    border-radius: 10px
}

.dl-cost-section .column-inner h4 {
    color: #6c63ff;
    text-transform: capitalize
}

.dl-cost-section .column-inner p {
    color: #000;
    font-size: 16px
}

.dl-cost-section .column-inner .inner-text {
    transform: skew(0deg, -6deg);
    box-shadow: 0 0 5px;
    padding: 60px 20px;
    border-bottom-left-radius: 40px;
    position: relative;
    bottom: 72px;
    z-index: 9;
    background: #fff
}

.dl-cost-section .column-inner .text {
    transform: skew(0deg, 6deg);
    position: unset;
    padding: 0
}

.text a b {
    color: #000 !important
}

.newyork-app {
    padding: 0% 0 0 5%
}

.android-app-newyork h1,
.dubai-page h1,
.newyork-app h1,
.uiux-ny h1,
.usa-heading h1 {
    font-size: 52px;
    line-height: 1.2;
    margin-bottom: 10px
}

.newyork-app p {
    font-size: 16px;
    margin-bottom: 10px
}

.newyork-app-trank p {
    max-width: 800px;
    margin: 0 auto;
    font-size: 16px
}

.newyork-app-trank .left-image {
    margin-left: -53px
}

.newyork-app-trank .right-image {
    margin-right: -53px
}

.app-dev-services h2,
.developing-section h2,
.developing-section h5,
.dubai-inner-cards h5,
.usa-heading-small h3,
.v-new-cards h5 {
    margin-bottom: 10px
}

.developing-section h5,
.v-cards p {
    font-size: 14px
}

.successful-app {
    width: 100%;
    background: url(../new-assets/services/app-dev/app-development/success-banner.webp) 0 0/contain no-repeat
}

.methodology-section p {
    font-size: 16px;
    margin-bottom: 50px
}

.method-cards {
    width: 33.33%;
    padding-right: 30px
}

.dubai-inner-cards img,
.method-cards img.aos-init.aos-animate {
    width: 80px;
    margin-bottom: 10px
}

.app-slider h5,
.dubai-testimonials-slider i,
.method-cards h5 {
    color: #6c63ff;
    font-size: 20px;
    margin-bottom: 10px
}

.in-dubai,
.step-text *,
.uiux-cards h4,
.uiux-cards h5,
.uiux-cards p,
.us-dubai h6 {
    color: #fff
}

.method-cards p,
.process-cards .card-text p {
    font-size: 16px;
    margin-bottom: 0
}

.our-app-slider .app-slider {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    margin: 0 10px;
    border-radius: 20px;
    text-align: center
}

.process-cards,
.tech-we-use .technologies {
    box-shadow: 0 3.33451px 8.33628px rgba(0, 0, 0, .1)
}

.app-slider p {
    margin-bottom: 0
}

.why-us img.aos-init.aos-animate {
    width: 150px;
    margin-bottom: 5px
}

.code-lan::after {
    content: "";
    left: 50%;
    top: 0;
    position: absolute;
    width: 2px;
    height: 100%;
    background: #4e4e4e;
    z-index: -1;
    opacity: .1
}

.code-lan li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 50px
}

.code-lan li:last-of-type,
.usa-design .code-lan li:last-of-type {
    padding-bottom: 0
}

.code-lan li span {
    padding: 20px 10px;
    display: inline-block;
    color: red;
    font-weight: 600;
    background: #fff
}

.code-lan img {
    width: 40px;
    margin-bottom: 0 !important
}

.android-ny {
    padding-top: 8%
}

.newyork-motive {
    display: flex;
    flex-wrap: wrap;
    padding: 60px 0% 0 0;
    justify-content: center
}

.newyork-motive div {
    margin-right: 120px;
    margin-bottom: 50px
}

.newyork-motive div:last-of-type,
.technologies:last-of-type,
.why-us:last-of-type {
    margin-right: 0
}

.android-app-newyork {
    margin-top: 110px;
    position: relative
}

.wrapper {
    z-index: 999;
    position: relative
}

.android-app-newyork-text {
    padding: 10px 0px;
}

.android-app-newyork .img-box img {
    width: 400px;
    position: absolute;
    right: 0;
    top: -48px;
    z-index: 1
}

.android-newyork {
    background: url(../new-assets/services/app-dev/android-development/custom-android-app.webp) center/contain;
    width: 100%
}

.android-developing img {
    width: 50%;
    display: inline-block
}

.dubai-text p,
.ny-android p,
.ny-gra-service p,
.ny-services-text p,
.ny-web p,
.ux-advance p {
    max-width: 650px;
    margin: 0 auto 20px
}

.ny-android-tech .code-lan li .column {
    width: 500px
}

.ny-android-tech .code-lan img {
    width: 100%;
    margin-bottom: 0 !important
}

.ny-android-tech .column .text-red {
    font-size: 20px;
    font-weight: 600
}

.ny-android-tech .code-lan::after {
    top: 10%;
    height: 75%;
    border: 1px dashed #6c63ff;
    opacity: 1;
    background: 0 0
}

.b-card,
.btn-red a,
.process-cards {
    border-radius: 10px
}

.tech-we-use .technologies {
    background-color: #fff;
    padding: 20px;
    margin-right: 50px
}

.tech-we-use .technologies img {
    width: 70px;
    height: 70px
}

.tech-we-use .technologies p {
    margin-bottom: 0 !important;
    font-size: 18px;
    font-weight: 600
}

.process-cards {
    margin: 0 80px 50px;
    z-index: 1
}

.process-cards .card-head {
    background-color: #6c63ff;
    color: #fff;
    padding: 5px
}

.process-cards .card-text {
    padding: 20px 40px;
    background-color: #fff
}

.process-arrows .process-cards {
    z-index: 1;
    position: relative;
    width: calc(50% - 160px)
}

.process-arrows::after {
    content: url("../new-assets/services/app-dev/android-development/arrow-2.png");
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.process-arrows::before {
    content: url(../new-assets/services/app-dev/android-development/arrow-1.png);
    left: 50%;
    bottom: -7px;
    position: absolute;
    transform: translateX(-50%)
}

.process-arrows:last-of-type::before {
    display: none
}

.uiux-ny {
    width: 100%;
    background: url(../new-assets/services/app-dev/uiux-development/uiux-banner.webp) center/contain;
    margin-top: 130px
}

.ny-services-text {
    width: 100%;
    background: url(../new-assets/services/app-dev/uiux-development/ui-banner.webp) center
}

.ux-advance .app-slider img {
    width: 150px;
    margin: 0 auto 20px
}

.uiux-cards {
    padding: 20px 30px;
    margin: 20px;
    width: calc(33.33% - 40px);
    position: relative
}

.uiux-cards::after {
    content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    background-color: #fd3e3e;
    bottom: -3px;
    right: -2px;
    border-top-left-radius: 6px
}

.uiux-cards:nth-child(2):after {
    background-color: #448cd4
}

.uiux-cards:nth-child(3):after {
    background-color: #fbab64
}

.uiux-cards:nth-child(4):after {
    background-color: #61d290
}

.uiux-cards:nth-child(5):after {
    background-color: #7a67e8
}

.uiux-cards:nth-child(6):after {
    background-color: #fd3e3e
}

.uiux-cards::before {
    content: "";
    position: absolute;
    width: 44px;
    height: 82px;
    background-color: #fff;
    bottom: -31px;
    right: -10px;
    border-radius: 6px;
    z-index: 1;
    transform: rotate(45deg)
}

.uiux-cards img {
    width: 80px
}

.uiux-cards h4 {
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent
}

.vision-cards .v-cards {
    width: calc(33.33% - 20px);
    margin: 0 10px
}

.v-cards h5 {
    color: #6c63ff;
    font-size: 16px
}

.web-ny-support {
    width: 100%;
    background: url(../new-assets/services/app-dev/web-development/support-ny.webp) center/cover
}

.b-card {
    background: #fff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .15);
    margin: 10px;
    padding: 30px 40px
}

.b-card h5 {
    color: #6c63ff;
    margin-bottom: 10px;
    font-size: 18px
}

.web-ny-support .cm-wd-50:nth-child(2) {
    margin-top: 50px
}

.professional-web-dev .code-lan li .column {
    width: 250px;
    margin: 20px 70px
}

.professionl-dev {
    width: 100%;
    background: url(../new-assets/services/app-dev/web-development/professional-ny.webp) center/cover
}

.why-trank-ny {
    padding: 50px 0 30px
}

.technologies-ny figure {
    width: 100px;
    margin: 0 auto
}

.ny-techs {
    padding: 30px 0 50px
}

.ny-gra-service img {
    width: 250px
}

.ny-gra-service .cm-wd-50 {
    margin: 30px 0
}

.btn-red a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 25px;
    text-decoration: none;
    background: #6c63ff;
    color: #fff;
}

.v-new-cards {
    box-shadow: -6px 4px 8px rgba(0, 0, 0, .1), 0 22px 24px rgba(0, 0, 0, .05);
    border-radius: 20px;
    padding: 20px 60px
}

.graphic-new-york {
    padding: 0 5%
}

.ny-design .btn-red {
    margin-top: 20px
}

.ny-design {
    width: 100%;
    background: url(../new-assets/services/app-dev/graphic-development/graphic-banner.webp) right/contain no-repeat
}

.dubai-page {
    width: 100%;
    background: url(../new-assets/services/app-dev/landing-page-uae/burj-khalifa.webp) left/contain no-repeat;
    padding-top: 9%;
    padding-left: 70px
}

.dubai-inno img {
    width: 80%;
    display: inline
}

.building-back {
    width: 100%;
    background: url(../new-assets/services/app-dev/landing-page-uae/enterprise-background.webp) center/contain
}

.dubai-inner-cards {
    width: calc(50% - 20px);
    margin: 10px;
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    border-radius: 25px;
    padding: 30px
}

.method-cards-dubai img {
    width: 80%
}

.dubai-process ul {
    justify-content: center
}

.step-icon {
    padding: 20px 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.step-text {
    background: #6c63ff;
    padding: 15px 50px;
    width: 180px;
    height: 91px
}

.dubai-process {
    margin-bottom: 100px
}

.dubai-process ul li:nth-child(odd) .step-text {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px
}

.dubai-process ul li:nth-child(2n) .step-text {
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px
}

.dubai-process ul li:first-of-type .step-text {
    border-top-left-radius: unset;
    border-bottom-left-radius: 40px
}

.dubai-process ul li:last-of-type .step-text {
    border-top-right-radius: 40px;
    border-bottom-right-radius: unset
}

.dubai-specialist {
    width: 100%;
    background: url(../new-assets/services/app-dev/landing-page-uae/footer-background.webp) center/cover no-repeat;
    padding: 60px 0;
    margin-bottom: 60px
}

.us-dubai {
    width: calc(20% - 20px);
    margin: 10px
}

.in-dubai {
    background-color: #6c63ff;
    padding: 20px;
    margin-bottom: 10px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px
}

.dubai-slider-inner {
    padding-left: 80px
}

.dubai-slider h3,
.usa-heading-small h3 {
    font-size: 38px;
    line-height: 1.2
}

.dubai-testimonials-slider {
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    border-radius: 21px;
    padding: 20px;
    border-left: 20px solid #6c63ff;
    margin-right: 20px
}

.dubai-testimonials-slider span {
    margin-left: 5px;
    font-weight: 600
}

.dubai-testimonials .draggable {
    padding: 20px 15% 20px 0
}

.usa-page {
    width: 100%;
    background: url(../new-assets/services/app-dev/landing-page-usa/usa-banner.webp) bottom/cover;
    padding-bottom: 192px
}

.usa-heading {
    padding-left: 60px
}

.usa-heading p {
    margin-bottom: 10px;
    font-size: 16px
}

.usa-design {
    margin-top: -190px
}

.usa-solutions {
    background: #fff;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, .15);
    border-radius: 30px;
    margin: 0 10px;
    width: calc(33.33% - 20px);
    padding: 20px 40px
}

.slider-wd-25,
.usa-cards .v-cards,
.usa-slider {
    width: calc(25% - 20px)
}

.usa-solutions img {
    width: 120px;
    margin-top: -80px
}

.usa-heading-small p {
    margin-bottom: 100px;
    font-size: 16px
}

.usa-web {
    padding: 100px 0 10px
}

.usa-web .code-lan li {
    padding-bottom: 25px
}

.usa-web .code-lan li span {
    padding: 5px 0
}

.usa-web .code-lan li .column {
    width: 300px
}

.usa-industry .dubai-slider-inner {
    padding-left: 0
}

.only-pics h5.text-red {
    margin-top: -50px
}

.usa-cards .v-cards {
    background: #fff;
    box-shadow: 0 6px 11px rgba(0, 0, 0, .1);
    border-radius: 15px;
    padding: 20px 10px;
    margin: 0 10px
}

.slider-wd-25 {
    margin: 0 10px
}

.usa-slider {
    margin: 20px 10px
}

.usa-heading-small h2,
.usa-heading-small-type-3 h2 {
    font-size: 40px;
    line-height: 1.2
}

.ecom-head h2 {
    line-height: 1
}

.ecom-head ul li {
    margin: 9px 0;
    position: relative
}

.app-dev-services ul li {
    margin: 10px 0;
    position: relative
}

.app-dev-services ul li i {
    position: absolute;
    left: -20px;
    color: #6c63ff;
    font-size: 16px;
    top: 2px
}

.app-dev-services ul {
    margin-left: 25px
}

.app-dev-services ul li a {
    font-size: 16px;
    text-decoration: none;
    transition: .3s
}


/* worcester */

.worcester-page {
    padding-top: 0px;
}

.for-text h1 {
    font-size: 52px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.for-text h1 span,
.for-small-text span,
.for-smaller-text h3 span {
    color: #6c63ff;
}

.for-text p,
.for-small-text p {
    font-size: 16px;
}

.for-smaller-text h3 {
    font-size: 22px;
}

.for-text h6,
.for-small-text h6 {
    font-size: 15px;
    margin-bottom: 10px;
}

.cm-flex-only {
    display: flex;
    flex-wrap: wrap;
}

.for-image img {
    margin-left: auto;
}

.our-expert {
    width: 25%;
    position: relative;
}

.our-expert::before,
.our-expert::after {
    content: '';
    position: absolute;
    width: 75px;
    height: 75px;
    background: #fff;
    z-index: -1;
}

.our-expert::before {
    top: -15px;
    left: -15px;
    border-top: 5px solid #6c63ff;
    border-left: 5px solid #6c63ff;
}

.our-expert::after {
    bottom: -15px;
    right: -15px;
    border-bottom: 5px solid #6c63ff;
    border-right: 5px solid #6c63ff;
}

.our-expert h3 {
    color: #6c63ff;
    font-size: 18px;
}

.our-expert p {
    font-size: 16px;
}

.for-small-text h2 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.for-width p {
    max-width: 800px;
    margin: 0 auto;
}

.cu-card {
    width: calc(25% - 20px);
    margin: 0 10px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 5px;
    padding: 10px;
    border-radius: 10px;
}

.cu-card h3 {
    font-size: 17px;
    color: #6c63ff;
}


/* AI Page CSS */

.ai-business {
    width: calc(33.33% - 20px);
    margin: 10px 10px;
}

.ai-process {
    width: calc(25% - 20px);
    margin: 0 10px;
    text-align: center;
}

.ai-process img {
    width: 70px;
}

.ai-process h4 {
    color: #6c63ff;
    font-size: 20px;
}

.for-small-text p b {
    font-size: 18px;
}

#chooseSlider .slick-arrow,
#majorSlider .slick-arrow {
    position: absolute;
    top: 50%;
    border: none;
    background: transparent;
    font-size: 0;
    z-index: 1;
    left: 0;
    width: 40px;
    cursor: pointer;
}

#chooseSlider .slick-next.slick-arrow,
#majorSlider .slick-next.slick-arrow {
    right: 0;
    left: auto;
}

#majorSlider,
#chooseSlider {
    padding-left: 50px;
    padding-right: 50px;
}

#chooseSlider .slick-prev:before,
#majorSlider .slick-prev:before {
    border: solid #6c63ff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 0px;
    transform: rotate(135deg);
    color: #fff;
    font-size: 12px;
}

#chooseSlider .slick-next:before,
#majorSlider .slick-next:before {
    border: solid #6c63ff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 0px;
    transform: rotate(-45deg);
    color: #fff;
    font-size: 12px;
}


/* new ui ux page */

.philos {
    margin: 0 10px;
    width: calc(33.33% - 20px);
    background-color: rgb(230, 230, 230);
    padding: 20px;
    border-radius: 10px;
}

.philos h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.process-section {
    background-color: rgb(230, 230, 230);
    padding: 30px;
    border-radius: 10px;
}

.our-pro {
    width: calc(25% - 20px);
    margin: 0 10px;
}

.our-pro h3 {
    font-size: 20px;
}

.ux-design h3,
.ui-design h3 {
    font-size: 20px;
}

.ux-design ul,
.ui-design ul {
    margin-left: 10px;
}

.ux-design ul li,
.ui-design ul li {
    margin: 5px 0;
    position: relative;
}

.ux-design ul li::before,
.ui-design ul li::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #6c63ff;
    top: 6px;
    left: -12px;
    position: absolute;
    border-radius: 50%;
}

.ux-design,
.ui-design {
    margin: 0 20px;
}

.uiux-servs {
    width: calc(100% / 6 - 20px);
    margin: 0 10px;
    background-color: #fff;
    box-shadow: 0 0 10px #dedede;
    padding: 10px;
    border-radius: 10px;
}

.we-offer-servs {
    margin: 0 10px;
    width: calc(33.33% - 20px);
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 20px;
}

.uiux-servs img {
    width: 50px;
}

.uiux-servs p {
    font-size: 20px;
}


/* new ui ux page */


/* new graphic page */

.design-services .cm-wd-33 {
    width: calc(33.33% - 20px);
    margin: 0 10px;
    padding: 20px;
    border-radius: 39px;
    background: #fff;
    box-shadow: inset 10px 10px 20px #e2dede, inset -10px -10px 20px #ece7e7;
}

.design-services .cm-wd-33 h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

.cm-rn-solution {
    width: calc(33.33% - 20px);
    margin: 0 10px 20px;
    background-color: #cdcdcd40;
    padding: 20px;
    border-radius: 15px;
}

.cm-rn-solution h4:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #6c63ff;
    border-radius: 50%;
    left: 0;
    top: 8px;
}

.cm-rn-solution h4 {
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.cont-details p {
    margin-bottom: 15px;
    font-size: 19px;
}

.our-industries .cm-wd-50 {
    border: 1px solid #cdcdcd;
    padding: 20px;
    width: calc(33.3% - 20px);
    margin: 0 10px 20px;
    border-radius: 20px;
}

.our-industries .cm-wd-50 h4 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #6c63ff;
}

.services-offered {
    width: calc(25% - 20px);
    margin: 0 10px;
    border: 1px solid #cdcdcd;
    box-shadow: 0 0 10px #dedede;
    border-radius: 10px;
    padding: 15px;
}

.services-offered img {
    width: 50px;
    margin-bottom: 5px;
}

.services-offered h5 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #6c63ff;
}

.the-procedure ul {
    margin-left: 20px;
}

.the-procedure ul li {
    margin-bottom: 10px;
    position: relative;
}

.the-procedure ul li::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #6c63ff;
    top: 7px;
    left: -17px;
    border-radius: 50%;
}

.the-procedure ul li h4 {
    font-size: 18px;
    margin-bottom: 5px;
}


/* new graphic page */


/* new web dev page */

.graphic-page ul {
    margin-left: 20px;
}

.graphic-page ul li {
    margin: 10px 0;
    position: relative;
    font-size: 18px;
}

.graphic-page ul li::before {
    content: "";
    left: -22px;
    top: 7px;
    position: absolute;
    width: 14px;
    height: 8px;
    border-left: 3px solid #6c63ff;
    border-bottom: 3px solid #6c63ff;
    transform: rotate(-45deg);
}

.choose-right {
    display: flex;
    flex-wrap: wrap;
}

.right-platform {
    width: calc(33.33% - 20px);
    margin: 0 10px;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 10px;
}

.right-platform h4,
.hiring-section h4,
.process-points h4,
.td-section h4,
.book h4,
.mordern-services ul li h4,
.android-benefits h4,
.app-solutions h4,
.process-we-follow h4,
.our-dev-servs h4,
.choose-trank h4,
.app-process ul li h4,
.service-slider h4 {
    font-size: 18px;
    margin-bottom: 8px;
}

.hiring-section {
    width: calc(25% - 20px);
    margin: 0 10px;
    border: 1px solid #5CC8FF;
    border-radius: 10px;
    padding: 10px;
    background-color: #5cc9ff0f;
    color: #000;
}

.hiring-section p {
    margin-bottom: 10px;
}

.top-dev {
    display: flex;
    flex-wrap: wrap;
}

.td-section {
    width: calc(33.33% - 20px);
    margin: 10px;
    border: 1px solid #6c63ff;
    border-radius: 10px;
    padding: 10px;
}

.td-section h4 {
    color: #6c63ff;
}

.safe-points {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: -43px;
}

.process-points {
    width: calc(20% - 20px);
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.10);
    margin: 0 10px;
    padding: 20px;
}

.service-offered {
    display: flex;
    flex-wrap: wrap;
}

.book {
    border-radius: 10px;
    width: calc(20% - 20px);
    margin: 0 10px;
    background-color: #d5d0d075;
    box-shadow: 3px 3px 5px #000;
    color: #000;
    padding: 20px;
}

.mordern-services ul {
    margin-left: 20px;
}

.mordern-services ul li {
    margin: 10px 0;
    position: relative;
}

.mordern-services ul li::before {
    content: "";
    left: -22px;
    top: 7px;
    position: absolute;
    width: 14px;
    height: 8px;
    border-left: 3px solid #6c63ff;
    border-bottom: 3px solid #6c63ff;
    transform: rotate(-45deg);
}

.mordern-services ul li h4 {
    margin-bottom: 0;
}

.top-notch-section {
    padding: 70px 0 20px;
}

.top-notch-section h3 {
    margin-bottom: 10px;
}

.top-notch-section h3 span,
.service-slider h4 {
    color: #6c63ff;
}


/* new web dev page */


/* new android page */

.benefits-android,
.process-follow,
.android-solutions,
.development-services,
.why-choose-trank {
    display: flex;
    flex-wrap: wrap;
}

.android-benefits {
    width: calc(25% - 20px);
    margin: 10px;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 10px
}

.android-solutions {
    justify-content: center;
}

.app-solutions {
    width: calc(33.33% - 20px);
    margin: 10px;
    padding: 10px;
    background-color: #f9f8f8;
}

.app-solutions img {
    margin-bottom: 10px;
}

.industry-solutions {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.industry-solutions:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.process-we-follow,
.our-dev-servs {
    width: calc(33.33% - 20px);
    margin: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.24);
}

.choose-trank {
    width: calc(25% - 20px);
    margin: 10px;
    padding: 20px;
    box-shadow: 3px 3px 5px #e4e4e4;
    border-radius: 20px;
}


/* new android page */


/* new app page */

.development-ny p {
    margin-bottom: 10px;
}

.development-ny ul {
    margin-left: 20px;
}

.development-ny ul li {
    font-size: 16px;
    margin: 5px 0;
    position: relative;
}

.development-ny ul li i {
    position: absolute;
    color: #6c63ff;
    top: 5px;
    left: -20px;
}

.we-work-on {
    width: 100%;
}

.app-process ul li {
    margin: 10px 0;
}


/* new app page */


/* california ecomm page */

.california-page ul li {
    position: relative;
    font-size: 16px;
}

.california-page ul li::after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #000;
    position: absolute;
    top: 7px;
    left: -15px;
    border-radius: 50%;
}

.recr-content {
    background: #f3f3fd;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #f3f3fd;
    padding: 36px 28px;
    margin-top: 36px;
    border: 1px solid;
}

.recr-content h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000a19;
    white-space: nowrap;
    transform: rotate(269deg);
}

.work_items_content {
    display: none;
}

.vert_tab_image_wrrapeer {
    display: flex;
    align-items: center;
}

.vert-tab-content h2 {
    font-size: 44px;
}

.vert-tab-content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.vert-tab-content p,
.service-slider p {
    font-size: 16px;
}

.recr-content.active {
    width: calc(33.33% - 15px);
    margin-right: 15px;
}

.recr-content.active {
    background: white;
}

.recr-content.active h3 {
    display: none;
}

.recr-content.active .work_items_content {
    display: block;
}

.vert-tab,
.process-of-california,
.ecomm-industry {
    display: flex;
    flex-wrap: wrap;
}

.service-slider {
    border: 1px solid #6c63ff;
    padding: 20px;
    border-radius: 20px;
    margin: 0 10px;
}

.expertise-slidder .slick-arrow {
    position: absolute;
    top: 50%;
    border: none;
    background: transparent;
    font-size: 0;
    z-index: 1;
    left: -20px;
    width: 40px;
    cursor: pointer;
}

.our-expertise-slider ul.slick-dots {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-expertise-slider ul.slick-dots li button {
    font-size: 0;
    width: 10px;
    background: #d3d3d3;
    border: none;
    outline: none;
    height: 10px;
    border-radius: 50%;
}

.our-expertise-slider ul.slick-dots li.slick-active button {
    background: #6c63ff;
}

.our-expertise-slider ul.slick-dots li {
    padding: 0 5px;
}

.expertise-slidder .slick-prev:before {
    border: solid #6c63ff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 0px;
    transform: rotate(135deg);
    color: #fff;
    font-size: 12px;
}

.expertise-slidder .slick-next.slick-arrow {
    right: -20px;
    left: auto;
}

.expertise-slidder .slick-next:before {
    border: solid #6c63ff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 0px;
    transform: rotate(-45deg);
    color: #fff;
    font-size: 12px;
}

.california-process {
    border: 1px solid #000;
    padding: 10px;
    border-radius: 10px;
    width: calc(33.33% - 20px);
    margin: 10px;
}

.california-process h4 {
    font-size: 18px;
}

.trank-ecommerce ul {
    margin-left: 20px;
}

.trank-ecommerce ul li {
    margin: 10px 0;
    font-size: 16px;
    position: relative;
}

.trank-ecommerce ul li::after {
    content: '\25BA \0020';
    position: absolute;
    top: 0;
    left: -20px;
}

.industries-ecomm {
    width: calc(100% / 5 - 20px);
    margin: 0 10px;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.industries-ecomm img {
    width: 60px;
    margin-bottom: 10px;
}

.industries-ecomm h4 {
    font-size: 18px;
}


/* california ecomm page */


/* texas ecomm page */

.texas-services {
    display: flex;
    flex-wrap: wrap;
}

.servs-texas {
    width: calc(33.33% - 10px);
    margin: 0 5px 10px;
    border: 0.5px solid #c7c7c7;
    border-radius: 10px;
    padding: 10px;
}

.servs-texas h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #6c63ff;
}

.service-icon-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.service-icon-slider img {
    width: 80px;
}

.our-texas-process {
    display: flex;
    flex-wrap: wrap;
}

.texas-process {
    width: calc(33.33% - 20px);
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}

.texas-process h3 {
    font-size: 18px;
}


/* illinois page */

.illinois-expertise {
    width: calc(33.33% - 20px);
    margin: 10px;
    border: 0.5px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    background-color: #f0f7ff82;
}

.illinois-expertise .icon-div {
    width: 70px;
    height: 70px;
    padding: 5px;
    margin-bottom: 10px;
    border: 0.5px solid #99CCF3;
    box-shadow: 0px 1px 6px 0px rgba(194, 224, 255, 1), 0px 2px 30px 0px rgba(234, 237, 241, 0.3) inset;
    border-radius: 5px;
    background-color: #F0F7FF;
}

.illinois-expertise .icon-div img {
    width: 100%;
    height: 100%;
}

.illinois-expertise .text-div h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.data-illinois ul li {
    padding: 0 20px;
    font-size: 16px;
}

.data-illinois ul li i {
    margin-right: 5px;
    color: #4bb543;
    font-size: 14px;
}

.why-card {
    display: flex;
    flex-wrap: wrap;
}

.why-card .card-details {
    width: calc(33.33% - 20px);
    margin: 10px;
    border-radius: 20px;
    background: #f5f5f598;
    border: .5px solid #ccc;
    transition: 0.3s ease-out;
    padding: 20px;
}

.why-card .card-details h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.why-card .card-details:hover {
    border-color: #6c63ff;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.25);
}

.process-content {
    background-color: #e9ebeb;
    position: relative;
    padding: 15px;
    text-align: center;
}

.process-content:after {
    content: '';
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #e9ebeb;
    right: -30px;
    position: absolute;
    top: 31%;
}

.process-content:nth-child(2n):after {
    right: unset;
    left: -30px;
    border-right: 30px solid #e9ebeb;
    border-left: none;
}

.center-line {
    width: 10px;
    height: calc(100% - 100px);
    background: #e9ebeb;
    position: absolute;
    top: 60px;
    left: calc(50% - 5px);
}

.process-content .cm-circle-point:before {
    content: '';
    width: 25px;
    height: 25px;
    background-color: #e9ebeb;
    position: absolute;
    border-radius: 50%;
    top: 44%;
    right: -75px;
    z-index: 99;
}

.process-content h3 {
    font-size: 20px;
    margin-bottom: 5px;
}

@media(min-width:1370px) {
    .slider-l-space {
        padding-left: 11%
    }
}

@media(max-width:1200px) {
    .step-text {
        padding: 15px 20px;
        width: 150px
    }
}

@media screen and (max-width:1023px) {
    .cm-industry-choose-container .cm-industry-choose-left-col,
    .cm-industry-choose-container .cm-industry-choose-right-col {
        width: 100%
    }
    .cm-industry-choose-container {
        flex-wrap: wrap
    }
    .cm-industry-choose-container .cm-industry-choose-left-col {
        background-image: none !important;
        background-color: #999
    }
    .cm-industry-choose-item-back-header h4,
    .cm-industry-gs-container p {
        font-size: 18px
    }
    .cm-industry-choose-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }
    .cm-industry-choose-wrapper .cm-industry-choose-item+.cm-industry-choose-item {
        padding-top: 110px !important
    }
    .cm-industry-choose-item-back .cm-trigger,
    .newyork-app-trank .left-image,
    .newyork-app-trank .right-image {
        display: none
    }
    .cm-industry-choose-item .cm-industry-choose-item-back-header {
        padding-bottom: 30px;
        max-width: 100%
    }
    .cm-industry-choose-item .cm-industry-choose-item-front {
        position: static
    }
    .cm-industry-choose-item .cm-industry-choose-item-back-header:before {
        content: none
    }
    .cm-industry-choose-wrapper .cm-industry-choose-item>div {
        width: 90%
    }
    .cm-industry-choose-item:hover .cm-industry-choose-item-back {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }
    .cm-industry-choose-item:nth-child(2n) .cm-industry-choose-item-back-header {
        background-color: #000;
        color: #fff
    }
    .cm-industry-choose-wrapper .cm-industry-choose-item {
        justify-content: center;
        flex-direction: column-reverse;
        flex-direction: column-reverse;
        align-items: center;
        padding-bottom: 35px
    }
    .cm-industry-gs-container a.cm-btn {
        margin-top: 15px;
        font-size: 18px
    }
    .massachusetts-banner h1,
    .newyork-banner h1 {
        font-size: 40px
    }
    .redefined-section h2 {
        font-size: 25px
    }
    .marketing-sectoion img {
        height: 290px
    }
    .clients h3,
    .ny-slider h3,
    .ny-slider-section h3 {
        font-size: 36px
    }
    .delhi-banner .content-div {
        padding: 40px 0 20px 20px
    }
    .newyork-app {
        padding: 15% 0 0 4%
    }
    .android-ny {
        padding-top: 10%
    }
    .newyork-motive div {
        margin-right: 60px;
        margin-bottom: 40px
    }
    .tech-we-use .technologies {
        margin-right: 40px
    }
    .why-us {
        margin-right: 30px
    }
    .dubai-page {
        padding-top: 12%
    }
    .android-app-newyork h1,
    .dubai-page h1,
    .newyork-app h1,
    .uiux-ny h1 {
        font-size: 42px
    }
    .step-text {
        width: 120px
    }
    .expertise-slidder .slick-next:before {
        display: none;
    }
    .expertise-slidder .slick-prev:before {
        display: none;
    }
}

@media(max-width:960px) {
    .for-text h1 {
        font-size: 37px;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    .worcester-page img {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .cm-section-new {
        padding: 20px 10px;
    }
    .our-expertise-slider ul.slick-dots {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .our-expertise-slider ul.slick-dots li button {
        font-size: 0;
        width: 10px;
        background: #d3d3d3;
        border: none;
        outline: none;
        height: 10px;
        border-radius: 50%;
    }
    .our-expertise-slider ul.slick-dots li.slick-active button {
        background: #6c63ff;
    }
    .our-expertise-slider ul.slick-dots li {
        padding: 0 5px;
    }
    .delhi-banner-img img {
        width: 100%;
    }
    .android-app-newyork-text .wrapper {
        position: absolute;
        top: 0;
        left: 0;
    }
    .android-app-newyork .cm-flex {
        flex-direction: column-reverse;
        padding-top: 110px;
        position: relative;
    }
    .cm-wd-70,
    .cm-wd-30 {
        width: 100%;
    }
    #majorSlider .slick-list.draggable,
    .choose-slider .draggable {
        padding-right: 0% !important;
    }
    .cm-algo-started-box {
        background-image: none
    }
    .stock-trading-massa {
        padding: 40px 15px
    }
    .cm-desktop-service {
        margin: 30px 0
    }
    .dubai-process ul li:nth-child(3n),
    .why-us {
        margin-right: 0
    }
    .cm-algo-started-box:after,
    .cm-center-line,
    .cm-circle-point,
    .cm-industry-services-item .cm-industry-services-item-header,
    .content-wrapper:nth-child(2n):after,
    .content-wrapper:nth-child(odd):after,
    .newyork-app h1 br,
    .process-arrows::after,
    .process-arrows::before,
    .uiux-ny h1 br,
    .usa-heading h1 br,
    h2 br,
    h3 br {
        display: none
    }
    .project-crm button.slick-prev.slick-arrow {
        bottom: -35%;
        left: 55%
    }
    .project-crm button.slick-next.slick-arrow {
        bottom: -35%;
        left: 35%
    }
    .cm-desktop-app-service p,
    .ny-android-tech .column .text-red {
        font-size: 18px
    }
    .stay-organization {
        padding: 50px 15px
    }
    .cm-industry-services-item {
        width: 100%;
        background-image: none !important;
        margin-bottom: 75px
    }
    .cm-industry-services-item:last-child {
        margin-bottom: 0
    }
    .cm-content-wrapper {
        position: relative;
        overflow: auto
    }
    .cm-industry-services-item .cm-content {
        position: static;
        transform: none !important;
        width: 100%;
        transition: none;
        padding-top: 70px
    }
    .massachusetts-banner h1,
    .newyork-app h1,
    .usa-heading h1 {
        font-size: 30px
    }
    .choose-us h5,
    .content h4,
    .delhi-banner .content-div h5,
    .massachusetts-banner h6,
    .process-cards .card-head h5,
    .redefineddl-section h5,
    .redefinedny-section h5 {
        font-size: 16px
    }
    .redefined-section h2 {
        font-size: 22px
    }
    .choose-item {
        padding: 10px
    }
    .choose-slider .draggable {
        padding-bottom: 20px
    }
    .dubai-process,
    div#choose-bar {
        margin-bottom: 30px
    }
    div#majorSlider {
        padding-top: 20px
    }
    .marketing-sectoion img {
        height: 210px;
        margin-bottom: 10px
    }
    .marketing-sectoion h2 {
        font-size: 22px;
        padding-bottom: 10px
    }
    .redefined-section .cm-flex-type-2:last-of-type {
        flex-direction: column-reverse;
        padding-top: 30px
    }
    .newyork-banner {
        padding: 100px 0 30px
    }
    .newyork-banner h1 {
        top: 34%;
        left: 10%;
        font-size: 24px
    }
    .redefinedny-section h2 {
        font-size: 20px
    }
    .redefinedny-section p {
        font-size: 14px;
        margin-bottom: 10px
    }
    .ny-slider-section {
        padding: 40px 0 50px
    }
    .ny-slider-section h3 {
        font-size: 24px
    }
    .ny-slider-section .cm-wd-75 {
        padding: 20px 10px 20px 20px;
        width: 100%
    }
    .clients p,
    .our-services-slider p {
        font-size: 14px;
        padding-bottom: 10px
    }
    .projects-slider {
        padding: 50px 50px 30px
    }
    .clients,
    .dl-section .cm-page-center.cm-flex-type-1.cm-wrap-mob {
        padding: 20px 0
    }
    .ny-slider img {
        margin-bottom: 40px
    }
    .slide-item .cm-wd-75 p {
        font-size: 12px;
        margin-bottom: 5px
    }
    .delhi-banner .content-div {
        width: 100%;
        padding: 20px 15px 0
    }
    .delhi-banner .content-div h1 {
        font-size: 26px;
        padding-bottom: 15px
    }
    .app-dev-services ul li a,
    .delhi-banner .content-div p,
    .dl-section .cm-txt-center p,
    .dubai-page p,
    .newyork-motive p,
    .v-cards h5 {
        font-size: 14px
    }
    .content h5 {
        top: 60%;
        left: 50%;
        transform: none
    }
    .delhi-banner .cm-flex.cm-wrap-mob {
        padding: 20px 0 0
    }
    .cm-section .cm-full-wd-mob {
        padding: 20px 15px 0
    }
    .redefineddl-section h2 {
        font-size: 24px;
        padding-bottom: 5px
    }
    .dl-cost-section .cm-txt-center h3,
    .dl-lp-choose-section h3,
    .dl-sec h3,
    .dl-section .cm-txt-center h3,
    .dl-slider h3 {
        font-size: 28px;
        padding-bottom: 10px
    }
    .dl-cost-section .cm-txt-center p,
    .dl-sec p {
        font-size: 14px;
        padding: 10px 15px 0
    }
    .dl-cost-section .column-inner {
        padding-right: 0
    }
    .redefineddl-section {
        overflow: hidden
    }
    .dl-cost-section .column-inner .inner-text {
        bottom: 70px
    }
    .delhi-banner img {
        margin-bottom: -32px
    }
    .newyork-app {
        padding: 20% 0 0 4%
    }
    .methodology-section h3,
    .newyork-app-trank h3,
    .which-app h3 {
        line-height: 1.2
    }
    .newyork-app-trank p {
        width: 100%;
        font-size: 14px
    }
    .android-developing img,
    .cm-wd-50,
    .ny-gra-service img,
    .process-arrows .process-cards {
        width: 100%
    }
    .method-cards img.aos-init.aos-animate {
        width: 60px;
        margin-bottom: 5px
    }
    .app-slider h5,
    .method-cards h5 {
        font-size: 16px;
        margin-bottom: 5px
    }
    .why-us {
        text-align: center;
        width: 50%;
    }
    .why-us img {
        width: 100px
    }
    .android-ny {
        padding-top: 14%
    }
    .android-app-newyork h1 {
        font-size: 28px
    }
    .android-app-newyork .img-box img {
        width: 180px;
        top: -37px
    }
    .newyork-motive {
        padding: 20px 0 0;
    }
    .newyork-motive div {
        margin-right: 0px;
        margin-bottom: 10px;
        width: 20%;
    }
    .b-card img,
    .newyork-motive img,
    .v-cards img {
        width: 50px
    }
    .methodology-section h3 br,
    .newyork-app-trank h3 br,
    .which-app h3 br {
        display: none;
        padding: 20px 0 10px
    }
    .dubai-slider,
    .our-android-process p {
        margin-bottom: 20px
    }
    .process-cards {
        margin: 0 0 20px
    }
    .process-cards .card-text {
        padding: 10px 30px
    }
    .newyork-app-trank {
        padding: 0
    }
    .tech-we-use .technologies {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .uiux-ny {
        margin-top: 100px
    }
    .uiux-cards,
    .vision-cards .v-cards {
        margin: 10px 0;
        width: 100%
    }
    .uiux-ny h1 {
        font-size: 36px
    }
    .uiux-cards {
        padding: 20px 30px
    }
    .ny-web p {
        margin-bottom: 10px
    }
    .web-ny-support .cm-wd-50:nth-child(2) {
        margin-top: 0
    }
    .professional-web-dev .code-lan li .column {
        width: 300px;
        margin: 10px 30px
    }
    .b-card {
        margin: 5px;
        padding: 10px 20px
    }
    .b-card h5 {
        margin-bottom: 5px;
        font-size: 16px
    }
    .clients h3,
    .methodology-section h3,
    .newyork-app-trank h3,
    .ny-gra-service h3,
    .ny-services-text h3,
    .ny-slider h3,
    .which-app h3 {
        font-size: 28px;
        padding: 40px 0 10px
    }
    .v-new-cards {
        box-shadow: -6px 4px 8px rgba(0, 0, 0, .1), 0 22px 24px rgba(0, 0, 0, .05);
        border-radius: 20px;
        padding: 15px 20px
    }
    .cm-page-center.cm-flex-type-1.cm-wrap-mob {
        padding: 10px 0
    }
    .dubai-page {
        padding-top: 17%
    }
    .dubai-page h1 {
        font-size: 30px;
        margin-bottom: 5px
    }
    .dubai-page h5 {
        font-size: 14px;
        margin-bottom: 5px
    }
    .dubai-process h3,
    .dubai-slider h3,
    .dubai-text h3 {
        font-size: 24px;
        padding: 30px 0 10px;
        line-height: 1.2
    }
    .dubai-inner-cards {
        margin: 0 0 10px;
        padding: 20px
    }
    .dubai-inner-cards img {
        width: 60px;
        margin-bottom: 0
    }
    .dubai-inner-cards h5 {
        margin-bottom: 0;
        font-size: 16px
    }
    .methodology-section p {
        font-size: 16px;
        margin-bottom: 10px
    }
    .method-cards {
        padding-right: 0;
        width: 100%;
        margin: 10px 0
    }
    .dubai-process ul {
        flex-wrap: wrap
    }
    .dubai-process ul li {
        width: calc(33.33% - 10px);
        margin-right: 15px;
        margin-bottom: 10px;
        border: 1px solid #6c63ff;
        border-radius: 40px;
        display: flex;
        flex-direction: column
    }
    .dubai-process ul li:nth-child(odd) {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px
    }
    .dubai-process ul li:nth-child(2n) {
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px
    }
    .dubai-process ul li:first-of-type .step-text {
        border-top-left-radius: 40px;
        border-bottom-left-radius: unset
    }
    .dubai-process ul li:last-of-type .step-text {
        border-top-right-radius: unset;
        border-bottom-right-radius: 40px
    }
    .step-text {
        width: 100%;
        height: auto
    }
    .dubai-process ul li:nth-child(2n) .step-text {
        margin-top: auto
    }
    .step-icon {
        padding: 20px 10px
    }
    .step-icon img {
        width: 35px
    }
    .dubai-slider-inner {
        padding-left: 30px
    }
    .us-dubai {
        width: calc(100% / 3 - 20px);
        margin: 10px
    }
    .usa-heading {
        padding-left: 20px;
        padding-top: 20px
    }
    .usa-web {
        padding: 30px 0 10px
    }
    .dubai-slider h3,
    .usa-heading-small h3 {
        font-size: 26px
    }
    .usa-heading-small p {
        margin-bottom: 10px;
        font-size: 14px
    }
    .usa-solutions img {
        width: 100px;
        margin-top: 0
    }
    .cm-wd-25 {
        width: 50%
    }
    .clients h2,
    .dubai-process h3,
    .dubai-text h3,
    .methodology-section h2,
    .newyork-app-trank h2,
    .ny-gra-service h2,
    .ny-services-text h2,
    .ny-slider h2,
    .usa-heading-small-type-2 h3,
    .which-app h2 {
        font-size: 24px;
        padding: 0 0 10px;
        line-height: 1.2
    }
    .usa-heading-small h2,
    .usa-heading-small-type-3 h2 {
        font-size: 27px
    }
    .app-dev-services ul li i {
        left: -19px;
        font-size: 14px;
        top: 4px
    }
    .app-dev-services ul li {
        margin: 5px 0
    }
    .worcester-page {
        padding-top: 0px;
    }
    .for-text h1 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .for-text p,
    .for-small-text p {
        font-size: 16px;
    }
    .our-expert h3 {
        font-size: 16px;
    }
    .text-right {
        text-align: center;
    }
    .for-small-text h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .cu-card {
        width: calc(50% - 20px);
        margin: 10px;
    }
    .ai-process {
        width: calc(50% - 20px);
        margin: 10px 0px;
        text-align: center;
    }
    .for-small-text p b {
        font-size: 16px;
    }
    .philos {
        margin: 10px 0px;
        width: 100%;
        padding: 10px;
        text-align: center;
    }
    .philos h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .cm-mb-30 {
        margin-bottom: 20px;
    }
    .our-pro {
        width: calc(50% - 20px);
        margin: 10px;
    }
    .our-pro h3 {
        font-size: 16px;
    }
    .we-offer-servs {
        margin: 10px 0px;
        width: 100%;
        padding: 10px;
    }
    .uiux-servs {
        width: calc(100% / 3 - 20px);
        margin: 10px;
    }
    .uiux-servs img {
        width: 30px;
    }
    .uiux-servs p {
        font-size: 16px;
    }
    .for-text h6,
    .for-small-text h6 {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .design-services .cm-wd-33 {
        width: 100%;
        margin: 10px 0;
        padding: 15px;
    }
    .design-services .cm-wd-33 h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .cm-section-spacing {
        padding-top: 20px;
    }
    .cm-rn-solution {
        width: 100%;
        margin: 0 0px 10px;
        background-color: #cdcdcd40;
        padding: 15px;
        border-radius: 15px;
    }
    .cm-rn-solution h4 {
        font-size: 16px;
        margin-bottom: 5px;
        padding-left: 15px;
    }
    .cm-rn-solution h4:before {
        width: 10px;
        height: 10px;
        top: 5px;
    }
    .our-industries .cm-wd-50 {
        padding: 15px;
        width: 100%;
        margin: 0 0px 10px;
    }
    .our-industries .cm-wd-50 h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .cont-details p {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .btn-red a {
        font-size: 12px;
        letter-spacing: 0px;
        padding: 8px 17px;
    }
    .services-offered {
        width: calc(50% - 20px);
        margin: 10px;
    }
    .services-offered img {
        width: 35px;
        margin-bottom: 5px;
    }
    .services-offered h5 {
        font-size: 14px;
    }
    .the-procedure ul li h4 {
        font-size: 16px;
    }
    .the-procedure ul li::after {
        width: 8px;
        height: 8px;
        top: 6px;
        left: -14px;
    }
    .graphic-page img {
        width: 100%;
    }
    .graphic-page ul li {
        font-size: 16px;
    }
    .right-platform h4,
    .hiring-section h4,
    .process-points h4,
    .td-section h4,
    .book h4,
    .mordern-services ul li h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .right-platform {
        width: calc(33.33% - 10px);
        margin: 0 5px;
        padding: 5px;
    }
    .hiring-section {
        width: calc(50% - 20px);
        margin: 10px 10px;
    }
    .td-section {
        width: calc(50% - 10px);
        margin: 5px;
    }
    .safe-image img {
        width: 100%;
    }
    .safe-points {
        top: -28px;
    }
    .process-points {
        width: calc(33.33% - 20px);
        margin: 10px;
    }
    .mordern-services img {
        width: 100%;
    }
    .book {
        width: calc(33.33% - 20px);
        margin: 10px;
    }
    .android-benefits,
    .app-solutions,
    .process-we-follow {
        width: calc(50% - 10px);
        margin: 5px;
        padding: 8px;
    }
    .right-platform h4,
    .hiring-section h4,
    .process-points h4,
    .td-section h4,
    .book h4,
    .mordern-services ul li h4,
    .android-benefits h4,
    .app-solutions h4,
    .process-we-follow h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .choose-trank {
        width: calc(50% - 20px);
        margin: 10px;
        padding: 15px;
    }
    .we-work-on {
        width: 100%;
    }
    br {
        display: none;
    }
    .california-page ul li {
        font-size: 14px;
    }
    .cm-mb-10 {
        margin-bottom: 7px;
    }
    .recr-content.active {
        width: 100%;
        margin-right: 0;
    }
    .vert-tab-content h2 {
        font-size: 30px;
    }
    .vert-tab-content h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .vert-tab-content p,
    .service-slider p {
        font-size: 14px;
    }
    .recr-content {
        margin-top: 15px;
        padding: 20px 15px;
    }
    .california-process {
        width: calc(50% - 10px);
        margin: 5px;
    }
    .trank-ecommerce ul li {
        margin: 7px 0;
        font-size: 14px;
    }
    .industries-ecomm h4 {
        font-size: 16px;
    }
    .california-process h4 {
        font-size: 16px;
    }
    .servs-texas {
        width: calc(50% - 10px);
        margin: 0 5px 5px;
    }
    .servs-texas h3,
    .texas-process h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .service-icon-slider img {
        width: 50px;
    }
    .texas-process {
        width: calc(50% - 10px);
        margin: 5px;
    }
    .illinois-expertise {
        width: calc(50% - 16px);
        margin: 8px;
        padding: 15px;
    }
    .illinois-expertise .icon-div {
        width: 60px;
        height: 60px;
    }
    .illinois-expertise .text-div h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .data-illinois ul li {
        padding: 0 10px;
        font-size: 14px;
    }
    .process-content {
        margin-bottom: 8px;
    }
    .process-content h3 {
        font-size: 16px;
    }
    .why-card .card-details {
        width: calc(50% - 16px);
        margin: 8px;
        padding: 15px;
    }
    .why-card .card-details h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }
}

@media(max-width:480px) {
    .cm-section-new {
        padding: 15px 10px;
    }
    .android-app-newyork img {
        width: 100%;
    }
    .android-app-newyork {
        margin-top: 110px;
        position: relative;
    }
    .newyork-banner h1 {
        top: 17%;
        left: 4%;
        font-size: 16px;
    }
    .newyork-banner h1 br {
        display: block;
    }
    .newyork-banner {
        padding: 0px 0 10px
    }
    .app-dev-services ul li a,
    .b-card p,
    .btn-red span,
    .choose-us h5,
    .clients p,
    .column p,
    .content h6,
    .delhi-banner .content-div p,
    .dl-cost-section .cm-txt-center p,
    .dl-cost-section .column-inner p,
    .dl-sec p,
    .dl-section .cm-txt-center p,
    .dl-section .dl-text h4,
    .dubai-page p,
    .newyork-app-trank p,
    .our-services-slider p,
    .redefinedny-section h5,
    .redefinedny-section p,
    .usa-heading p,
    .v-cards p,
    .why-us h6,
    p {
        font-size: 14px
    }
    .dubai-slider h3,
    .ny-gra-service h5,
    .our-technologies h3,
    .redefinedny-section h2,
    .uiux-cards h5,
    .usa-heading-small h3 {
        font-size: 16px
    }
    .cm-page-center.cm-flex-type-1.cm-wrap-mob,
    .ny-slider-section {
        padding: 20px 0 0
    }
    .ny-slider-section h3 {
        padding: 0 0 10px;
        font-size: 14px
    }
    .app-slider h5,
    .b-card h5,
    .delhi-banner .content-div h5,
    .dl-cost-section .column-inner h4,
    .dl-sec .dl-sec-text h4,
    .dubai-inner-cards h5,
    .dubai-testimonials-slider h5,
    .in-dubai h3,
    .method-cards h5,
    .ny-android-tech .code-lan span,
    .ny-slider-section .cm-wd-75 h4,
    .process-cards .card-head h5,
    .redefineddl-section h5,
    .usa-web h4 {
        font-size: 14px
    }
    .content h5 {
        top: 85%;
        right: 100px;
        transform: none
    }
    .projects-slider {
        padding: 25px 0 30px
    }
    .cm-wd-25,
    .delhi-banner .cm-wd-50,
    .method-cards-dubai img {
        width: 100%
    }
    .delhi-banner .cm-lg-fs {
        padding: 15px 5px 0
    }
    .delhi-banner .content-div h1 {
        font-size: 20px;
        padding-bottom: 10px
    }
    .cm-section .cm-full-wd-mob,
    .delhi-banner .cm-flex.cm-wrap-mob,
    .dl-lp-choose-section {
        padding: 0
    }
    .redefineddl-section h2 {
        font-size: 16px;
        padding-bottom: 5px
    }
    .dl-slider p,
    .redefineddl-section p {
        font-size: 12px;
        padding-bottom: 20px
    }
    .dl-cost-section .cm-txt-center h3,
    .dl-lp-choose-section h3,
    .dl-sec h3,
    .dl-section .cm-txt-center h3,
    .dl-slider h3 {
        font-size: 14px;
        padding-bottom: 5px
    }
    .dl-section .column-inner img {
        width: 30px
    }
    .dl-cost-section .column-inner .inner-text {
        padding: 20px 15px
    }
    .dl-sec .column-inner,
    .dl-section .column-inner {
        text-align: center;
        padding-bottom: 10px
    }
    .newyork-app {
        padding: 30% 0 0 2%
    }
    .newyork-app h1,
    .usa-heading-small h2,
    .usa-heading-small-type-3 h2 {
        font-size: 18px
    }
    .dubai-text p,
    .method-cards p,
    .newyork-app p,
    .ny-android p,
    .ny-gra-service p,
    .ny-services-text p,
    .ny-web p,
    .process-cards .card-text p,
    .ux-advance p {
        font-size: 14px;
        margin-bottom: 0
    }
    .cm-btn {
        padding: 6px 25px;
        font-size: 12px;
        border-radius: 5px;
        text-decoration: none;
        margin-top: 15px;
        display: inline-block;
    }
    .newyork-app-trank {
        padding: 0 0 10px
    }
    .methodology-section p,
    .uiux-ny p {
        font-size: 14px;
        margin-bottom: 20px
    }
    .code-lan li .column,
    .dl-sec .column-inner img,
    .dubai-inner-cards img,
    .method-cards img,
    .uiux-cards img {
        width: 50px
    }
    .code-lan img {
        width: 30px;
        margin-bottom: 0 !important
    }
    .method-section {
        flex-direction: column;
        align-items: center
    }
    .android-app-newyork h1 {
        font-size: 20px
    }
    .newyork-motive img,
    .usa-web .v-cards img {
        width: 40px
    }
    .newyork-motive div {
        margin-right: 0;
        margin-bottom: 20px;
        width: 50%;
    }
    .ny-android-tech .column .text-red {
        font-size: 14px;
        font-weight: 600
    }
    .process-cards {
        margin: 0 10px 20px
    }
    .dubai-process,
    .dubai-specialist,
    .our-android-process p {
        margin-bottom: 10px
    }
    .android-ny {
        padding-top: 50%
    }
    .uiux-ny h1,
    .usa-heading h1 {
        font-size: 22px
    }
    .uiux-cards {
        padding: 10px 20px
    }
    .vision-cards .v-cards {
        width: 100%;
        margin: 0 0 10px
    }
    .professional-web-dev .code-lan li .column {
        margin: 0
    }
    .clients h3,
    .methodology-section h3,
    .newyork-app-trank h3,
    .ny-gra-service h3,
    .ny-services-text h3,
    .ny-slider h3,
    .which-app h3 {
        font-size: 18px;
        padding: 20px 0 5px
    }
    .dubai-page {
        margin-top: 32%;
        padding-left: 56px
    }
    .dubai-page h1 {
        font-size: 20px;
        margin-bottom: 5px
    }
    .dubai-process h3,
    .dubai-slider h3,
    .dubai-text h3 {
        font-size: 20px;
        padding: 20px 0 5px
    }
    .dubai-testimonials .draggable {
        padding: 10px 0 0
    }
    .dubai-inner-cards {
        padding: 10px
    }
    .dubai-process ul li {
        width: 100%;
        margin: 0 0 10px !important
    }
    .dubai-process ul li:nth-child(2n) {
        flex-direction: column-reverse
    }
    .dubai-process ul li:nth-child(2n) .step-text {
        border-radius: 40px 40px 0 0
    }
    .dubai-specialist {
        padding: 10px 0
    }
    .us-dubai {
        width: 100%;
        margin: 10px 0
    }
    .dubai-slider-inner {
        padding-left: 10px
    }
    .btn-red a {
        font-size: 12px;
        padding: 6px 10px
    }
    .usa-heading-small p {
        margin-bottom: 5px;
        font-size: 12px
    }
    .method-cards {
        width: 100%;
        padding: 10px
    }
    .usa-web {
        padding: 10px 0 5px
    }
    .usa-slider .dubai-testimonials-slider {
        padding: 20px 5px
    }
    .usa-web .text-red {
        font-size: 14px
    }
    .clients h2,
    .dubai-process h3,
    .dubai-text h3,
    .methodology-section h2,
    .newyork-app-trank h2,
    .ny-gra-service h2,
    .ny-services-text h2,
    .ny-slider h2,
    .usa-heading-small-type-2 h3,
    .which-app h2 {
        font-size: 16px;
        padding: 0 0 10px;
        line-height: 1.2
    }
    .app-dev-services ul li i {
        left: -17px;
        font-size: 12px;
        top: 5px
    }
    .app-dev-services ul {
        margin-left: 20px
    }
    .for-text h1 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .for-text h1 br {
        display: none;
    }
    .for-text p,
    .for-small-text p {
        font-size: 14px;
    }
    .our-expert h3 {
        font-size: 14px;
    }
    .for-small-text h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .cu-card {
        width: 100%;
        margin: 10px 0;
    }
    .cu-card h3 {
        font-size: 14px;
    }
    .for-small-text .cm-pb-30 {
        padding-bottom: 10px;
    }
    .our-expert {
        width: 100%;
        position: relative;
        margin: 10px 0;
    }
    .our-expert::before {
        top: -10px;
        left: -5px;
    }
    .our-expert::after {
        bottom: -10px;
        right: -5px;
    }
    .ai-process img {
        width: 50px;
    }
    .ai-process h4 {
        font-size: 16px;
    }
    .for-small-text p b {
        font-size: 14px;
    }
    .philos h3 {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .process-section {
        padding: 10px;
    }
    .our-pro h3 {
        font-size: 14px;
    }
    .we-offer-servs h3 {
        font-size: 14px;
    }
    .uiux-servs img {
        width: 20px;
    }
    .uiux-servs p {
        font-size: 12px;
    }
    .ux-design h3,
    .ui-design h3 {
        font-size: 14px;
    }
    .for-uiux-only {
        justify-content: start;
    }
    .for-text h6,
    .for-small-text h6 {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .design-services .cm-wd-33 h4 {
        font-size: 14px;
    }
    .design-services .cm-wd-33 {
        margin: 5px 0;
    }
    .cm-rn-solution h4 {
        font-size: 14px;
        margin-bottom: 5px;
        padding-left: 11px;
    }
    .cm-rn-solution h4:before {
        width: 8px;
        height: 8px;
        top: 6px;
    }
    .our-industries .cm-wd-50 {
        padding: 10px;
        width: 100%;
        margin: 0 0px 10px;
    }
    .our-industries .cm-wd-50 h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .cont-details p {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .services-offered {
        width: 100%;
        margin: 5px 0;
    }
    .services-offered img {
        width: 30px;
        margin-bottom: 5px;
    }
    .the-procedure ul li h4 {
        font-size: 14px;
    }
    .graphic-page ul li {
        font-size: 14px;
    }
    .right-platform {
        width: 100%;
        margin: 5px 0;
    }
    .right-platform h4,
    .hiring-section h4,
    .process-points h4,
    .td-section h4,
    .book h4,
    .mordern-services ul li h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .hiring-section {
        width: 100%;
        margin: 10px 0px;
    }
    .td-section {
        width: 100%;
        margin: 5px 0;
    }
    .safe-points {
        top: -16px;
    }
    .process-points {
        width: 100%;
        margin: 10px 0;
    }
    .book {
        width: 100%;
        margin: 10px 0;
    }
    .android-benefits,
    .app-solutions,
    .process-we-follow {
        width: 100%;
        margin: 5px 0;
        padding: 5px;
    }
    .right-platform h4,
    .hiring-section h4,
    .process-points h4,
    .td-section h4,
    .book h4,
    .mordern-services ul li h4,
    .android-benefits h4,
    .app-solutions h4,
    .process-we-follow h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .development-ny ul li {
        font-size: 12px;
    }
    .process-we-follow,
    .our-dev-servs {
        width: 100%;
        margin: 5px 0;
        padding: 5px;
    }
    .our-dev-servs h4,
    .app-process ul li h4 {
        font-size: 14px;
    }
    .choose-trank {
        width: 100%;
        margin: 5px 0;
        padding: 10px;
    }
    .choose-trank h4 {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .california-page ul li {
        font-size: 12px;
    }
    .vert-tab-content h2 {
        font-size: 20px;
    }
    .vert-tab-content h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .california-process {
        width: 100%;
        margin: 5px;
    }
    .california-process h4 {
        font-size: 14px;
    }
    .for-smaller-text h3 {
        font-size: 16px;
    }
    .industries-ecomm {
        width: 100%;
        margin: 5px 0;
    }
    .industries-ecomm img {
        width: 40px;
        margin-bottom: 5px;
    }
    .servs-texas {
        width: 100%;
        margin: 0 0px 5px;
    }
    .service-icon-slider img {
        width: 30px;
    }
    .texas-process {
        width: 100%;
        margin: 5px 0;
    }
    .servs-texas h3,
    .texas-process h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    h3 {
        font-size: 16px;
    }
    .illinois-expertise {
        width: 100%;
        margin: 0 0 5px 0;
        padding: 10px;
    }
    .illinois-expertise .icon-div {
        width: 50px;
        height: 50px;
    }
    .illinois-expertise .text-div h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .data-illinois ul li {
        padding: 0 5px 5px 0;
    }
    .why-card .card-details {
        width: 100%;
        margin: 0 0 5px 0;
        padding: 10px;
    }
    .why-card .card-details h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }
}