@charset "utf-8";

.ib-facilities .ib-facilities-box .ib-facilities-box-icon i,
.ibm-content ul li i {
    color: var(--primarycolor)
}

.all-process-title h2 span,
.services-include-list .services-include-box a,
.services-include-title h2 span {
    display: block
}

.all-inner-banner-sec {
    margin: 0;
    padding: 0 0 30px;
    position: relative;
    background-size: cover;
    height: 450px !important;
    background-position: center;
    background-repeat: no-repeat
}

.banner-text {
    position: absolute;
    top: 20%;
    left: 15%;
    width: 40%
}

.banner-text p,
.padding-top-30 {
    padding-top: 20px !important
}

.all-inner-banner-sec .all-inner-baner-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1380px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 5%
}

.all-inner-banner-sec .all-inner-baner-body .inner-banner-content {
    margin: 0;
    padding: 0;
    flex: 2
}

.inner-banner-content h1 {
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
    font-size: 40px;
    font-weight: 900;
    color: var(--whitecolor);
    font-family: 'Frank Ruhl Libre', serif
}

.inner-banner-content h1 span {
    margin: 14px 0 0;
    padding: 0;
    position: relative;
    display: block;
    font-size: 16px;
    max-width: 605px;
    font-weight: 900;
    line-height: 23px;
    font-family: Inter, sans-serif
}

.inner-banner-content p {
    margin: 0;
    padding: 0 !important;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    font-family: 'Frank Ruhl Libre'
}

.all-inner-banner-sec .all-inner-baner-body .inner-banner-img {
    margin: 0;
    padding: 0;
    flex: 1;
    filter: drop-shadow(0 3px 20px rgb(0 0 0 / 45%))
}

.ib-facilities,
.ib-facilities .ib-facilities-box {
    align-items: center;
    padding: 0;
    position: relative;
    display: flex
}

.ib-facilities {
    margin: 70px 0 0;
    gap: 0 4%
}

.ib-facilities .ib-facilities-box {
    margin: 0;
    gap: 0 5px;
    width: 240px;
    height: 60px;
    border: 1px solid var(--blackcolor);
    border-radius: 8px
}

.ib-facilities .ib-facilities-box .ib-facilities-box-icon {
    margin: 0;
    padding: 0;
    min-width: 60px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--blackcolor);
    border-right: 1px solid;
    font-size: 22px
}

.ib-facilities-box-content {
    margin: 0;
    padding: 0 0 0 6px;
    font-size: 14px;
    font-weight: 500;
    color: var(--blackcolor);
    line-height: 20px
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.border-top {
    border-top: 1px solid #ddd !important
}

.border-bottom {
    border-bottom: 1px solid #ddd !important;
    border-radius: 0 !important
}

.border-0,
.no-border .ibm-body {
    border: none !important
}

.margin-30 {
    margin: 50px 0 !important
}

.margin-bottom-30 {
    margin: 0 0 30px !important
}

.margin-bottom-50 {
    margin: 0 0 50px !important
}

.margin-top-30 {
    margin: 30px 0 0 !important
}

.margin-top-50 {
    margin: 50px 0 0 !important
}

.padding-top-50 {
    padding-top: 50px !important
}

.padding-top-80 {
    padding-top: 80px !important
}

.padding-bottom-50 {
    padding-bottom: 50px !important
}

.padding-bottom-30 {
    padding-bottom: 30px !important
}

.bg-gray {
    background: #f6f6f6 !important
}

.height-510 {
    height: 510px !important
}

.width-1380 {
    max-width: 1380px !important
}

.default-p p {
    margin: 0 0 20px !important;
    padding: 0 !important;
    position: relative !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--paragraphcolor) !important;
    line-height: 22px !important;
    max-width: 100% !important
}

.magento-bg,
.orange-bg {
    background: url("../images/technology/magento/orange-bg.jpg") center center no-repeat;
    background-size: cover !important
}

.columns-5 {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important
}

.grid-6 {
    grid-template-columns: repeat(auto-fill, minmax(14%, 1fr)) !important
}

.grid-4 {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important
}

.column-7 {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important
}

.inner-banner-bottom-sec {
    margin: 0 auto;
    position: relative;
    background: #fff;
    width: 95%
}

.inner-banner-bottom-sec .ibm-body {
    margin: 0 auto;
    padding: 0 0 30px;
    max-width: 1320px;
    position: relative;
    display: flex;
    gap: 0 0;
    flex-direction: column
}

.Cloud {
    margin-bottom: 20px
}

.inner-banner-bottom-sec .ibm-body h2 {
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 400px;
    font-size: 34px;
    font-weight: 700;
    color: #000;
    line-height: 40px;
    font-family: 'Frank Ruhl Libre', serif
}

.inner-banner-bottom-sec .ibm-body img {
    width: 95%;
    height: 329px;
    border-radius: 5px
}

.ibm-content h3 {
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.ibm-content p,
.ibm-content ul li {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 400;
    position: relative
}

.ibm-content p {
    padding: 0;
    color: #000;
    line-height: 25px
}

.ibm-content ul li {
    padding: 0 0 0 10px;
    color: var(--paragraphcolor);
    line-height: 22px;
    list-style: disc
}

.ibm-content ul li i {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0
}

.services-include-sec {
    margin: 0;
    padding: 0 30px;
    position: relative
}

.services-include-sec .services-include-body {
    margin: 0 auto;
    position: relative;
    max-width: 1310px;
    border-radius: 10px
}

.services-include-title {
    margin: 0 0 40px;
    padding: 0;
    position: relative;
    text-align: center
}

.services-include-title h2 {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 36px;
    font-weight: 700;
    color: var(--blackcolor);
    font-family: 'Frank Ruhl Libre', serif
}

.classification-text p {
    font-size: 15px;
    width: 66%;
    line-height: 20px;
    color: #000
}

.classification-text p span {
    color: #0069ef;
    font-weight: 600
}

.services-include-title p {
    margin: 0 auto;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 26px;
    max-width: 870px
}

.box-two-sec .box-two-body .box-two-title h2,
.c-contact-us-right h2 {
    font-weight: 700;
    color: var(--blackcolor);
    font-family: 'Frank Ruhl Libre', serif;
    position: relative
}

.services-include-list {
    margin: 0;
    padding: 0;
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    justify-items: center
}

.services--list {
    grid-template-columns: repeat(auto-fill, minmax(308px, 1fr))
}

.services-include-list .services-include-box {
    margin: 0;
    padding: 20px;
    position: relative;
    text-align: center;
    border-radius: 12px;
    background: #eff0f1;
    width: 100%;
    transition: transform .3s ease-in-out;
    border: 1px solid #0000
}

.services-include-list .services-include-box:hover {
    background: var(--whitecolor);
    border: 1px solid #005dae;
    transform: translateY(-.5rem);
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.services-include-list .services-include-box img {
    margin: 0;
    max-width: 64px;
    position: relative
}

.services-include-list .services-include-box .services-include-img-box {
    height: 160px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 0 22px;
    border-radius: 10px;
    box-shadow: 0 3px 5px #0000001f
}

.services-include-list .services-include-box .services-include-img-box img {
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover
}

.services-include-list .services-include-box h3 {
    margin: 13px 0;
    padding: 0;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    min-height: 24px
}

.services-include-list .services-include-box p {
    font-size: 14px !important;
    line-height: 23px !important;
    margin: 0;
    font-weight: 400;
    color: #000
}

.services-list-text .services-include-box p {
    font-size: 12px !important;
    line-height: 23px !important;
    margin: 0;
    font-weight: 400;
    color: #000;
    text-align: left
}

.common-box-sec,
.common-contact-us-sec {
    margin: 0;
    padding: 50px 0 0;
    position: relative;
    z-index: 9
}

.common-contact-us-sec .c-contact-us-body {
    margin: 0 auto;
    padding: 30px;
    position: relative;
    display: flex;
    align-items: start;
    gap: 0 6%;
    max-width: 1305px;
    border-radius: 15px;
    background: #f1f1f1
}

.c-contact-us-body .c-contact-us-left {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 2;
    overflow: hidden;
    border-radius: 15px;
    object-fit: cover;
    height: 320px
}

.c-contact-us-body .c-contact-us-left img,
.common-box-body .common-box-left img {
    height: 100%;
    object-fit: cover
}

.c-contact-us-body .c-contact-us-right,
.common-box-body .common-box-right {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 3
}

.c-contact-us-right h2 {
    margin: 40px 0 18px;
    padding: 0;
    font-size: 40px;
    line-height: 56px
}

.c-contact-us-right a {
    margin: 25px 0 0;
    padding: 14px 21px;
    background: var(--primarycolor);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    border-radius: 7px;
    gap: 0 10px
}

.box-two-sec {
    padding: 50px 0;
    position: relative;
    background: var(--whitecolor);
    z-index: 0
}

.box-five-sec .box-five-body,
.box-two-sec .box-two-body {
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    max-width: 1360px
}

.box-two-sec .box-two-body .box-two-title {
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 74%
}

.box-two-sec .box-two-body .box-two-title h2 {
    margin: 0;
    padding: 0;
    font-size: 34px;
    line-height: 42px;
    flex: 1
}

.box-two-sec .box-two-body .box-two-title p {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 24px;
    flex: 1
}

.big-c-dev-right .big-c-dev-box-list,
.box-two-body .box-two-list {
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(315px, 1fr));
    justify-items: center
}

.box-two-body .box-two-list .box-two-box {
    margin: 0;
    padding: 20px;
    background: #fff;
    position: relative;
    width: 100%;
    text-align: center;
    border: 1px solid #e9e9e9;
    box-shadow: 0 2px 3px #0000001a;
    border-radius: 5px
}

.box-two-body .box-two-list .box-two-box .box-two-img {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    width: 100%;
    height: 200px;
    background: #fff;
    overflow: hidden;
    object-fit: cover
}

.box-ten-content .box-ten-cont-box .box-10-img img,
.box-two-body .box-two-list .box-two-box .box-two-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.box-two-body .box-two-list .box-two-box h3 {
    margin: 32px 0 0;
    padding: 0;
    position: relative;
    font-size: 19px;
    text-align: left;
    font-weight: 800;
    color: #000;
    min-height: 33px;
    font-family: 'Frank Ruhl Libre'
}

.box-three-box .box-three-content p,
.box-two-body .box-two-list .box-two-box p {
    font-size: 15px !important;
    line-height: 25px !important;
    margin: 0;
    font-weight: 400;
    color: #000
}

.box-two-body .box-two-list .box-two-box ul,
.common-box-body .common-box-right ul,
.common-ul {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0 0
}

.box-two-body .box-two-list .box-two-box ul li,
.common-box-body .common-box-right ul li,
.common-ul li {
    margin: 0;
    padding: 0 0 0 30px;
    position: relative;
    font-size: 14px
}

.box-two-body .box-two-list .box-two-box ul li:before,
.common-box-body .common-box-right ul li:before,
.common-ul li:before,
.technology-s-box ul li:before {
    position: absolute;
    content: '\f14a';
    top: 0;
    left: 5px;
    height: fit-content;
    font-family: 'Font Awesome 6 Free';
    font-size: 14px;
    font-weight: 500 !important;
    color: #0089ff;
    transition: .3s ease-in-out;
    transform: rotate(0)
}

.box-four-item>a>i,
.box-four-item>a>i:before {
    width: 50px;
    height: 50px;
    position: relative
}

.ang-technologies-sec,
.big-c-vs-shopify,
.box-eight-list,
.box-five-sec .box-five-body .box-five-content,
.box-five-sec .box-five-body .box-five-content .box-five-left,
.box-five-sec .box-five-body .box-five-content .box-five-right,
.box-five-sec .box-five-body .box-five-list,
.box-seven-sec,
.box-three-sec {
    margin: 0;
    padding: 0;
    position: relative
}

.box-nine-sec .box-nine-body,
.box-three-sec .box-three-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1360px;
    position: relative
}

.box-three-sec .box-three-body .box-three-title {
    margin: 0 0 55px;
    padding: 0;
    text-align: center
}

.box-three-sec .box-three-body h2,
.web-migration-services-title h2 {
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    font-size: 44px;
    font-weight: 700;
    color: var(--blackcolor);
    font-family: 'Frank Ruhl Libre', serif
}

.box-three-sec .box-three-body p {
    margin: 0 auto;
    padding: 0;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 26px;
    max-width: 800px
}

.box-three-list {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 110px
}

.gap-20 {
    gap: 20px !important
}

.box-three-list .box-three-box {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 0 30px;
    align-items: center
}

.box-three-list .box-three-box .box-three-img {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 1;
    height: 350px
}

.box-three-list .box-three-box .box-three-img:before {
    position: absolute;
    content: '';
    left: 30px;
    top: -30px;
    width: 100%;
    height: 410px;
    background: linear-gradient(225deg, #dbdbdb 50%, #efefef 50%);
    z-index: 0
}

.box-three-list .box-three-box .box-three-img img {
    margin: 0;
    padding: 0;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
    width: 100%;
    border: 1px solid #ededed
}

.box-three-list .box-three-box:nth-child(2n) .box-three-img:before {
    left: -30px;
    top: -30px;
    background: linear-gradient(225deg, #d9d9d9 50%, #b2c8db 50%)
}

.box-three-box .box-three-content {
    margin: 0;
    /* padding: 36px; */
    position: relative;
    width: 100%;
    border-radius: 15px;
    flex: 1
}

.box-three-box .box-three-content h3,
.why-choose-woo-content h2 {
    margin: 0 0 24px;
    padding: 0;
    position: relative;
    font-size: 32px;
    font-weight: 700;
    color: #000;
    font-family: 'Frank Ruhl Libre'
}

.box-three-box .box-three-content h4 {
    margin: 20px 0 0;
    padding: 0;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.box-three-bottom-p {
    margin: 90px 0 0
}

.box-three-bottom-p p {
    max-width: 100% !important;
    font-size: 16px !important
}

.box-four-sec .box-four-outer-body .box-four-inner-body h2,
.box-four-sec h2 {
    font-size: 42px;
    font-weight: 700;
    color: var(--blackcolor);
    font-family: 'Frank Ruhl Libre', serif;
    padding: 0;
    position: relative
}

.box-four-sec {
    margin: 50px 0 0;
    padding: 0;
    position: relative
}

.box-four-sec .box-four-outer-body {
    margin: 0 auto;
    padding: 40px 40px 0;
    position: relative;
    max-width: 1320px;
    min-height: 500px;
    background: #ededed;
    border-radius: 30px 30px 0 0
}

.box-four-sec .box-four-outer-body .box-four-inner-body {
    margin: 0 auto;
    padding: 40px;
    position: relative;
    width: 100%;
    min-height: 500px;
    background: #fff;
    border-radius: 30px 30px 0 0
}

.box-four-sec .box-four-outer-body .box-four-inner-body h2,
.box-seven-sub-title h2 {
    margin: 0 0 10px
}

.box-four-sec h2 {
    margin: 100px 0 0
}

.box-four-sec p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000;
    margin-bottom: 50px
}

.box-four-sec .box-four-outer-body .box-four-inner-body p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000
}

.box-four-slider {
    margin: 60px 0 0
}

.box-four-sec .box-four-item {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    background: #fff;
    border-radius: 13px;
    box-shadow: 0 4px 7px #0000001a;
    border: 1px solid #d3d3d3
}

.box-four-item .box-four-icon,
.box-four-item .link {
    padding: 0;
    box-shadow: 0 1px 4px #0000001f;
    position: relative
}

.four-box-card-sec {
    width: 90%;
    margin: 50px auto
}

.box-four-sec .box-four-item a {
    padding: 15px;
    height: 240px;
    position: relative;
    display: block
}

.box-four-item .box-four-icon {
    margin: 0;
    display: inline-flex;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 7px;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #000
}

.box-four-item h3 {
    margin: 13px 0 12px;
    padding: 0;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    display: block
}

.box-four-item p {
    margin: 0;
    padding: 0;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #000 !important
}

.box-five-title h2,
.box-six-sec .box-six-title h2 {
    color: var(--blackcolor);
    font-family: 'Frank Ruhl Libre', serif
}

.box-four-item .link {
    margin: 25px 0 0;
    display: none;
    width: 36px;
    height: 36px;
    background: #ddd;
    border-radius: 266px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #b1b1b1;
    border: 1px solid
}

.box-four-item>a>i:before {
    background-size: 50px 50px;
    display: inline-block;
    content: "";
    background-repeat: no-repeat
}

.icon-umapping:before,
.icon-utilities:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Utilities.png')
}

.icon-supplychain:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Supply-Chain.png')
}

.icon-insurance:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Insurance.png')
}

.icon-forestry:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Forestry.png')
}

.icon-uplanning:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Urban.png')
}

.icon-banking:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Banking.png')
}

.icon-healthcare:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Health-1.png')
}

.icon-oilgas:before {
    background-image: url('../images/industries-we-serve/industry-gis-oilngas.png')
}

.icon-landsurvey:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Land-Surveying.png')
}

.icon-mining:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Mining.png')
}

.icon-electricity:before {
    background-image: url('../images/industries-we-serve/industry-gis-power.png')
}

.icon-realestate:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Realestate.png')
}

.icon-floodm:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Flood-Mapping.png')
}

.icon-hwr:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Highway.png')
}

.icon-lcc:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Land-Cover.png')
}

.icon-lra:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Land-Slide.png')
}

.icon-environment:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Environment.png')
}

.icon-transportation:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Transportation.png')
}

.icon-aerospace:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Aerospace.png')
}

.icon-industrialm:before {
    background-image: url('../images/industries-we-serve/Industry-Icons-Industrial-Machinery.png')
}

.icon-road-infra:before {
    background-image: url('../images/industries-we-serve/road-infra.png')
}

.icon-eng-draft:before {
    background-image: url('../images/industries-we-serve/eng-draft.png')
}

.icon-architect:before {
    background-image: url('../images/industries-we-serve/architect.png')
}

.icon-building-contra:before {
    background-image: url('../images/industries-we-serve/building-contra.png')
}

.icon-train-airport:before {
    background-image: url('../images/industries-we-serve/train-airport.png')
}

.box-five-sec {
    margin: 0;
    padding: 50px 0;
    position: relative;
    background: #e9e9e9
}

.box-five-sec-color {
    background: 0 0 !important
}

.and-app-services-title,
.big-c-revenue-sec .big-c-revenue-body .big-c-revenue-title,
.box-five-sec .box-five-body .box-five-title,
.common-img-part {
    margin: 0 0 50px;
    padding: 0;
    position: relative;
    text-align: center
}

.box-five-title h2 {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    font-size: 35px;
    font-weight: 700
}

.box-five-title p {
    font-size: 15px !important;
    line-height: 24px !important;
    margin: 0 auto;
    font-weight: 400;
    color: #000;
    max-width: 700px
}

.box-five-list ul {
    margin: 0;
    padding: 0;
    position: relative;
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    justify-items: center
}

.box-five-list ul li {
    margin: 0;
    padding: 0 0 0 54px;
    position: relative;
    display: flex;
    align-items: self-start;
    gap: 0 20px
}

.and-app-services-box-cnt p,
.box-five-list ul li:last-child,
.technology-s-box ul li:last-child {
    margin: 0
}

.box-five-list ul li>span {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 5px;
    top: 9px;
    font-size: 15px;
    font-weight: 800;
    border: 1px solid #00000036;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.box-five-list ul li img {
    margin: 0;
    padding: 0;
    position: relative;
    width: 56px
}

.box-five-list ul li p {
    margin: 5px 0 0;
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 500;
    color: #000000c7
}

.box-five-list ul li p span {
    margin: 0 0 6px;
    padding: 0;
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #000 !important
}

.and-app-services-list .and-app-services-box.and-s-box-1 h3,
.box-five-right p,
.offshore-development-bg h1,
.offshore-software-bg h1,
.technology-stack-sec .ember-js-body .ember-js-box h3 {
    color: #000
}

.box-five-slider {
    margin: 0 0 50px;
    padding: 0;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr))
}

.box-five-left .box-five-slider .box-five-item {
    margin: 0;
    padding: 0;
    position: relative;
    height: 300px;
    object-fit: cover
}

.box-five-left .box-five-slider .box-five-item.recent-w-box {
    height: 200px
}

.box-five-left .box-five-slider .box-five-item img {
    height: 100%;
    transition: transform .5s ease-in-out
}

.box-five-left .box-five-slider .owl-nav button,
.box-nine-body .owl-nav button {
    display: inline-flex;
    height: 40px;
    background: #fff !important;
    box-shadow: 0 1px 6px #0000005e
}

.box-five-left .box-five-slider .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px
}

.box-five-left .box-five-slider .owl-nav button {
    margin: 0;
    position: relative;
    width: 40px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-size: 30px !important;
    color: #000 !important
}

.box-five-left .box-five-slider .owl-nav button i {
    margin: 0;
    line-height: 18px;
    font-size: 18px;
    position: relative
}

.box-six-sec {
    margin: 0;
    padding: 30px 0;
    position: relative
}

.box-six-sec .box-six-body,
.box-six-title {
    padding: 0 30px;
    max-width: 1380px;
    display: flex;
    position: relative
}

.box-six-title {
    margin: 0 auto 20px
}

.box-six-sec .box-six-title h2 {
    margin: 0 0 16px;
    padding: 0;
    position: relative;
    font-size: 36px;
    font-weight: 700
}

.box-six-sec .box-six-body {
    margin: 0 auto;
    gap: 0 5%
}

.and-app-services-box-cnt,
.and-app-services-box-img,
.box-six-sec .box-six-body .box-six-box,
.inner-banner-dsc-body .inner-banner-dsc-content,
.inner-banner-dsc-body .inner-banner-dsc-img,
.section-block .section-block-container .section-block-box {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 1
}

.box-six-sec .box-six-body .box-six-box img {
    margin: 0;
    width: 100%
}

.box-six-sec .box-six-body .box-six-box h3 {
    margin: 30px 0 15px;
    padding: 0;
    position: relative;
    font-size: 23px;
    font-weight: 700;
    color: var(--black);
    font-family: 'Frank Ruhl Libre'
}

.box-six-sec .box-six-body .box-six-box p {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 22px
}

.box-six-sec .box-six-body .box-six-box a {
    margin: 0;
    padding: 18px 21px;
    background: var(--primarycolor);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    gap: 0 10px;
    width: 220px;
    line-height: 16px
}

.box-seven-sec .box-seven-body {
    margin: 0 auto;
    padding: 0;
    max-width: 1320px;
    position: relative
}

.box-nine-slider-content,
.features-sec .box-seven-sub-title {
    text-align: center
}

.box-seven-sec .box-seven-body .box-seven-title {
    margin: 0 0 30px;
    padding: 0 0 30px;
    position: relative;
    display: flex;
    gap: 0 5%
}

.box-seven-sub-title h2,
.box-seven-title h2 {
    font-size: 28px;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    font-weight: 700;
    color: #000;
    font-family: 'Frank Ruhl Libre', serif
}

.box-seven-sub-title p,
.box-seven-title p {
    font-size: 15px !important;
    font-weight: 400;
    color: #000;
    line-height: 26px;
    margin: 0 0 15px
}

.ang-technologies-title,
.box-seven-sub-title,
.box-ten-sec .box-ten-body .box-ten-title,
.why-choose-m-title,
.wordpress-w-title {
    margin: 0 0 50px;
    padding: 0;
    position: relative
}

.box-seven-list {
    margin: 0;
    padding: 0;
    gap: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(298px, 1fr));
    justify-items: center
}

.seven-list-sec {
    grid-template-columns: repeat(auto-fill, minmax(398px, 1fr))
}

.seven-list-sec .bs-list-box-content p {
    font-size: 14px !important
}

.box-seven-list-box {
    margin: 0;
    padding: 10px;
    position: relative;
    display: flex;
    gap: 0 10px;
    align-items: center;
    width: 100%;
    background: var(--skylightbluecolor);
    border-radius: 10px
}

.box-seven-list-box .bs-list-box-img {
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 115px;
    height: 115px;
    background-size: cover !important;
    border-radius: 6px;
    border: 1px solid #e5e5e5
}

.be-list,
.be-list .be-box {
    border-radius: 12px;
    margin: 0
}

.bs-list-box-content p {
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: 400;
    margin: 0
}

.box-seven-list.grid-5 {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr))
}

.box-seven-list.grid-5 .box-seven-list-box {
    flex-direction: column;
    text-align: center;
    gap: 12px;
    padding: 20px
}

.all-process-sec,
.box-eight-sec,
.common-paragraph-sec,
.technology-s-box-one {
    margin: 0;
    padding: 50px 0;
    position: relative
}

.box-eight-sec .box-eight-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1360px;
    text-align: center
}

.box-eight-sec .box-eight-body .box-eight-title,
.tech-box-2-title {
    margin: 0 0 40px;
    padding: 0;
    position: relative
}

.box-eight-title h2 {
    font-size: 28px;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    font-weight: 700;
    color: #000;
    font-family: 'Frank Ruhl Libre', serif
}

.box-eight-title p {
    font-size: 16px !important;
    font-weight: 400;
    color: #000;
    line-height: 26px;
    margin: 0 auto;
    width: 80%
}

.box-eight-list h4,
.box-eight-list-2 h3 {
    font-weight: 700;
    color: #000;
    font-family: 'Frank Ruhl Libre', serif
}

.box-eight-list h4 {
    font-size: 22px;
    padding: 0;
    position: relative;
    width: 60%;
    margin: 0 auto 30px
}

.be-list {
    position: relative;
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    justify-items: center
}

.be-list .be-box {
    padding: 15px;
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid #000;
    cursor: pointer;
    translate: 1.5s
}

.be-list .be-box h5,
.be-list .be-box img,
.box-eight-list-2,
.box-eight-list-2 h3 {
    padding: 0;
    position: relative
}

.be-list .be-box:hover {
    box-shadow: rgba(0, 0, 0, .4) 0 30px 90px
}

.be-list .be-box img {
    margin: 0 0 20px;
    max-width: 70px;
    width: 100%
}

.be-list .be-box h5 {
    margin: 13px 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    font-family: 'Frank Ruhl Libre'
}

.box-eight-list-2 {
    margin: 90px 0 0;
    display: flex;
    gap: 0 5%
}

.box-eight-list-2 .be-list-left,
.staffing-industries-body .staffing-industries-box {
    position: relative;
    margin: 0;
    padding: 0;
    flex: 1
}

.box-eight-list-2 h3 {
    font-size: 28px;
    margin: 0 0 30px;
    min-height: 70px
}

.be-list-left .be-list-left-list {
    margin: 0 0 30px;
    position: relative;
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    justify-items: center;
    border-radius: 12px
}

.be-list-left-list .be-list-left-list-box {
    margin: 0;
    padding: 20px;
    position: relative;
    text-align: center;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #000
}

.be-list-left-list .be-list-left-list-box img {
    margin: 0 0 15px;
    border-radius: 8px
}

.be-list-left-list-box h3 {
    font-size: 20px;
    font-weight: 600;
    min-height: 40px;
    margin: 0 0 5px
}

.be-list-left-list .be-list-left-list-box p {
    font-size: 14px !important;
    line-height: 22px !important;
    margin: 0 0 20px;
    font-weight: 400;
    color: #000
}

.box-eight-list-2 .be-list-left p {
    font-size: 14px !important;
    font-weight: 400;
    color: #000;
    line-height: 26px;
    margin: 0;
    text-align: left
}

.box-eight-list-2 .be-list-right {
    margin: 98px 0 0;
    padding: 0;
    position: relative;
    flex: 1
}

.box-nine-sec {
    margin: 0;
    padding: 50px 0 70px;
    position: relative;
    background: linear-gradient(180deg, #fff 0, #f0f3ff 100%)
}

.box-nine-sec::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 410px;
    background: url("../images/gradient-original.png") 340px 0/contain no-repeat;
    opacity: .5
}

.box-nine-sec .box-nine-body .box-nine-title {
    margin: 20px auto 50px;
    padding: 0 30px;
    max-width: 1000px;
    text-align: center;
    position: relative
}

.all-process-title h2,
.box-nine-title h2 {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    font-size: 36px;
    font-weight: 700;
    color: var(--blackcolor);
    font-family: 'Frank Ruhl Libre', serif
}

.all-process-title p,
.box-nine-title p {
    font-size: 16px !important;
    line-height: 24px !important;
    margin: 0;
    font-weight: 400;
    color: #545454
}

.box-nine-body .box-nine-item {
    margin: 0 0 20px;
    padding: 30px;
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 0 3%;
    border-radius: 12px;
    background: #fff;
    border: 2px solid #000;
    box-shadow: 0 0 38px -18px rgba(0, 0, 0, 50%)
}

.box-nine-slider-content h3 {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.box-nine-slider-content p {
    font-size: 15px !important;
    line-height: 20px !important;
    margin: 0 0 15px;
    font-weight: 400;
    color: #545454
}

.box-nine-body .box-nine-item .box-nine-slider-Img {
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 250px;
    height: 250px;
    background-size: cover !important;
    border-radius: 15px;
    overflow: hidden
}

.box-nine-body .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: fit-content;
    margin: auto;
    width: 100%;
    max-width: 810px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.box-nine-body .owl-nav button {
    margin: 0;
    position: relative;
    width: 40px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-size: 18px !important;
    color: #000 !important
}

.box-nine-body .owl-nav button i {
    line-height: 18px;
    position: relative
}

.box-ten-sec {
    margin: 0;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    background: var(--deepbluecolor)
}

.box-ten-sec.bim-data-p {
    background: #f6f9ff
}

.box-ten-sec .box-ten-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1360px;
    position: relative;
    text-align: center
}

.box-ten-sec .box-ten-body .box-ten-title h2 {
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    font-size: 34px;
    font-weight: 600;
    color: var(--whitecolor);
    line-height: 42px;
    max-width: 70%;
    font-family: 'Frank Ruhl Libre', serif
}

.box-ten-sec.bim-data-p h2 {
    color: var(--blackcolor) !important
}

.box-ten-title p {
    font-size: 16px !important;
    font-weight: 400;
    color: #fff;
    line-height: 26px
}

.box-ten-content {
    margin: 0;
    padding: 0;
    position: relative;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
}

.box-ten-content .box-ten-cont-box {
    margin: 0;
    padding: 20px;
    position: relative;
    border-radius: 8px;
    outline: #ffffff42 solid 2px;
    background: #ffffff2e
}

.box-ten-sec.bim-data-p .box-ten-content .box-ten-cont-box {
    background: var(--whitecolor);
    outline: #0000000f solid 3px
}

.box-ten-content .box-ten-cont-box .box-10-img {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-radius: 8px
}

.box-ten-content .box-ten-cont-box h3 {
    margin: 13px 0;
    padding: 0;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: var(--whitecolor);
    min-height: 44px
}

.box-ten-sec.bim-data-p .box-ten-content .box-ten-cont-box h3 {
    font-size: 18px;
    color: var(--blackcolor) !important;
    text-align: center;
    min-height: fit-content !important;
    margin: 30px 0 10px
}

.box-ten-content .box-ten-cont-box p {
    font-size: 14px !important;
    line-height: 20px !important;
    margin: 0;
    font-weight: 300;
    color: #ffffffcc
}

.industries-we-serve-sec {
    margin: 0;
    padding: 0;
    position: relative;
    background: 0 0/cover fixed #eff0f3
}

.industries-we-serve-sec .industries-we-serve-body {
    margin: 0 auto;
    padding: 50px 30px;
    max-width: 1360px;
    position: relative;
    display: flex;
    gap: 50px;
    flex-direction: column
}

.industries-we-serve-left {
    margin: 0;
    padding: 0;
    text-align: center
}

.industries-we-serve-left h2 {
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    font-size: 44px;
    font-weight: 700;
    color: var(--blackcolor);
    line-height: 42px;
    font-family: 'Frank Ruhl Libre', serif
}

.industries-we-serve-left p.font {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: var(--blackcolor);
    line-height: 22px
}

.industries-we-serve-right {
    margin: 0;
    flex: 1
}

.industries-we-serve-list {
    margin: 0;
    padding: 0;
    position: relative;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr))
}

.industries-we-serve-list .industries-we-serve-box {
    margin: 0;
    padding: 15px;
    position: relative;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0
}

.industries-we-serve-box .industries-we-serve-img {
    margin: 0 0 25px;
    padding: 4px;
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border-radius: 9px;
    color: #18bd5a
}

.industries-we-serve-list .industries-we-serve-box h3 {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 12px;
    font-weight: 600;
    color: #000
}

.common-box-right h2,
.ember-js-sec .ember-js-body h2,
.technology-s-box-one-content h2 {
    font-weight: 700;
    color: var(--blackcolor);
    font-family: 'Frank Ruhl Libre', serif
}

.ember-js-sec,
.php-framework-sec {
    margin: 0;
    padding: 50px 0 0;
    position: relative
}

.ember-js-sec .ember-js-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1360px;
    position: relative;
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(410px, 1fr));
    justify-items: center
}

.common-paragraph-sec .common-paragraph-body,
.section-block .section-block-container {
    padding: 0 30px;
    max-width: 1380px;
    margin: 0 auto
}

.ember-js-sec .ember-js-body h2 {
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    font-size: 34px;
    line-height: 42px;
    flex: 1
}

.ember-js-sec .ember-js-body .ember-js-box {
    margin: 0;
    border-radius: 15px;
    flex: 1;
    min-height: 450px;
    background: #005dae;
    color: var(--white);
    height: 100%;
    padding: 70px 54px;
    position: relative;
    width: 100%
}

.ember-js-box span.left-line,
.ember-js-box span.right-line {
    margin: 0;
    padding: 0;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    background: var(--whitecolor);
    top: 0;
    left: 26px
}

.ember-js-box span.right-line {
    left: auto;
    right: 26px
}

.ember-js-box span.bottom-line,
.ember-js-box span.top-line {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    background: var(--whitecolor);
    top: 26px;
    left: 0
}

.ember-js-box span.bottom-line {
    top: auto;
    bottom: 26px
}

.ember-js-box span.s-box-1,
.ember-js-box span.s-box-2,
.ember-js-box span.s-box-3,
.ember-js-box span.s-box-4 {
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    background: var(--whitecolor);
    border: 1px solid var(--whitecolor);
    top: 18px;
    left: 18px
}

.ember-js-box span.s-box-2 {
    left: auto;
    right: 19px
}

.ember-js-box span.s-box-3 {
    top: auto;
    bottom: 19px
}

.ember-js-box span.s-box-4 {
    top: auto;
    left: auto;
    right: 19px;
    bottom: 19px
}

.ember-js-sec .ember-js-body .ember-js-box h3 {
    font-size: 28px;
    margin: 0 0 25px;
    padding: 0;
    position: relative;
    font-weight: 700;
    color: #fff
}

.ember-js-sec .ember-js-body .ember-js-box ul {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px
}

.ember-js-sec .ember-js-body .ember-js-box ul li {
    margin: 0;
    padding: 0 0 0 34px;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #ffffffd4
}

.ember-js-sec .ember-js-body .ember-js-box ul li strong {
    color: #ffd600;
    margin: 0 5px 0 0
}

.ember-js-sec .ember-js-body .ember-js-box ul li:before {
    position: absolute;
    content: '\f14a';
    left: 0;
    top: 0;
    font-family: 'Font Awesome 6 Free';
    color: var(--whitecolor);
    font-size: 16px;
    height: fit-content;
    line-height: 21px
}

.common-paragraph-sec .common-paragraph--body p {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: var(--paragraphcolor);
    line-height: 24px
}

.section-block {
    margin: 0;
    padding: 80px 0;
    position: relative
}

.section-block .section-block-container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 3%
}

.section-block .section-block-container .section-block-box h2 {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    min-width: 400px;
    font-size: 33px;
    font-weight: 700;
    color: #000;
    font-family: 'Frank Ruhl Libre', serif
}

.section-block .section-block-container .section-block-box h3 {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    min-width: 400px;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    font-family: 'Frank Ruhl Libre', serif
}

.section-block .section-block-container .section-block-box p {
    font-size: 15px !important;
    line-height: 24px !important;
    margin: 0 0 20px;
    font-weight: 400;
    color: #000
}

.common-box-sec .common-box-body {
    margin: 0 auto;
    padding: 30px;
    position: relative;
    display: flex;
    align-items: start;
    gap: 0 4%;
    max-width: 1305px;
    border-radius: 15px;
    background: #f1f1f1
}

.common-box-body .common-box-left {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 2;
    overflow: hidden;
    border-radius: 15px;
    object-fit: cover;
    height: 500px
}

.common-box-right h2 {
    margin: 20px 0 18px;
    padding: 0;
    position: relative;
    font-size: 34px;
    line-height: 42px
}

.common-box-body .common-box-right p {
    margin: 25px 0 0;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: var(--paragraphcolor);
    line-height: 22px
}

.wordpress-bg {
    background: url("../images/technology/wordpress/wpb-background.jpg") center center no-repeat;
    background-size: cover !important
}

.big-c-bg .inner-banner-content,
.big-c-bg .inner-banner-img,
.woocommerce-bg .inner-banner-content,
.woocommerce-bg .inner-banner-img,
.wordpress-bg .inner-banner-content,
.wordpress-bg .inner-banner-img {
    flex: 2 !important
}

.technology-s-box-one .technology-s-box-one-body {
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    display: flex;
    max-width: 1380px;
    gap: 0 50px;
    align-items: start;
    justify-content: space-between
}

.technology-s-box-one-body .technology-s-box-one-content {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 0 0 50%
}

.technology-s-box-one-content h2 {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    font-size: 44px
}

.technology-s-box-one-content p {
    margin: 0 0 70px;
    padding: 0;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: var(--paragraphcolor);
    line-height: 26px
}

.technology-s-box {
    margin: 0 0 50px;
    position: relative;
    padding: 0 0 0 100px
}

.technology-s-box h3 {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    line-height: 27px;
    max-width: 400px
}

.technology-s-box ul li {
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    position: relative;
    font-size: 14px
}

.technology-s-box img {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 65px
}

.technology-s-box-one-body .technology-s-box-one-img {
    margin: 0;
    padding: 0;
    position: sticky;
    flex: 0 0 45%;
    top: 145px;
    right: 0
}

.tech-box-2 {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10
}

.tech-box-2-body {
    margin: 0 auto;
    padding: 50px;
    background: rgb(255 255 255);
    box-shadow: 0 20px 70px rgb(26 23 165 / 19%) !important;
    backdrop-filter: blur(250px);
    border-radius: 40px !important;
    max-width: 1320px
}

.tech-box-2-title h2 {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    font-size: 44px;
    font-weight: 800;
    color: #000
}

.wordpress-w-title h2,
.wordpress-w-title p {
    color: var(--blackcolor);
    position: relative;
    max-width: 800px;
    text-align: center
}

.tech-box-2-title h2 span {
    display: block;
    -webkit-text-stroke: 0;
    color: #000;
    background: -webkit-linear-gradient(296deg, #4b4cff -90%, #336eff 20.08%, #ff3370 77.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800
}

.tech-box-2-list {
    margin: 0;
    padding: 0;
    position: relative;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

.tech-box-2-list .tech-box-2-box {
    margin: 0;
    padding: 20px;
    border: 1px solid #d7d7d7;
    border-radius: 20px
}

.tech-box-2-list .tech-box-2-box span {
    background: -webkit-linear-gradient(296deg, #4b4cff -90%, #336eff 20.08%, #ff9b33 77.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-size: 24px
}

.tech-box-2-list .tech-box-2-box h3 {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    line-height: 27px
}

.tech-box-2-list .tech-box-2-box p {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    font-size: 14px;
    min-height: 80px
}

.wordpress-w-sec {
    margin: -390px 0 0;
    padding: 460px 0 50px;
    position: relative;
    background: #f4ede4 !important
}

.and-app-services-sec .and-app-services-body,
.big-c-vs-shopify .big-c-vs-shopify-body,
.php-framework-sec .php-framework-body,
.wordpress-w-sec .wordpress-w-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1380px;
    position: relative
}

.wordpress-w-title h2 {
    margin: 0 auto 20px;
    padding: 0;
    font-size: 44px;
    font-weight: 700;
    font-family: 'Frank Ruhl Libre', serif
}

.wordpress-w-title p {
    margin: 0 auto;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px
}

.wordpress-w-list {
    margin: 0;
    padding: 0;
    position: relative;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr))
}

.wordpress-w-list .wordpress-w-box {
    margin: 0;
    padding: 30px;
    position: relative;
    background-size: cover !important;
    border-radius: 20px;
    min-height: 500px;
    display: flex;
    align-items: flex-end;
    overflow: hidden
}

.wordpress-w-list .wordpress-w-box:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background: linear-gradient(360deg, #000000ba, transparent);
    z-index: 0
}

.wordpress-w-box .wordpress-w-box-overlay {
    margin: 0;
    padding: 20px;
    background: #fff;
    border-radius: 18px;
    position: relative;
    box-shadow: 0 5px 10px #00000029;
    min-height: 220px
}

.wordpress-w-box .wordpress-w-box-overlay h3 {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: 24px
}

.wordpress-w-box .wordpress-w-box-overlay p {
    padding: 0;
    position: relative;
    font-size: 14px
}

.big-c-bg {
    background: url("../images/technology/big-c/wpb-background.webp") center center no-repeat;
    background-size: cover !important
}

.big-c-services-sec {
    margin: 0;
    padding: 30px 0 80px;
    position: relative
}

.big-c-services-sec .big-c-dev-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1380px;
    position: relative;
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    gap: 0 5%
}

.big-c-dev-body .big-c-dev-left {
    margin: 0;
    padding: 0;
    position: sticky;
    flex: 0 0 30%;
    top: 150px
}

.big-c-dev-body .big-c-dev-left h2 {
    margin: 0 0 30px;
    display: block;
    color: #000;
    font-weight: 800;
    font-size: 32px
}

.big-c-dev-body .big-c-dev-left h2 span {
    -webkit-text-fill-color: black
}

.big-c-dev-body .big-c-dev-left p,
.big-c-revenue-sec .big-c-revenue-body .big-c-revenue-title p {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: var(--paragraphcolor);
    line-height: 22px
}

.big-c-dev-body .big-c-dev-right {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 0 0 65%
}

.big-c-dev-right .big-c-dev-box-list .big-c-dev-box {
    margin: 0;
    padding: 30px;
    background: #fff;
    position: relative;
    width: 100%;
    text-align: center;
    border-radius: 22px;
    box-shadow: 0 16px 16px rgb(26 23 165 / 7%) !important;
    border: 1px solid #000
}

.big-c-dev-right .big-c-dev-box-list .big-c-dev-box .big-c-services-img {
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 13px;
    background-size: cover !important
}

.big-c-dev-right .big-c-dev-box-list .big-c-dev-box h3 {
    margin: 13px 0 0;
    padding: 0 10px;
    position: relative;
    font-size: 18px;
    font-weight: 800;
    color: #000;
    min-height: 40px;
    font-family: 'Frank Ruhl Libre'
}

.big-c-dev-right .big-c-dev-box-list .big-c-dev-box p,
.why-choose-woo-content p {
    font-size: 15px !important;
    line-height: 22px !important;
    margin: 0;
    font-weight: 400;
    color: #000
}

.box-ten-sec.big-c-tools {
    background: #e7edfc
}

.Industries-LiDAR,
.various {
    width: 60%;
    margin: 0 auto
}

.big-c-tools .box-ten-body .box-ten-title h2 {
    text-align: center;
    margin: 0 auto
}

.box-ten-sec.big-c-tools .box-ten-title h2 {
    color: var(--blackcolor);
    font-weight: 700
}

.box-ten-sec.big-c-tools .box-ten-cont-box,
.php-development-tools .services-include-box {
    background: #fff
}

.box-ten-sec.big-c-tools .box-ten-cont-box h3 {
    color: var(--blackcolor);
    font-size: 16px;
    min-height: 20px;
    font-family: 'Frank Ruhl Libre'
}

.appreciate p {
    text-align: center;
    width: 60%;
    margin: 0 auto
}

.box-ten-sec.big-c-tools .box-ten-cont-box p {
    color: var(--paragraphcolor);
    font-size: 14px !important;
    font-weight: 400;
    line-height: 22px !important;
    text-align: left
}

.big-c-revenue-sec .big-c-revenue-body .big-c-revenue-title h2,
.big-c-vs-shopify-title h2 {
    margin: 0 0 15px;
    font-size: 42px;
    font-weight: 700;
    position: relative;
    font-family: 'Frank Ruhl Libre', serif
}

.big-c-revenue-sec {
    margin: 50px 0;
    padding: 0;
    position: relative
}

.big-c-revenue-sec .big-c-revenue-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1160px
}

.big-c-revenue-sec .big-c-revenue-body .big-c-revenue-title h2 {
    padding: 0;
    color: #0069ef;
    line-height: 40px
}

.big-c-revenue-list {
    margin: 0;
    padding: 0;
    position: relative;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    text-align: center
}

.big-c-revenue-list .big-c-revenue-box {
    margin: 0;
    padding: 30px;
    text-align: center;
    background: #ff6d2c;
    border-radius: 50px
}

.big-c-revenue-list .big-c-revenue-box:nth-child(2) {
    background: #3257fb
}

.big-c-revenue-list .big-c-revenue-box:nth-child(3) {
    background: #9d5cff
}

.big-c-revenue-list .big-c-revenue-box:nth-child(4) {
    background: #000
}

.big-c-revenue-list .big-c-revenue-box:nth-child(5) {
    background: #107648
}

.big-c-revenue-list .big-c-revenue-box:nth-child(6) {
    background: #ab3d60
}

.big-c-revenue-list .big-c-revenue-box img {
    max-width: 80px;
    margin: 0 0 15px
}

.big-c-revenue-list .big-c-revenue-box h3 {
    margin: 13px 0 12px;
    padding: 0;
    position: relative;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    min-height: 70px;
    font-family: 'Frank Ruhl Libre'
}

.big-c-revenue-list .big-c-revenue-box p {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 21px
}

.big-c-vs-shopify-title {
    margin: 0 0 50px;
    padding: 0;
    position: relative;
    display: block;
    max-width: 670px
}

.big-c-vs-shopify-title h2 {
    padding: 0;
    color: var(--blackcolor);
    line-height: 50px
}

.big-c-vs-shopify-box p,
.big-c-vs-shopify-title p {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: var(--paragraphcolor);
    line-height: 22px
}

.big-c-vs-shopify-list {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 5%
}

.big-c-vs-shopify-list .big-c-vs-shopify-img {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 0 0 45%
}

.big-c-vs-shopify-list .big-c-vs-shopify-content {
    margin: 0;
    padding: 0;
    position: relative;
    flex: 0 0 50%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 30px
}

.big-c-vs-shopify-box h3 {
    margin: 13px 0;
    padding: 0 0 20px;
    position: relative;
    font-size: 20px;
    font-weight: 800;
    color: var(--blackcolor);
    min-height: 30px
}

.why-choose-m-title h2,
.why-choose-m-title p {
    margin: 0 0 16px;
    color: var(--whitecolor);
    position: relative
}

.big-c-vs-shopify-box h3:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 125px;
    height: 4px;
    background: linear-gradient(90deg, #3257fb, transparent);
    border-radius: 5px
}

.woocommerce-bg {
    background: url("../images/technology/woocommerce/wpb-background.webp") center center no-repeat;
    background-size: cover !important
}

.why-choose-woo-content {
    margin: 35px 0;
    padding: 0;
    position: relative;
    flex: 0 0 50%
}

.aws-int-bg .inner-banner-content,
.laravel-bg .inner-banner-content,
.magento-bg .inner-banner-content,
.offshore-development-bg .inner-banner-content,
.offshore-software-bg .inner-banner-content,
.py-bg .inner-banner-content,
.react-bg .inner-banner-content,
.staffing-augmentation-bg .inner-banner-content {
    flex: 5 !important
}

.andr-bg .inner-banner-content,
.ang-bg .inner-banner-content,
.ang-bg .inner-banner-img,
.api-bg .inner-banner-content,
.ios-bg .inner-banner-content,
.laravel-bg .inner-banner-img,
.magento-bg .inner-banner-img,
.php-bg .inner-banner-content,
.php-bg .inner-banner-img,
.react-bg .inner-banner-img,
.shopify-bg .inner-banner-img,
.web-migration-bg .inner-banner-content,
.web-migration-bg .inner-banner-img {
    flex: 4 !important
}

.why-choose-magento-sec {
    margin: 0;
    padding: 80px 0;
    position: relative;
    background: url("../images/technology/magento/why-choose-bg.jpg") center center no-repeat;
    background-size: cover !important
}

.why-choose-magento-sec .why-choose-m-body {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1020px;
    position: relative
}

.why-choose-m-title h2 {
    padding: 0;
    font-size: 42px;
    font-weight: 700;
    font-family: 'Frank Ruhl Libre', serif
}

.why-choose-m-title h2 span {
    margin: 0;
    padding: 0;
    display: block;
    color: #fff
}

.why-choose-m-title p {
    padding: 0;
    font-size: 14px;
    font-weight: 400
}

.why-choose-m-list {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 30px 7%;
    flex-wrap: wrap;
    z-index: 10
}

.why-choose-m-list .why-choose-m-box {
    margin: 0;
    padding: 15px;
    position: relative;
    background: #fff;
    flex: 0 0 28%;
    width: 28%;
    height: 300px;
    box-shadow: -10px 5px 20px #3367ff85;
    display: flex;
    align-items: flex-end;
    background-size: cover !important
}

.why-choose-m-list .why-choose-m-box:before {
    position: absolute;
    content: '1';
    font-size: 150px;
    font-weight: 700;
    color: #fff;
    top: 25px;
    left: -58px;
    z-index: -1;
    line-height: 110px
}

.why-choose-m-list .why-choose-m-box:nth-child(2):before {
    content: '2'
}

.why-choose-m-list .why-choose-m-box:nth-child(3):before {
    content: '3'
}

.why-choose-m-list .why-choose-m-box:nth-child(4):before {
    content: '4'
}

.why-choose-m-list .why-choose-m-box:nth-child(5):before {
    content: '5'
}

.why-choose-m-list .why-choose-m-box h3 {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 15px;
    min-height: 80px;
    color: #000;
    font-weight: 500;
    z-index: 10;
    text-align: center
}

.shopify-bg {
    background: url("../images/technology/shopify/shopify-bg.jpg") center center no-repeat;
    background-size: cover !important
}

.ai-chatbot-bg .inner-banner-content,
.chatgpt-int-bg .inner-banner-content,
.google-int-bg .inner-banner-content,
.klaviyo-int-bg .inner-banner-content,
.shopify-bg .inner-banner-content,
.slack-bg .inner-banner-content {
    flex: 6 !important
}

.wordpress-w-sec.shopify-benifits-sec {
    margin: 60px 0 0;
    padding: 60px 0 80px
}

.react-bg {
    background: url("../images/technology/react-js/banner-bg.jpg") center center no-repeat;
    background-size: cover !important
}

.ang-bg {
    background: url("../images/technology/ang/wpb-background.jpg") center center no-repeat;
    background-size: cover !important
}

.ang-technologies-sec .ang-technologies-body {
    margin: 0 auto;
    padding: 50px;
    background: rgb(255 255 255);
    box-shadow: 0 20px 70px rgb(26 23 165 / 19%) !important;
    backdrop-filter: blur(250px);
    border-radius: 25px !important;
    max-width: 1260px
}

.ang-technologies-title h2 {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    font-size: 36px;
    font-weight: 800;
    color: #000
}

.ang-technologies-title h2 span {
    display: block;
    color: #000;
    background: -webkit-linear-gradient(296deg, #4b4cff -90%, #336eff 20.08%, #ff3370 77.31%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ang-technologies-list {
    margin: 0;
    padding: 0;
    position: relative;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    justify-content: start
}

.ang-technologies-list .ang-technologies-box {
    margin: 0;
    padding: 15px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    text-align: center
}

.ang-technologies-list .ang-technologies-box img {
    max-width: 48px;
    margin: 0 0 15px;
    padding: 0
}

.ang-technologies-list .ang-technologies-box h3 {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.all-process-sec .all-process-body {
    margin: 0 0 0 auto;
    padding: 0;
    position: relative;
    width: 100%
}

.all-process-body .all-process-title {
    margin: 0 auto 50px;
    padding: 0;
    position: relative;
    max-width: 1320px
}

.all-process-body .all-process-list {
    margin: 0;
    padding: 0 0 80px;
    display: flex;
    grid-gap: 0 2%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: all-scroll;
    padding-left: calc(50% - 660px)
}

.all-process-list .all-process-box {
    margin: 0;
    min-width: 302px;
    width: 310px;
    position: relative;
    border: 1px solid #00000012;
    box-shadow: 0 4px 5px #00000012
}

.php-framework-list .php-framework-box:nth-child(2),
.php-framework-list .php-framework-box:nth-child(3) {
    border-bottom-right-radius: 70px;
    border-top-left-radius: 70px
}

.all-process-img {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 185px;
    background-size: cover !important;
    overflow: hidden
}

.all-process-content {
    padding: 20px
}

.all-process-flex-box {
    padding-left: calc(50% - 493px) !important
}

.all-process-list .all-process-box h3 {
    margin: 0 0 12px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--blackcolor);
    min-height: 0;
    font-family: 'Frank Ruhl Libre'
}

.and-app-services-title h2,
.ios-tools-and-tech-last-box h3,
.php-framework-title h2,
.staffing-industries-body .staffing-industries-box>h3 {
    font-family: 'Frank Ruhl Libre', serif;
    position: relative
}

.all-process-list .all-process-box p {
    padding: 0;
    font-size: 13px;
    color: #545454;
    font-weight: 400
}

.php-bg {
    background: url("../images/technology/php/wpb-background.jpg") center center no-repeat;
    background-size: cover !important
}

.php-framework-title {
    margin: 0 0 50px;
    position: relative;
    text-align: center
}

.php-framework-title h2 {
    margin: 0 0 16px;
    padding: 0;
    font-size: 42px;
    font-weight: 700;
    color: var(--blackcolor)
}

.php-framework-list {
    margin: 0;
    padding: 0;
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 30px
}

.php-framework-list .php-framework-box {
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff;
    box-shadow: 0 4px 20px rgb(0 0 0 / 13%);
    display: flex;
    align-items: center;
    overflow: hidden
}

.php-framework-list .php-framework-box:first-child,
.php-framework-list .php-framework-box:nth-child(4) {
    border-top-right-radius: 70px;
    border-bottom-left-radius: 70px
}

.php-framework-list .php-framework-box .php-framework-img {
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 230px;
    height: 100%;
    background-size: cover !important
}

.php-framework-cnt {
    padding: 25px
}

.php-framework-cnt h3 {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: var(--blackcolor);
    min-height: 44px
}

.php-framework-cnt p {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--paragraphcolor);
    line-height: 20px
}

.inner-banner-dsc-content h2,
.inner-banner-dsc-content h3 {
    font-weight: 700;
    padding: 0;
    position: relative;
    font-family: 'Frank Ruhl Libre', serif
}

.services-include-sec.php-development-tools {
    background: #e7edfc;
    margin: 50px 0;
    padding: 0 0 60px
}

.laravel-bg {
    background: url("../images/technology/laraval/banner-bg.webp") center center no-repeat;
    background-size: cover !important
}

.py-bg {
    background: url("../images/technology/py/wpb-background.webp") center center no-repeat;
    background-size: cover !important
}

.andr-bg .inner-banner-img,
.api-bg .inner-banner-img,
.ios-bg .inner-banner-img,
.py-bg .inner-banner-img {
    flex: 3 !important
}

.technology-stack-sec .ember-js-body .ember-js-box {
    min-height: 450px;
    background: #ebf6ff;
    padding: 40px;
    border: 1px solid #000
}

.andr-bg:before,
.dedicated-team-bg:before,
.responsive-memu,
.staffing-augmentation-bg:before,
.technology-stack-sec .ember-js-body .ember-js-box span {
    display: none
}

.technology-stack-sec .ember-js-body .ember-js-box ul {
    gap: 5px
}

.android-stack-sec .ember-js-body .ember-js-box ul li,
.technology-stack-sec .ember-js-body .ember-js-box ul li {
    color: #000;
    font-weight: 500
}

.android-stack-sec .ember-js-body .ember-js-box ul li:before,
.technology-stack-sec .ember-js-body .ember-js-box ul li:before {
    color: #005ff3
}

.technology-stack-sec .ember-js-body .ember-js-box img {
    position: absolute;
    right: 15px;
    top: 0;
    width: 50%;
    bottom: 0;
    margin: auto
}

.andr-bg {
    background: url("../images/technology/android/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important
}

.inner-banner-dsc-sec {
    margin: 0;
    padding: 60px 30px;
    background: #f3fcff !important;
    position: relative
}

.inner-banner-dsc-body {
    margin: 0 auto;
    padding: 50px;
    position: relative;
    max-width: 1310px;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e2e5f1;
    border-radius: 25px;
    box-shadow: 0 .275rem .75rem -.0625rem rgba(19, 16, 34, .06), 0 .125rem .4rem -.0625rem rgba(19, 16, 34, .03) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 5%
}

.inner-banner-dsc-content h2 {
    margin: 0 0 30px;
    font-size: 48px;
    color: var(--blackcolor)
}

.inner-banner-dsc-content h3 {
    margin: 40px 0 30px;
    font-size: 30px;
    color: #1f168f
}

.inner-banner-dsc-content p {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: var(--paragraphcolor);
    line-height: 24px
}

.and-app-services-sec {
    margin: 0;
    padding: 50px 0;
    position: relative;
    background: linear-gradient(360deg, #f3f7ff, #fff)
}

.and-app-services-title h2 {
    margin: 0 0 30px;
    padding: 0;
    font-size: 48px;
    font-weight: 700;
    color: #249728
}

.and-app-services-title p {
    margin: 0 auto;
    padding: 0;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: var(--paragraphcolor);
    line-height: 24px;
    max-width: 800px
}

.and-app-services-list {
    margin: 0 0 50px;
    padding: 0;
    position: relative;
    display: grid;
    justify-content: space-between;
    gap: 0 50px;
    grid-template-columns: repeat(auto-fill, minmax(410px, 1fr))
}

.and-app-services-list.and-s-list-2 {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
}

.and-app-services-list .and-app-services-box {
    margin: 0;
    padding: 30px;
    position: relative;
    background: #000;
    flex: 1;
    display: flex;
    align-items: center;
    border-radius: 20px;
    gap: 0 25px
}

.and-app-services-list .and-app-services-box.and-s-box-1 {
    background: #e3eaff !important
}

.and-app-services-box-cnt h3,
.and-app-services-box.sec-list-s-box h3 {
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    font-size: 24px;
    font-weight: 700
}

.and-app-services-box-cnt p,
.and-app-services-box.sec-list-s-box p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 0;
    position: relative
}

.and-app-services-box.and-s-box-2 h3,
.and-app-services-box.and-s-box-2 p,
.and-app-services-list.and-s-list-3 .and-app-services-box-cnt h3,
.and-app-services-list.and-s-list-3 .and-app-services-box-cnt p {
    color: #fff
}

.and-app-services-list .and-app-services-box.and-s-box-1 p {
    color: var(--paragraphcolor)
}

.and-app-services-box.sec-list-s-box {
    display: block;
    background: #fff;
    border: 1px solid #e2e5f1
}

.and-app-services-box.sec-list-s-box img {
    margin: 0 0 30px;
    height: 130px
}

.and-app-services-box.sec-list-s-box p {
    margin: 0;
    color: var(--paragraphcolor)
}

.and-app-services-list.and-s-list-3 {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
}

.and-app-services-list.and-s-list-3 .and-app-services-box {
    background: #3848bd;
    gap: 0 10%
}

.android-stack-sec .ember-js-body .ember-js-box {
    min-height: 325px;
    background: #ebf6ff;
    padding: 40px;
    border: 1px solid #a3bfd5;
    border-top: 12px solid #a3bfd5
}

.testing-solutions .ember-js-body .ember-js-box {
    min-height: 245px
}

.android-stack-box-title {
    margin: 0 0 25px;
    display: flex;
    align-items: center;
    gap: 0 17px
}

.android-stack-sec .ember-js-body .ember-js-box h3 {
    color: #000;
    font-size: 22px;
    margin: 0
}

.android-stack-sec .ember-js-body .ember-js-box img {
    max-width: 80px;
    margin: 0
}

.android-stack-sec .ember-js-body .ember-js-box ul li strong {
    color: #005ff3;
    margin: 0 5px 0 0
}

.ios-bg {
    background: url("../images/technology/ios/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important;
    padding: 80px 0
}

.ios-tools-and-tech .what-we-offer-body {
    max-width: 1380px
}

.ios-tools-and-tech .what-we-offer-body .what-we-offer-list {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 30px 30px !important
}

.ios-tools-and-tech-last-box {
    margin: 30px 0 0;
    padding: 30px;
    position: relative;
    min-height: 200px;
    background: #fff;
    width: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ios-tools-and-tech-last-box h3 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    color: #0069ef;
    max-width: 320px
}

.ios-tools-and-tech-last-box p {
    font-size: 14px !important;
    line-height: 22px !important;
    margin: 0 0 10px
}

.ios-tools-and-tech img {
    margin: 0 0 20px;
    padding: 0;
    max-width: 80px
}

.ios-tools-and-tech-last-box-img {
    margin: 0;
    width: 300px
}

.ios-tools-and-tech-last-box-img img {
    max-width: 100%;
    border-radius: 20px
}

.web-migration-bg {
    background: url("../images/technology/website-migration/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important;
    padding: 80px 0
}

.web-migration-services-title {
    margin: 20px 0;
    padding: 0;
    position: relative;
    text-align: center
}

.web-migration-services-title p {
    margin: 0 auto;
    padding: 0;
    position: relative;
    font-size: 17px;
    font-weight: 400;
    color: var(--paragraphcolor);
    line-height: 26px;
    max-width: 800px
}

.web-migration-services .big-c-vs-shopify-list {
    margin: 60px 0 0;
    background: #f5f5f5;
    padding: 40px;
    border-radius: 20px
}

.web-migration-services .big-c-vs-shopify-list h3 {
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #0069ef
}

.api-bg {
    background: url("../images/api-int/web-and-mobile/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important;
    padding: 80px 0
}

.aws-int-bg {
    background: url("../images/api-int/aws/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important;
    padding: 80px 0
}

.aws-int-bg .inner-banner-img {
    flex: 3 !important;
    filter: drop-shadow(0 3px 20px rgb(0 0 0 / 15%)) !important
}

.klaviyo-int-bg {
    background: url("../images/api-int/klaviyo/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important;
    padding: 40px 0
}

.klaviyo-int-bg .inner-banner-img,
.offshore-development-bg .inner-banner-img,
.offshore-software-bg .inner-banner-img,
.staffing-augmentation-bg .inner-banner-img {
    flex: 4 !important;
    filter: drop-shadow(0 3px 20px rgb(0 0 0 / 15%)) !important
}

.break-para {
    color: #000 !important
}

.slack-bg {
    background: url("../images/api-int/slack/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important;
    padding: 40px 0
}

.ai-chatbot-bg .inner-banner-img,
.chatgpt-int-bg .inner-banner-img,
.google-int-bg .inner-banner-img,
.slack-bg .inner-banner-img {
    flex: 5 !important;
    filter: drop-shadow(0 3px 20px rgb(0 0 0 / 15%)) !important
}

.google-int-bg {
    background: url("../images/api-int/google/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important;
    padding: 40px 0
}

.chatgpt-int-bg {
    background: url("../images/api-int/chatgpt/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important;
    padding: 40px 0
}

.we-specialize {
    gap: 50px !important
}

.we-specialize .and-app-services-box:nth-child(3) {
    background: #4f139b
}

.we-specialize .and-app-services-box:nth-child(4) {
    background: #2ca775
}

.we-specialize img {
    border-radius: 15px
}

.ai-chatbot-bg {
    background: url("../images/api-int/chatbot/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important;
    padding: 40px 0
}

.dedicated-team-bg {
    background: url("../images/manage-services/team/wpb-background.webp") center bottom no-repeat;
    background-size: cover !important;
    padding: 40px 0
}

.dedicated-team-bg .inner-banner-content {
    flex: 1 !important
}

.dedicated-team-bg .inner-banner-img {
    flex: 1 !important;
    filter: drop-shadow(0 3px 20px rgb(0 0 0 / 15%)) !important
}

.staffing-augmentation-bg {
    background: linear-gradient(15deg, #000, #36356c);
    background-size: cover !important;
    padding: 0
}

.staffing-industries-body {
    margin: 0 auto;
    padding: 50px 30px;
    max-width: 1380px;
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 0 5%
}

.staffing-industries-body .staffing-industries-box>h3 {
    margin: 0;
    padding: 0;
    min-width: 400px;
    font-size: 34px;
    font-weight: 700;
    color: #0069ef;
    line-height: 40px;
    min-height: 80px
}

.staffing-industries-box p {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    display: block;
    min-height: 70px
}

.staffing-industries-box .industries-we-serve-list {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr))
}

.offshore-development-bg,
.offshore-software-bg {
    background: #ead6ba;
    background-size: cover !important
}

.industries-we-serve-list.collaboration-process-list .industries-we-serve-box .industries-we-serve-img {
    margin: 10px 0 15px
}

.industries-we-serve-list.collaboration-process-list .industries-we-serve-box h3 {
    font-size: 16px;
    margin: 0 0 6px
}

.industries-we-serve-list.collaboration-process-list .industries-we-serve-box p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #545454;
    font-weight: 400;
    line-height: 18px
}

.Industries-LiDAR h2 {
    font-size: 35px
}

.Industries-LiDAR p {
    font-size: 15px;
    width: 77%;
    margin: 0 auto !important
}

.bedcroom li,
.bedcroom li a {
    font-size: 14px;
    font-weight: 500;
    font-family: Inter;
    text-decoration: none !important
}

.box-five-item {
    overflow: hidden;
    cursor: pointer
}

.box-five-left .box-five-slider .box-five-item img:hover {
    transform: scale(2) rotate(35deg)
}

.bedcroom {
    gap: 13px;
    display: flex;
    margin: 20px auto;
    padding: 0 30px;
    position: relative;
    max-width: 1360px;
    align-items: center
}

.bedcroom li {
    color: #000;
    text-transform: capitalize
}

.bedcroom li a {
    color: #00579f;
    border-bottom: 1px solid #00579f
}

.digitab-sec {
    margin: 0 0 50px
}

.digitization-card-sec .services-include-list {
    margin: 0;
    padding: 0;
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    justify-items: center
}

.digitization-card-sec .services-include-list .services-include-box .services-include-img-box {
    height: 226px
}

.consultation-list {
    grid-template-columns: repeat(auto-fill, minmax(177px, 1fr))
}

.services-include-title .methodology-marketing {
    width: 60% !important;
    margin: 0 auto !important
}

.applications {
    padding-left: calc(50% - 496px) !important
}

.values-logo-sec {
    width: 90%;
    margin: 0 auto 50px
}

.shopify-benifits-sec {
    background-color: none !important
}

.development-solution {
    background-color: #fff !important;
    padding: 30px 0
}

.process-card-lisr {
    display: flex;
    flex-wrap: wrap
}

.process-card-lisr .all-process-box {
    margin: 10px 0
}