@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    padding: 0;
    margin: 0;
    outline: none;
}

a {
    color: #3895fd;
}

a:hover {
    color: #3895fd;
}

a:hover,
a:focus {
    outline: none;
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
}

/*Page Heading*/
h1 {
    font-size: 25px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 17px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Google Sans", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #374252;
    margin: 0;
}

p {
    font-family: "Google Sans", sans-serif;
    font-weight: 400;
    color: #4B5563;
    margin: 0 0 10px;
    letter-spacing: 0.3px;
}

body {
    font-family: "Google Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #374252;
    padding-top: 152px;
}

.o-hidden {
    overflow: hidden;
}

.btn,
a.btn {
    min-width: 105px;
    width: auto;
    height: 43px;
    line-height: 43px;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    border: 0;
    background: #3895FD;
}

.btn:hover,
.btn:focus,
.btn:active {
    color: #fff;
    background: #1081ff;
    text-decoration: none;
    outline: none;
}

a.btn:hover,
a.btn:focus {
    color: #fff;
    background: #1081ff;
    outline: none;
    box-shadow: none;
}

.btn:hover,
a.btn:hover {
    background: #1081ff;
}

.btn.btn-blue {
    min-width: 185px;
    height: 48px;
    line-height: 48px;
    background-color: #3895FD;
    border-radius: 5px;
    padding: 0 45px;
    box-shadow: 2.5px 4.33px 13px rgba(0, 0, 0, 0.28);
}

.btn.btn-blue:hover,
.btn.btn-blue:focus {
    background: #1081ff;
}

a.btn.btn-white {
    background: #fff;
    color: #3895FD;
}

a.btn.btn-white:hover,
.btn.btn-white:focus {
    background: #3895fd;
    color: #fff;
}

.bg-grey {
    background: #f9f9f9;
}

.txt-blue {
    color: #3895fd;
}

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

.m-t-20 {
    margin-top: 20px;
}

.m-t-60 {
    margin-top: 60px;
}

.w-left {
    width: 100%;
    float: unset;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.p-relative {
    position: relative;
}

.d-flex {
    display: flex;
}

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

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

/* slick slider */
.slick-slider {
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

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

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

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

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

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

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

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

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

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

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

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

.slick-arrow.slick-hidden {
    display: none;
}

.slick-slider .slick-arrow {
    position: absolute;
    top: -66px;
    right: 0;
    width: 26px;
    height: 26px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    color: #000;
    text-align: center;
    line-height: 25px;
    z-index: 10;
    cursor: pointer;
    border: 1px solid #b7b7b7;
    outline: none;
}

.slick-slider .slick-arrow:hover {
    border: 1px solid #000;
}

.slick-slider .slick-arrow.flaticon-arrow-left {
    right: 34px;
}

.slick-slider .slick-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
    margin: 0 4px;
}

.slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    transition: background 0.1s ease-in-out;
    border: none;
    font-size: 0;
    outline: none;
    cursor: pointer;
}

.slick-dots .slick-active button {
    background-color: #f47d17;
}

/* header */
.header {
    position: fixed;
    top: -129px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    transition: all 0.2s linear;
}

.header.sticky-fx {
    top: 0;
    border-bottom: 1px solid #efefef;
}

.header.sticky-fx.fixed .row {
    align-items: center;
}

/* slider-banner */
.banner-w-text {
    position: relative;
    background-image: url(../img/sliderbanner.jpg);
    background-color: #3895fd;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 79px 0px 45px;
    background-size: cover;
}

.slidertitle {
    margin-bottom: 4px;
    font-size: 52px;
    font-weight: bold;
    color: #fff;
    line-height: 64px;
    letter-spacing: 0px;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    display: block;
}

.slidert-i {
    text-align: center;
}

.sp-btn {
    background-color: #3761ff;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
    min-width: 185px;
    padding: 10px 0 14px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.2px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.cm-infosp {
    font-size: 20px;
    font-weight: 300;
    display: block;
    text-align: center;
    width: 100%;
    letter-spacing: 0.2px;
    color: #fff;
    margin-bottom: 31px;
}

.text-n-infosp {
    width: 100%;
    text-align: center;
    margin-bottom: 34px;
}

.slider-imgsm img {
    display: block;
    margin: auto;
}

.our-service {
    margin: 61px 0 38px;
}

.spmain-title {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 27px;
    color: #374252;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 7px;
}

.spdec-info-text {
    text-align: center;
    font-size: 16px;
    color: #4B5563;
    font-family: "Google Sans", sans-serif;
    letter-spacing: 0.3px;
    max-width: 880px;
    margin: 0 auto 45px;
}

.dec-ab-sp {
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 9;
    text-align: center;
}

.dec-ab-sp .btn {
    margin-bottom: 10px;
}

.service-name {
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0px;
    line-height: 1.2;
    margin-bottom: 20px;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}

.inner-ser-info {
    width: 100%;
    display: flex;
    height: 271px;
    position: relative;
    padding: 20px;
    margin-bottom: 29px;
}

.inner-ser-info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.15;
    z-index: 1;
    border-radius: 9px;
}

.inner-ser-info img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
}

.sp-shopify-service {
    background-color: #3895fd;
    padding: 66px 0 69px;
}

.sp-service-title {
    width: 100%;
    text-align: center;
    font-size: 52px;
    color: #fff;
    line-height: 1.2;
    letter-spacing: 0px;
    margin-bottom: 0;
    text-transform: capitalize;
    margin-bottom: 8px;
    font-weight: bold;
}

.sp-shopify-service .spdec-info-text {
    color: #fff;
    margin-bottom: 58px;
}

.width16left {
    width: 16.6666666667%;
    padding: 0 14px;
    margin-bottom: 65px;
}

.sp-shopify-service .row {
    margin: 0 -14px;
}

.sp-shopify-service .wht-bg {
    height: 171px;
    border-radius: 10px;
}

.sp-shopify-service .wht-bg img {
    max-height: 100%;
}

.sp-ser-decdiv {
    text-align: center;
    line-height: 1.2;
    margin-top: 22px;
}

.sp-ser-decdiv a {
    cursor: default
}

.dec-sr-acnr {
    width: 100%;
    font-family: "Google Sans", sans-serif;
    font-size: 15.5px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
}

.sp-shopify-service-inner {
    text-align: center;
}

.sp-shopify-service .sp-btn {
    min-width: 284px;
}

.recent-work {
    padding: 58px 0 71px;
}

.index .recent-work .container {
    max-width: 1410px;
}

.recent-work .spmain-title {
    margin-bottom: 53px;
}

.index .left-lp-img {
    width: 56.595%;
}

.left-lp-img {
    float: left;
    padding: 0;
    margin-bottom: 64px;
}

.index .right-rw-dec {
    width: 43.405%;
    max-width: 415px;
}

.right-rw-dec {
    float: left;
    padding-left: 0;
    margin-bottom: 64px;
    padding-top: 44px;
}

.rc-more-info {
    width: 100%;
    text-align: center;
    margin-top: 3px;
}

.project-name {
    font-size: 19px;
    color: #3895fd;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: normal;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.techno-use {
    margin-top: 20px;
}

.project-dec {
    font-size: 16px;
    color: #545252;
    font-family: "Google Sans", sans-serif;
    line-height: 1.4;
    letter-spacing: 0.3px;
    margin-bottom: 35px;
}

.techno1 {
    width: calc(33.33% - 5px);
    max-width: 118px;
    height: 114px;
    position: relative;
    background-color: #f5f5f5;
    float: left;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.techno1 img {
    position: absolute;
    top: -25px;
    left: 0;
    bottom: 0;
    right: 0;
    max-height: 100%;
    padding: 15px;
    margin: auto;
}

.techno1 .tech-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 12px 10px;
    margin: auto;
    font-size: 14px;
    line-height: 1;
}

.why-sp {
    padding: 86px 0 101px;
    position: relative;
    background-image: url(../img/whyspbanner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.why-sp .sp-service-title {
    margin-bottom: 66px;
}

.dec-why-sp {
    position: relative;
    text-align: left;
    padding: 0 40px 0 60px;
}

.dec-why-sp::after {
    position: absolute;
    left: 30px;
    right: auto;
    top: 3px;
    bottom: 4px;
    width: 5px;
    background-color: #3895FD;
    content: "";
}

.why-sp-dect {
    text-align: left;
    font-size: 15.5px;
    color: #f9f9f9;
    font-family: "Google Sans", sans-serif;
    line-height: 1.3;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}

.recent-work .slick-slider .slick-arrow {
    background-image: url(../img/rightarrow.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    font-size: 0;
    top: 50%;
    margin-top: -22px;
    right: 6.5%;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
}

.recent-work .slick-slider .slick-arrow.slick-prev {
    transform: rotate(180deg);
    left: 0%;
    right: auto;
}

.banner2 .slidert-i {
    display: flex;
    align-items: center;
}

.banner2 .slider-imgsm img {
    width: 86%;
}

.banner2 .text-n-infosp {
    padding-left: 10%;
    text-align: left;
}

.banner2 .slidertitle {
    text-align: left;
    margin-bottom: 20px;
}

.bnr-slider.slick-slider .slick-arrow {
    background-image: url(../img/rightarrow.png);
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 50px;
    border: 2px solid #000;
}

.bnr-slider.slick-slider .slick-next {
    right: 20px;
}

.bnr-slider.slick-slider .slick-prev {
    left: 20px;
    transform: rotate(-180deg) translateY(50%);
}

.nav-i-menu ul li i {
    position: absolute;
    right: 3px;
    top: 48%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #707070;
}

header .f-right .m-level1 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(60px);
    transition: all 0.3s ease;
    z-index: 9;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 1;
    width: 280px;
    border-top: 3px solid #7acf48;
    padding: 8px 0;
    box-shadow: -2px 3px 10px rgba(0, 0, 0, 0.1);
}

header .f-right .m-level2 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(60px);
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    z-index: 1;
    width: 240px;
    border-top: 3px solid #7acf48;
    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.1);
    padding: 8px 0;
}

header .f-right .m-level1 li {
    width: 100%;
    text-align: left;
    padding: 7px 20px;
}

header .f-right .m-level2 li {
    width: 100%;
    text-align: left;
    padding: 7px 20px;
}

header .f-right .sub-level2-li i {
    float: right;
    top: 16px;
    right: 15px;
    position: absolute;
}

header .f-right .m-level1 a {
    font-size: 14px;
    display: block;
    letter-spacing: 0;
    color: #000;
    font-weight: normal;
}

header .f-right .m-level1 .mobile-show {
    display: none;
}

.home-c-video .view-btn {
    width: 140px;
    height: 50px;
    border-radius: 10px;
    border: 2px solid #fff;
    display: block;
    margin: auto;
    position: relative;
    line-height: 45px;
    color: #fff;
}

.home-c-video .view-btn span {
    width: 20px;
    height: 45px;
    float: right;
    border: 10px solid transparent;
    border-top-color: #fff;
    transform: rotate(270deg);
}

.clients-video .video-image {
    width: 100%;
    float: left;
    position: relative;
    background: no-repeat center/cover;
    padding-bottom: 56.25%;
    border-radius: 6px;
    cursor: pointer;
}

.clients-video .video-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    border-radius: 6px;
    transition: opacity 0.6s ease;
}

.clients-video .video-image:hover:before {
    opacity: 0.5;
}

.clients-video .video-image svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    transition: all 0.3s ease;
}

.clients-video .video-image:hover svg {
    fill: #3895fd;
}

.clients-video .box {
    padding: 15px;
    background: #3895fd;
    float: left;
    width: 100%;
    border-radius: 8px;
}

.clients-video .box .link {
    color: #fff;
    padding-top: 15px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
}

.page-title {
    font-size: 27px;
    line-height: 1.2;
    margin-bottom: 40px;
    text-align: center;
}

.client-section {
    padding: 64px 0 50px;
}

.client-section .page-title {
    position: relative;
}

.client-section .btn {
    float: right;
    position: absolute;
    right: 0;
    top: -5px;
}

.client-section .btn span {
    display: inline-block;
    padding: 3px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(315deg);
    position: relative;
    top: -1px;
    left: 3px;
}

.client-img {
    padding: 0 12px;
}

.client-img .img-bx {
    width: 100%;
    height: 124px;
    position: relative;
    border-radius: 3px;
    border: 1px solid #ececec;
}

.client-img .img-bx img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    opacity: 0.9;
    transition: all 0.3s ease;
}

.client-img .img-bx img:hover {
    opacity: 1;
}

.c-post-item {
    margin-top: 30px;
}

.c-post-item .c-post-bx {
    width: 100%;
    height: 100%;
    padding: 56px 40px 27px;
    border-radius: 9px;
    background-color: #3795ff;
    color: #fff;
    position: relative;
}

.c-post-item .c-post-bx .quote {
    font-size: 83px;
    color: #ffffff;
    display: block;
    position: absolute;
    top: 0;
    left: 40px;
}

.c-post-item .c-post-bx .post-content {
    font-size: 15.5px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 22px;
}

.c-post-item .c-post-bx .author-name {
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    padding-left: 3px;
}

.c-post-item .c-post-bx .author-name span {
    font-size: 16px;
}

.recent-blogs {
    padding: 50px 0;
    overflow: hidden;
}

.h-blog-t {
    position: relative;
}

.h-blog-t .btn {
    float: right;
    position: absolute;
    right: 0;
    top: -5px;
}

.h-blog-t .btn span {
    display: inline-block;
    padding: 3px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(315deg);
    position: relative;
    top: -1px;
    left: 3px;
}

.post-item {
    margin-bottom: 15px;
}

.post-item .post-img {
    margin-bottom: 27px;
}

.post-item .post-img a {
    width: 100%;
    display: block;
    padding-bottom: 62.5%;
    position: relative;
    overflow: hidden;
    border-radius: 9px;
}

.post-item .post-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
}

.post-item h3 {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 21px;
    min-height: 46px;
    max-height: 46px;
    overflow: hidden;
}

.post-item h3 a {
    color: #374252;
}

.post-item h3 a:hover {
    color: #3795ff;
}

.footer {
    background: #2e2b2b;
}

.footer h3 {
    font-size: 25px;
    line-height: 1.4;
    color: #f9f9f9;
    margin-bottom: 29px;
}

.footer h4 {
    font-size: 19px;
    line-height: 1.4;
    color: #f9f9f9;
    margin: 5px 0 20px;
    word-break: break-word;
}

.footer h6 {
    font-size: 15px;
    line-height: 1.4;
    color: #f9f9f9;
}

.footer .footer-top {
    /*padding: 53px 0;*/
    padding: 30px 0;
}

.footer .footer-top .col-md-2:nth-of-type(3) {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.footer .footer-top .col-md-2:nth-of-type(4) {
    -ms-flex: 0 0 21.4%;
    flex: 0 0 21.4%;
    max-width: 21.4%;
}

.footer .ft-links ul {
    margin-top: 20px;
}

/* .footer .ft-links ul li {margin-bottom: 6px;} */
.footer .ft-links ul li a {
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 19px;
    display: block;
    color: #c9c9c9;
    font-family: "Google Sans", sans-serif;
    font-weight: 300;
}

.footer .ft-links ul li a:hover {
    color: #fff;
}

.footer .footer-bottom {
    padding: 15px 0;
    background: #3795ff;
}

.footer .footer-bottom p {
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    color: #ffffff;
    margin: 8px 0 5px;
}

.footer .ft-social {
    padding: 11px 10px 0 0;
    float: right;
}

.footer .ft-social li {
    font-size: 14px;
    float: left;
    margin: 0 11px;
}

.footer .ft-social li a {
    color: #fff;
}

.f-divider {
    padding-top: 30px;
    margin-bottom: 35px;
    border-bottom: 1px solid #ccc;
}

.footer .f-address h4 {
    margin: 0 0 12px;
}

.f-address span {
    color: #c9c9c9;
    width: 100%;
    float: left;
    margin-bottom: 6px;
    font-weight: 300;
    font-size: 14px;
}

.f-address span i {
    margin-right: 8px;
}

/* our team */
.our-team .section-top {
    padding: 60px 0;
}

.our-team .spmain-title {
    font-size: 30px;
    line-height: 1.5;
}

.our-team .spmain-title.m-title {
    max-width: 560px;
    display: block;
    margin: 0 auto 15px;
    padding-bottom: 20px;
    position: relative;
}

.our-team .spmain-title.m-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 120px;
    height: 3px;
    background: #000;
    margin: auto;
}

.our-team .text-slider .spmain-title {
    color: #3895FD;
}

.image-i-text {
    width: 100%;
    float: left;
    padding: 60px 0;
}

.image-i-text .text-i-wrap {
    width: 50%;
    float: left;
    padding: 0 15px;
    align-self: center;
    font-size: 17px;
}

.image-i-text .img-i-wrap {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.comp-details {
    background: #3795ff;
    padding: 60px 0;
    counter-reset: my-sec-counter;
}

.comp-details .detail-box {
    width: 100%;
    height: 100%;
    padding: 30px 25px 20px;
    background: #fff;
    border-radius: 9px;
    position: relative;
}

.comp-details .detail-box:before {
    content: counter(my-sec-counter);
    counter-increment: my-sec-counter;
    position: absolute;
    top: -20px;
    left: 20px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #3795ff;
    background: #ffffff;
    border: 3px solid #3795ff;
    border-radius: 100%;
}

.comp-details .detail-box h3 {
    font-size: 28px;
    margin-bottom: 5px;
    color: #3795ff;
}

.comp-details .detail-box p {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}

.comp-founders {
    padding: 60px 0;
    border-bottom: 1px solid #e5e5e5;
}

.founder-bx {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: 9px;
    padding: 30px;
}

.founder-bx .founder-img {
    max-width: 300px;
    display: block;
    margin: 0 auto 30px;
}

.founder-bx .founder-img .img-bx {
    width: 100%;
    display: block;
    padding-bottom: 100%;
    position: relative;
}

.founder-bx .founder-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.founder-bx h3 {
    font-size: 20px;
}

.founder-bx p {
    margin: 5px 0 0;
}

.join-team {
    padding: 60px 0;
}

.join-team h3 {
    font-size: 28px;
    margin-bottom: 10px;
}

.join-team span {
    display: block;
    margin-bottom: 25px;
    color: #4B5563;
}

/* work */
.our-recent-section {
    padding: 62px 0 30px;
}

.our-recent-section .page-title {
    margin-bottom: 10px;
    width: 100%;
}

.infocenter {
    display: flex;
    justify-content: center;
    margin-left: 16px;
}

.account-content .hide {
    display: none;
}

.account-content {
    padding: 20px 0 0;
}

.wrk-img img {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.10);
    border-radius: 10px;
    transition: all 400ms ease-in-out;
    width: 100%;
}

.i-wrk-pro:hover .wrk-img img {
    box-shadow: 0px 0px 68px rgba(0, 0, 0, 0.31);
}

.visit-site {
    padding: 26px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #374252;
}

.visit-site .btn {
    margin-left: 17px;
    height: 34px;
    line-height: 34px;
}

.ourproname {
    font-family: "Google Sans", sans-serif;
    font-size: 15.5px;
    letter-spacing: 0.2px;
    line-height: normal;
}

.shipping-policy .our-wrkproject:nth-child(2n + 1) {
    padding-right: 43px;
}

.shipping-policy .our-wrkproject:nth-child(2n) {
    padding-left: 43px;
}

.shipping-policy .our-wrkproject {
    margin-bottom: 71px;
}

.btn.v-more-pro {
    clear: left;
    display: block;
    width: 100%;
    font-size: 25px;
    line-height: 53px;
    height: 53px;
    max-width: 97.6%;
    margin-right: auto;
    margin-left: auto;
}

.infocenter li .techno1 {
    font-size: 25px;
    color: #3895fd;
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infocenter li.active .techno1 {
    background: #3895fd;
    font-size: 25px;
    color: #fff;
}

.infocenter li {
    width: 100%;
    max-width: 118px;
    height: 114px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.our-recent-section .spdec-info-text {
    margin: 0 auto 38px;
}

.our-recent-section .techno1 img {
    top: 0;
}

.infocenter li.active img {
    filter: brightness(0) invert(1);
}


/* contact-us */
.contact-us-section {
    padding: 62px 0 155px;
}

.contact-us-section .spdec-info-text {
    max-width: 65%;
    margin-bottom: 64px;
}

.contact-us-section .page-title {
    width: 100%;
    margin-bottom: 7px;
}

.inputfiled {
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    border-radius: 5px;
    color: #2e2b2b;
    width: 100%;
    text-indent: 18px;
    margin-bottom: 17px;
    height: 46px;
    font-family: "Google Sans", sans-serif;
    line-height: 46px;
    font-size: 15px;
}

.countrybox {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-bottom: 50px;
    appearance: none;
    position: relative;
    background-image: url(../img/downarrow.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.inputfiled::placeholder {
    color: #2e2b2b;
}

.inputfiled:-ms-input-placeholder {
    color: #2e2b2b;
}

.inputfiled::-ms-input-placeholder {
    color: #2e2b2b;
}

.textareafiled label {
    font-size: 15px;
    color: #2e2b2b;
    font-family: "Google Sans", sans-serif;
    letter-spacing: 0.2px;
    line-height: normal;
    margin-bottom: 15px;
    width: 100%;
}

.contactform {
    max-width: 82.5%;
}

.textareafiled {
    width: 72%;
    float: left;
    margin-right: 30px;
}

.subnitfiled {
    display: flex;
    align-items: flex-end;
}

.textareafiled textarea {
    margin-bottom: 0;
}

.inputfiled:focus {
    border-color: #51a3ff;
}

.right-con-info {
    background: #3795ff;
    float: right;
    text-align: left;
    padding: 55px 104px 41px 75px;
    width: 100%;
    border-radius: 3px;
}

.cont-inf span {
    font-size: 15px;
    color: #fff;
    font-family: "Google Sans", sans-serif;
    letter-spacing: 0.2px;
    line-height: 25px;
    min-width: 65px;
    margin-right: 8px;
}

.cont-inf li {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.cont-inf h4 {
    font-size: 22px;
    color: #fff;
    line-height: normal;
}

.social-icnc li {
    font-size: 14px;
    float: left;
    margin: 0 11px;
    display: inline-block;
}

.cont-inf {
    margin-bottom: 14px;
}

.social-icnc li a {
    color: #fff;
}

.social-icnc li:first-child {
    margin: 0;
}

.social-icnc span {
    font-size: 15px;
    color: #fff;
    font-family: "Google Sans", sans-serif;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin-right: 22px;
    min-width: 65px;
    float: left;
}

.social-icnc {
    display: flex;
    align-items: center;
    padding-top: 38px;
    border-top: 1px solid #73b5ff;
}

/*.inner-contact-sec{overflow: hidden;}*/
.contactform .txtc_msg {
    position: absolute;
    top: 100%;
    font-size: 13px;
    margin-top: 8px;
}

.contactform .txtc_msg.red {
    color: #ff0000;
}

.contactform .txtc_msg.green {
    color: #027b02;
}

.contactform .btnloading {
    position: absolute;
    right: 10%;
    bottom: 15px;
}

.global-office {
    padding-top: 60px;
    border-top: 1px solid #e2e2e2;
    margin-top: 60px
}

.contact-us-section .global-office .spdec-info-text {
    margin-bottom: 35px;
}

.global-office .techno1 {
    max-width: 100%;
    height: 100%;
}

.global-office .techno1 svg {
    width: 35px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.global-office .infocenter li {
    max-width: 280px;
    height: 70px;
}

.global-office .infocenter li .techno1 {
    color: #000;
    font-size: 20px;
}

.global-office .infocenter li.active .techno1 {
    color: #fff;
}

.global-office .infocenter li.active svg {
    fill: #fff;
}

.global-office .office-add {
    position: relative;
}

.global-office .office-add .canada-add1,
.global-office .office-add .canada-add2,
.global-office .office-add .germany-add,
.global-office .office-add .india-add,
.global-office .office-add .india-add2 {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 300px;
    background: #fff;
    padding: 12px 15px;
    border-radius: 6px;
    z-index: 9;
    border: 1px solid #e1e1e1;
}

.global-office .office-add .india-pin,
.global-office .office-add .india-pin2,
.global-office .office-add .germany-pin,
.global-office .office-add .canada-pin1,
.global-office .office-add .canada-pin2 {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    ;
    z-index: 9;
}

.global-office .office-add .canada-pin1 {
    left: 16.5%;
    top: 31%;
    height: 40px;
    width: 35px;
}

.global-office .office-add .canada-pin2 {
    left: 19.4%;
    top: 29%;
    height: 40px;
    width: 35px;
}

.global-office .office-add .germany-pin {
    left: 37%;
    top: 27%;
}

.global-office .office-add .india-pin {
    left: 52%;
    top: 47%;
    width: 30px;
    height: 30px;
}

/* .global-office .office-add .india-pin2{left: 50.5%;top: 44%;} */
.global-office .office-add .india-pin2 {
    left: 49%;
    top: 44%;
    width: 30px;
    height: 30px;
}

.global-office .office-add .canada-add1,
.global-office .office-add .canada-add2,
.global-office .office-add .germany-add,
.global-office .office-add .india-add,
.global-office .office-add .india-add2 {
    bottom: 100%;
    right: -129px;
    margin-bottom: 5px;
}

.global-office .office-add .india-pin:hover .india-add,
.global-office .office-add .germany-pin:hover .germany-add,
.global-office .office-add .canada-pin1:hover .canada-add1,
.global-office .office-add .canada-pin2:hover .canada-add2,
.global-office .office-add .india-pin2:hover .india-add2 {
    visibility: visible;
    opacity: 1;
}

.global-office .office-add div div:after,
.global-office .office-add div div:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.global-office .office-add div div:after {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #ffff;
    border-width: 7px;
    margin-left: -7px;
}

.global-office .office-add div div:before {
    border-color: rgba(226, 226, 226, 0);
    border-top-color: #e2e2e2;
    border-width: 8px;
    margin-left: -8px;
}

.global-office .office-add div img {
    max-height: 18px;
    margin-top: 4px;
    float: right;
}

.global-office .office-add div span img {
    float: none;
    margin: 0 0 0 8px;
}

.global-office .visible-xs {
    display: none;
}

.global-office .right-address {
    position: absolute;
    top: -5px;
    right: 10px;
    max-width: 237px;
}

.global-office .right-address h3 {
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    color: #3795ff;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.global-office .right-address li {
    padding-bottom: 15px;
    width: 100%;
    float: left;
}

.global-office .right-address span {
    font-size: 15px;
}

.quick_main .txtq_msg {
    position: absolute;
    bottom: 5%;
    left: 35%;
    font-size: 13px;
    margin-top: 8px;
}

.quick_main .txtq_msg.red {
    color: #ff0000;
}

.quick_main .txtq_msg.green {
    color: #027b02;
    padding-right: 20%;
    bottom: 3%;
}

.quick_main .btnloading {
    position: absolute;
    left: 135px;
    bottom: 25px;
}

/* clients */
.client-page .client-img {
    float: left;
    max-width: 234px;
    width: 100%;
    margin-bottom: 28px;
}

.client-page .client-img .img-bx {
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    transition: all 400ms ease-in-out;
}

.client-page .client-img .img-bx:hover {
    box-shadow: 5px 0px 29px rgba(0, 0, 0, 0.12);
    background: #fdfdfd;
}

.client-page .page-title {
    margin-bottom: 3px;
}

.client-page .spdec-info-text {
    margin-bottom: 62px;
}

.client-page .client-posts {
    margin-top: 11px;
}

.client-section.client-page {
    padding: 64px 0 81px;
}

.client-section.client-page .page-title {
    text-align: center;
}

/* breadcrumb */
.breadcrumbsp {
    position: relative;
    padding: 39px 0 36px;
    background-color: #3795ff;
    z-index: 0;
}

.breadcrumbsp::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    bottom: 0;
    content: "";
    background-image: url(../img/breadcrumb-pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bredul li {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 0 11px;
    position: relative;
}

.bredul li a {
    color: #fff;
}

.bredul li::after {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    position: absolute;
    left: auto;
    right: -5px;
    top: 1px;
}

.bredul li:last-child::after {
    content: initial;
}

/* about-us */
.aboutdec-banner {
    padding: 62px 0 116px;
    position: relative;
    background-image: url(../img/aboutdec-banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.innerbanner-dec {
    text-align: center;
    color: #fff;
    padding: 0 55px;
}

.about-title {
    text-transform: capitalize;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 38px;
}

.about-dec p {
    font-family: "Google Sans", sans-serif;
    line-height: 1.5;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}

.about-dec p:first-of-type {
    margin-bottom: 23px;
}

.about-list {
    padding: 62px 0 68px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    display: flex;
    align-items: center;
}

.about-list::after {
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    top: auto;
    content: "";
    width: 430px;
    background-color: #7acf48;
    height: 3px;
}

.aboutdecright {
    text-align: left;
    padding: 0 60px 0 5px;
}

.about-imgleft {
    padding: 0;
}

.ab-sb-title {
    color: #3895FD;
    font-size: 27px;
    line-height: 1.2;
    letter-spacing: normal;
    margin-bottom: 18px;
    text-transform: capitalize;
}

.dec-ab-p {
    letter-spacing: 0.2px;
    margin-bottom: 15px;
}

.con-shop-ab {
    font-size: 14px;
    color: #666464;
    font-family: "Google Sans", sans-serif;
    letter-spacing: 0.2px;
}

.about-content .about-list:first-child {
    border-bottom-color: #7acf48;
}

.about-content .about-list:nth-child(2) .about-imgleft {
    order: 2;
    text-align: right;
}

.about-content .about-list:nth-child(2) .aboutdecright {
    order: 1;
    margin-top: -14px;
    padding-left: 0;
}

.about-content .about-list:nth-child(2)::after {
    right: 0;
    left: initial;
}

.about-content {
    margin-bottom: 58px;
}

.cl-worldw {
    background-color: #3795ff;
    padding: 58px 0 89px;
}

.client-title {
    text-align: center;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #fff;
    margin-bottom: 24px;
    text-transform: capitalize;
}

.width25left {
    float: left;
    width: 20%;
    padding: 0 10px;
}

.cl-worldw .row {
    margin: 0 -10px;
}

.wht-bg {
    background-color: #fff;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 104px;
}


/* service */
.servicepage {
    background: none;
    padding: 63px 0 49px;
}

.servicepage .spdec-info-text {
    max-width: 91.5%;
    color: #545252;
    margin-bottom: 51px;
}

.servicepage .spmain-title {
    margin-bottom: 27px;
}

.servicepage .wht-bg {
    background-color: #3795ff;
}

.servicepage .dec-sr-acnr {
    color: #3795ff;
}

.servicepage .sp-ser-decdiv a {
    cursor: pointer;
}

.servicepage2 {
    background: #f8f8f8;
}

.servicepage2 .project-name a {
    color: #000;
}

.servicepage2 .project-name {
    font-size: 25px;
    font-weight: normal;
    color: #000;
    margin-bottom: 18px;
}

.servicepage2 .project-dec {
    margin-bottom: 37px;
}

.servicepage2.recent-work {
    padding: 61px 0 71px;
}

.ultab-sp li img {
    margin-right: 15px;
    margin-top: 2px;
    margin-bottom: 22px;
}

.ultab-sp li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
}

.ultab-sp li a {
    font-size: 16px;
    line-height: normal;
    color: #464646;
    font-family: "Google Sans", sans-serif;
    letter-spacing: 0px;
}

.servicepage2:not(.servicepage3) .left-lp-img {
    margin-bottom: 0;
    max-width: 52%;
}

.servicepage2:not(.servicepage3) .right-rw-dec {
    margin-bottom: 0;
    padding-left: 17px;
    padding-top: 20px;
    max-width: 48%;
}

.servicepage3.recent-work {
    background: none;
    padding: 54px 0 58px;
}

.servicepage3 .project-info {
    display: flex;
}

.servicepage3 .left-lp-img {
    order: 2;
    padding-left: 0;
    margin-bottom: 0;
    padding-right: 49px;
}

.servicepage3 .left-lp-img img {
    float: right;
}

.servicepage3 .right-rw-dec {
    order: 1;
    padding-left: 0;
    padding-right: 79px;
    padding-top: 9px;
    margin-bottom: 0;
}

.servicepage3 .project-dec {
    margin-bottom: 31px;
}

.servicepage3 .ultab-sp li img {
    margin-bottom: 0;
}

.servicepage3 .ultab-sp li {
    margin-bottom: 10px;
}

.ultab-sp li a:not([href]):not([tabindex]) {
    color: #545252;
}

.servicepage3 .ultab-sp {
    margin-left: 5px;
}

/* service-digital-marketing */
.nav-arrow {
    display: none;
}

.digital-marketing {
    padding: 71px 0 101px;
}

.service-namesp {
    background: #3795ff;
    border-radius: 10px;
    padding: 22px 5px 19px 37px;
}

.digital-marketing .account-tab {
    max-width: 27.4%;
    flex: 0 0 27.4%;
}

.digital-marketing .account-content {
    padding: 0 15px;
    max-width: 72.6%;
    flex: 72.6%;
}

.service-namesp li a {
    font-size: 16px;
    margin-left: -20px;
    color: #fff;
    line-height: normal;
    letter-spacing: 0.2px;
    display: block;
    width: 100%;
    padding: 11px 0 11px 20px;
    transition: all 300ms ease;
    position: relative;
}

.service-namesp li {
    position: relative;
    overflow: hidden;
}

.service-namesp li a::after {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    position: absolute;
    left: 0;
    right: auto;
    transform: translateY(-50%);
    top: 50%;
    margin-top: -2px;
    font-weight: bold;
}

.service-namesp li.active a {
    font-weight: bold;
    margin-left: 0;
}

.rtecontent {
    max-width: 736px;
    float: right;
    width: 100%;
    text-align: left;
    margin-top: -9px;
}

.dec-p1 {
    border-bottom: 1px solid #7acf48;
    padding: 0 0 23px;
    margin-bottom: 49px;
}

.h2heading {
    margin-bottom: 31px;
    font-size: 25px;
    color: #000;
    line-height: normal;
    letter-spacing: 0px;
}

.pdectext {
    color: #545252;
    font-size: 16px;
    font-family: "Google Sans", sans-serif;
    letter-spacing: 0.3px;
    line-height: normal;
    margin-bottom: 30px;
}

.h4heading {
    font-family: "Google Sans", sans-serif;
    margin-bottom: 18px;
    font-size: 16px;
    color: #000;
    line-height: normal;
    letter-spacing: 0px;
}

.experts-follow li {
    width: 50%;
    float: left;
    padding-left: 28px;
    position: relative;
    margin-bottom: 10px;
}

.experts-follow li::after {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 15px;
    color: #3795ff;
    position: absolute;
    left: 3px;
    right: auto;
    top: -1px;
    font-weight: bold;
}

.experts-follow li a {
    font-size: 16px;
    font-family: "Google Sans", sans-serif;
    line-height: normal;
    letter-spacing: 0px;
}

/*.experts-follow li:nth-child(2n) {width: 37%;}*/
.experts-follow li:nth-child(2n + 1) {
    clear: left;
    /*width: 63%;*/
}

.dec-pl .ultab-sp {
    margin-bottom: 66px;
}

.redinfo {
    font-family: "Google Sans", sans-serif;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.2px;
    max-width: 400px;
    float: left;
}

/*color: #ff1818;*/
.dec-pl .btn {
    float: right;
    min-width: 256px;
}

/*background: #ff1818;*/
.dec-p2 .h2heading {
    margin-bottom: 23px;
}

.dec-p2 .pdectext {
    margin-bottom: 35px;
}

.dec-p2 .h4heading {
    margin-bottom: 26px;
}

.dec-p2 .experts-follow {
    margin-bottom: 20px;
}

.dec-pl .h2heading {
    margin-bottom: 23px;
}

.dec-pl .ultab-sp li img {
    margin-bottom: 10px;
}

.our-process .width16left {
    width: 20%;
    padding: 0 10px;
    margin-bottom: 47px;
}

.our-process .wht-bg {
    background: #3795ff;
    height: 130px;
    border-radius: 10px;
}

.innercnttt {
    margin: 0 -10px;
}

.our-process .dec-sr-acnr {
    color: #3795ff;
}

.mobile-develop .h2heading {
    margin-bottom: 21px;
}

.mobile-develop .pdectext {
    margin-bottom: 25px;
}

.mobile-develop .h4heading {
    margin-bottom: 26px;
}

.dec-p1.mobile-develop {
    padding: 0 0 49px;
}

.lioenline.experts-follow li:nth-child(2n) {
    width: 37%;
}

.lioenline.experts-follow li:nth-child(2n + 1) {
    width: 63%;
}

.dvlp2 .h4heading {
    margin-bottom: 35px;
}

.dec-p1.mobile-develop.dvlp3 {
    padding-bottom: 41px;
    margin-bottom: 56px;
}

.dvlp3 .ultab-sp {
    margin-bottom: 42px;
}

.dvlp4 .pdectext {
    margin-bottom: 42px;
}

.dvlp4 {
    margin-bottom: 51px;
    padding: 0 0 6px;
}

.cvlp5 .pdectext {
    margin-bottom: 41px;
}

.experts-follow li.no-cntnnt::after {
    content: initial;
}

.php1 .pdectext {
    margin-bottom: 24px;
}

.dec-p1.php1 {
    padding-bottom: 29px;
    margin-bottom: 55px;
}

.php2 .pdectext {
    margin-bottom: 43px;
}

.php2 {
    padding-bottom: 30px;
}

.php3 .ultab-sp {
    margin-bottom: 15px;
}

.php4 .pdectext {
    margin-bottom: 85px;
}

.public-app li {
    width: 50%;
    text-align: left;
    margin-bottom: 56px;
    float: left;
}

.public-app li .wht-bg {
    background: #3795ff;
    min-height: 84px;
    width: 84px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.app-nname {
    font-family: "Google Sans", sans-serif;
    margin-bottom: 0;
    font-size: 16px;
    color: #3795ff;
    line-height: 36px;
    letter-spacing: 0px;
}

.rate-plan {
    font-family: "Google Sans", sans-serif;
    font-size: 15.5px;
    color: #444a50;
    line-height: 20px;
    letter-spacing: 0px;
    margin-bottom: 11px;
    display: block;
}

.appdecc {
    font-family: "Google Sans", sans-serif;
    margin-bottom: 13px;
    font-size: 15.5px;
    color: #545252;
    line-height: normal;
    letter-spacing: 0.2px;
}

.rate-app img {
    vertical-align: -3px;
    margin-right: 4px;
}

.app1.dec-p1 {
    padding-bottom: 58px;
}

.app1 .h4heading {
    margin-bottom: 45px;
}

.app1 .h2heading {
    margin-bottom: 20px;
}

.app1 .btn {
    margin-top: 5px;
}

.applast .pdectext {
    margin-bottom: 51px;
}

.service1 .experts-follow li {
    width: 100%;
}

.service1.dec-p1 {
    padding-bottom: 20px;
}

.service2 .h2heading {
    margin-bottom: 23px;
}

.service3 .h2heading {
    margin-bottom: 22px;
}

.service3.dec-p1 {
    padding-bottom: 45px;
}

.service4 .pdectext {
    margin-bottom: 41px;
}

.design1 .pdectext {
    max-width: 70%;
    margin-bottom: 24px;
}

.design1 .h2heading {
    margin-bottom: 30px;
}

.design2 .pdectext {
    max-width: 79%;
}

.design2 .h2heading {
    margin-bottom: 18px;
}

.design2 .h4heading {
    margin-bottom: 25px;
}

.design2.dec-p1 {
    padding-bottom: 49px;
}

.design3.dec-p1 {
    padding-bottom: 25px;
}

.design3 .h2heading {
    margin-bottom: 23px;
}

/* technologies */
.technologies .client-img {
    float: left;
    max-width: 195px;
    width: 100%;
    margin-bottom: 30px;
}

.technologies .client-slider,
.technologies .client-slider1 {
    float: left;
    width: 100%;
}

.technologies .client-img .img-bx {
    height: 171px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.technologies .client-img .img-bx img {
    position: static;
    max-height: 95px;
}

.technoname {
    width: 100%;
    text-align: center;
    transition: all 400ms ease-in-out;
    font-size: 15.5px;
    color: #b4b4b4;
    font-family: "Google Sans", sans-serif;
    letter-spacing: 0px;
    line-height: normal;
}

.client-page .client-img .img-bx:hover .technoname {
    color: #3795ff;
}

.client-page .client-img .img-bx:hover img {
    opacity: 1;
}

.technologies.client-page {
    padding: 64px 0 103px;
}

/* work-details */
.work-detials .spdec-info-text span {
    display: block;
    margin-bottom: 20px;
}

.inner-ab-pro {
    padding-left: 38px;
    margin-bottom: 63px;
}

.inner-ab-pro .project-name {
    margin-bottom: 22px;
}

.inner-ab-pro .ultab-sp li {
    align-items: center;
    margin-bottom: 0px;
}

.inner-ab-pro .ultab-sp li img {
    margin-bottom: 0;
    margin-top: 0;
}

.inner-ab-pro .ultab-sp li a {
    font-size: 17px;
    color: #000000;
    line-height: 33px;
    letter-spacing: 0.2px;
}

.work-details-page {
    background: #f2f2f2;
    display: inline-block;
    width: 100%;
}

.skills-need {
    font-size: 15.5px;
    color: #545252;
    font-family: "Google Sans", sans-serif;
    letter-spacing: 0.2px;
    line-height: normal;
    margin-bottom: 5px;
    display: block;
}

.Needed-info {
    font-size: 15.5px;
    color: #000000;
    font-family: "Google Sans", sans-serif;
    letter-spacing: 0.2px;
    line-height: normal;
    margin-bottom: 0;
}

.inner-ab-pro p[class*="Needed-info"]:first-of-type {
    margin-bottom: 64px;
}

.inner-web-view {
    max-height: 945px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.10);
    max-width: 1170px;
    overflow-y: auto;
}

.web-view {
    padding: 0 15px;
}

.work-detials {
    padding: 62px 0 120px;
}

.inner-web-view::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    background-color: #fff;
}

.inner-web-view::-webkit-scrollbar {
    width: 14px;
    background-color: #fff;
    border-radius: 50%;
}

.inner-web-view::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #3795ff;
    border: 2px solid #fff;
}

.inner-web-view img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.sub-divwv {
    padding: 30px 0 100px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 90px;
}

.work-details .shipping-policy .our-wrkproject {
    margin-bottom: 94px;
}

/* animations */
.animate {
    position: relative;
}

.animate .an-target {
    display: block;
    position: relative;
    opacity: 0;
    transition: all 0.9s ease;
}

.animate.d-1s,
.animate.d-1s .an-target {
    transition-delay: 1s;
}

.animate.d-15s,
.animate.d-15s .an-target {
    transition-delay: 1.5s;
}

.animate.d-2s,
.animate.d-2s .an-target {
    transition-delay: 2s;
}

.animate.d-25s,
.animate.d-25s .an-target {
    transition-delay: 2.5s;
}

.animate.d-3s,
.animate.d-3s .an-target {
    transition-delay: 3s;
}

.slideUp,
.slideDown,
.slideLeft,
.slideRight {
    position: relative;
    overflow: hidden;
}

.slideUp .an-target {
    transform: translateY(100%);
}

.slideDown .an-target {
    transform: translateY(-100%);
}

.slideLeft .an-target {
    transform: translateX(-100%);
}

.slideRight .an-target {
    transform: translateX(100%);
}

.slideTop {
    position: relative;
    transform: translateY(33%);
    opacity: 0;
    transition: all 0.9s ease;
}

.slideUp.animated .an-target,
.slideDown.animated .an-target,
.slideLeft.animated .an-target,
.slideRight.animated .an-target,
.slideTop.animated {
    transform: translate(0, 0);
    opacity: 1;
}

.fade-out {
    transform: scale(0.3);
    opacity: 0;
    transition: transform 0.9s ease, opacity 1.2s ease;
}

.fade-out.animated {
    transform: scale(1);
    opacity: 1;
}

.openbnr .animate.d-2s,
.openbnr .animate.d-2s .an-target {
    transition: transform 900ms ease 2s;
}

.openbnr .animate.d-1s,
.openbnr .animate.d-1s .an-target {
    transition: transform 900ms ease 1s;
}

.openbnr {
    position: relative;
}

.our-client .portfolio_tab {
    position: sticky;
    top: 80px;
    z-index: 9;
}

.our-client .portfolio_tab ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.our-client .portfolio_tab ul li {
    display: table-cell;
    vertical-align: middle;
    background: #eee;
    text-align: center;
}

.our-client .portfolio_tab ul li+li {
    border-left: 1px solid #fff;
}

.our-client .portfolio_tab ul li.active {
    background: #3895FD;
}

.our-client .portfolio_tab ul li.active a {
    color: #fff;
}

.our-client .portfolio_tab ul li.active svg path {
    fill: #fff;
}

.our-client .portfolio_tab a {
    color: #374252;
    font-size: 17px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    padding: 25px 5px;
    line-height: 10px;
}

.our-client .portfolio_tab a svg {
    max-height: 32px;
    max-width: 32px;
    vertical-align: middle;
}

.our-client .portfolio_tab li span {
    display: inline-block;
    width: 100%;
    margin-top: 8px;
    line-height: 18px;
}

.our-client .built_logo {
    padding: 50px 0 0px;
    margin: 0 -10px;
    display: inline-block;
    min-width: 100%;
}

.our-client .built_logo li.title_wrap:nth-of-type(1) {
    margin-top: 0;
}

.our-client .built_logo li.title_wrap {
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    margin: 28px 0 18px;
    color: #374252;
}

.our-client .built_logo li {
    width: 16.66%;
    float: left;
    padding: 0 10px;
    margin-bottom: 30px;
}

.our-client .built_logo li .logo_image {
    border: 3px solid #dedede;
    border-radius: 50%;
    height: 164px;
    width: 164px;
    overflow: hidden;
}

.our-client .built_logo li .logo_image a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.our-client .built_logo li img {
    display: block;
    margin: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.our-client .built_logo li:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/* client-worldwide */
.client-section.client-testi .page-title {
    text-align: center;
}

.climg {
    max-height: 128px;
    max-width: 128px;
    float: left;
    margin-top: 0;
    border-radius: 50%;
    padding: 20px;
    border: 3px solid #fff;
    margin-right: 20px;
    overflow: hidden;
}

.client-testi .post-content {
    position: relative;
    overflow: hidden;
}

.client-testi .c-post-bx .quote {
    left: 185px;
}

.client-testi .c-post-bx .author-name {
    padding-left: 145px;
}

.client-testi .c-post-item {
    margin-top: 30px;
}

/* career page */
.career-page {
    padding: 60px 0;
}

.career-page .career-list {
    margin-top: 50px;
}

.career-i-bx {
    width: 50%;
    float: left;
    padding: 0 15px;
    margin: 50px 0;
}

.career-i-bx .career-box {
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 9px;
}

.career-i-bx .career-head {
    width: 100%;
    background: #3895FD;
    display: flex;
    padding: 20px;
    border-radius: 9px;
    margin: -80px 0 25px;
    color: #fff;
}

.career-i-bx .career-head svg,
.career-i-bx .career-head img {
    width: 60px;
    height: 60px;
    fill: #fff;
    vertical-align: middle;
    flex-shrink: 0;
    margin-right: 15px;
    object-fit: contain;
}

.career-i-bx .career-head span {
    font-size: 22px;
    line-height: 1.2;
    align-self: center;
    display: block;
}

.career-i-bx .career-content h6 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}

.career-i-bx .career-content p:last-child {
    margin-bottom: 0;
}

/* career 2.0  */
.career-page-new .career-i-bx .career-head span {
    font-size: 20px;
}

.career-page-new {
    padding-top: 0;
}

.our-openings {
    padding: 80px 0 40px;
}

.our-openings .spmain-title {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 10px;
}

.our-openings .spdec-info-text {
    max-width: 600px;
}

.career-hr-details {
    background: #fff;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    padding: 25px 0;
    margin: -50px 0 0;
    border-radius: 9px;
}

.career-hr-details ul {
    display: -webkit-box;
    display: flex;
}

.career-hr-details ul li {
    flex: 1 1 50%;
    padding: 0 30px;
    display: -webkit-box;
    display: flex;
}

.career-hr-details ul li svg {
    flex-shrink: 0;
    margin-right: 10px;
}

.career-hr-details ul li span {
    font-size: 15px;
    color: #4B5563;
    font-weight: 400;
    display: block;
}

.career-hr-details ul li span a {
    color: inherit;
    word-break: break-word;
    font-size: 20px;
}

.career-hr-details ul li p {
    margin: 0;
}

.career-page-new .career-i-bx {
    margin: 10px 0;
    width: 100%;
    padding: 0;
}

.career-page-new .career-list .spdec-info-text {
    max-width: 550px;
    margin-bottom: 20px;
}

.career-page-new .career-i-bx .career-head {
    padding: 18px;
    margin: 0;
    cursor: pointer;
    align-items: center;
}

.career-page-new .career-content {
    display: none;
    padding: 0 18px 20px;
}

.career-page-new .career-i-bx .career-box {
    padding: 10px;
    height: auto;
}

.opening-i-right p {
    margin: 3px 0 0;
    color: #fff;
    font-size: 14px;
}

.svg-i-icon {
    flex-shrink: 0;
    height: 45px;
    width: 45px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.career-page-new .career-i-bx .svg-i-icon svg {
    margin-right: 0;
    height: 45px;
    width: 45px;
}

.left-career-main {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding-right: 15px;
}

.right-career-main span {
    height: 28px;
    width: 28px;
    position: relative;
    text-align: center;
    cursor: pointer;
    flex-shrink: 0;
    margin-right: 0;
    background: #fff;
    border-radius: 100%;
    transition: all 100ms ease-in-out;
}

.right-career-main span::after,
.right-career-main span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 15px;
    height: 2px;
    background: #3795ff;
    margin: auto;
}

.right-career-main span::after {
    width: 2px;
    height: 15px;
}

.career-head.active .right-career-main span::after {
    content: initial;
}

.career-page-new .career-i-bx .career-content>h6 {
    margin-top: 25px;
}

.bold_title {
    font-weight: bold;
    color: #000;
    display: block;
}

.skill-reruirement {
    padding-left: 10px;
}

.skill-reruirement li {
    background: url(../img/js-right-arrow.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left top -1px;
    text-align: left;
    color: #4B5563;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
}

.skill-reruirement li:last-child {
    margin-bottom: 0;
}

.career-page-new .career-i-bx .career-head.active .right-career-main span {
    background: #1a547c;
}

.career-page-new .career-i-bx .career-head.active .right-career-main span::before {
    background: #fff;
}

/* static-page */
.s-content p {
    font-size: 16px;
    letter-spacing: 0.3px;
}

.s-content ul {
    list-style: disc;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 16px;
    color: #545252;
    letter-spacing: 0.3px;
    padding-left: 18px;
}

.s-content ol li {
    list-style-position: inside;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 15px;
    color: #545252;
    letter-spacing: 0.3px;
}

.static-page {
    padding: 60px 0 70px;
}

.static-page .page-title {
    width: 100%;
    margin-bottom: 10px;
}

.static-page .dec-pl {
    text-align: center;
    margin-top: 15px;
}

.static-page .redinfo {
    max-width: 100%;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.static-page .dec-pl .btn {
    float: none;
}

.static-page h6,
.static-page .second_main_tag {
    font-size: 17px;
    color: #333;
    margin: 15px 0 10px;
    font-weight: 500;
    line-height: 1.1;
    display: inline-block;
    width: 100%;
}

.sitemap.static-page .page-title {
    margin-bottom: 40px;
}

.sitemap.static-page h6,
.sitemap.static-page .second_main_tag {
    position: relative;
    padding-left: 22px;
    margin-bottom: 18px;
}

.sitemap.static-page h6:before,
.sitemap.static-page .second_main_tag:before {
    content: '';
    background: url('../img/sitemaps.png');
    position: absolute;
    left: 0;
    height: 15px;
    top: 2px;
    width: 15px;
    background-size: 15px;
}

.sitemap .s-content>div {
    float: left;
}

.sitemap .s-content>div:first-child {
    width: 22%;
}

.sitemap .s-content>div:nth-child(2) {
    width: 29%;
}

.sitemap .s-content>div:nth-child(3) {
    width: 27%;
}

.sitemap .s-content>div:last-child {
    width: 22%;
}

.sitemap .s-content li {
    width: 100%;
    float: left;
    line-height: 30px;
    position: relative;
    list-style: none;
    padding-left: 22px;
}

.sitemap .s-content li:before {
    content: '';
    background: url('../img/link.png');
    position: absolute;
    left: 0;
    top: 8px;
    height: 13px;
    width: 13px;
    background-size: 13px;
    opacity: 0.5;
}

.sitemap a:not([href]):not([tabindex]) {
    color: #3795ff;
}

/* blog-page */
.recent-blog-section .page-title {
    width: 100%;
}

.recent-blog-section {
    padding: 60px 0 40px;
}

.recent-blog-section .post-item {
    margin-bottom: 40px;
}

/* blog-article-page */
.sub-banner {
    position: relative;
}

.sub-banner img {
    width: 100%;
}

.sub-banner .text {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-align: center;
    width: 100%;
    position: absolute;
    padding: 0 15px;
}

.sub-banner .text h1 {
    color: #fff;
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.blog-article {
    padding: 0 0 40px;
}

.blog-article .sub-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent);*/

.article-content {
    font-size: 17px;
    font-weight: 300;
    color: #000;
    line-height: 1.8;
    margin-top: 20px;
}

.article-content b,
.article-content strong {
    font-weight: bold;
}

.article-content font[size="6"] {
    font-size: 34px;
    line-height: 1.4;
}

.article-content a {
    text-decoration: underline;
}

.article-content p {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.8;
    color: #000;
    margin-bottom: 20px;
}

.article-content p strong,
.article-content p b {
    font-weight: 600;
}

.article-content h2 {
    font-size: 30px;
    line-height: 1.4;
    margin: 30px 0 30px;
}

.article-content h3 {
    font-size: 24px;
    line-height: 1.4;
    margin: 0 0 25px;
}

.article-content h4 {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.article-content h6 {
    margin: 0 0 20px;
}

.article-content img {
    display: block;
    margin: 35px auto 20px;
    height: auto;
}

.article-content hr {
    margin: 30px 0;
    border-top: 1px solid #e2e2e2;
}

.article-content ul,
.article-content ol {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.8;
    color: #000;
    margin-bottom: 25px;
}

.article-content ul li:not(:last-child),
.article-content ol li:not(:last-child) {
    margin-bottom: 15px;
}

.article-content ul li strong,
.article-content ol li strong,
.article-content ul li b,
.article-content ol li b {
    font-weight: 600;
}

.article-content ol li {
    font: inherit;
    color: inherit;
}

.article-content figure {
    margin-bottom: 30px;
}

.article-content figcaption {
    font-size: 20px;
    line-height: 1.4;
}

.article-content figcaption strong {
    font-weight: 600;
}

.article-content figcaption a img {
    margin: 0;
    display: inline-block;
}

.article-content table {
    width: 100%;
    margin: 30px 0;
}

.article-content table p {
    margin: 0;
}

.article-content th,
.article-content td {
    line-height: 1.6;
    padding: 10px;
    border: 1px solid #2c2c2c;
}

.article-content .author {
    color: #3795ff;
    margin: 10px 0 30px;
    display: block;
    font-size: 13.5px;
}

.blog-article .share-post {
    padding: 10px 0;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

.blog-article .share-post::before {
    border-top: 1px solid #ccc;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    z-index: -1;
}

.blog-article #st-1 {
    direction: ltr;
    display: block;
    opacity: 1;
    text-align: center;
    z-index: 0;
    transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
}

.blog-article #st-1 .st-total.st-hidden {
    display: none;
}

.blog-article #st-1 .st-btn {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-right: 4px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
}

.blog-article #st-1 .st-btn>svg {
    height: 16px;
    width: 16px;
    position: relative;
    top: 8px;
    vertical-align: top;
    fill: #fff;
}

.blog-article #st-1 .st-btn[data-network='facebook'] {
    background-color: #3B5998;
}

.blog-article #st-1 .st-btn[data-network='twitter'] {
    background-color: #55acee;
}

.blog-article #st-1 .st-btn[data-network='googleplus'] {
    background-color: #dc4e41;
}

.blog-article #st-1 .st-btn[data-network='whatsapp'] {
    background-color: #25d366;
}

.blog-article #st-1 .st-btn[data-network='linkedin'] {
    background-color: #0077b5;
}

.blog-article #st-1 .st-btn[data-network='email'] {
    background-color: #7d7d7d;
}

.blog-article #st-1 .st-btn[data-network='sharethis'] {
    background-color: #95D03A;
}

.blog-article #st-1 .st-btn:last-child {
    margin-right: 0;
}

.blog-article #st-1 .st-btn:hover {
    opacity: .8;
    top: -4px;
}

/* Blog sidebar */
.blog-article #secondary {
    margin-top: 30px;
}

.blog-article section,
.recent-posts section {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    padding: 18px;
    margin-bottom: 30px;
    background: #f5f5f5;
}

.blog-article #custom_html-2 {
    padding: 0;
}

.blog-article #custom_html-2 img {
    border-radius: 5px;
}

.blog-article section h2,
.recent-posts section h2 {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-size: 20px;
}

.blog-article .widget_recent_entries ul,
.recent-posts .widget_recent_entries ul {
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
}

.blog-article .widget_recent_entries ul li,
.recent-posts .widget_recent_entries ul li {
    padding: 0 0 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.blog-article .widget_recent_entries ul li a,
.recent-posts .widget_recent_entries ul li a {
    color: #333;
    position: relative;
    padding-left: 12px;
    display: inline-block;
    width: 100%;
}

.blog-article .widget_recent_entries ul li a:hover,
.recent-posts .widget_recent_entries ul li a:hover {
    color: #3795ff;
}

.blog-article .widget_recent_entries ul li a:after,
.recent-posts .widget_recent_entries ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #3795ff;
}

.blog-article .widget_recent_entries ul li:last-child,
.recent-posts .widget_recent_entries ul li:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.blog-article .cat-item,
.recent-posts .cat-item {
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    margin: 4px 4px 4px 0;
}

.blog-article .cat-item a,
.recent-posts .cat-item a {
    font-size: 13px;
    color: #333;
}

.blog-article .cat-item:hover,
.recent-posts .cat-item:hover {
    background-color: #3795ff;
}

.blog-article .cat-item:hover a,
.recent-posts .cat-item:hover a {
    color: #fff;
}

.blog-article .widget_text p,
.recent-posts .widget_text p {
    margin-bottom: 0;
}

.blog-article .tagcloud a {
    font-size: 13px !important;
    color: #333;
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    margin: 4px 4px 4px 0;
}

.blog-article .tagcloud a:hover {
    background-color: #3795ff;
    color: #fff;
}

/* Comment section */
.comments-area {
    width: 100%;
    display: inline-block;
}

.comment-list {
    margin-bottom: 20px;
}

.comment-list li {
    width: 100%;
    display: inline-block;
    padding: 20px;
    border-radius: 5px;
    background-color: #f5f5f5;
    margin-top: 15px;
    position: relative;
}

.comment-list li article {
    position: relative;
}

.comment-list .post-author-badge,
.comment-list .edit-link-sep {
    display: none;
}

.comment-list b {
    padding-left: 75px;
    font-weight: 500;
    text-transform: capitalize;
    float: left;
    float: left;
    margin-right: 5px;
}

.comment-list li b a {
    color: #000;
    font-size: 16px
}

.comment-list .screen-reader-text {
    display: inline-block;
    font-weight: 500;
}

.comment-list li a {
    font-size: 14px;
}

.comment-list .comment-author img {
    position: absolute;
    left: 0;
    top: 0;
    max-height: 80px;
}

.comment-list .comment-metadata,
.comment-list .comment-content {
    padding-left: 75px;
    padding-right: 20px;
}

.comment-reply {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.comment-list .edit-link {
    position: absolute;
    right: 0;
    top: 0;
}

.comment-list .edit-link svg {
    position: relative;
    top: 3px;
    right: 3px;
    fill: #545252;
}

.comment-form-flex {
    border: 1px solid #ececec;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 15px 0;
}

.comment-form-flex .screen-reader-text {
    color: #3795ff;
    font-size: 18px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.comments-area input {
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    border-radius: 5px;
    color: #2e2b2b;
    width: 100%;
    text-indent: 18px;
    margin-bottom: 5px;
    height: 46px;
    line-height: 46px;
    font-size: 15px;
}

.comments-area input:focus,
.comment-form-flex textarea:focus {
    border-color: #51a3ff;
}

.comment-form-flex textarea {
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    border-radius: 5px;
    color: #2e2b2b;
    width: 100%;
    height: 100px;
    font-size: 15px;
    padding: 10px 15px;
    resize: none;
}

p.comment-notes {
    color: #ff0000;
    font-size: 15px;
}

.comment-form-flex .form-submit input {
    height: 43px;
    width: auto;
    line-height: 43px;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    border: 0;
    background: #7acf48;
    cursor: pointer;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.comment-form-flex .form-submit input:hover,
.comment-form-flex .form-submit input:focus {
    background: #5eb529;
}

.blog-article .comment-list .comment-author img {
    display: none;
}

.blog-article .comment-list .comment-metadata,
.blog-article .comment-list .comment-content,
.blog-article .comment-list b {
    padding-left: 0;
    padding-right: 0;
}

.blog-article .comment-list .comment-metadata {
    margin-bottom: 10px;
}

.blog-article .comment-reply {
    position: static;
    float: right;
}

/* Android Application Development */
.static-page .logo-images {
    margin: 0 -8px;
    display: inline-block;
}

.static-page .logo-images .box-row {
    width: 33.33%;
    float: left;
    padding: 0 8px;
    margin: 8px 0;
}

.static-page .box-row .border-div {
    border: 1px solid #ddd;
    padding: 12px;
}

.static-page .box-row img {
    max-height: 50px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.static-page .border-div:hover img {
    max-height: 50px;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.static-page .box-row h6 {
    display: inline-block;
    margin-left: 5px;
    width: auto;
    color: #3795ff;
}

.static-page .box-row span {
    display: inline-block;
    width: 100%;
    min-height: 85px;
}

.logo-images img {
    margin-bottom: 12px;
}

.logo-images span {
    font-size: 14px;
    color: #545252;
    font-weight: 400;
}

.static-page .logo-images .box-row h6 {
    font-size: 14px;
}

.landing-banner {
    position: relative;
}

.landing-banner .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    max-width: 650px;
    text-align: center;
}

.landing-banner * {
    color: #fff;
}

.landing-banner .inq_btn {
    letter-spacing: 1px;
}

.landing-banner .inq_btn i {
    position: relative;
    top: 1px;
    margin-left: 3px;
}

.landing-banner .content h1 {
    font-size: 44px;
    margin: 0 0 25px;
}

.landing-banner .content h1 strong {
    font-weight: 500;
}

.landing-banner .content p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
}

.landing-banner .content .download-lnk {
    margin: 0 5px 10px;
}

.landing-banner {
    position: relative;
}

.lbanner-img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    padding-bottom: 52.5%;
}

.landing-banner .lbanner-img::before {
    background-color: #ededed;
    background-image: url('../img/landing-banner.jpg');
    background-position: center;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
}

.about-feature {
    padding-top: 50px;
}

.about-feature .tagline {
    font-size: 16px;
    margin-bottom: 35px;
    font-weight: 500;
}

.about-feature .about-app {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.about-feature .about-app li {
    width: 33.33%;
    float: left;
    padding: 0 15px;
    cursor: pointer;
}

.about-feature .about-app .shadow {
    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    transition: 0.4s all ease;
}

.about-feature .about-app li:hover .shadow {
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
}

.about-feature .about-app svg {
    fill: #3795ff;
}

.about-feature .about-app h4 {
    font-size: 20px;
    margin: 20px 0 15px;
}

.about-feature .about-app p {
    font-size: 16px;
    margin: 0;
}

.about-feature .features {
    margin: 60px 0 0;
    padding-top: 45px;
    border-top: 1px solid #efefef;
}

.about-feature .table {
    display: table;
    background: #f9f9f9;
}

.about-feature .features-content {
    display: table-cell;
    width: 60%;
    padding: 20px 20px 20px calc((100vw - 1170px)/2);
    vertical-align: middle;
}

.about-feature .features-content ul {
    display: flex;
    flex-wrap: wrap;
}

.about-feature .features-content li {
    width: 50%;
    float: left;
    padding: 10px 10px 10px 0;
}

.about-feature .features-content .back-div {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 3px 5px #ccc;
    float: left;
    padding: 20px 20px 15px;
}

.about-feature .features-content .icon {
    width: 50px;
    float: left;
}

.about-feature .features-content .icon svg {
    width: 100%;
    height: 50px;
    fill: #3795ff;
}

.about-feature .features-content .content {
    width: 100%;
    display: block;
    padding-left: 60px;
}

.about-feature .features-content h4 {
    font-size: 20px;
    margin: 0 0 10px;
}

.about-feature .features-content p {
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    min-height: 60px;
    margin: 0;
}

.about-feature .table .img_div {
    display: table-cell;
    vertical-align: middle;
    background: #3795ff;
    padding: 20px 45px;
    width: 40%;
}

.screenshot {
    margin-top: 60px;
}

.screenshot .heading {
    margin-top: 0;
}

.screenshot .tagline {
    font-size: 16px;
    margin-bottom: 35px;
    font-weight: 500;
}

.screenshot .slick-list {
    padding: 50px 0;
}

.screenshot .slick-slide img {
    box-shadow: 5px 20px 40px rgba(42, 48, 46, 0.4);
    border: 3px solid #2ab274;
    margin: auto;
}

.screenshot .slick-prev,
.screenshot .slick-next {
    visibility: hidden;
}

.screenshot .screen-slider {
    background: url(../img/screen-back.jpg) center / 100% 100%;
    display: inline-block;
    width: 100%;
    padding: 70px 0 65px;
    position: relative;
}

.screen-slider:after {
    position: absolute;
    content: '';
    background: url(../img/screen-mobile.png) no-repeat center;
    width: 307px;
    height: 100%;
    left: 50%;
    top: 5px;
    transform: translateX(-50%);
    margin-left: 1px;
}

.landing-store {
    position: relative;
}

.landing-store .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15%;
    max-width: 650px;
}

.landing-store * {
    color: #fff;
}

.landing-store .content h3 {
    font-size: 36px;
    margin: 0 0 30px;
}

.landing-store .content p {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 40px;
}

body.popup-open {
    overflow: hidden;
}

body.popup-open #inq-popup-bx {
    opacity: 1;
    visibility: visible;
}

#inq-popup-bx {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    display: flex;
    padding: 30px;
    overflow: auto;
    transition: all 0.6s ease;
    z-index: 9999;
}

#inq-popup-bx .popup-box {
    max-width: 640px;
    width: 100%;
    display: block;
    margin: auto;
    background: #fff;
    border-radius: 6px;
    margin: auto;
}

#inq-popup-bx .close-popup {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 15px;
    z-index: 2;
}

#inq-popup-bx .close-popup svg {
    width: 100%;
    height: 100%;
    fill: #fff;
}

#inq-popup-bx .popup-header {
    position: relative;
    min-height: 250px;
    display: flex;
    align-items: center;
    padding: 46px 0;
    border-radius: 6px 6px 0 0;
    margin-bottom: 46px;
}

#inq-popup-bx .popup-header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3795ff;
    opacity: 0.7;
    border-radius: 6px 6px 0 0;
    z-index: 1;
}

#inq-popup-bx .popup-header img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px 6px 0 0;
}

#inq-popup-bx .hd-content {
    width: 100%;
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
}

#inq-popup-bx .hd-content h3 {
    color: #fff;
    margin-bottom: 10px;
}

#inq-popup-bx .icons {
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    bottom: -46px;
    z-index: 2;
    text-align: center;
}

#inq-popup-bx .icons li {
    width: 33.33%;
    float: left;
    padding: 0 10px;
}

#inq-popup-bx .icons li span {
    width: 92px;
    height: 92px;
    background: #3795ff;
    display: block;
    margin: auto;
    border-radius: 100%;
    padding: 25px;
}

#inq-popup-bx .icons li svg {
    width: 100%;
    height: 100%;
    fill: #fff;
}

#inq-popup-bx .popup-body {
    padding: 30px;
}

#inq-popup-bx .popup-footer {
    padding: 20px 30px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

#inq-popup-bx .popup-footer .close-btn {
    margin-left: 10px;
    background: #333;
}

#inq-popup-bx .popup-footer .close-btn:hover {
    background: #000;
}

#apt_inq_form input {
    width: 100%;
    height: 54px;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 15px;
}

#apt_inq_form .txt_apt_msg {
    font-size: 14px;
    color: red;
}

/* 404 */
.page-not-found {
    padding: 120px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-not-found .container {
    position: relative;
}

.pnf-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    flex-wrap: wrap;
    text-align: center;
    flex-direction: column;
}

.tetx_404 h2 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 10px;
}

.text-pnf {
    position: relative;
}

.text-pnf h1 {
    font-size: 310px;
    opacity: 0.6;
    margin-bottom: 0;
    line-height: 310px;
}

.text-pnf h1::after {
    background: #000;
    height: 190px;
    width: 120px;
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    top: 47%;
    margin: auto;
    transform: translateY(-50%);
    z-index: -1;
    border-radius: 50px;
}

.text-pnf h2 {
    font-size: 210px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    bottom: auto;
    text-align: center;
    transform: translateY(-50%);
}

.page-no-exit {
    font-size: 20px;
    margin-bottom: 25px;
    color: #fff;
}

/* Quick Popup - bottom sticky */
.contact_quick {
    display: none;
}

.quick_main {
    right: 12px;
    position: fixed;
    bottom: -2px;
    z-index: 100;
    width: 170px;
    float: right;
    border-radius: 10px 10px 0 0;
}

#contact_quick {
    position: relative;
    cursor: pointer;
    background: url('../img/inq_bg.png') no-repeat;
    border-radius: 10px 10px 0 0;
    float: left;
    font-size: 17px;
    color: #fff;
    width: 97%;
    line-height: 48px;
    height: 45px;
    text-align: center;
    background-position: bottom;
    background-size: 100% 45px;
    text-decoration: none;
}

.messagepop {
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    cursor: default;
    display: none;
    margin-top: 15px;
    position: absolute;
    text-align: left;
    width: 394px;
    z-index: 500;
    padding: 12px 20px;
    right: 0;
    bottom: 0;
}

.messagepop .quick_close {
    cursor: pointer;
    float: right;
    padding: 10px 0 0 10px;
}

.q-header-new {
    margin-bottom: 15px;
}

.q-header-new h3 {
    margin-bottom: 7px;
}

.q-header-new span {
    font-size: 14px;
}

/* Tech page specific 29-12-2018 by ketan */
.p-50 {
    padding: 50px 0;
}

.p-60 {
    padding: 60px 0;
}

.services-tech-page {
    min-height: 65vh;
}

.banner-i-txt {
    display: flex;
    align-items: center;
    min-height: 500px;
    padding-bottom: 80px;
    margin-bottom: -80px;
    position: relative;
    background: no-repeat center;
    background-size: cover;
}

.banner-i-txt:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.banner-i-txt .container {
    width: 100%;
    position: relative;
    z-index: 1;
}

.banner-i-txt .banner-txt {
    padding: 30px 0;
}

.banner-i-txt .banner-txt li {
    color: #fff;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative;
}

.banner-i-txt .banner-txt li:before {
    content: '';
    position: absolute;
    background: url(../img/key-point.png) no-repeat;
    top: 3px;
    left: 0;
    width: 30px;
    height: 20px;
    background-size: 18px;
}

.banner-i-txt .banner-txt .h2heading {
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}

.expert-banner.banner-i-txt {
    min-height: 560px;
}

.expert-banner.banner-i-txt:before {
    content: none;
}

.expert-banner .expert-icon {
    position: absolute;
    right: 25px;
    top: 25px;
    display: none;
}

.expert-banner .container {
    width: 100%;
    position: relative;
    z-index: 1;
}

.expert-banner .center-content {
    display: flex;
    align-items: center;
}

.expert-banner .center-content img {
    max-height: 160px;
    border-right: 3px solid #fff;
    margin-right: 45px;
    padding-right: 40px;
}

.expert-banner .banner-txt span {
    color: #fff;
    font-size: 18px;
}

.expert-banner .flex-point-img {
    display: flex;
    align-items: flex-start;
}

.expert-banner .expert-icons {
    display: flex;
    align-items: flex-end;
    margin-top: 15px;
}

.expert-banner .expert-icons img {
    border: none;
    margin: 0;
    padding: 0;
}

.expert-banner .expert-icons span {
    color: #fff;
    font-size: 25px;
    padding: 0 20px;
    position: relative;
    top: -6px;
}

.expert-banner .key-point {
    max-width: 45%;
    text-align: center;
    margin: 15px 0 -40px;
}

.expert-banner .key-point li {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 8px 8px 0;
    background: #305d62;
    color: #fff;
}

.expert-banner .key-point li:nth-child(2) {
    background: #ca2e44;
}

.expert-banner .key-point li:nth-child(3) {
    background: #39968e;
}

.expert-banner .key-point li:nth-child(4) {
    background: #f39f09;
}

.expert-banner .key-point li:nth-child(5) {
    background: #2d119c;
}

.tab-i-list {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 80px;
    z-index: 11;
}

.tab-i-list .tab-list {
    width: 100%;
    display: table;
    background: #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    position: relative;
}

.tab-i-list .tab-list:before {
    content: '';
    position: absolute;
    top: 0;
    right: 95%;
    background: #f2f2f2;
    width: 100%;
    height: calc(100% + 1px);
    z-index: -1;
}

.tab-i-list .tab-link {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
    padding: 12px;
    text-align: center;
    color: #000;
    position: relative;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.tab-i-list .tab-link svg {
    width: 30px;
    height: 30px;
    display: block;
    fill: currentColor;
    margin: 0 auto 5px;
}

.tab-i-list .tab-link.active {
    background: #fff;
    color: #3795ff;
}

.rte-content p {
    font-size: 16px;
    color: #545252;
    margin: 0 0 30px;
    letter-spacing: 0.3px;
}

.rte-content ul {
    margin-top: 10px;
}

.rte-content li,
.overview-section li {
    color: #545252;
    letter-spacing: 0.3px;
}

.services-tech-page .page-wrapper {
    min-height: 40vh;
}

.overview-section .h2heading {
    margin: 8px 0 10px;
    font-size: 20px;
    font-weight: 500;
}

.client-posts .page-title {
    margin: 0;
}

/* cms &  ecommerce page */
.cms-ecm-page .page-wrapper {
    padding-top: 60px;
}

.cms-ecm-page .about-android .sub-dec-android {
    padding: 30px 0;
}

/* wa-share-chat-app-page */
.android-application .banner-i-txt.washare-chat-app {
    margin-bottom: 0 !important;
}

.spp-sec-2 .sec2-sub-i-right.app-img-position img {
    object-fit: contain;
}

.spp-sec-2 .sec2-sub-i-left ul.washare-app-about li:nth-child(odd) {
    padding-right: 0;
}

.spp-sec-2 .sec2-sub-i-left ul.washare-app-about li {
    width: 100%;
    margin-bottom: 15px;
}

.seo-ab-img {
    position: relative;
    display: block;
    padding-bottom: 75%;
}

.seo-ab-img img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: auto;
}

.washare-chat-testi-sec {
    padding-top: 60px;
    background: #f5f5f5;
}

.washare-chat-testi-sec.seo-testi-sec .app-testi-sub-div {
    background: #fff;
}

.washare-app-price-sec .spmain-title {
    margin-bottom: 37px;
}

.sub-app-pricing-grid {
    border: 1px solid #e2e2e2;
    height: 100%;
    border-radius: 10px;
    border-top: 10px solid #3795ff;
}

.wa-app-ver-price {
    border-bottom: 1px solid #e2e2e2;
    padding: 30px 20px 27px;
    display: flex;
    flex-wrap: wrap;
}

.wa-app-ver {
    font-size: 20px;
    font-weight: 600;
    color: #444444;
    line-height: 20px;
    margin-bottom: 20px;
}

.wa-trial-ver {
    width: calc(100% - 100px)
}

.app-day-ver {
    font-size: 14px;
    color: #444444;
    line-height: 18px;
    margin-bottom: 0;
}

.wa-app-ver-dec {
    padding: 25px 14px 30px;
}

.washare-app-price-sec .app-pricing-grid .ultab-sp li {
    margin-bottom: 0;
    font-size: 15px;
}

.how-app-pr {
    max-width: 100px;
    width: 100%;
    text-align: right;
}

.how-app-pr p {
    font-size: 16px;
    color: #444;
    margin-bottom: 0;
}

.how-app-pr p span {
    font-size: 34px;
    font-weight: 600;
    color: #444;
    line-height: 36px;
    margin-left: 2px;
}

.per-month-price {
    font-size: 12px;
    color: #444;
    line-height: 16px;
    text-transform: uppercase;
}

.services-i-content {
    background: #f5f5f5;
}

.services-i-content.p-50 {
    padding-bottom: 5px;
}

.serv-i-blocks {
    width: 50%;
    float: left;
    padding: 0 15px;
    margin: 59px 0 45px;
}

.serv-i-blocks .serv-i-box {
    width: 100%;
    height: 100%;
    float: left;
    background: #fff;
    border: 2px solid #3795ff;
    border-radius: 9px;
    padding: 60px 40px 40px;
}

.serv-i-blocks .serv-img {
    width: 121px;
    height: 121px;
    border-radius: 60px;
    background-color: #ffffff;
    border: 3px solid #3795ff;
    margin: -121px 0 27px;
}

.serv-i-blocks .serv-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: scale-down;
    padding: 14px;
}

.serv-i-blocks h3 {
    font-weight: 600;
    color: #3795ff;
    margin: 0 0 17px;
}

.serv-i-blocks p {
    margin: 0;
}

/* php developer */
.php-development .page-wrapper {
    padding-top: 60px;
}

.tech-i-services {
    padding: 60px 0;
    background: #f5f5f5;
}

/*.tech-i-services .spmain-title {margin-bottom: 4px;}*/
.tech-i-services .spdec-info-text {
    max-width: 780px;
    line-height: 20px;
    margin-bottom: 24px;
}

.tech-i-list {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.tech-i-box {
    width: 50%;
    float: left;
    padding: 0 15px;
    margin-top: 30px;
}

.tech-i-box .tech-bx-i {
    width: 100%;
    float: left;
    height: 100%;
    padding: 30px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.tech-i-box img {
    max-width: 80px;
    max-height: 80px;
    float: left;
}

.tech-i-box .tech-i-desc {
    width: 100%;
    display: block;
    padding-left: 108px;
}

.tech-i-box h4 {
    font-weight: 500;
    margin: -2px 0 12px;
}

.tech-i-box p {
    font-size: 15px;
    margin: 0;
}

.php-development .hire-shopify-developer .why-sp:not(.why-cho-cod) {
    padding: 84px 0;
    margin: 0;
}

/* android-application-page */
.android-application .banner-i-txt {
    padding-bottom: 0;
    margin-bottom: 60px;
}

.about-andorid-sec-1 {
    display: flex;
    align-items: center;
}

.and-title {
    position: relative;
    margin-bottom: 38px;
}

.and-title::after {
    content: "";
    width: 172px;
    height: 2px;
    background-color: #3795ff;
    display: block;
}

.and-title h2 {
    font-size: 54px;
    color: #cecece;
    line-height: 1;
    text-transform: uppercase;
}

.and-title span {
    font-size: 25px;
    line-height: 1;
    display: block;
    color: #010101;
    padding-left: 77px;
    margin: -10px 0 7px;
}

.sub-dec-android {
    padding: 30px 0;
}

.sub-dec-android p {
    font-size: 16px;
    color: #545252;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
}

.sub-dec-android p:last-child {
    margin: 0;
}

.sub-img-android {
    position: relative;
    z-index: 9;
}

.sub-img-android::after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: -20px;
    left: auto;
    width: 90%;
    border: 6px solid #7bce48;
    top: -20px;
    z-index: -1;
}

.about-android:nth-of-type(odd) {
    background-color: #f5f5f5;
}

.about-android:nth-of-type(even) {
    background-color: #fff;
}

.about-android {
    margin-bottom: 60px;
}

.about-android:nth-child(2n) .left-dec-android {
    order: 2;
}

.about-android:nth-child(2n) .right-img-adnroid {
    order: 1;
}

.about-android:nth-child(2n) .sub-img-android::after {
    right: auto;
    left: -20px;
}

.sub-dec-android .ultab-sp li {
    font-size: 16px;
    color: #545252;
    letter-spacing: 0.3px;
    margin-bottom: 5px;
}

.sub-dec-android .ultab-sp li img {
    margin-bottom: 0;
}

.sub-dec-android .ultab-sp {
    margin-bottom: 22px;
}

.sub-dec-android .btn {
    max-width: 255px;
    width: 100%;
}

.about-android:nth-child(2n) .sub-dec-android .ultab-sp {
    margin-bottom: 18px;
}

.android-how-work {
    margin-bottom: 28px;
}

.sub-and-how-work {
    padding: 44px 0 60px;
    display: inline-block;
    width: 100%;
}

.android-how-work .spmain-title {
    margin-bottom: 28px;
}

.work-clmn1 {
    width: 36.8%;
    float: left;
}

.work-clmn1 ul li {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.work-ul-num span {
    background-color: #3795ff;
    color: #fff;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
}

.work-ul-num {
    position: relative;
    margin-bottom: 17px;
}

.work-ul-num::after {
    content: "";
    background: url(../img/work-pattern.png);
    position: absolute;
    bottom: 0;
    top: 24px;
    width: calc(100% - 55px);
    height: 3px;
    left: auto;
    right: 0;
    background-repeat: no-repeat;
}

.work-clmn1 ul li h3 {
    font-size: 20px;
    color: #1c1c1c;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.work-clmn1 ul li p:not(.work-ul-num) {
    font-size: 16px;
    color: #545252;
    line-height: 18px;
    letter-spacing: 0;
    margin-bottom: 0;
}

.work-clmn1 ul li:last-child {
    margin-bottom: 0;
}

.and-full-image img {
    filter: drop-shadow(0px 7px 6px rgba(0, 0, 0, 0.5));
}

.work-clmn1:nth-child(2) {
    width: 26.4%;
}

.work-clmn1:nth-child(3) .work-ul-num {
    display: flex;
    justify-content: flex-end;
}

.work-clmn1:nth-child(3) .work-ul-num::after {
    left: 0;
    right: auto;
}

.work-clmn1:nth-child(1) ul li p:not(.work-ul-num) {
    padding-right: 20px;
}

.work-clmn1:nth-child(3) ul li p:not(.work-ul-num),
.work-clmn1:nth-child(3) ul li h3 {
    padding-left: 26px;
    margin-top: -7px;
}

.work-clmn1:nth-child(3) {
    padding-top: 79px;
    padding-left: 4px;
}

.inner-how-work {
    padding-bottom: 28px;
}

.work-clmn1:nth-child(1) {
    padding-top: 33px;
}

.work-clmn1:nth-child(3) ul li:nth-child(2) {
    margin-bottom: 68px;
}

.tools-and-technology {
    background-color: #f5f5f5;
    padding: 57px 0 31px;
}

.technologies-infos {
    margin-bottom: 30px;
}

.sub-tec-infos {
    background-color: #fff;
    height: 100%;
    transition: all 350ms ease-in-out;
    box-shadow: 0px 0px 5px rgba(88, 88, 88, 0.3);
    padding: 25px 20px 26px 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.sub-tec-infos:hover {
    box-shadow: 5px 0px 29px rgba(0, 0, 0, 0.12);
}

.sub-tec-infos img {
    min-height: 75px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    max-height: 75px;
}

.tools-and-technology .spmain-title {
    margin-bottom: 30px;
}

.sub-tec-infos h3 {
    font-size: 18px;
    color: #010101;
    line-height: 18px;
    letter-spacing: 0;
    margin-bottom: 20px;
    width: 100%;
}

.sub-tec-infos p {
    font-size: 15px;
    color: #545252;
    line-height: 18px;
    letter-spacing: 0;
    margin-bottom: 0;
    width: 100%;
}

.android-we-serve {
    padding: 58px 0 28px;
}

.android-we-serve .spmain-title {
    margin-bottom: 39px;
}

.android-we-serve .width16left {
    padding: 0 15px;
    margin-bottom: 30px;
}

.android-we-serve .wht-bg {
    background-color: #f5f5f5;
    flex-wrap: wrap;
    min-height: 170px;
    flex-direction: column;
}

.android-we-serve .wht-bg img {
    max-height: 77px;
    margin-bottom: 31px;
}

.android-we-serve .wht-bg h3 {
    font-size: 16px;
    color: #010101;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.android-we-serve .wht-bg h3 a {
    color: #010101;
}

.android-application .dec-why-sp {
    padding-right: 10px;
}

.android-inquire {
    padding: 60px 0;
}

.android-inquire .c-post-item .c-post-bx .author-name {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 15px;
}

.android-inquire .c-post-item .c-post-bx .post-content {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 17px;
}

.android-inquire .c-post-item .c-post-bx .post-content:last-child {
    margin-bottom: 0;
}

.sub-in-filed {
    background-color: #f0f0f0;
    height: 100%;
    padding: 30px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.android-inquire .c-post-item {
    margin-top: 0;
}

.sub-in-filed img {
    margin-bottom: 20px;
}

.sub-in-filed p {
    font-size: 17px;
    color: #010101;
    max-width: 320px;
    letter-spacing: normal;
    margin-bottom: 25px;
    width: 100%;
}

.sub-in-filed .btn {
    max-width: 256px;
    width: 100%;
}

.android-inquire .c-post-item .c-post-bx {
    padding: 35px 38px;
}

.iphone-application .about-android:nth-child(1) .left-dec-android {
    padding-top: 80px;
}

.iphone-application .about-android:nth-child(3) .sub-dec-android {
    padding-top: 9px;
}

.iphone-application .work-clmn1:nth-child(3) ul li:nth-child(2) {
    margin-bottom: 30px;
}

.iphone-application .android-how-work {
    margin-bottom: 50px;
}

.iphone-application .sub-tec-infos {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 24px;
}

.widget_recent_entries ul {
    margin: 15px 0;
    border: 1px solid #EEEEEE;
    padding: 0 30px;
    background: #fff;
}

.widget_recent_entries ul li {
    font-size: 13px;
    padding: 15px;
    border-bottom: 1px dotted #999;
}

/* shopify services page */
.shopify-services .page-wrapper {
    padding: 60px 0 0;
}

.shopify-services .about-android:nth-of-type(even) {
    background: #f5f5f5;
}

.sub-dec-android h6 {
    font-size: 25px;
    line-height: 1.4;
    color: #010101;
    margin-bottom: 25px;
}

/* cod-order-confirmation */
.cod-order-sec.spp-sec-4 .what-do-get-left {
    margin-top: 0;
}

.cod-order-sec.spp-sec-4 .what-do-get-right .spmain-title {
    margin-top: 29px;
}

.cod-app-sms-mode .spmain-title {
    margin-bottom: 37px;
}

.cod-app-sms-mode .sub-img-android {
    text-align: center;
}

.cod-app-sms-mode .sub-img-android img {
    padding: 0 !important;
}

.cod-app-sms-mode.benifit-code-sec .and-title span img {
    max-height: 50px;
    margin-right: 5px;
}

.cod-app-sms-mode .sub-dec-android {
    max-width: 80%;
    margin: auto;
}

.about-android.cod-app-sms-mode {
    padding: 100px 0;
    margin: 0;
}

.cod-app-sms-mode .sub-dec-android p {
    margin-bottom: 30px;
}

/* hire-shopify-developers */
.btn.sp-developers {
    min-width: 255px;
    margin-top: 20px;
}

.hire-shopify-developer .about-android:nth-of-type(even) {
    background: #f5f5f5;
}

.hire-shopify-developer .get-free-consultation .banner-i-txt {
    min-height: 320px;
    margin-bottom: 0;
}

.hire-shopify-developer .banner-i-txt .banner-txt {
    margin-top: -13px;
}

.consultation-text {
    text-align: center;
    margin-top: -15px;
}

.consultation-text h2 {
    font-weight: bold;
    font-size: 46px;
    color: #fff;
    letter-spacing: 2px;
    line-height: normal;
}

.consultation-text .btn.sp-developers {
    margin-top: 11px;
}

.consultation-text p {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.2px;
    line-height: 27px;
}

.hire-shopify-developer .android-we-serve .width16left {
    width: 20%;
    position: relative;
}

.hire-shopify-developer .work-ul-num {
    position: absolute;
    top: -59px;
    left: 0;
    right: 0;
}

.hire-shopify-developer .work-ul-num span {
    margin: auto;
    height: 38px;
    width: 38px;
    line-height: 38px;
    background-color: #999999;
}

.hire-shopify-developer .work-ul-num::after {
    background-image: none;
    background-color: #d4d4d4;
    height: 2px;
    width: 100%;
    z-index: -1;
    top: 50%;
}

.hire-shopify-developer .android-we-serve .width16left:first-child .work-ul-num::after {
    width: 50%;
    right: 0;
    left: auto;
}

.hire-shopify-developer .android-we-serve .width16left:last-child .work-ul-num::after {
    width: 50%;
    right: auto;
    left: 0;
}

.hire-shopify-developer .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio {
    background-color: #3795ff;
    padding: 74px 65px 76px 67px;
}

.hire-shopify-developer .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio p {
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
}

.hire-shopify-developer .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio h2 {
    font-size: 45px;
    margin-bottom: 48px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1;
    letter-spacing: 0.3px;
}

.hire-shopify-developer .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio .ultab-sp li {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.3px;
    margin-bottom: 12px;
}

.hire-shopify-developer .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio .ultab-sp li img {
    margin-right: 13px;
    margin-top: 2px;
    margin-bottom: 13px;
    width: 19px;
}

.hire-shopify-developer .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio .ultab-sp li:nth-child(2) {
    margin-bottom: 24px;
}

.hire-shopify-developer .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio .ultab-sp li:nth-child(3) {
    margin-bottom: 24px;
}

.hire-shopify-developer .about-android:nth-of-type(odd) {
    margin-bottom: 82px;
}

.hire-shopify-developer .recent-work {
    padding: 55px 0 60px;
}

.hire-shopify-developer .sp-shopify-service .sp-service-title {
    margin-left: -10px;
}

.hire-shopify-developer .android-we-serve .spmain-title {
    margin-bottom: 7px;
}

.hire-shopify-developer .android-we-serve .spdec-info-text {
    margin-bottom: 107px;
}

.hire-shopify-developer .why-sp {
    padding: 77px 0 52px;
    margin-bottom: 10px;
    background-image: url(../img/why-hire-img.jpg);
}

.hire-shopify-developer .why-sp:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.hire-shopify-developer .why-sp .sp-service-title {
    letter-spacing: -0.5px;
    margin-bottom: 20px;
}

.hire-shopify-developer .why-sp .why-sp-dev-text {
    max-width: 74%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}

.hire-shopify-developer .why-sp-main {
    text-align: center;
    position: relative;
    z-index: 1;
}

.why-sp-dev-text {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    letter-spacing: 0.2px;
}

.inner-sp-dv-why h3 {
    position: relative;
    font-size: 22px;
    color: #fff;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}

.inner-sp-dv-why p {
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    letter-spacing: 0.2px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.hire-shopify-developer .why-cont-info {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.tgl-heading {
    background: #f0f0f0;
    border-bottom: 1px solid #dcdcdc;
}

.tgl-heading span {
    font-size: 16px;
    line-height: 1.2;
    color: #374252;
    padding: 16px 60px 15px 26px;
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
}

.tgl-heading span::after {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    content: "+";
    font-size: 24px;
    color: #000;
    font-weight: 400;
}

.sub-faq-dv ul {
    border: 0;
}

.tglcontn-faq {
    background-color: #fff;
    display: none;
}

.tglcontn-faq p {
    margin-bottom: 0;
    font-size: 15px;
    padding: 23px 27px 27px;
    letter-spacing: 0;
}

.tgl-heading.active span::after {
    content: "-";
}

.sub-faq-dv ul li:last-child .tgl-heading {
    border-bottom: none;
}

.hire-shopify-developer .android-inquire .c-post-item .c-post-bx {
    background-color: #f0f0f0;
    color: #000;
}

.hire-shopify-developer .android-inquire .c-post-item .c-post-bx .post-content {
    color: #545252;
}

.hire-shopify-developer .android-inquire .c-post-item .c-post-bx .author-name {
    color: #000;
}

.inner-sp-dv-why img {
    margin-right: 17px;
}

.hire-shopify-developer .why-cont-info .col-md-4.f-left {
    margin-bottom: 54px;
}

.hire-shopify-developer .why-cont-info .col-md-6.f-left .inner-sp-dv-why p {
    max-width: 62%;
}

.hire-shopify-developer .why-cont-info .col-md-6.f-left:nth-child(4) .inner-sp-dv-why {
    margin-left: 28px;
}

.hire-shopify-developer .why-cont-info .col-md-6.f-left:nth-child(5) .inner-sp-dv-why {
    margin-left: -28px;
}

.hire-shopify-developer .client-posts {
    margin-bottom: 5px;
}

.hire-shopify-developer .hire-sp-dv-faq .page-title {
    margin-bottom: 25px;
}

/* shopify-payment2 */
.spp-sec-1 {
    min-height: 746px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.spp-sec-1 .grt-yr-own {
    font-size: 44px;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 0.4px;
    margin-bottom: 15px;
    line-height: 44px;
}

.spp-sec-1 .spp-sec1-hrading {
    font-size: 44px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 1.6px;
    line-height: 44px;
}

.spp-sec-1 .spp-sec1-info-text {
    font-size: 20px;
    margin-bottom: 35px;
    color: #ffffff;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0;
}

.spp-sec-1 .container {
    margin-top: -64px;
}

.sub-spp-sec1 {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.spp-sec-1 .l-content {
    width: 60%;
    display: table-cell;
    vertical-align: middle;
}

.spp-sec-1 .key-point {
    display: table-cell;
    vertical-align: middle;
    width: 40%;
    padding-left: 5%;
}

.spp-sec-1 .key-point li {
    color: #fff;
    margin-bottom: 4px;
    padding: 0 0 5px 30px;
    position: relative;
    font-size: 20px;
}

.spp-sec-1 .key-point li:before {
    content: '';
    position: absolute;
    background: url(../img/key-point.png) no-repeat;
    top: 6px;
    left: 0;
    width: 30px;
    height: 20px;
    background-size: 18px;
}

a.spp-sec-all {
    max-width: 240px;
    height: 62px;
    line-height: 62px;
    padding: 0 25px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff !important;
}

.spp-sec-2 {
    padding: 65px 0 59px;
}

.spp-sec-2 .container {
    max-width: 100%;
    padding: 0 8.75%;
}

.spp-sec-2 .sec2-sub-i-left {
    box-shadow: 0 0 45px rgba(147, 198, 255, 0.50);
    padding: 60px 30px 30px 30px;
    float: left;
    border-radius: 5px;
    background: #fff;
}

.spp-sec-2 .sec2-sub-i-left ul li {
    width: 50%;
    float: left;
    margin-bottom: 28px;
}

.spp-sec-2 .sec2-sub-i-left ul li:nth-child(odd) {
    padding-right: 15px;
}

.spp-sec-2 .what-do-get-left {
    width: 100%;
    max-width: 46.667%;
    float: left;
    z-index: 3;
    position: relative;
}

.spp-sec-2 .sec2-sub-i-left ul {
    display: flex;
    flex-wrap: wrap;
}

.spp-sec-2 .sub-i-left-1 h3 img {
    margin-right: 8px;
    max-height: 42px;
    max-width: 35px;
    display: none;
}

.spp-sec-2 .sub-i-left-1 h3 {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.spp-sec-2 .sub-i-left-1 p {
    font-size: 14.6px;
    color: #545252;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0;
}

.spp-sec-2 .what-do-get-right {
    width: 53.333%;
    float: left;
    z-index: 1;
}

.spp-sec-2 .sec2-sub-i-right {
    box-shadow: 0 0 45px rgba(147, 198, 255, 0.30);
    border-radius: 5px;
    float: left;
    margin-left: -30px;
}

.spp-sec-2 .what-do-get-right .spmain-title {
    margin-bottom: 46px;
    font-size: 28px;
    font-weight: 500;
    margin-top: 29px;
}

.spp-sec-2 .sec2-sub-i-right img {
    border-radius: 5px;
    max-height: 513px;
    height: 100%;
}

.spp-sec-3 .sub-spp-sec3 {
    background-position: 50% 40%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 94px 0 104px;
    position: relative;
    z-index: 1;
}

.spp-sec-3 .sub-spp-sec3::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.30);
    z-index: -1;
}

.spp-sec-3 .inner-spp-sec3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.spp-sec-3 .inner-spp-sec3 h2 {
    font-size: 44px;
    color: #fff;
    font-weight: 500;
    margin-right: 30px;
}

.spp-sec-4 .container {
    display: flex;
    flex-wrap: wrap;
}

.spp-sec-4 .what-do-get-left {
    order: 2;
    max-width: 48.258%;
    margin-top: 20px;
}

.spp-sec-4 .what-do-get-right {
    order: 1;
    max-width: 51.742%;
}

.spp-sec-4 .sec2-sub-i-right {
    margin-right: -55px;
    margin-left: 0;
}

.spp-sec-2.spp-sec-4 {
    padding: 57px 0;
}

.spp-sec-4 .sec2-sub-i-right img {
    width: 100%;
}

.spp-sec-4 .sec2-sub-i-left {
    padding: 50px 30px 28px 30px;
}

.spp-sec-5 {
    background: #f1f1f1;
}

.spp-sec-5 .sub-spp-sec5 {
    background: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);
    border: 2px solid transparent;
    padding: 30px 0;
    margin: 48px 0;
}

.spp-sec-5 .spmain-title {
    font-weight: 500;
}

.spp-sec-5 .sub-spp-sec5-p {
    letter-spacing: 0;
    max-width: 70%;
    margin: 0 auto 22px;
}

.spp-sec-5 .am-pay-you {
    color: #010101;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 18px 0 15px;
}

.spp-sec-5 .sub-spp-sec5 a.btn {
    height: 51px;
    line-height: 51px;
    text-transform: uppercase;
    min-width: 180px;
}

.spp-sec-5.req-st-form .form-fields {
    text-align: center;
    padding: 25px 60px 40px 55px;
}

.spp-sec-5.req-st-form .form-content h2 {
    font-weight: 600;
}

.spp-sec-5 ul {
    margin: 15px 0px 20px;
    float: left;
    width: 100%;
}

.spp-sec-5 ul li {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    position: relative;
}

.spp-sec-5 ul li span {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    float: left;
}

.spp-sec-5 ul li span:last-child {
    float: right;
}

.spp-sec-6 {
    padding: 53px 0;
}

.spp-sec-6 .page-title {
    margin-bottom: 27px;
}

.req-st-form {
    background: #f0f0f0;
    padding: 60px 0 53px;
}

.req-st-form .req-form-wrap {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 0 7px 7px 0;
}

.req-st-form .form-content {
    width: 50%;
    float: left;
    position: relative;
    padding: 40px 40px 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 1;
}

.req-st-form .form-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skew(-15deg);
    transform-origin: top;
    background: #3695ff;
    z-index: -1;
    pointer-events: none;
}

.req-st-form .form-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 33px;
}

.req-st-form .form-content p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    max-width: 420px;
    margin-bottom: 16px;
}

.req-st-form .form-fields {
    width: 50%;
    float: left;
    padding: 25px 60px 20px 55px;
}

.req-st-form .contactform {
    max-width: 100%;
}

.req-st-form .textareafiled {
    width: 100%;
    margin: 0;
    position: relative;
}

.radio-selector {
    margin-top: -3px;
}

.radio-chckbx {
    float: left;
    margin: 0 14px 15px 0;
}

.radio-chckbx input {
    width: 15px;
    height: 15px;
    display: none;
}

.radio-chckbx label {
    font-size: 15px;
    line-height: 24px;
    color: #2e2b2b;
    display: block;
    position: relative;
    padding-left: 25px;
    margin: 0;
    cursor: pointer;
}

.radio-chckbx label:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 1px;
    width: 16px;
    height: 16px;
    border-radius: 30px;
    background-color: #fff;
    border: 2px solid #7acf48;
}

.radio-chckbx input:checked+label:before {
    border-width: 5px;
}

.req-st-form .txtc_msg {
    position: static;
    width: 100%;
    float: left;
    margin: 8px 0;
}

/* codeignator-development-page */
.overview-codeeignator {
    padding-top: 60px;
}

.why-choo-cod-subtext {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.3px;
    max-width: 80%;
    margin: auto;
    margin-top: 8px;
    display: inline-block;
}

.hire-shopify-developer .why-cho-cod .why-cont-info {
    margin-top: 32px;
}

.hire-shopify-developer .why-cho-cod.why-sp {
    padding: 67px 0 20px;
}

.benifit-code-sec .and-title span {
    padding: 0;
    margin: 0;
}

.benifit-code-sec .and-title::after {
    content: initial;
}

.benifit-code-sec .and-title {
    margin-bottom: 35px;
}

.hire-shopify-developer .benifit-code-sec.about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio .ultab-sp li {
    margin-bottom: 5px;
}

/* wordpress-development-page */
.hire-shopify-developer .overview-wordpress .about-android .right-img-adnroid .sub-img-android .right-portfolio {
    padding: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #3795ff;
}

.overview-wordpress .about-android .left-dec-android,
.overview-wordpress .about-android .right-img-adnroid {
    height: 100%;
    min-height: 569px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.hire-shopify-developer .overview-wordpress .about-android .right-img-adnroid .sub-img-android .right-portfolio img {
    position: relative;
    right: -40px;
    left: auto;
}

.hire-shopify-developer .overview-wordpress .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio img {
    position: relative;
    left: -40px;
    right: auto;
}

.overview-wordpress .sub-img-android {
    height: 100%;
    max-width: 530px;
}

.hire-shopify-developer .overview-wordpress .about-android:nth-of-type(even) {
    background: #fff;
}

.overview-wordpress .about-android:nth-of-type(odd) .right-img-adnroid {
    justify-content: flex-end;
}

.hire-shopify-developer .overview-wordpress .about-android:nth-child(2n) .left-dec-android {
    margin-top: 0;
}

.hire-shopify-developer .overview-wordpress .about-android:nth-of-type(odd):last-child {
    margin-bottom: 60px;
}

/*react-native-development-page*/
.hire-shopify-developer .about-android:nth-of-type(odd) .react-native-overview .right-img-adnroid .sub-img-android .right-portfolio h2 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 25px;
}

.hire-shopify-developer .benifit-code-sec.about-android:nth-of-type(odd) .react-native-overview .right-img-adnroid .sub-img-android .right-portfolio .ultab-sp li {
    margin-bottom: 10px;
}

.react-process {
    padding-top: 0 !important;
}

.react-recent-work .left-lp-img img {
    margin: auto;
}

.bg-blue-text-white .c-post-bx {
    background: #3795ff !important;
    color: #fff !important;
}

.bg-blue-text-white .c-post-bx .author-name,
.bg-blue-text-white .c-post-bx .post-content {
    color: #fff !important;
}

.no-padd-bottom {
    padding-bottom: 0 !important;
}

/* hire php devlopers */
.hire-php-dev {
    padding-bottom: 60px;
}

.hire-php-dev .banner-i-txt {
    padding: 0;
    margin-bottom: 60px;
}

#section-i-serv .right-img-adnroid {
    align-self: stretch;
}

#section-i-serv .sub-img-android {
    width: 100%;
    height: 100%;
    text-align: left;
    padding-right: 15px;
}

#section-i-serv .sub-dec-android {
    margin: 0;
    padding: 0 0 12px;
}

.sub-dec-android h4 {
    max-width: 490px;
    letter-spacing: 0.6px;
    display: block;
    margin: 26px auto 18px;
}

.hire-php-dev .about-android .sub-dec-android {
    margin-bottom: 36px;
}

.hire-shopify-developer.hire-php-dev .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio h2 {
    margin-bottom: 22px;
}

.hire-shopify-developer.hire-php-dev .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio .ultab-sp li {
    margin-bottom: 15px !important;
}

.hire-shopify-developer.hire-php-dev .about-android:nth-of-type(odd) .right-img-adnroid .sub-img-android .right-portfolio .ultab-sp li img {
    margin-bottom: 0;
}

.hire-shopify-developer.hire-php-dev .about-android:nth-child(2n) .left-dec-android {
    margin-top: 26px;
}

.hire-php-dev .sub-dec-android .btn {
    max-width: initial;
    width: auto;
    padding: 0 38px;
}

.serv-i-desc {
    width: 100%;
    height: 100%;
    padding: 62px 48px;
    background: #fff;
    box-shadow: 3px 1.2px 12px rgba(1, 1, 1, 0.15);
}

.serv-i-desc li {
    width: 100%;
    min-height: 64px;
    margin-bottom: 28px;
}

.serv-i-desc li:last-child {
    margin: 0;
}

.serv-i-desc li .s-icon {
    width: 64px;
    height: 64px;
    float: left;
    display: flex;
    border-radius: 32px;
    padding: 8px;
    background-image: linear-gradient(0deg, #79cf47 0%, #8ece69 52%, #a8e784 100%);
}

.serv-i-desc li .s-icon img {
    margin: auto;
}

.serv-i-desc li p {
    font-size: 20px;
    color: #929292;
    padding-left: 88px;
    margin: 0;
}

.serv-i-desc li p strong {
    font-size: 25px;
    font-weight: 600;
    color: #010101;
    display: block;
    text-transform: uppercase;
}

#section-i-serv .serv-i-desc img {
    max-height: 100%;
    padding: 0;
}

.hire-php-dev .recent-work .container {
    max-width: 1410px;
}

.cons-sec-2 .banner-i-txt {
    padding: 90px 0 84px;
}

.cons-sec-2 .consultation-text h2 {
    margin-bottom: 15px;
}

.cons-sec-2 .consultation-text p {
    max-width: 970px;
    line-height: 1.5;
    display: block;
    margin: auto;
}

.cons-sec-2 .consultation-text .btn.sp-developers {
    margin-top: 31px;
}

.our-technologies {
    background: #f5f5f5;
    padding: 57px 0 64px;
}

.tech-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.tech-list li {
    width: 25%;
    padding: 0 12px;
    margin-top: 24px;
    float: left;
}

.tech-list .tech-i-bx {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 6px rgba(88, 88, 88, 0.3);
    background-color: #ffffff;
    text-align: center;
    padding: 42px 20px 37px;
}

.tech-list .tech-i-bx img {
    height: 70px;
    object-fit: scale-down;
    display: block;
    margin: auto;
}

.tech-list .tech-i-bx span {
    font-size: 20px;
    color: #010101;
    text-transform: uppercase;
    display: block;
    margin: 16px 0 0;
}

.hire-php-dev .client-posts .page-title {
    margin-top: 5px;
}

/* hire-android-app-developers */
.android_portfolio {
    margin-top: -6px;
    margin-bottom: -4px;
    position: relative;
}

.android_portfolio .iphone_app_show {
    margin-top: 150px;
    position: relative;
    margin-bottom: 135px;
    background-position: 40% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 100%;
    z-index: 1;
}

.android_portfolio .iphone_app_show::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.45);
    content: "";
    z-index: -1;
}

.android_portfolio .iphone_inner_data {
    padding: 51px 0 50px 20px;
    float: left;
}

.android_portfolio .iphone_inner_data h5 {
    font-size: 38px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
}

.android_portfolio .iphone_inner_data p {
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0.2px;
    margin-bottom: 26px;
}

.android_portfolio .iphone_mobile {
    float: left;
}

.android_portfolio .iphone_inner_data .and-icon-img {
    display: block;
    margin: auto;
    margin-bottom: 13px;
}

.android_portfolio a.blackbtn {
    background-color: #070908;
    color: #fff;
    width: 190px;
}

.android_portfolio a.blackbtn:hover,
.android_portfolio a.blackbtn:focus {
    background-color: #fff;
    color: #000;
}

.android_portfolio .button-wrapper-mobile ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.android_portfolio .button-wrapper-mobile ul li {
    margin: 0 10px;
}

.android_portfolio .button-wrapper-mobile ul li img {
    border-radius: 5px;
}

.android_portfolio .iphone_mobile img {
    position: absolute;
    top: -120px;
    right: 0;
}

.android_portfolio .slick-arrow {
    font-size: 0;
    background: none;
    border: none;
    top: 54%;
    transform: translateY(-50%);
    height: 55px;
    width: 32px;
    margin-top: -27px;
}

.android_portfolio .slick-arrow:hover {
    border: none;
}

.android_portfolio .slick-prev {
    left: 50px;
    right: auto;
    background-image: url(../img/left-arr-android.png);
    background-position: center;
    background-repeat: no-repeat;
}

.android_portfolio .slick-next {
    right: 50px;
    left: auto;
    background-image: url(../img/right-arr-android.png);
    background-position: center;
    background-repeat: no-repeat;
}

.android_portfolio .iphone_mobile.landscape-mobile img {
    position: initial;
    max-height: 250px;
}

.hire-shopify-developer .sp-hire-android-dv .android-we-serve .spmain-title {
    margin-bottom: 40px;
}

.hire-shopify-developer .sp-hire-android-dv .android-we-serve:not(.and-v2) .width16left {
    width: 16.6666666667%;
}

.sp-hire-android-dv .tools-and-technology {
    background-color: #3795ff;
}

.sp-hire-android-dv .tools-and-technology .spmain-title {
    color: #fff;
}

.hire-shopify-developer .sp-hire-android-dv .android-inquire .c-post-item .c-post-bx {
    background-color: #3795ff;
    color: #fff;
}

.hire-shopify-developer .sp-hire-android-dv .android-inquire .c-post-item .c-post-bx .author-name,
.hire-shopify-developer .sp-hire-android-dv .android-inquire .c-post-item .c-post-bx .post-content {
    color: #fff;
}

.hire-android-inq .sub-in-filed {
    padding: 30px 0;
}

.hire-shopify-developer .sp-hire-android-dv .android-inquire .c-post-item .c-post-bx .author-name {
    padding-top: 15px;
}

.and-h-about .sub-dec-android .ultab-sp li {
    margin-bottom: 10px;
}

/* hire-iphone-app-developers */
.and-h-about2 .sub-dec-android .ultab-sp li {
    margin-bottom: 0;
}

/* digital-marketing */
.expertise-digital-marketing {
    padding: 0;
}

/* Shopify app developer */
.sp-app-development {
    padding-bottom: 0;
}

.banner-i-txt-2 {
    width: 100%;
    float: left;
    background: no-repeat center;
    background-size: cover;
    text-align: center;
    position: relative;
    padding: 74px 40px 75px;
    z-index: 1;
}

.banner-i-txt-2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: -1;
}

.banner-i-txt-2 .banner-logo {
    max-height: 126px;
    display: block;
    margin: auto;
}

.banner-i-txt-2 h2,
.banner-i-txt-2 .main_tag_add {
    font-size: 44px;
    color: #fff;
    font-weight: 500;
    margin: 27px 0 17px;
}

.banner-i-txt-2 h3 {
    font-size: 25px;
    color: #fff;
    margin: 0 0 37px;
}

.banner-i-txt-2 .btn {
    height: 62px;
    line-height: 62px;
    text-transform: uppercase;
    padding: 0 32px;
}

.sp-app-listing {
    padding: 50px 0 3px;
    background: url('../img/sp-app-bg-ptrn.png') center top;
    background-size: contain;
}

.sp-app-listing .page-title {
    margin: 4px 0 10px;
}

.sp-app-listing .sub-txt {
    font-size: 18px;
    text-align: center;
}

.sp-app-lists {
    margin: 30px 0;
}

.sp-app-development .section-top {
    padding: 40px 0;
    text-align: center;
}

.sp-app-development .spmain-title {
    font-size: 30px;
    line-height: 1.5;
}

.sp-app-development .spmain-title.m-title {
    max-width: 600px;
    display: block;
    margin: 0 auto 15px;
    padding-bottom: 20px;
    position: relative;
}

.sp-app-development .spmain-title.m-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 120px;
    height: 3px;
    background: #000;
    margin: auto;
}

.sp-app-development .text-sliders .spmain-title {
    color: #3895FD;
}

.sp-app-development .section-top img {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

.app-list-item {
    width: 50%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.app-list-item .app-list-bx {
    width: 100%;
    height: 100%;
    min-height: 200px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    position: relative;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    z-index: 1;
}

/*background-image: radial-gradient(circle at center, #ffffff 0%, #d6f0f8 100%);*/
.app-list-item .app-list-bx:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(200, 235, 250, 0.1)) top;
    height: 100%;
    bottom: 0;
    z-index: -1;
}

.app-list-item .app-bg-ptrn {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.3;
}

.app-list-item .app-desc {
    position: relative;
    min-height: 71px;
    display: flex;
    width: 100%;
    padding: 25px 25px;
}

.app-list-item .app-img {
    width: 73px;
    height: 73px;
    display: flex;
    border-radius: 6px;
    min-width: 73px;
    margin-right: 20px;
}

.app-list-item .app-img img {
    max-height: 100%;
    display: block;
    margin: auto;
    border-radius: 6px;
}

.app-list-item .app-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.app-list-item .app-title h3 {
    font-weight: 500;
    font-size: 20px;
}

.app-list-item .review {
    font-size: 16px;
    flex-shrink: 0;
    margin-bottom: 5px;
    width: 100%;
}

.app-list-item .review img {
    margin: -3px 12px 0 0;
}

.app-list-item .review .review-star {
    margin-bottom: 5px;
}

.app-list-item .review span {
    margin-right: 10px;
}

.app-list-item p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
}

.app-list-item .app-link {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid;
    position: relative;
}

.app-list-item .app-link:after {
    content: '>>';
    position: absolute;
    top: -1px;
    left: 100%;
    margin-left: 7px;
}

.app-list-item .install_btn {
    display: flex;
    align-items: center;
    padding: 10px 25px;
    background-color: #f5f8fd;
}

.app-list-item .install_btn p {
    margin-right: 15px;
    margin-bottom: 0;
    width: calc(100% - 125px);
    font-weight: 500;
}

.app-list-item .app-install {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.app-list-item .app-install h4 {
    /*color: #fdfeff;*/
    font-weight: 500;
    padding-right: 10px;
    text-shadow: 0 0 3px rgba(95, 150, 175, 0.4);
}

.app-list-item .app-install h4 span {
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin: 5px 0 0;
}

.app-list-item .app-install .btn {
    height: 46px;
    line-height: 48px;
    padding: 0 24px;
    flex-shrink: 0;
    text-transform: uppercase;
    align-self: flex-end;
}

.banner-i-sp {
    margin-bottom: 54px;
}

.banner-i-sp .banner-bx {
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 190px;
    background: no-repeat center;
    background-size: cover;
    padding: 40px;
}

.banner-i-sp h2 {
    width: 100%;
    font-size: 40px;
    color: #fff;
    text-align: center;
}

.banner-i-sp h2 strong {
    font-size: 110%;
}

.banner-i-sp .btn {
    height: 62px;
    line-height: 62px;
    text-transform: uppercase;
    margin: 20px 0;
    margin-left: 40px;
    padding: 0 30px;
}

/* mobile-app-development */
.benefits-sec-no {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: initial;
    margin-bottom: 12px;
}

.benefits-ch-softpulse {
    padding-bottom: 60px;
}

.benefits-ch-softpulse .sub-i-benefits {
    text-align: center;
    height: 100%;
}

.benefits-ch-softpulse .width20left {
    padding: 0 15px;
    width: 20%;
}

.bene-icon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    margin: 0 auto 21px;
}

.sub-i-benefits .bene-grid-dec {
    font-size: 16px;
    color: #000;
    letter-spacing: normal;
    margin-bottom: 0;
}

.benefits-ch-softpulse .spmain-title {
    margin-bottom: 33px;
}

/* web-design */
.sub-tec-infos h3.ben-hd-dec {
    line-height: 1.2;
    margin: 0;
}

.no-padd-btmdiv {
    padding-bottom: 0;
}

/* imageagram-app-page */
.imageagram-banner-itext .banner-txt .h2heading {
    line-height: 40px;
}

.imageagram-banner-itext .banner-txt li:before {
    content: initial;
}

.imageagram-banner-itext .banner-txt li {
    padding-left: 0;
    font-size: 24px;
}

.imageagram-banner-itext .btn.sp-developers {
    margin-top: 40px;
}

.imageagram-info:nth-of-type(odd) {
    background: #fff;
}

.imageagram-info .sub-dec-android .ultab-sp li {
    margin-bottom: 10px;
    line-height: inherit;
}

.imageagram-info .sub-img-android::after {
    content: initial;
}

.imageagram-about {
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px;
}

.imageagram-about:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.sub-img-about {
    background: rgba(255, 255, 255, 0.15);
    padding: 73px 28px 50px 28px;
    text-align: center;
    height: 100%;
}

.sub-img-about-h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 33px;
    letter-spacing: 0.3px;
    color: #fff;
}

.sub-img-about-p {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    line-height: inherit;
}

.how-customizing-app-title .spmain-title {
    margin-bottom: 10px;
}

.how-customizing-app-title .spdec-info-text {
    margin: 0 auto 6px;
}

.how-customizing-app-title {
    margin-bottom: 50px;
}

.how-app-start-deatils .sp-service-title {
    line-height: 54px;
    letter-spacing: 0.3px;
    margin: 0 auto 70px;
    max-width: 86%;
}

.how-app-start-deatils.comp-details .detail-box {
    padding: 40px 25px 31px;
}

.how-app-start-deatils .app-start-point {
    margin-bottom: 45px;
}

.how-app-start-deatils .rc-more-info {
    margin-bottom: 50px;
}

.app-testimonial-sec {
    background: #f5f5f5;
    padding-bottom: 60px;
}

.app-testi-sub-div {
    background: #fff;
    margin-top: -45px;
    padding: 60px 0 42px;
}

.app-testi-sub-div .spmain-title {
    margin-bottom: 70px;
}

.app-testi-slider .cus-review-app {
    font-size: 15px;
    color: #010101;
    line-height: 25px;
    max-width: 67%;
    margin: 15px auto 44px;
}

.cl-name-app {
    font-size: 15px;
    color: #010101;
    line-height: 25px;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: block;
}

.app-slide img {
    margin: auto;
}

.app-testimonial-sec .slick-dots li button {
    background: #ccc;
}

.app-testimonial-sec .slick-dots .slick-active button {
    background: #3795ff;
}

.app-testimonial-sec .slick-slider .slick-dots {
    position: static;
}

.app-priceing {
    padding: 60px 0 70px;
}

.pricing-sec {
    padding: 25px 25px 25px 30px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.13);
    margin-bottom: 27px;
}

.app-feature-day {
    width: calc(100% - 255px);
    float: left;
}

.app-version {
    font-size: 16px;
    font-weight: 600;
    color: #010101;
    line-height: 20px;
    margin-bottom: 5px;
}

.app-trial-day {
    font-size: 13px;
    color: #010101;
    margin-bottom: 27px;
    display: block;
}

.app-plan li {
    margin-bottom: 0;
    font-size: 15px;
}

.app-plan li img {
    margin-bottom: 0;
}

.app-pric-sec {
    float: left;
    max-width: 255px;
    width: 100%;
}

.app-pric-sec span {
    background: #3795ff;
    border-radius: 5px;
    max-width: 255px;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    min-height: 83px;
    line-height: 83px;
    text-align: center;
    display: block;
    color: #fff;
}

.app-priceing .spmain-title {
    margin-bottom: 37px;
}

.app-faq-details {
    padding-left: 30px;
}

.app-faq-details p {
    font-size: 15px;
    color: #010101;
    margin-bottom: 0;
}

.android-application .get-your-own-store {
    margin-bottom: 0;
    display: none;
    min-height: initial;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 60px 0 70px;
}

.own-store-heading {
    font-size: 44px;
    font-weight: 500;
    line-height: 45px;
    color: #fff;
    margin-bottom: 25px;
}

.own-store-heading strong {
    text-transform: uppercase;
}

.get-your-own-store.banner-i-txt .banner-txt ul {
    margin-bottom: 30px;
}

.get-your-own-store.banner-i-txt:before {
    content: initial;
}

.get-your-own-store.banner-i-txt .banner-txt {
    padding: 0;
}

/* product-compare-app-page */
.spp-sec-2 .app-compare-img {
    box-shadow: none;
}

.spp-sec-2 .app-compare-img img {
    width: 100%;
    max-height: initial;
}

/*ultimate-scarcity-pro*/
.ultimate-app-feature {
    background: #f5f5f5;
    margin-bottom: 0 !important;
}

.ultimate-app-feature .sub-and-how-work {
    padding: 60px 0;
}

.ultimate-app-feature .spmain-title {
    margin-bottom: 40px;
}

.ultimate-app-price {
    padding-bottom: 60px;
}

.sub-img-android.no-pdd-app-c img {
    padding: 0 !important;
}

/*  Indian-Logistics-Services */
.logistic-app-note.about-android {
    padding: 70px 0;
    background: #f5f5f5;
    margin-bottom: 60px;
}

.cod-app-sms-mode.benifit-code-sec .and-title span img {
    vertical-align: -16px;
}

/* mobiapp-page */
.mobiapp-about-sec {
    padding: 0;
}

.mobiapp-about-sec .sub-img-about-h2 {
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
    transition: all 300ms ease-in-out;
}

.mobiapp-about-sec .sub-img-about-p {
    color: #444;
    transition: all 300ms ease-in-out;
}

.mobiapp-about-sec .sub-img-about {
    box-shadow: 0 0 10px #cccccc;
    position: relative;
    overflow: hidden;
    border-left: 2px solid #3795ff;
    text-align: left;
    padding: 50px 28px 50px 28px;
}

.mobiapp-about-sec.imageagram-about:before {
    content: initial;
}

.mobiapp-about-sec .sub-img-about svg {
    max-height: 60px;
    max-width: 60px;
    margin-bottom: 20px;
    transition: all 300ms ease-in-out;
    fill: #3795ff;
}

.mobiapp-about-sec .sub-img-about::after {
    background: #3795ff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    width: 100%;
    z-index: -1;
}

.mobiapp-about-sec .sub-img-about:hover::after {
    left: 0;
}

.mobiapp-about-sec .sub-img-about:hover svg,
.mobiapp-about-sec .sub-img-about:hover .sub-img-about-h2,
.mobiapp-about-sec .sub-img-about:hover .sub-img-about-p {
    color: #fff;
    fill: #fff;
}

.mobiapp-feature.about-android {
    background: #f5f5f5;
}

.mobiapp-feature.about-android:nth-child(2n) .right-img-adnroid {
    order: 2;
}

.mobiapp-feature .sub-img-android.no-pdd-app-c img {
    box-shadow: 30px 30px 0px 10px rgba(27, 188, 155, 0.1);
}

.mobiapp-feature.about-android:nth-child(2n) .and-title {
    margin-bottom: 25px;
}

/* multi-seller-marketplace */
.multiseller-about-title {
    margin-bottom: 20px;
}

.multiseller-about-sec .spdec-info-text {
    margin: 0 auto 70px;
}

/* product-carosuel-for-facebook */
.product-caro-facebook.mobiapp-feature.about-android {
    background: #fff;
    padding-bottom: 40px;
}

.fb-car-ab-sec {
    background: #f5f5f5;
    padding: 60px 0;
    z-index: 1;
}

.cod-saudi .slick-dots {
    display: none;
}

/* checout-upsell */
.checkout-upesll-sec.about-android .and-title {
    margin-bottom: 35px;
}

.checkout-upesll-sec.about-android .sub-dec-android p.custom-off-top {
    margin-top: 25px;
}

/* seo-app-page */
.seo-full-sec .left-dec-android {
    padding-left: 14%;
}

.seo-full-sec {
    overflow: hidden;
}

.seo-app-about {
    background: #f5f5f5;
    padding: 60px 0;
    margin-bottom: 60px;
}

.inner-ab-grid {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 6px rgba(88, 88, 88, 0.30);
    height: 100%;
}

.seo-ab-img img {
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.seo-ab-dec {
    padding: 30px 30px 50px;
    text-align: center;
}

.seo-ab-dec h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0.3px;
    margin-bottom: 27px;
}

.seo-ab-dec p {
    font-size: 16px;
    color: #000;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    line-height: 20px;
}

.app-feature-sec {
    background: #3795ff;
    padding: 60px 0;
}

.app-feature-sec .spmain-title {
    color: #fff;
    margin-bottom: 40px;
}

.sub-i-grid {
    background: #fff;
    padding: 38px 30px 45px;
    text-align: center;
    height: 100%;
}

.sub-i-grid img {
    object-fit: scale-down;
    height: 70px;
    margin: 0 auto 30px;
    display: block;
}

.sub-i-grid h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0.3px;
    margin-bottom: 27px;
    text-transform: uppercase;
}

.sub-i-grid p {
    font-size: 16px;
    color: #000;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    line-height: 20px;
}

.app-feature-sec .app-feature-sec-grid:nth-child(1),
.app-feature-sec .app-feature-sec-grid:nth-child(2),
.app-feature-sec .app-feature-sec-grid:nth-child(3) {
    margin-bottom: 30px;
}

.seo-testi-sec .app-testi-sub-div {
    margin-top: 0;
    background: #f5f5f5;
}

.seo-testi-sec {
    padding: 60px 0;
    background: #fff;
}

.seo-testi-sec .seo-main-title.spmain-title {
    margin-bottom: 37px;
}

.app-testimonial-sec.seo-testi-sec.washare-chat-testi-sec {
    background: #f5f5f5;
}

.app-overll-rating {
    font-size: 23px;
}

.app-overll-rating img {
    margin: 0 5px;
    vertical-align: -2px;
}

/* sold-stock-app-page */
.seo-full-sec.about-android:nth-child(2n) .left-dec-android {
    padding-left: 35px;
    padding-right: 14%;
}

.sold-stock-testi {
    padding: 0;
    background: #f5f5f5;
}

/* client video testimonial */
.client-banner {
    padding: 60px 0;
    display: flex;
    align-items: center;
    min-height: 520px;
    position: relative;
    z-index: 1;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.client-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    z-index: -1;
}

.client-banner h2,
.client-banner .main_tag_add {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
}

.client-banner p {
    font-size: 26px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 50px;
}

.client-banner .scoll-btn {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 2px solid #fff;
    display: block;
    margin: auto;
    position: relative;
}

.client-banner .scoll-btn:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-top-color: #fff;
    margin: auto;
}

.feat-video-wrapper {
    padding: 50px 0;
}

.feat-video-wrapper .spmain-title {
    line-height: 1.4;
    padding: 0 15px;
    margin-bottom: 40px;
}

.featured-i-video {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 60px;
}

.featured-i-video:last-child {
    margin: 0;
}

.featured-i-video .featured-i-row {
    width: 100%;
    float: left;
    display: flex;
    padding: 60px 0;
    position: relative;
    z-index: 1;
}

.featured-i-video .featured-i-row:before {
    content: '';
    position: absolute;
    top: 0;
    left: 40%;
    bottom: 0;
    width: 100vw;
    height: 100%;
    background: #f5f6f7;
    z-index: -1;
}

.featured-i-video .feat-video {
    width: 50%;
    float: left;
}

.featured-i-video.feat-i-right .feat-video {
    order: 1;
}

.featured-i-video .video-image {
    width: 100%;
    float: left;
    position: relative;
    background: no-repeat center/cover;
    padding-bottom: 56.25%;
    border-radius: 6px;
    cursor: pointer;
}

.featured-i-video .video-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    border-radius: 6px;
    transition: opacity 0.6s ease;
}

.featured-i-video.feat-i-right .featured-i-row:before {
    left: auto;
    right: 40%;
}

.featured-i-video .video-image:hover:before {
    opacity: 0.7;
}

.featured-i-video .video-image svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    fill: #fff;
    margin: auto;
    z-index: 1;
    transition: all 0.3s ease;
}

.featured-i-video .video-image:hover svg {
    fill: #3895FD;
}

.featured-i-video .feat-text {
    width: 50%;
    float: left;
    align-self: center;
    padding-left: 60px;
}

.featured-i-video.feat-i-right .feat-text {
    order: 0;
    padding: 0 60px 0 0;
}

.featured-i-video h2 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.featured-i-video h2 a {
    color: #374252;
}

.featured-i-video h2 a:hover {
    color: #3895FD;
}

.featured-i-video .store-tag {
    margin-bottom: 15px;
}

.featured-i-video .store-tag li {
    float: left;
    margin: 0 10px 10px 0;
}

.featured-i-video .store-tag li a {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    display: block;
    padding: 0 20px;
    background: #fff;
    color: #374252;
    border: 1px solid #ccc;
    border-radius: 30px;
    text-transform: uppercase;
}

.featured-i-video .store-tag li a:hover {
    color: #3895FD;
}

.content-collapse {
    font-size: 16px;
    line-height: 24px;
    max-height: 144px;
    overflow: hidden;
    margin-bottom: 15px;
}

.content-collapse.expanded {
    max-height: initial;
}

.content-collapse p:last-child {
    margin: 0;
}

.read-i-collapse {
    color: #374252;
    text-decoration: underline;
    text-transform: uppercase;
}

.read-i-collapse:hover,
.read-i-collapse:focus {
    text-decoration: underline;
}

.popup-i-frame {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 40px;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    transition: all 0.3s ease;
    z-index: 9999;
}

.popup-opned {
    overflow: hidden;
}

.popup-opned .popup-i-frame {
    opacity: 1;
    visibility: visible;
}

.popup-opned .iframe-overmask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.popup-i-frame .iframe-i-bx {
    max-width: 900px;
    width: 100%;
    display: block;
    margin: auto;
    position: relative;
    z-index: 2;
}

.popup-i-frame .iframe-i-bx:before {
    content: '';
    display: block;
    padding-bottom: 56.25%;
}

.popup-i-frame .iframe-i-bx iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.popup-i-frame .close-popup {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 40px;
    height: 40px;
    padding: 11px;
}

.popup-i-frame .close-popup svg {
    width: 100%;
    height: 100%;
    display: block;
}

/*migration page*/
.mgs_top_baner {
    position: relative;
    background-image: url(../img/megento_banner.jpg);
    min-height: 647px;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}

/* top banner*/
.mgs_banner_overlay {
    padding-top: 89px;
}

.mgs_banner_overlay h2,
.mgs_banner_overlay .main_tag_add {
    color: #fff;
    font-size: 43px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
}

.mgs_banner_overlay ul li {
    color: #fff;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative;
    font-size: 18px;
}

.mgs_top_baner .mgs_banner_overlay ul li:before {
    content: '';
    position: absolute;
    background: url(../img/key-point.png) no-repeat;
    top: 4px;
    left: 0;
    width: 30px;
    height: 18px;
    background-size: 18px;
}

.mgs_banner_overlay a {
    margin-bottom: 25px;
    display: block;
    color: #fff !important;
    max-width: 820px;
    font-size: 18px;
}

.mgs_data_migration {
    position: relative;
    background-image: url(../img/mgs_data_migration.jpg);
    min-height: 561px;
    align-items: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

/* data migration*/
.mgs_data_migration:before {
    content: '';
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

.mgs_data_migration h2 {
    color: #fff;
    font-size: 43px;
    margin: 77px 0 94px;
    text-align: center;
    z-index: 0;
    position: relative;
    font-weight: bold;
}

.mgs_data_migration_overlay {
    position: relative;
}

.mgs_data_migration_overlay h2 {
    color: #fff;
    font-size: 43px;
    font-weight: bold;
    margin-bottom: 49px;
    text-align: center;
}

.mgs_data_migration_overlay ul li {
    color: #fff;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative;
    font-size: 18px;
}

.mgs_data_migration .mgs_data_migration_overlay ul li:before {
    content: '';
    position: absolute;
    background: url(../img/key-point.png) no-repeat;
    top: 4px;
    left: 0;
    width: 30px;
    height: 18px;
    background-size: 18px;
}

.mgs_data_migration_overlay2 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

.mgs_dm_overlay2_img {
    float: right;
    padding-right: 23px;
}

.mgs_dm_overlay2_img ul li {
    position: absolute;
}

.mgs_dm_overlay2_img ul li.mgs_dm_01 {
    right: 0;
    top: 0;
}

.mgs_dm_overlay2_img ul li.mgs_dm_02 {
    top: 65px;
    right: 170px;
}

.mgs_dm_overlay2_img ul li.mgs_dm_03 {
    top: 241px;
    right: 0;
    left: 0;
}

.mgs_dm_overlay2_img ul li.mgs_dm_04 {
    bottom: 65px;
    right: 165px;
}

.mgs_dm_overlay2_img ul li.mgs_dm_05 {
    right: 0;
    bottom: 6px;
}

.mgs_data_migration_overlay2 .mgs_dm_overlay2_img img.dat_m_res {
    display: none;
}

.mgs_setup_store {
    background-color: #f5f5f5;
    margin: 70px 0;
}

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

.sub_setup_store .store-title {
    position: relative;
    margin-bottom: 51px;
}

/*setup-store*/
.sub_setup_store .store-title:after {
    content: "";
    position: absolute;
    bottom: -12px;
    right: auto;
    left: 0;
    height: 2px;
    background-color: #3795ff;
    width: 172px;
}

.sub_setup_store .store-title h2 {
    text-transform: uppercase;
    color: #cecece;
    font-size: 54px;
    line-height: 77px;
}

.sub_setup_store .store-title span {
    position: absolute;
    left: 77px;
    bottom: -9px;
    font-size: 25px;
    color: #010101;
    line-height: 36px;
}

.sub_setup_store p {
    font-family: "Google Sans", sans-serif;
    font-size: 16px;
    color: #545252;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
}

.sub_setup_store .store_option li {
    font-size: 16px;
    color: #545252;
    letter-spacing: 0.3px;
    margin-bottom: 5px;
}

.sub_setup_store .store_option li img {
    margin-right: 16px;
}

.left_setup_store {
    padding-top: 30px;
    padding-bottom: 30px;
}

.right_setup_store {
    position: relative;
    z-index: 0;
}

.setup_store_img {
    margin-right: 20px;
}

.setup_store_img:after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 14px;
    left: auto;
    width: 90%;
    border: 6px solid #7bce48;
    top: -21px;
    z-index: -1;
}

.mgs_migration_process {
    width: 100%;
    float: left;
    background-color: #fff;
    padding-top: 70px;
}

/*migration process*/
.mgs_process_title {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 40px;
    color: #000;
    line-height: 1;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 50px;
    font-weight: 600;
}

.mgs_slick_process_item {
    display: flex !important;
    cursor: pointer;
}

.mgs_migration_process .container {
    padding: 0;
    position: relative;
}

.mgs_process_desc {
    padding-top: 50px;
}

.mgs_process_desc h4 {
    text-align: left;
    font-size: 22px;
    color: #000;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-bottom: 10px;
    cursor: text;
}

.mgs_process_option li {
    font-size: 16px;
    color: #545252;
    line-height: 1.45;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    cursor: text;
}

.mgs_slick_custom_arrow {
    position: absolute;
    top: 99px;
    left: 19.5rem;
}

.mgs_slick_custom_arrow button {
    background-color: transparent;
    border: medium none;
    outline: 0;
    cursor: pointer;
}

.mgs_slick_custom_arrow button.prev-arrow {
    padding-right: 10px;
}

.mgs_slick_custom_arrow button.next-arrow {
    padding-left: 10px;
}

.mgs_slick_custom_arrow button i {
    font-size: 16px;
}

.mgs_url_redirect {
    padding: 61px 0 75px;
    position: relative;
    background-image: url(../img/mgs_url.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    align-items: center;
    display: flex;
    text-align: center;
}

/* url redirect*/
.mgs_url_redirect:before {
    content: '';
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

.url_redirect_title {
    font-weight: bold;
    font-size: 52px;
    color: #fff;
    margin-bottom: 35px;
    line-height: 1;
    z-index: 0;
    position: relative;
}

.mgs_url_redirect_main p.url_redirect_subtitle {
    font-family: "Google Sans", sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    padding: 0 150px;
    margin-bottom: 66px;
    z-index: 0;
    position: relative;
}

.url_redirect_sp {
    position: relative;
    text-align: left;
    padding: 0 40px 0 60px;
}

.url-sp-dect {
    font-family: "Google Sans", sans-serif;
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    color: #f9f9f9;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}

.url_redirect_sp::after {
    position: absolute;
    left: 30px;
    right: auto;
    top: 3px;
    bottom: 4px;
    width: 5px;
    background-color: #7acf48;
    content: "";
}

.mgs_domain_point {
    position: relative;
    padding: 70px 0;
    align-items: center;
    display: flex;
}

/* domain point */
.mgs_domain_point::before {
    content: "";
    background-image: url(../img/mgs_choose_bg.jpg);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1;
    z-index: -2;
}

.mgs_domain_point_sec {
    width: 100%;
    display: flex;
}

.mgs_domain_point_overlay {
    text-align: center;
}

.mgs_domain_point_overlay h2.mgs_domain_point_head {
    color: #000;
    font-size: 33px;
    font-weight: bold;
    margin-bottom: 36px;
    text-align: left;
    vertical-align: middle;
}

.mgs_domain_point_overlay p.mgs_domain_point_title {
    font-family: "Google Sans", sans-serif;
    color: #2e2b2b;
    font-size: 18px;
    margin-bottom: 30px;
    text-align: left;
}

.mgs_domain_point_overlay p.mgs_domain_point_subtitle {
    font-family: "Google Sans", sans-serif;
    color: #2e2b2b;
    font-size: 18px;
    margin-bottom: 43px;
    text-align: left;
}

.mgs-shopify-mprocess {
    background-color: #3795ff;
    padding: 66px 0 66px;
}

/*shopify migression process*/
.mgs-shopify-mprocess-title {
    width: 100%;
    text-align: center;
    font-size: 52px;
    color: #fff;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 40px;
    font-weight: bold;
}

.mgs-shopify-mprocess-inner {
    text-align: center;
}

.mgs-shopify-mprocess .mgs-shopify-mprocess-wht-bg {
    height: 171px;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
}

.mgs-shopify-mprocess-wht-bg {
    background-color: #fff;
    border-radius: 3px;
    display: table;
    align-items: center;
    justify-content: center;
    min-height: 104px;
}

.mgs-shopify-wht-bg-inner {
    display: table-cell;
    vertical-align: middle;
}

.mgs-shopify-mprocess .mgs-shopify-mprocess-wht-bg img {
    max-height: 100%;
}

.mgs-shopify-mprocess-wht-bg a {
    cursor: default;
}

.mgs-shopify-mprocess-acnr {
    width: 100%;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
    font-weight: 500;
    display: block;
    margin-top: 20px;
}

.mgs-shopify-mprocess-decdiv {
    text-align: left;
    margin-top: 12px;
}

.process_option {
    margin-top: 10px;
}

.process_option li {
    color: #fff;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
    font-size: 16px;
}

.process_option li:before {
    content: '';
    position: absolute;
    background: url(../img/key-point.png) no-repeat;
    top: 2px;
    left: 0;
    width: 30px;
    height: 18px;
    background-size: 18px;
}

.process_option li:last-child {
    margin-bottom: 5px;
}

/* chrome extension page */
/*.p-0{padding:0;}
.chrome_extension_banner {position: relative;background-image: url(../img/chrome-extension-banner.jpg);min-height: 650px;display: -webkit-box;display: flex;align-items: center;background-repeat: no-repeat;background-size: cover;background-position: right;}
.chrome_extension_banner .container {margin: auto;}
.chrome_extension_banner .banner-txt {width: 41%;}
.chrome_extension_banner .banner-txt ul {margin-bottom: 0;}
.chrome_extension_banner .h2heading {font-size: 48px;font-weight: 500;line-height: 1;margin-bottom: 20px;}
.chrome_extension_banner .btn {cursor: pointer;}
.extension_overview{background-color: #f5f5f5;}
.extension_overview .extension_sec_1 {display: flex;align-items: center;}
.sub_img_extension::after {content: "";position: absolute;bottom: -20px;right: -20px;left: auto;width: 90%;border: 6px solid #7bce48;top: -20px;z-index: -1;right: auto;left: -20px;}
.sub_img_extension{z-index: 9;position: relative;}
.sub_dec_extension{padding: 30px 0;}
.sub_dec_extension .ce_ultab1{margin-bottom: 13px;}
.sub_dec_extension .ce_ultab1 li{font-size: 16px;color: #545252;letter-spacing: 0.3px;margin-bottom: 5px;}
.sub_dec_extension .ce_ultab li {font-size: 16px;color: #545252;letter-spacing: 0.3px;margin-bottom: 5px;}
.sub_dec_extension .ce_ultab li img {margin-bottom: 0;margin-right: 15px;margin-top: 2px;}
.extension_howitwork {margin: 63px 0 70px;;}/
.extension_howitwork .extension_sec_1 {display: flex;}
.extension_howitwork .spmain-title{margin: 0 auto 45px;}
.sub_img_howitwork{height: 100%;position: relative;border: 1px solid #cccccc;padding: 30px 20px;border-radius: 4px;text-align: center;}
.howitwork_img{background-image: url(../img/chrome_extension_shape.png);width: 113px;height: 81px;align-items: center;background-repeat: no-repeat;background-size: contain;margin: 0 auto;text-align: center;display: flex;position: absolute;left: 0;right: 0;}
.howitwork_img img{width: 45px;height: 45px;margin-left: 36px;margin-top: 10px;}
.howitwork_img.secnd-child img{margin-left: 30px;}
.sub_img_howitwork span {font-size: 15px;color: #545252;font-weight: 400;}
.sub_img_howitwork h2 {font-size: 18px;color: #000;margin: 100px 0 10px;font-weight: 400;min-height: 42px;align-items: center;display: flex;justify-content: center;}
.extension_tools{width:100%;float:left;background-color: #3795ff;padding: 70px 0}
.extension_tools-title{width: 100%;display: block;text-align: center;font-size: 27px;color: #fff;letter-spacing: 0px;text-transform: capitalize;margin-bottom: 5px;margin: 0 auto 45px;}
.extension_tools-info-text {text-align: center;font-size: 17px;color: #fff;line-height: 22px;letter-spacing: 0.3px;max-width: 540px;margin: 0 auto 45px;}
.ext_tools_slick_process_item{cursor: pointer;}
.ext_tools_slick_process_item .etools_img_inner{display: flex;}
.extension_tools .container{padding: 0;position: relative;}
.etools_desc {padding-top: 60px;}
.etools_desc h4 {text-align: left;font-size: 22px;color: #000;letter-spacing: 0px;text-transform: uppercase;margin-bottom: 10px;}
.etools_desc h4 a {font: inherit;color: inherit;}
.ext_tools_process_option li{font-size: 16px;color: #fff;line-height: 1.45;letter-spacing: 0.3px;margin-bottom: 0;}
.extension_tools .mgs_slick_custom_arrow button i {color: #fff;}
.etools_margin{margin-top: 20px;}
.extension_tools .mgs_slick_custom_arrow {top: 99px;left: 19.2rem;}
.extension_inquire{padding: 70px 0;}
.extension_inquire .c-post-item .c-post-bx{padding: 35px 38px;}
.extension_inquire .c-post-item .c-post-bx .author-name{font-size: 28px; font-weight: 500; line-height: 1.2; margin-bottom: 15px;} 
.extension_inquire .c-post-item .c-post-bx .post-content{font-size: 17px; line-height: 22px; margin-bottom: 17px;font-family: "Google Sans", sans-serif;}
.extension_inquire .c-post-item .c-post-bx .post-content:last-child{margin-bottom: 0;}
.ext_sub_in_filed{padding: 30px;background-color: #f0f0f0; height: 100%; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.extension_inquire .c-post-item{margin-top: 0;}
.ext_sub_in_filed img{margin-bottom: 20px;}
.ext_sub_in_filed p{font-size: 17px;color: #010101; max-width: 320px;letter-spacing: normal; margin-bottom: 25px; width: 100%;}
.ext_sub_in_filed .btn{max-width: 256px; width: 100%;}*/

/* dropship page */
/* dropship top banner */
.p-0 {
    padding: 0;
}

.dropship_service {
    background-color: #ededed;
}

.dropship_service_banner {
    position: relative;
    background-image: url(../img/dropship_banner.png);
    min-height: 650px;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.dropship_service_banner .banner-txt {
    transform: translate(-14%, -50%);
    position: absolute;
    top: 50%;
    left: 17%;
    width: 30%;
}

.dropship_service_banner .banner-txt ul {
    margin-bottom: 18px;
}

.dropship_service_banner .h2heading {
    font-size: 25px;
    line-height: 20px;
    margin-bottom: 15px;
}

.dropship_service_banner .btn {
    cursor: pointer;
}

.dropship_service_banner ul li {
    font-size: 16px;
    color: #545252;
}

/* dropship features */
.dropship_features {
    padding: 40px 0 70px;
}

.dropship_features .dropship_features_right_content_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.dropship_features .dropship_features_right_content_area .title {
    font-size: 25px;
    line-height: 20px;
    margin-bottom: 15px;
}

.dropship_features .dropship_features_right_content_area p {
    margin-bottom: 0px;
    font-family: "Google Sans", sans-serif;
}

.dropship_features_right_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.dropship_features_item {
    background-color: #3795FF;
    padding: 25px;
    border-radius: 10px;
    text-align: left;
}

.dropship_features_item .icon {
    color: #fff;
    margin-bottom: 16px;
}

.dropship_features_item .content .title {
    font-size: 20px;
    line-height: 35px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
}

.dropship_features_item .content p {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0px;
    font-family: "Google Sans", sans-serif;
}

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

/* how they functions */
.dropship_howtheyfuctions {
    background: #fff;
    padding: 70px 0;
}

.dropship_howtheyfuctions .dropship_howtheyfuctions_main {
    display: flex;
    align-items: center;
}

.dropship_howtheyfuctions .spmain-title {
    margin: 0 auto 13px;
}

.dropship_howtheyfuctions_subtitle {
    font-size: 16px;
    color: #545252;
    letter-spacing: 0.3px;
    text-align: center;
    font-family: "Google Sans", sans-serif;
    margin: 0 auto 45px;
}

.dropship_fun_indicator {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.dropship_fun_indicator_num {
    position: relative;
}

.dropship_fun_indicator_num span {
    width: 38px;
    height: 38px;
    background-color: #999999;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    color: #fff;
    position: relative;
    z-index: 1;
}

.dropship_fun_indicator_num:not(:last-child):after {
    content: '';
    border-top: 2px dashed #999999;
    width: 100%;
    height: 2px;
    float: left;
    position: absolute;
    margin: 0 auto;
    top: 19px;
    z-index: 0;
}

.dropship_fun_indicator_num:first-child:before,
.dropship_fun_indicator_num:last-child:before {
    content: '';
    border-left: 2px dashed #999999;
    height: 100%;
    width: 2px;
    float: left;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 38px;
}

.sub_dropship_howtheyfuctions {
    position: relative;
    padding: 40px 30px;
    text-align: center;
    background-color: #f5f5f5;
}

.sub_dropship_howtheyfuctions span {
    font-size: 16px;
    color: #545252;
    font-weight: 400;
    line-height: 20px;
}

.sub_dropship_howtheyfuctions h2 {
    font-size: 18px;
    color: #000;
    margin: 10px 0;
    font-weight: 400;
    min-height: 42px;
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 40px;
}

/* how it work */
.drophow_it_work {
    width: 100%;
    position: relative;
    background: no-repeat center/cover;
    padding-bottom: 56.25%;
    border-radius: 6px;
    cursor: pointer;
}

.drophow_it_work:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    border-radius: 6px;
    transition: opacity 0.6s ease;
}

.dropship_howitwork_inner .drophow_it_work:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    border-radius: 6px;
    transition: opacity 0.6s ease;
}

.dropship_howitwork_inner .drophow_it_work:hover:before {
    opacity: 0.6;
}

.drophow_it_work svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    fill: #fff;
    margin: auto;
    z-index: 1;
    transition: all 0.3s ease;
}

.drophow_it_work:hover svg {
    fill: #3795ff;
}

.dropship_howitwork {
    background-color: #fff;
    padding: 0 0 70px;
}

.dropship_howitwork_main {
    background-color: #3795FF;
    padding: 50px 0;
}

.dropship_howitwork_inner {
    text-align: center;
    position: relative;
    width: 60%;
    margin: 0 auto;
}

.dropship_howitwork_inner img {
    border-radius: 4px;
}

.dropship_howitwork_main h2 {
    color: #ffffff;
    margin-bottom: 30px;
}

.dropship_howitwork_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.dropship_howitwork_icon i {
    color: #3795ff;
    font-size: 35px;
    background: #fff;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    border: 5px solid #3795ff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 6px;
}

#dropshow_it_work {
    width: 604px;
    height: 340px;
    margin: 0 auto;
    border-radius: 8px;
}

.html5-video-player button.ytp-large-play-button.ytp-button {
    border-radius: 50%;
    border: 5px solid #3795ff;
    height: 73px;
    width: 73px;
    background-color: #fff;
    background: #fff;
}

.html5-video-player button.ytp-large-play-button.ytp-button svg {
    background: #fff;
    border-radius: 50%;
}

.ytp-large-play-button ytp-button path:first-child {
    background-color: #fff;
    background: #fff;
    fill: #fff;
}

.ytp-large-play-button ytp-button path:last-child {
    fill: #3795ff;
}


/* what our expertise */
.dropship_expertise {
    background-color: #dbebfe;
    padding: 70px 0;
}

.dropship_expertise_subtitle {
    font-size: 16px;
    color: #545252;
    letter-spacing: 0.3px;
    text-align: center;
    font-family: "Google Sans", sans-serif;
    margin: 0 auto 45px;
}

.dropship_expertise_main {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px;
}

.dropship_expertise_main:last-child {
    margin-bottom: 0px;
}

.dropship_expertise_parts {
    display: flex;
    align-items: center;
    text-align: left;
}

.dropship_expertise_txt h2,
.dropship_expertise_txt p {
    text-align: left;
}

.dropship_expertise_txt p {
    margin-bottom: 0;
}

.dropship_expertise_img {
    text-align: center;
}

/* dropship platfoms */
.dropship_platfoms_section {
    padding: 70px 0;
    background-color: #fff;
}

.dropship_platfoms {
    background-color: #f5f5f5;
}

.dropship_platfoms .dropship_platfoms_main {
    display: flex;
    align-items: center;
}

.sub_img_dropship_platfoms::after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: -20px;
    left: auto;
    width: 90%;
    border: 6px solid #7bce48;
    top: -20px;
    z-index: -1;
    right: auto;
    left: -20px;
}

.sub_img_dropship_platfoms {
    z-index: 9;
    position: relative;
}

.sub_desc_dropship_platfoms {
    padding: 20px 0;
}

.dropship_platfoms_inner {
    padding-left: 36px;
}

.sub_desc_dropship_platfoms .and-title {
    margin-bottom: 43px;
    position: relative;
}

.sub_desc_dropship_platfoms .and-title h2 {
    font-size: 46px;
    color: #cecece;
    line-height: 77px;
    text-transform: uppercase;
}

.sub_desc_dropship_platfoms .and-title span {
    position: absolute;
    left: 77px;
    bottom: -9px;
    font-size: 25px;
    color: #010101;
    line-height: 36px;
}

.sub_desc_dropship_platfoms .and-title::after {
    content: "";
    position: absolute;
    bottom: -12px;
    right: auto;
    left: 0;
    height: 2px;
    background-color: #3795ff;
    width: 172px;
}

.sub_desc_dropship_platfoms .ce_ultab1 {
    margin-bottom: 13px;
}

.sub_desc_dropship_platfoms .ce_ultab1 li {
    font-size: 16px;
    color: #545252;
    letter-spacing: 0.3px;
    margin-bottom: 0;
}

.sub_desc_dropship_platfoms .ce_ultab li {
    font-size: 16px;
    color: #545252;
    line-height: 26px;
    letter-spacing: 0.3px;
    margin-bottom: 0;
}

.sub_desc_dropship_platfoms .ce_ultab li img {
    margin-bottom: 0;
    margin-right: 15px;
    margin-top: 2px;
}

/* why choose us */
.why_choose_us {
    padding: 59px 0 69px;
    position: relative;
    background-image: url(../img/dropship_whychooseusbanner.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.why_choose_us .why_choose_us_service_title {
    width: 100%;
    text-align: center;
    font-size: 52px;
    font-weight: bold;
    color: #fff;
    line-height: 64px;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 30px;
}

p.why_choose_us_main_subtitle {
    font-family: "Google Sans", sans-serif;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    padding: 0 150px;
    margin-bottom: 26px;
    z-index: 0;
    text-align: center;
}

.dec_why_choose_us {
    position: relative;
    text-align: left;
    padding: 0 40px 0 60px;
}

.dec_why_choose_us::after {
    position: absolute;
    left: 30px;
    right: auto;
    top: 3px;
    bottom: 4px;
    width: 5px;
    background-color: #7acf48;
    content: "";
}

.why_choose_us_dect {
    text-align: left;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}

/* dropship_inquire */
.dropship_inquire {
    padding: 70px 0;
    background: #fff;
}

.dropship_inquire .c-post-item .c-post-bx .author-name {
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 15px;
}

.dropship_inquire .c-post-item .c-post-bx .post-content {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 17px;
    font-family: "Google Sans", sans-serif;
}

.rn_apps .c-post-item .c-post-bx .post-content:last-child {
    margin-bottom: 0;
}

.dropship_inquire_sub_in_filed {
    background-color: #f0f0f0;
    height: 100%;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.dropship_inquire .c-post-item {
    margin-top: 0;
}

.dropship_inquire_sub_in_filed img {
    margin-bottom: 20px;
}

.dropship_inquire_sub_in_filed p {
    font-size: 17px;
    color: #010101;
    padding: 0 15px;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 25px;
    width: 100%;
    font-family: "Google Sans", sans-serif;
}

.dropship_inquire_sub_in_filed .btn {
    max-width: 256px;
    width: 100%;
}

/*.dropship_inquire .c-post-item .c-post-bx{padding: 34px 10px 37px 38px;}*/
.dropship_inquire .c-post-item .c-post-bx {
    padding: 48px 10px 48px 38px;
}

.dropship_inquire .c-post-item .c-post-bx .post-content:last-child {
    margin-bottom: 0;
}

/* dropship faq */
.dropship_faq {
    padding: 0px 0 70px;
    background-color: #fff;
}

/* ecommerce india page */
.sed_section_box_first .right-portfolio {
    background-color: #3795ff;
    padding: 74px 65px 76px 67px;
}

.right-portfolio_item_box .right-portfolio_item p {
    font-size: 16px;
    color: #ffffff;
    line-height: 20px;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
}

.right-portfolio_item_box .slick-dots .slick-active button {
    background-color: #0a3b5d;
}

.sed_section_box {
    background-color: #f5f5f5;
    padding: 70px 0;
}

.sed_section_title h2 {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 25px;
    color: #000;
    line-height: 36px;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 7px;
}

.sed_section_sub p {
    text-align: center;
    font-size: 16px;
    color: #545252;
    font-family: "Google Sans", sans-serif;
    line-height: 24px;
    max-width: 1000px;
    margin: 0 auto 45px;
    letter-spacing: 0.5px;
    margin-bottom: 50px;
}

.sed_section_img {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.sed_subsect_custom_arrow {
    position: absolute;
    left: 5px;
    margin: 0;
    top: -30px;
}

.sed_subsect_custom_arrow button.prev-arrow,
.sed_subsect_custom_arrow button.next-arrow {
    background: transparent;
    border: 0;
    padding: 0 10px;
}

.sed_cont_item {
    background-color: #3795ff;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
    color: #fff;
    max-height: 168px;
    height: 168px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.sed_cont_item h4 {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    cursor: default;
}

.sed_cont_item h4:hover {
    color: #0a3b5d;
}

.sed_cont_item_option li {
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.3px;
}

.ei_web_des {
    position: relative;
    padding: 40px 0 30px;
    align-items: center;
    display: flex;
}

/* domain point */
.ei_web_des::before {
    content: "";
    background-image: url(../img/mgs_choose_bg.jpg);
    position: absolute;
    display: block;
    top: -60px;
    left: 0;
    width: 100%;
    height: calc(100% + 60px);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1;
    z-index: -2;
}

.mgs_domain_point_sec {
    width: 100%;
    display: flex;
}

.mgs_domain_point_overlay {
    text-align: center;
}

.ei_web_des_overlay h2.ei_web_des_head {
    text-align: center;
    font-size: 25px;
    color: #000;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 7px;
    line-height: 36px;
    vertical-align: middle;
}

.ei_web_des_overlay p.ei_web_des_sub_head {
    text-align: center;
    font-size: 16px;
    color: #545252;
    font-family: "Google Sans", sans-serif;
    line-height: 24px;
    max-width: 1000px;
    margin: 0 auto 40px;
    letter-spacing: 0.5px;
}

.ei_web_des_overlay p.ei_web_des_title {
    font-family: "Google Sans", sans-serif;
    line-height: 24px;
    margin-bottom: 30px;
    text-align: left;
    font-size: 16px;
    color: #545252;
    letter-spacing: 0.3px;
}

.ei_web_des_overlay p.ei_web_des_subtitle {
    font-family: "Google Sans", sans-serif;
    line-height: 24px;
    margin-bottom: 30px;
    text-align: left;
    font-size: 16px;
    color: #545252;
    letter-spacing: 0.3px;
}

.why_cho_sfy_ecom h3.ben-hd-dec {
    text-align: left;
}

.why_cho_sfy_ecom .sub-tec-infos p {
    text-align: left;
}

.why_cho_sfy_ecom .sub-tec-infos img {
    min-height: 64px;
    max-height: 64px;
}


/* ecommerce shopify india page */
.ecom_main_banner {
    position: relative;
}

.ecom_main_banner_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ecom_main_banner_inner,
.ecom_main_banner_content {
    display: flex;
    align-items: center;
}

.ecom_main_banner_img {
    width: 100%;
    /*height: calc(536px + 80px);*/
}

.ecom-experts-img {
    display: flex;
    align-items: flex-end;
}

.ecom-banner-txt h1 {
    margin-bottom: 23px;
    font-size: 50px;
    color: #fff;
    letter-spacing: 0px;
    font-weight: bold;
}

.ecom-banner-txt span {
    margin-bottom: 30px;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0px;
    font-weight: 300;
    display: block;
}

.ecom_sp_development {
    padding: 90px 0 0;
}

#ecom_sp_deve_content_detail .ecom_sp_devmainheading {
    font-size: 50px;
    line-height: 1;
    color: #3795ff;
    letter-spacing: 0px;
    font-weight: bold;
    margin-bottom: 50px;
}

#ecom_sp_deve_content_detail .accordianmain {
    background-color: #e3f0ff;
    padding: 20px 25px;
    border-radius: 10px;
    margin-bottom: 5px;
}

#ecom_sp_deve_content_detail .accordianheader .ecom_sp_devheading {
    font-size: 20px;
    color: #000;
    line-height: normal;
    letter-spacing: 0px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

#ecom_sp_deve_content_detail .accordianbody .ecom_sp_devbody {
    font-size: 16px;
    color: #000;
    line-height: 1.5;
    letter-spacing: 0px;
    font-weight: normal;
    margin-top: 20px;
}

#ecom_sp_deve_content_detail .accordianheader h2 i {
    font-size: 14px;
    float: right;
    color: #3795ff;
}

.accordianheader.ui-accordion-header-active.ui-state-active .ecom_sp_devheading .fa-plus:before {
    content: "\f068";
}

.ecom_sp_deve_content img {
    margin-bottom: 20px;
}

.ecom_sp_webdesign_services {
    position: relative;
    padding: 80px 0 0;
}

.ecom_sp_webdesign_bg {
    width: 100%;
    position: absolute;
    top: 0;
    height: 450px;
}

#ecom_sp_wd_content_detail .ecom_sp_wdmainheading {
    font-size: 50px;
    line-height: 1;
    color: #ffffff;
    letter-spacing: 0px;
    font-weight: 500;
    margin-bottom: 37px;
}

#ecom_sp_wd_content_detail p {
    color: #ffffff;
    margin-bottom: 0;
}

#ecom_sp_wd_detail {
    height: 100%;
    box-shadow: 0 0 7px -1px rgba(0, 0, 0, .1);
    border-radius: 10px;
}

#ecom_sp_wd_detail_box {
    padding: 40px;
}

h2.ecom_sp_wdheading {
    font-size: 25px;
    font-weight: 500;
    color: #3795ff;
    margin-bottom: 15px;
}

.ecom_sp_wd_content.ecom_sp_wd1,
.ecom_sp_wd_content.ecom_sp_wd2,
.ecom_sp_wd_content.ecom_sp_wd3,
.ecom_sp_wd_content.ecom_sp_wd4,
.ecom_sp_wd_content.ecom_sp_wd5,
.ecom_sp_wd_content.ecom_sp_wd6 {
    margin-bottom: 50px;
}

.ecom_sp_wd_content.ecom_sp_wd2 {
    margin-top: -32px;
}

#ecom_sp_wd_img_box {
    position: relative;
}

#ecom_sp_wd_img_box img {
    border-radius: 10px 10px 0 0;
}

#ecom_sp_wd_img_box i {
    position: absolute;
    bottom: -13.5px;
    left: 30px;
    background-color: #3795ff;
    width: 27px;
    height: 27px;
    color: #fff;
    text-align: center;
    line-height: 27px;
    font-size: 18px;
}

.ecom_sp_webdesign_service_bg {
    width: 100%;
    position: absolute;
    top: 0;
    height: 537px;
}

.ecomm_web_design_box {
    overflow: hidden;
}

.ecomm_web_design {
    background-color: #020d1a;
}

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

.ecomm_web_design_cont_inner img {
    width: 100%;
}

#ecomm_web_design_content {
    padding: 0 50px;
}

.ecomm_web_design_heading {
    color: #fff;
    margin-bottom: 30px;
    font-size: 50px;
    font-weight: 500;
}

#ecomm_web_design_content p {
    color: #fff;
    margin-bottom: 30px;
}

#ecomm_web_design_content p a {
    color: #fff;
}

#ecomm_web_design_content p a:hover {
    color: #3795ff;
}

.whyecom_sp_store {
    padding: 80px 0;
    background-color: #f7fbff;
}

.whyecom_sp_store_heading {
    text-align: center;
    margin-bottom: 80px;
}

.whyecom_sp_store_heading h2 {
    font-size: 27px;
    color: #000;
    font-weight: 500;
    width: 100%;
}

.whyecom_sp_store_heading h2 span {
    color: #7acf48;
}

.whyecom_sp_store_image {
    position: relative;
    height: 100%;
}

.whyecom_sp_store_image img:first-child {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
}

.whyecom_sp_store_image img:last-child {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 5px;
}

.whyecom_sp_store_cont_inner {
    display: flex;
}

.whyecom_spstore_icon_box {
    margin-right: 15px;
}

.whyecom_spstore_continner_box {
    width: 100%;
}

.whyecom_sp_store_cont_inner.whyecom_sp_store_cont1 {
    margin-bottom: 36px;
}

.whyecom_sp_store_cont1 .whyecom_spstore_continner_box {
    border-bottom: 1px solid #7acf48;
    padding-bottom: 36px;
}

.ecom-m-b {
    margin-bottom: 120px;
}

.whyecom_spstore_continner_box h2 {
    font-size: 27px;
    font-weight: 500;
    margin-bottom: 15px;
}

.whyecom_spstore_continner_box p {
    font-size: 16px;
}

.getintouch_row {
    text-align: center;
}

.getintouch {
    width: 100%;
    padding: 90px 0 75px;
    position: relative;
}

.getintouch a {
    /*border-bottom: 5px solid #7acf48;padding: 86px 0 71px;*/
    color: #000;
}

.getintouch::after {
    content: '';
    border-bottom: 5px solid #7acf48;
    width: 120px;
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 0;
}

.getintouch a:hover {
    color: #3795ff;
}

.getintouch a i {
    font-size: 16px;
    margin-left: 10px;
    color: #7acf48;
}

.ecom_sp_wd_content.ecom_sp_wd5,
.ecom_sp_wd_content.ecom_sp_wd6 {
    margin-bottom: 0;
}

/* footer badges start */
.footer_badges {
    position: relative;
    margin-bottom: 40px;
}

.sp_badges_box {
    display: flex;
    height: 100%;
}

.sp_badges {
    text-align: center;
    margin-right: 8px;
}

.sp_badges img {
    width: 130px;
}

.sp_badges.sp_badges1 img {
    width: 118px;
}

.sp_badges.sp_badges2 img {
    width: 133px;
}

.sp_badges.sp_badges3 img {
    width: 140px;
}

.sp_badges:last-child {
    margin-right: 0;
}

/* footer badges over */
/* ecommerce shopify india page over */



/*
 * WordPress plugin Social Media Follow Buttons Bar by Space X-Chimp ( https://www.spacexchimp.com ).
 *
 * @package     Social Media Follow Buttons Bar
 * @author      Arthur Gareginyan
 * @link        https://www.spacexchimp.com
 * @copyright   Copyright (c) 2016-2019 Space X-Chimp. All Rights Reserved.
 */

/* All buttons */
.sxc-follow-buttons {
    margin: 0 !important;
    /* Reset */
    padding: 0 !important;
    /* Reset */
    background-image: none !important;
    /* Reset */
    border: none !important;
    /* Reset */
    border-bottom: 0 !important;
    /* Reset */
}

/* Each button */
.sxc-follow-buttons .sxc-follow-button {
    display: inline-block !important;
    /* Reset */
    margin: 0 !important;
    /* Reset */
    padding: 0 !important;
    /* Reset */
    background-image: none !important;
    /* Reset */
    border: none !important;
    /* Reset */
    border-bottom: 0 !important;
    /* Reset */
    list-style-type: none !important;
    /* Reset */
    -webkit-user-select: none;
    /* Reset */
    -moz-user-select: none;
    width: 10%;
    /* Reset */
}

.sxc-follow-buttons .sxc-follow-button::before {
    content: "" !important;
    /* Reset */
    content: none !important;
    /* Reset */
}

.sxc-follow-buttons .sxc-follow-button::after {
    content: "" !important;
    /* Reset */
    content: none !important;
    /* Reset */
}

.sxc-follow-buttons .sxc-follow-button a {
    display: block !important;
    /* Reset */
    border: none !important;
    /* Reset */
    border-bottom: 0 !important;
    /* Reset */
    box-shadow: none !important;
    /* Reset */
}

.sxc-follow-buttons .sxc-follow-button a img {
    margin: 0 !important;
    /* Reset */
    padding: 0 !important;
    /* Reset */
    vertical-align: top;
}

.comment-form-flex #mc-input {
    width: auto;
}

/* PWA App */
.pwa-page .banner-i-txt {
    margin-bottom: 0;
    padding: 30px 0 80px;
}

.app-btn-tag {
    margin: 0 -5px;
}

.app-btn-tag .sp-developers {
    margin-right: 5px;
    margin-left: 5px;
}

.about-pwa {
    position: relative;
    margin-top: -80px;
    margin-bottom: 30px;
}

.bg-upr-div {
    background-color: #fff;
    padding: 50px;
    border-radius: 10px 10px 0 0;
}

.pwa-title {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
}

.bg-upr-div p {
    color: #000;
    text-align: center;
    margin: 20px auto 0;
    max-width: 900px;
}

.about-pwa-app {
    margin-bottom: 60px;
}

.pwa-right-img {
    width: 50%;
    padding: 0 15px;
    text-align: center;
}

.pwa-right-img img {
    max-width: 450px;
}

.pwa-left-dec {
    width: 50%;
    padding: 0 15px;
    margin-top: 50px;
}

.pwa-left-dec .whyecom_sp_store_heading {
    text-align: left;
    margin-bottom: 30px;
}

.pwa-left-dec p {
    color: #000;
    margin-bottom: 50px;
}

.pwa-left-dec p b {
    font-weight: 500;
}

.pwa-left-dec ul li {
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    margin: 10px 0px;
}

.pwa-left-dec ul li svg {
    flex-shrink: 0;
    height: 14px;
    width: 14px;
    margin-right: 20px;
}

.pwa-app-features {
    background-color: #f7f7f7;
    padding: 80px 0 60px;
    margin-bottom: 80px;
}

.pwa-app-features .whyecom_sp_store_heading h2 {
    margin-bottom: 15px;
}

.pwa-app-features .whyecom_sp_store_heading p {
    max-width: 600px;
    margin: 0 auto;
}

.pwa-app-features .whyecom_sp_store_heading {
    margin-bottom: 40px;
}

.pwa-app-features .container {
    max-width: 1400px;
}

.pwa-app-features .container>.row {
    align-items: center;
}

.left-features-img img {
    max-width: 500px;
    width: 100%;
}

.pwa-features-dec {
    margin-bottom: 40px;
}

.pwa-features-dec h3 {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 20px;
}

.pwa-features-dec h3 span {
    color: #7acf48;
}

.process-faq {
    position: relative;
    padding: 0 0 100px;
}

.process-faq .container {
    position: relative;
    z-index: 1;
}

.left-leaf-review {
    position: absolute;
    left: 0;
    top: -240px;
}

.faq-grid {
    box-shadow: 0 0 10px 5px rgba(183, 183, 183, 0.4);
    background-color: #fff;
    margin: 0 0 34px;
}

.faq-grid h2 {
    padding: 20px 50px 20px 33px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center
}

.faq-grid img {
    margin-right: 20px;
    max-width: 27px;
}

.stroke-icon {
    fill: none;
    stroke: currentColor;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    margin: -3px 0 0;
}

.faq-toggle-div {
    padding: 0 50px 15px 33px;
}

.faq-toggle-div p {
    letter-spacing: 0;
}

.faq-toggle-div {
    display: none;
}

.faq-icon {
    margin: 0;
    min-width: 34px;
}

.faq-grid h2.active .svg-v-line {
    opacity: 0;
}

.right-leaf-review {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.pwa-faq .store-h2 {
    font-size: 27px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 50px;
}

.pwa-faq .faq-grid {
    margin-bottom: 20px;
}

.pwa-faq .faq-grid h2 {
    padding: 15px 40px 15px 25px;
    font-size: 20px;
}

.pwa-faq .faq-grid img {
    margin-right: 15px;
    max-width: 22px;
}

.pwa-faq .faq-toggle-div p:last-child {
    margin-bottom: 0;
}

.pwa-faq .faq-toggle-div {
    padding: 0 40px 15px 25px;
}

.pwa-faq .faq-toggle-div p:first-child {
    margin-top: 10px;
}

.pwa-clines-say {
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
}

.pwa-clines-say .whyecom_sp_store_heading {
    margin-bottom: 50px;
}

.test-slide-bg {
    background-color: #0066ff;
    text-align: center;
    padding: 50px 50px 0;
    max-width: 900px;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 40px;
}

.test-name-slider {
    max-width: 900px;
    margin: 60px auto 0;
    text-align: center;
}

.test-slide-bg p {
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 500;
}

.pwa-cus-icon {
    margin-top: 30px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.pwa-cus-icon img {
    border-radius: 100%;
    border: 5.5px solid #fff;
    margin: 0 auto -40px;
    display: block;
    height: 80px;
    width: 80px;
}

.test-name-slider h3 {
    color: #0066ff;
    font-weight: 500;
    font-size: 18px;
}

.pwa-clines-say .slick-initialized .slick-slide {
    height: auto;
}

.pwa-clines-say .slick-slider .slick-dots {
    position: static;
    margin-top: 30px;
}

.pwa-clines-say .slick-dots li button {
    background-color: #e0e0e0;
    height: 15px;
    width: 15px;
}

.pwa-clines-say .slick-dots li.slick-active button {
    background-color: #0066ff;
}

.bg-btm-btn {
    max-width: 750px;
    text-align: center;
    margin: 0 auto 80px;
    background: #ffe5ef;
    padding: 50px;
    border-radius: 10px;
}

.bg-btm-btn h2 {
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 28px;
    color: #03232f;
}

.ins-app-info {
    position: relative;
}

.gif-upr-img {
    position: relative;
    display: inline-block;
}

.gif-v-img {
    position: absolute;
    top: 4%;
    left: 3%;
    border-radius: 15px;
}

.gif-v-img img {
    border-radius: 25px;
    width: 90%;
}

/* Global SMS */
.g-sms-app .banner-i-txt {
    padding: 0;
    margin-bottom: 80px;
}

.g-sms-app .banner-i-txt .row {
    align-items: center;
}

.ban-img-right {
    text-align: center;
    margin-bottom: -100px;
}

.sub-bnr-img img {
    max-width: 380px;
}

.how-work-app {
    margin: 0 0 80px;
    padding-bottom: 30px;
}

.g-sms-app-title.whyecom_sp_store_heading {
    margin-bottom: 40px;
}

.g-sms-app-title.whyecom_sp_store_heading h2 {
    margin-bottom: 15px;
}

.g-sms-app-title.whyecom_sp_store_heading p {
    max-width: 610px;
    margin: 0 auto;
}

.shb-work-process-one-card {
    position: relative;
    text-align: center;
}

.bg-port-app {
    background: linear-gradient(0deg, rgba(15, 105, 215, 1) 0%, rgba(34, 220, 253, 1) 130%);
    padding: 40px 20px;
    border-radius: 15px;
}

.col-md-4.work-port-app {
    display: flex;
    flex-wrap: wrap;
}

.col-md-4.work-port-app:first-child .g-icon-div svg {
    margin-right: 4px;
}

h3.shb-work-process-one-title {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 15px;
}

p.shb-work-process-one-text {
    color: #fff;
    margin-bottom: 0;
    opacity: 0.9;
    padding: 0 20px;
}

.g-icon-div svg {
    height: 40px;
    width: 40px;
    fill: #fff;
}

.g-icon-div {
    text-align: center;
    position: relative;
    background: url(../img/upgrade_bg.png) no-repeat center center;
    width: 83px;
    height: 83px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shb-work-process-ring {
    position: absolute;
    right: -30px;
    top: auto;
    bottom: -35px;
    max-width: 100px;
    z-index: -1;
}

.bg-features-row {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 16px -8px rgba(0, 0, 0, .3);
    padding: 20px 10px;
}

.bg-features-row .core_features {
    box-shadow: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    padding: 20px 10px;
}

.core_img {
    width: 50px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    margin-top: 10px;
}

.core_img svg {
    height: 100%;
    width: 100%;
    fill: #0066ff;
}

.core_text {
    text-align: left;
    margin-left: 20px;
}

.core_text h5 {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
}

.core-features {
    margin-bottom: 80px;
    position: relative;
    padding: 0 15px 20px;
}

.core-features::after {
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    top: auto;
    height: 300px;
    background: linear-gradient(30deg, rgba(15, 105, 215, 1) 0%, rgba(34, 220, 253, 1) 130%);
    background-size: contain;
    z-index: -1;
}

.core-features .shb-work-process-ring {
    left: -30px;
    right: auto;
}

.core-features .container {
    position: relative;
    z-index: 1;
}

.core_text p:last-child {
    margin-bottom: 0;
}

.g-sms-app .pwa-clines-say {
    margin-bottom: 80px;
}

.g-sms-app .test-slide-bg {
    background-color: rgb(85, 46, 165, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 50px;
    max-width: 700px;
    margin: 0 auto;
    border-radius: 15px;
    margin-bottom: 30px;
}

.g-sms-app .test-name-slider {
    max-width: 900px;
    margin: 60px auto 0;
    text-align: center;
}

.g-sms-app .test-slide-bg p {
    color: rgba(0, 0, 0, .8);
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: normal;
}

.g-sms-app .pwa-cus-icon {
    margin-top: 0;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.g-sms-app .pwa-cus-icon img {
    border-radius: 100%;
    border: 2px solid #d6c4c4;
    padding: 2px;
    margin: 0 auto;
    display: block;
    height: 80px;
    width: 80px;
}

.g-sms-app .test-slide-bg h3 {
    font-size: 20px;
}

.g-sms-app .pwa-clines-say .slick-initialized .slick-slide {
    height: auto;
}

.g-sms-app .pwa-clines-say .slick-slider .slick-dots {
    position: static;
    margin-top: 30px;
}

.g-sms-app .pwa-clines-say .slick-dots li button {
    background-color: #e0e0e0;
    height: 15px;
    width: 15px;
}

.g-sms-app .pwa-clines-say .slick-dots li.slick-active button {
    background-color: #0066ff;
}

.g-sms-app .qoute-icon {
    height: 45px;
    width: 45px;
    margin: 0 auto 25px;
}

.faq-home-section {
    margin-bottom: 80px;
    padding: 80px 0;
    position: relative;
}

.faq-home-section::before {
    position: absolute;
    left: 0;
    width: 65%;
    right: auto;
    background: #f1f4f9;
    top: 0;
    bottom: 0;
    height: 100%;
    border-radius: 0 15px 15px 0;
    content: "";
}

.faq-home-section .g-sms-app-title {
    text-align: left;
    position: relative;
}

.faq-home-section .g-sms-app-title p {
    margin-left: 0;
}

.faq-main-img {
    margin: -50px auto 0;
    max-width: 400px;
    display: block;
}

.faq-s-page {
    box-shadow: 0 0 10px 5px rgba(183, 183, 183, 0.4);
    background-color: #fff;
    margin: 0 0 20px;
    border-radius: 10px;
}

.ins-app-global .bg-btm-btn {
    max-width: 950px;
    text-align: center;
    margin: 0 auto 80px;
    background: #ffe5ef;
    padding: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.ins-app-global .bg-btm-btn h2 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 28px;
    color: #03232f;
    text-align: left;
    padding-right: 10px;
}

.ins-app-global .btn {
    flex-shrink: 0;
}

.sc-slidr-div {
    position: relative;
}

.padd-set-scs img {
    border-radius: 15px;
}

.slide-i-scs.slick-initialized .slick-slide {
    height: auto;
}

.slide-i-scs.slick-slider .slick-dots {
    position: static;
    margin-top: 40px;
}

.slide-i-scs .slick-dots li button {
    background-color: #e0e0e0;
    height: 15px;
    width: 15px;
}

.slide-i-scs .slick-dots li.slick-active button {
    background-color: #0066ff;
}


/* react nativre apps */

/* rn app top banner */
.rn_apps {
    background-color: #f0f0f0;
}

.rn_apps_banner {
    position: relative;
    background-image: url(../img/rn_apps_banner.png);
    min-height: 831px;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.rn_apps_pos {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    transform: translateY(-40%);
}

.rn_apps-image {
    position: relative;
}

.rn_apps-image img {
    position: absolute;
    top: 48%;
    transform: translateY(-48%);
}

.rn_apps-image img:first-child {
    z-index: 9;
    margin-top: 61px;
    animation-name: mock-animation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: mock-animation;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.rn_apps-image img:last-child {
    right: 37px;
    animation-name: mock-animation2;
    animation-duration: 2.1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: mock-animation2;
    -webkit-animation-duration: 2.1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

/*.rn_apps_banner .rn_apps-txt {transform: translate(-14%, -50%);position: absolute;top: 50%;left: 17%;width: 30%;}*/
.rn_apps_banner .rn_apps-txt ul {
    margin-bottom: 18px;
    color: #fff;
}

.rn_apps_banner .rn_apps-txt ul li {
    color: #fff;
    position: relative;
    font-size: 16px;
}

.rn_apps_banner .rn_apps_heading {
    margin-bottom: 16px;
    font-size: 48px;
    line-height: 60px;
    color: #fff;
}

.rn_apps_banner .btn {
    cursor: pointer;
}

@-webkit-keyframes mock-animation {
    0% {
        -webkit-transform: translateY(-48%);
        transform: translateY(-48%);
    }

    50% {
        -webkit-transform: translateY(-44%);
        transform: translateY(-44%);
    }

    100% {
        -webkit-transform: translateY(-48%);
        transform: translateY(-48%);
    }
}

@keyframes mock-animation1 {
    0% {
        -webkit-transform: translateY(-48%);
        transform: translateY(-48%);
    }

    50% {
        -webkit-transform: translateY(-44%);
        transform: translateY(-44%);
    }

    100% {
        -webkit-transform: translateY(-48%);
        transform: translateY(-48%);
    }
}

@keyframes mock-animation2 {
    0% {
        -webkit-transform: translateY(-48%);
        transform: translateY(-48%);
    }

    50% {
        -webkit-transform: translateY(-46%);
        transform: translateY(-46%);
    }

    100% {
        -webkit-transform: translateY(-48%);
        transform: translateY(-48%);
    }
}

/*rn apps service*/
.rn_apps_services {
    padding: 70px 0;
}

.rn_apps_services_inner {
    align-items: center;
}

.rn_service_txt_main {
    margin-bottom: 37px;
    position: relative;
}

.rn_service_txt h2 {
    font-size: 54px;
    color: #cecece;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #cecece;
    line-height: 77px;
}

.rn_service_txt span {
    position: absolute;
    left: 45px;
    bottom: -12px;
    font-size: 25px;
    color: #010101;
    line-height: 36px;
}

.rn_service_txt h2::after {
    content: "";
    position: absolute;
    bottom: -12px;
    right: auto;
    left: 0;
    height: 2px;
    background-color: #3795ff;
    width: 172px;
}

.rn_service_txt_p p {
    margin-bottom: 30px;
}

.txt_img {
    position: relative;
    margin: 15px 15px 64px;
}

.txt_img::after {
    content: '';
    position: absolute;
    background-color: #fcfdaf;
    width: 78px;
    height: 78px;
    transform: rotate(45deg);
    border-radius: 10px;
    left: 0;
    z-index: 0;
    box-shadow: 2px -1px 6px #cccccc;
}

.txt_img.one::after {
    background-color: #b8d8fd;
}

.txt_img.two::after {
    background-color: #fdb8cf;
}

.txt_img.three::after {
    background-color: #b8fdbb;
}

.txt_img img {
    z-index: 1;
    position: relative;
    width: 60px;
    margin-left: 33px;
}

.service_txt_1,
.service_txt_2,
.service_txt_3,
.service_txt_4 {
    background-color: #fff;
    padding: 30px 30px;
}

.service_txt:nth-child(even) {
    margin-top: 38px;
}

.service_txt h2 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
}

.service_txt p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

/* rn apps flow */
.rn_apps_flow {
    background-color: #fff;
    padding: 70px 0;
    position: relative;
    z-index: 0;
}

.rn_apps_flow::before {
    content: '';
    background-repeat: no-repeat;
    background-image: url(../img/rn_flow_bg.png);
    width: 100%;
    float: left;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: top center;
}

.flow_txt {
    align-items: center;
}

.flow_txt h2 {
    font-size: 20px;
    margin-bottom: 13px;
}

.flow_txt p {
    font-size: 16px;
}

.bottom_arrow {
    background-repeat: no-repeat;
    background-image: url(../img/rn_arrow.png);
    width: 100%;
    height: 90px;
    background-position: 50% 40%;
    margin: 0 auto;
}

.bottom_arrow2 {
    background-repeat: no-repeat;
    background-image: url(../img/rn_arrow2.png);
    width: 100%;
    height: 90px;
    background-position: 50% 40%;
    margin: 0 auto;
}

.bottom_arrow_preview {
    background-repeat: no-repeat;
    background-image: url(../img/rn_arrow_preview.png);
    width: 100%;
    height: 90px;
    background-position: 50% 40%;
    margin: 0 auto;
}

/* rn app paltform */
.rn_platform {
    background-color: #f0f0f0;
    padding: 70px 0;
}

.rn_platform_inner {
    align-items: center;
}

.rn_platform_txt_main {
    margin-bottom: 37px;
    position: relative;
}

.rn_platform_txt h2 {
    font-size: 25px;
    color: #000000;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #cecece;
    line-height: 36px;
}

.rn_platform_txt span {
    position: absolute;
    left: 45px;
    bottom: -12px;
    font-size: 25px;
    color: #010101;
    line-height: 36px;
}

.rn_platform_txt h2::after {
    content: "";
    position: absolute;
    bottom: -12px;
    right: auto;
    left: 0;
    height: 2px;
    background-color: #3795ff;
    width: 172px;
}

.rn_platform_txt_p p {
    margin-bottom: 30px;
}

.rn_platform_txt_1,
.rn_platform_txt_2,
.rn_platform_txt_3,
.rn_platform_txt_4 {
    background-color: #fff;
    padding: 30px;
}

.platform_txt:nth-child(even) {
    margin-top: 38px;
}

.platform_txt h2 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
}

.platform_txt p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.txt_img {
    position: relative;
    margin: 15px 15px 64px;
}

.txt_img::after {
    content: '';
    position: absolute;
    background-color: #fcfdaf;
    width: 78px;
    height: 78px;
    transform: rotate(45deg);
    border-radius: 10px;
    left: 0;
    z-index: 0;
    box-shadow: 2px -1px 6px #cccccc;
}

.txt_img.one::after {
    background-color: #b8d8fd;
}

.txt_img.two::after {
    background-color: #fdb8cf;
}

.txt_img.three::after {
    background-color: #b8fdbb;
}

.txt_img img {
    z-index: 1;
    position: relative;
    width: 60px;
    margin-left: 33px;
}

.flow_img img {
    border: 1px solid #f2f2f2;
}

/* rn app why ? */

/*.why-foody{padding: 86px 0 99px;position: relative;background-image: url(../img/rn_apps_download_our_app.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}*/
.why-foody {
    padding: 86px 0 99px;
    position: relative;
    background: #ffffff url(../img/rn_apps_download_our_app.png) no-repeat fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    scroll-behavior: smooth;
}

.foody-service-title {
    width: 100%;
    text-align: center;
    font-size: 52px;
    color: #fff;
    line-height: 64px;
    letter-spacing: 0px;
    margin-bottom: 0;
    text-transform: capitalize;
    margin-bottom: 8px;
    font-weight: bold;
}

.why-foody .foody-service-title {
    margin-bottom: 66px;
}

.dec-why-foody {
    position: relative;
    text-align: left;
    padding: 0 40px 0 60px;
}

.dec-why-foody::after {
    position: absolute;
    left: 30px;
    right: auto;
    top: 3px;
    bottom: 4px;
    width: 5px;
    background-color: #7acf48;
    content: "";
}

.why-foody-dect {
    text-align: left;
    font-size: 17px;
    color: #f9f9f9;
    font-family: 'Roboto', sans-serif;
    line-height: normal;
    letter-spacing: 0.2px;
    margin-bottom: 0;
}

/* rn app video */
.rn_apps_foody_video {
    padding: 70px 0;
    background-color: #dbebfe;
}

.flow_txt2 {
    margin: 0;
}

.foody_main_block {
    background-color: #fff;
    padding: 0;
    border-radius: 25px;
    border: 15px solid #3795ff;
}

.foody_main_block img {
    border-radius: 10px;
    width: 100%;
    max-height: 498px;
}

.foody_inner_block {
    background-color: #cecece;
    border-radius: 25px;
    display: flex;
    width: 100%;
    align-items: center;
    margin-left: 15px;
    padding: 15px;
    height: 100%;
}

.foodyv_second_block {
    padding-left: 0;
}

.rn_apps_img_overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 5px solid #3795ff;
    border-radius: 50%;
    width: 68px;
    height: 68px;
    text-align: center;
    cursor: pointer;
}

.rn_apps_img_overlay i {
    line-height: 60px;
    color: #3795ff;
    font-size: 24px;
    margin-left: 5px;
}

.foody_inner_block2 h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

.foody_inner_block2 p {
    font-size: 16px;
    margin: 0;
}

/* rn app inquire */
.rn_apps_inquire {
    padding: 70px 0;
    background: #fff;
}

.rn_apps_inquire .c-post-item .c-post-bx .author-name {
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 15px;
}

.rn_apps_inquire .c-post-item .c-post-bx .post-content {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 17px;
    font-family: 'Poppins', sans-serif;
}

.rn_apps .c-post-item .c-post-bx .post-content:last-child {
    margin-bottom: 0;
}

.rn_apps_sub_in_filed {
    background-color: #f0f0f0;
    height: 100%;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.rn_apps_inquire .c-post-item {
    margin-top: 0;
}

.rn_apps_sub_in_filed img {
    margin-bottom: 20px;
}

.rn_apps_sub_in_filed p {
    font-size: 18px;
    max-width: 75%;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 25px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}

.rn_apps_sub_in_filed .btn {
    max-width: 256px;
    width: 100%;
}

.rn_apps_inquire .c-post-item .c-post-bx {
    padding: 34px 10px 37px 38px;
}

.featured-i-video {
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

.featured-i-video:before {
    content: '';
    position: absolute;
    top: 0;
    left: 40%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #f5f6f7;
    z-index: -1;
}

.featured-i-video .feat-video {
    width: 100%;
    float: left;
}

.featured-i-video .video-image {
    width: 100%;
    float: left;
    position: relative;
    background: no-repeat center/cover;
    padding-bottom: 56.25%;
    border-radius: 6px;
    cursor: pointer;
}

.featured-i-video .video-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    border-radius: 6px;
    transition: opacity 0.6s ease;
}

.featured-i-video.feat-i-right:before {
    left: auto;
    right: 40%;
}

.featured-i-video .video-image:hover:before {
    opacity: 0.7;
}

.featured-i-video .video-image svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    fill: #fff;
    margin: auto;
    z-index: 1;
    transition: all 0.3s ease;
}

.featured-i-video .video-image:hover svg {
    fill: #3795ff;
}

.popup-i-frame {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 40px;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    transition: all 0.3s ease;
    z-index: 9999;
}

.popup-opned {
    overflow: hidden;
}

.popup-opned .popup-i-frame {
    opacity: 1;
    visibility: visible;
}

.popup-opned .iframe-overmask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.popup-i-frame .iframe-i-bx {
    max-width: 900px;
    width: 100%;
    display: block;
    margin: auto;
    position: relative;
    z-index: 2;
}

.popup-i-frame .iframe-i-bx:before {
    content: '';
    display: block;
    padding-bottom: 56.25%;
}

.popup-i-frame .iframe-i-bx iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.popup-i-frame .close-popup {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 40px;
    height: 40px;
    padding: 11px;
}

.popup-i-frame .close-popup svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* start-react-native-&-react-js--17-12-20 */
.react-sec-one {
    background: #f3f4f6;
    padding: 100px 0;
}

.row.align-center {
    align-items: center;
}

.native-icon img {
    max-width: 50px;
    margin-bottom: 15px;
}

.left-native-info h2,
.left-native-info .main_tag_add {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 20px;
}

.left-native-info p {
    font-size: 18px;
    margin-bottom: 30px;
}

.service-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.react-sec-two {
    padding: 80px 0;
    position: relative;
}

.sec-two-title h3 {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-weight: 500;
}

.sec-two-title p {
    text-align: center;
    max-width: 880px;
    margin: 0 auto 45px;
}

.sec-two-title h3 span {
    position: relative;
    text-align: center;
    display: inline-block;
}

.sec-two-title h3 span::after {
    content: "";
    position: absolute;
    top: 100%;
    width: 90%;
    height: 2px;
    background: #3895FD;
    left: 0;
    right: 0;
    margin: 5px auto 0;
    z-index: -1;
    border-radius: 5px;
    text-align: center;
}

.service-list .col-md-3 {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
}

.service-box {
    width: 100%;
    position: relative;
    padding: 36px 20px 36px 20px;
    background: #fff;
    box-shadow: 0px 8px 62px 0 rgba(13, 52, 79, .07);
    border-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: opacity 0.2s ease-in, bottom 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in, bottom 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, bottom 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in, bottom 0.2s ease-in;
    transition: opacity 0.2s ease-in, bottom 0.2s ease-in;
    bottom: 0;
}

.service-box a {
    position: relative;
    z-index: 1;
    display: block;
}

.service-box figure {
    margin: 22px 0 30px;
}

.service-box p,
.service-box li {
    font-size: 14px;
    letter-spacing: normal;
    margin: 0;
    line-height: 24px;
    position: relative;
    padding-top: 17px;
}

.service-box p:last-child,
.service-box li:last-child {
    padding-top: 10px;
}

.service-box p:last-child::before,
.service-box li:last-child::before {
    content: initial;
}

.service-box p:before,
.service-box li:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 2px;
    content: "";
    background: #3795ff;
}

.service-box h3 {
    font-size: 20px;
    line-height: 1.36em;
    font-weight: 500;
}

.when-click-more:not(.open) .when-click-show {
    display: none;
}

.react-box-two.service-list .col-md-3 {
    display: block;
}

.read-more-data {
    margin: 5px 0 0;
}

.read-more-data .read-more-li {
    position: relative;
    color: #3795ff;
    font-size: 15px;
    display: inline-block;
    padding-right: 20px;
}

.read-more-data .read-more-li::after,
.read-more-data .read-more-li::before {
    content: '';
    position: absolute;
    top: 0px;
    left: auto;
    right: 8px;
    bottom: 0;
    width: 9px;
    height: 2px;
    background: #3795ff;
    margin: auto;
}

.read-more-data .read-more-li::after {
    width: 2px;
    height: 9px;
    right: 12px;
}

.read-more-data .read-more-li.active::after {
    content: initial;
}

.service-list .col-md-3:first-child,
.service-list .col-md-3:nth-child(3) {
    top: -20px;
}

.service-box figure img {
    max-width: 90px;
}

.service-list .col-md-3:hover .service-box {
    bottom: -10px;
}

.static-icon.icons1 {
    position: absolute;
    right: -30px;
    bottom: -30px;
    z-index: -1;
}

.static-icon.icons1 img {
    max-width: 280px;
}

.static-icon-left {
    position: absolute;
    left: 0;
    bottom: 70px;
    z-index: -1;
}

.react-sec-three {
    padding: 60px 0;
    position: relative;
}

.react-sec-three::after {
    /*background-image: url(../img/section-bg.jpg);*/
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.react-sec-three::before {
    width: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
}

.react-sec-three .sec-two-title h3 {
    color: #fff;
}

.react-sec-three .sec-two-title p {
    color: #fff;
}

.left-img-title {
    max-width: 480px;
    text-align: center;
    margin: 0 auto;
}

.left-img-title img {
    margin: 0 auto;
}

.react-sec-three .sec-two-title h3 span::after {
    content: initial;
}

.planing-sec li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

.img-icon-top {
    flex-shrink: 0;
    background: #fff;
    height: 65px;
    width: 65px;
    padding: 13px;
    border-radius: 100px;
    position: relative;
    margin-right: 25px;
    transition: all 300ms ease-in-out;
}

.img-icon-top::after {
    content: "";
    position: absolute;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    border: 5px solid rgb(255, 255, 255, 0.5);
    left: -5px;
    top: -5px;
    border-radius: 100px;
    transition: all 300ms ease-in-out;
}

.planing-sec {
    margin: 20px 0 0 -48px;
    max-width: 600px;
}

@media only screen and (max-width: 1600px) {
    .react-sec-three .container {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1601px) {
    .react-sec-three .container {
        max-width: 1600px;
    }
}

.react-sec-three .sec-two-title {
    max-width: 1200px;
    margin: 0 auto;
}

.right-planing-div h3 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 8px;
}

.right-planing-div p {
    color: #fff;
    font-size: 15px;
}

.planing-sec li:hover .img-icon-top {
    background: #fdb8cf;
}

.planing-sec li:hover .img-icon-top::after {
    border: 5px solid rgb(253, 184, 207, 0.5);
}

@media screen and (min-width: 1200px) {
    .react-sec-four .we-use-symbole .container {
        max-width: 1200px;
    }
}

.react-sec-four .we-use-symbole .sec-two-title {
    padding-bottom: 0;
}

.client_wrap {
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(57, 73, 99, .15);
    padding: 30px 20px;
    position: relative;
}

.bottom-icon-static {
    position: absolute;
    bottom: -35px;
    left: 10px;
    z-index: -1;
}

.we-use-symbole {
    padding-top: 80px;
    margin-bottom: -60px;
    position: relative;
    display: inline-block;
    width: 100%;
}

.if-corousel-slider .use-grid {
    width: 25%;
    padding: 0 10px;
    text-align: center;
}

.if-corousel-slider {
    display: flex;
    flex-wrap: wrap;
}

.if-corousel-slider .slick-list {
    margin: 0 -10px;
}

.if-corousel-slider .item img {
    height: 50px;
    object-fit: scale-down;
    object-position: center;
    border: 1px solid #ccc;
    border-radius: 100px;
    width: 50px;
    padding: 7px;
    margin: 0 auto 10px;
}

.if-corousel-slider .use-grid .item p {
    margin-bottom: 0;
    line-height: normal;
}

@media screen and (min-width: 1200px) {
    .react-sec-four .container {
        max-width: 1400px;
    }
}

.react-sec-four .container {
    z-index: 1;
    position: relative;
}

.react-sec-four {
    padding: 80px 0 0;
    position: relative;
    background: #F6F8FF;
    margin-bottom: 120px;
}

.react-sec-four .sec-two-title h3 span::after {
    z-index: inherit;
}

.react-sec-four .sec-two-title {
    padding-bottom: 20px;
}

.work-port-right {
    display: flex;
    align-items: center;
}

.work-details-right span {
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 5px;
}

.work-details-right h2 {
    font-weight: 500;
    margin-bottom: 15px;
}

.work-details-right .native-icon img {
    max-width: 40px;
}

.work-details-right p {
    font-size: 15px;
    margin-bottom: 25px;
}

.technology-tag {
    margin: 20px 0;
}

.technology-tag ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.technology-tag ul li {
    margin-right: 15px;
    margin-bottom: 15px;
}

.technology-tag ul li a {
    display: block;
    border: solid 1px #e8e8e8;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    border-radius: 4px;
    font-size: 14px;
    transition: all 200ms ease-in-out;
}

.technology-tag ul li a:hover {
    border: solid 1px #3795ff;
    color: #3795ff !important;
}

.work-details-left img {
    margin: 0 auto;
    display: block;
}

.work-details-right {
    max-width: 540px;
}

.react-sec-four .container .row.work-row:nth-child(even) .work-details-right {
    margin-left: auto;
}

.react-sec-four .container .row.work-row:nth-child(even) .work-port-left {
    order: 1;
}

.react-sec-four .container .row.work-row {
    margin-bottom: 80px;
}

.react-sec-four .static-icon-left {
    position: absolute;
    right: 0;
    top: 50vw;
    z-index: inherit;
    left: auto;
    bottom: auto;
}

.who-use-app {
    padding: 80px 0 40px;
    position: relative;
}

.who-use-app .container {
    position: relative;
    z-index: 1;
}

.who-use-app .overview-shape-three {
    left: 20px;
    right: auto;
}

.industry_list {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.who-use-app .industry_list {
    margin-top: -20px;
}

.industry_list li {
    float: left;
    width: 16.66%;
    padding: 20px 15px 30px;
    list-style: none;
    display: flex !important;
    flex-wrap: wrap;
    height: auto;
}

.industry_list .slick-track {
    display: flex;
}

.industry_list li a {
    transform: translate3d(0px, 0px, 0px);
    color: #666;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7.68px 0.32px rgba(155, 147, 147, .3);
    box-shadow: 0 0 7.68px 0.32px rgba(155, 147, 147, .3);
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 35px 20px;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.who-use-app .overview-shape-one {
    left: auto;
    right: 0;
}

.who-use-app .i-amphtml-element {
    max-width: 100%;
}

.industry_list li a figure {
    margin: 0;
}

.industry_list li a figure img {
    max-width: 130px;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
}

.industry_list li a:hover {
    background: #3795ff;
    -webkit-box-shadow: -20px -21px 13px 0 rgba(0, 0, 0, .1);
    box-shadow: -20px -21px 13px 0 rgba(0, 0, 0, .1);
    /*top: 10px;left: 10px;*/
    transform: translate3d(10px, 10px, 0px);
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    color: #fff;
}

.industry_list li a:hover img {
    filter: brightness(100);
    -ms-filter: brightness(100);
}

.react-sec-five .why-sp {
    background: #ccc url(../img/section-bg.jpg) no-repeat fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    scroll-behavior: smooth;
    z-index: 1;
}

.react-sec-five .why-sp::after {
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
}

.overview-shape-one {
    position: absolute;
    left: 50px;
    top: 250px;
}

.shape-effect {
    -webkit-animation: movedelement 5s linear infinite;
    animation: movedelement 5s linear infinite;
}

.i-amphtml-element {
    max-width: 40px;
}

.overview-shape-three {
    position: absolute;
    right: 20px;
    bottom: 10%;
}

.i-main-alignment {
    height: 20px;
    width: 20px;
    overflow: hidden !important;
    display: inline-block;
    position: relative;
}

.react-sec-two .container {
    z-index: 1;
    position: relative;
}

.react-sec-two .overview-shape-one {
    right: 50px;
    left: auto;
    top: 20%;
}

.react-sec-two .overview-shape-one.btm-left {
    right: auto;
    left: 50px;
    top: auto;
    bottom: 20%;
}

.react-sec-six {
    position: relative;
    display: inline-block;
    width: 100%;
}

.react-sec-six .container {
    z-index: 1;
}

.shape3 {
    position: absolute;
    left: 2%;
    bottom: 13%;
}

.shape3 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.react-sec-six .overview-shape-one {
    right: 50px;
    top: 12%;
    left: auto;
    bottom: auto;
}

.cus-reviews-sec {
    background: #F6F8FF;
    padding: 80px 0;
    position: relative;
}

.cus-reviews-sec .container {
    z-index: 1;
    position: relative;
}

.tes-slick-demo {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    z-index: 1;
    position: relative;
}

.test-demo-grid {
    width: 25%;
    padding: 35px 15px 0;
    display: flex !important;
    height: auto;
}

.tes-slick-demo .slick-track,
.test-js-main .slick-track {
    display: flex;
}

.tes-slick-demo .slick-dots {
    position: static;
    margin: 35px 0 0;
}

.tes-slick-demo .slick-dots li button {
    background: #ccc;
}

.tes-slick-demo .slick-dots .slick-active button {
    background: #3795ff;
}

.test-demo-grid.slick-slide {
    padding-bottom: 15px;
}

.test-demo-bg {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(57, 73, 99, .15);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 25px 30px;
    text-align: center;
}

.test-user-img {
    margin-top: -35px;
    margin-bottom: 30px;
}

.test-user-img img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    margin: auto;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 0.6);
}

.test-name-info {
    text-align: center;
}

.test-qoute-icon {
    background: #3795ff;
    height: 40px;
    width: 40px;
    border-radius: 100px;
    padding: 10px;
    margin: 30px auto;
}

.test-body-info p {
    line-height: 1.2;
    margin: 0;
}

.test-name-info h3 {
    font-weight: 500;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.test-name-info span {
    color: #989898;
    font-size: 15px;
}

.cus-reviews-sec .overview-shape-three {
    top: auto;
    bottom: -10px;
    left: 0;
    right: auto;
}

.cus-reviews-sec .i-main-alignment {
    width: auto;
    height: auto;
}

.cus-reviews-sec .i-main-alignment img {
    transform: rotateY(180deg);
}

.why-sp-main .sec-two-title h3,
.why-sp-main .sec-two-title p {
    color: #fff;
}

.why-sp-main .sec-two-title h3 span::after {
    z-index: 0;
}

.why-sp-main .sec-two-title p {
    margin-top: 30px;
}

.react-box-two .col-md-3 .service-box {
    box-shadow: 0px 8px 12px 0 rgba(13, 52, 79, .09);
}

.react-box-two .col-md-3:first-child .service-box {
    background: #ecf2fe;
}

.react-box-two .col-md-3:nth-child(2) .service-box {
    background: #e3fefe;
}

.react-box-two .col-md-3:nth-child(3) .service-box {
    background: #fde2f9;
}

.react-box-two .col-md-3:nth-child(4) .service-box {
    background: #e3fcf4;
}

.react-sec-four:not(.open) .onclick-show {
    display: none;
}

@-webkit-keyframes movedelement {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(10px, 10px);
        transform: translate(10px, 10px)
    }

    50% {
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px)
    }

    75% {
        -webkit-transform: translate(10px, -5px);
        transform: translate(10px, -5px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes moveleftbounce {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(20px)
    }

    100% {
        transform: translateX(0)
    }
}

/* react-js */
.react-js-div .industry_list li a figure img {
    max-width: 100%;
}

@media only screen and (max-width: 480px) {
    .react-js-div .industry_list li a figure img {
        max-width: 130px;
    }
}

.js-sec-one {
    position: relative;
    margin-bottom: 80px;
    min-height: 800px;
    background-color: #fafafa;
}

.sec-one-abs {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    max-height: 800px;
    object-fit: contain;
}

.js-sec-one .container {
    padding-top: 150px;
}

.text-right-div {
    max-width: 490px;
    margin: 40px auto 0;
    display: block;
}

.text-left-div {
    max-width: 450px;
}

.text-left-div h1 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
}

.text-left-div p {
    font-size: 18px;
    padding-top: 29px;
    margin-bottom: 35px;
}

.col-left-one {
    display: flex;
    align-items: center;
}

.text-left-div h1::after {
    content: "";
    position: absolute;
    top: 100%;
    width: 100px;
    height: 2px;
    background: #3795ff;
    left: 0;
    right: 0;
    margin: 19px 0 0;
    border-radius: 5px;
}

.js-sec-two {
    background-image: -webkit-linear-gradient(-270deg, rgba(227, 232, 255, 1) 0%, rgba(227, 232, 255, 0) 100%);
    background-position: top center;
    padding: 0 0 80px;
}

.js-title-page h2 {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-weight: 500;
}

.js-title-page span {
    text-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    color: #3895FD;
}

.js-title-page p {
    max-width: 700px;
    margin: 0 auto;
}

.js-title-page {
    margin-bottom: 40px;
}

.pricing-btnn .btn {
    display: inline-flex;
    align-items: center;
}

.pricing-btnn .btn svg {
    height: 20px;
    width: 20px;
    fill: #fff;
}

.pricing-btnn {
    margin: 30px 0 0;
}

.js-sec-two .service-list .col-md-4 {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.js-sec-two .service-list .col-md-4 .service-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    top: 0;
    box-shadow: 0px 8px 12px 0 rgba(13, 52, 79, .09);
}

.js-sec-two .service-list .col-md-4:first-child .service-box {
    background: #ecf2fe;
}

.js-sec-two .service-list .col-md-4:nth-child(2) .service-box {
    background: #e3fefe;
}

.js-sec-two .service-list .col-md-4:nth-child(3) .service-box {
    background: #fde2f9;
}

.js-sec-two .service-list .col-md-4:nth-child(4) .service-box {
    background: #e3fcf4;
}

.js-sec-two .service-list .col-md-4:nth-child(5) .service-box {
    background: #d7e4ff;
}

.js-sec-two .service-list .col-md-4:nth-child(6) .service-box {
    background: #f7f7f7;
}

.js-sec-two .service-list .col-md-4:hover .service-box {
    top: -10px;
    box-shadow: 0px 8px 42px 0 rgb(0 0 0 / 9%);
}

.requst-call {
    text-align: center;
    margin: 25px 0 0;
}

.requst-call h2 {
    margin-bottom: 15px;
}

.js-sec-three {
    padding: 80px 0;
    position: relative;
    /* background-image: linear-gradient(to right, #6541c1 0%, #d43396 98%, #d43396 100%);*/
    background: linear-gradient(to right, rgb(78, 84, 200), #606cf7);
}

.js-sec-three .js-title-page h2,
.js-sec-three .js-title-page p,
.js-sec-five .js-title-page h2,
.js-sec-five .js-title-page p {
    color: #fff;
}

.js-sec-three .js-title-page span,
.js-sec-five .js-title-page span {
    text-shadow: none;
    color: #9eecd9;
}

.js-sec-three .js-title-page,
.js-sec-five .js-title-page {
    padding-bottom: 20px;
}

.js-left-imgg img {
    animation: none;
    display: block;
    margin-left: auto;
}

.js-sec-three .container {
    max-width: 1400px;
}

.js-right-dec ul {
    position: relative;
    padding: 30px 0;
    max-width: 570px;
}

.js-right-dec ul::before {
    content: '';
    width: 2px;
    height: 100%;
    background: url(../img/gradient-sep.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 42px;
}

.js-right-dec ul li {
    display: flex;
    padding-left: 10px;
    padding-bottom: 30px;
    align-items: center;
}

.js-right-dec ul li:last-child {
    padding-bottom: 0;
}

.js-right-dec ul li .img-icon-top {
    background-image: -webkit-linear-gradient(45deg, #2fb8ff 0, #9eecd9 51%, #2fb8ff 100%);
    background-image: linear-gradient(45deg, #2fb8ff 0, #9eecd9 51%, #2fb8ff 100%);
    background-size: 250% auto;
}

.js-right-dec .img-icon-top::after {
    content: initial;
}

.js-right-dec .right-planing-div p {
    margin-bottom: 0;
}

.left-set-img {
    max-width: 600px;
    margin: 0 auto;
}

.our-clint-slider {
    padding: 0 0 40px;
}

.margin-top-minus {
    margin-top: -20px;
}

.our-clint-slider .industry_list li {
    width: 14.285%;
}

.js-sec-four {
    padding: 0 0 80px;
    position: relative;
    background-image: -webkit-linear-gradient(-90deg, hsl(229 100% 95% / 0.5) 0%, rgba(227, 232, 255, 0.15) 100%);
    background-position: top center;
}

.js-md-img img {
    -webkit-box-shadow: 0px 16px 43px rgba(78, 48, 135, 0.24);
    box-shadow: 0px 16px 43px rgba(78, 48, 135, 0.24);
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}

.js-md-dec h2 {
    font-weight: 500;
    margin: 20px 0 30px;
}

.js-md-dec img {
    max-width: 60px;
}

.js-md-dec p {
    margin-bottom: 25px;
}

.js-md-dec {
    max-width: 500px;
}

.js-sec-four .row {
    align-items: center;
    padding-top: 0;
}

.js-sec-four .row:not(:last-child) {
    margin-bottom: 60px;
}

.js-sec-four .row:nth-child(even) .js-work-left {
    order: 1;
}

.js-sec-four .row:nth-child(even) .js-md-dec {
    margin-left: auto;
}

.js-sec-five {
    padding: 80px 0;
    position: relative;
    background: #ccc url(../img/video-bg.jpg) no-repeat fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    scroll-behavior: smooth;
    -webkit-background-size: cover;
}

.js-sec-five .container {
    position: relative;
    z-index: 1;
}

.we-use-symbole.js-symbole {
    margin-bottom: 20px;
}

.why-cho-cod.js-why-sp {
    padding: 80px 0;
    z-index: 1;
    background-image: -webkit-linear-gradient(90deg, hsl(229 100% 95% / 0.5) 0%, rgba(227, 232, 255, 0.15) 100%);
    background-position: bottom center;
    margin-bottom: 80px;
    background-image: none;
    background-color: #f1f3ff;
}

.why-cho-cod.js-why-sp .js-title-page p {
    max-width: 480px;
    margin-left: 0;
}

.why-cho-cod.js-why-sp .why-sp-dect {
    color: #666;
}

.why-cho-cod.js-why-sp .dec-why-sp::after {
    background-color: #1a547c;
}

.js-why-sp .js-title-page {
    margin-bottom: 0;
    text-align: left;
}

.js-why-sp .js-title-page h2 {
    text-align: left;
}

.why-cont-ul li {
    background: url(../img/js-right-arrow.png) no-repeat;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left;
    text-align: left;
    color: #4B5563;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
}

.why-cont-ul li:last-child {
    margin-bottom: 0;
}

.js-sec-four {
    padding-top: 0;
}

.test-js-main {
    display: flex;
    flex-wrap: wrap;
}

.test-js-main .slick-list {
    margin: 0 -15px;
}

.test-js-grid {
    padding: 30px 15px 0;
    width: 50%;
    height: auto;
    display: flex !important;
}

.test-js-bg {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(57, 73, 99, .15);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 50px 30px;
    text-align: center;
}

.test-js-bg .test-qoute-icon {
    height: 60px;
    width: 60px;
    padding: 15px;
    margin: -30px 0 30px;
}

.test-js-bg .test-name-info {
    display: flex;
    align-items: center;
    margin: 15px 0 0;
}

.left-js-client img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 100px;
    background: #fff;
}

.left-js-client {
    flex-shrink: 0;
    margin-right: 20px;
}

.right-js-name {
    text-align: left;
}

.test-js-main .slick-dots {
    margin: 35px 0 0;
    position: static;
}

.test-js-main .slick-dots .slick-active button {
    background: #3795ff;
}

.js-sec-four .overview-shape-three {
    top: auto;
    bottom: -10px;
    left: 0;
    right: auto;
}

.js-sec-four .i-main-alignment {
    width: auto;
    height: auto;
}

.js-sec-four .i-main-alignment img {
    transform: rotatey(180deg);
}

.shape-effect.overview-shape-rightt {
    position: absolute;
    right: 20px;
    top: 40%;
}

.solid-bg-cmn {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}

.main-device-show {
    max-width: 320px;
    position: relative;
    margin: 0 auto;
    z-index: 0;
}

.left-top-50 img {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%) rotatey(180deg) rotate(-27deg);
    max-width: 530px;
    width: 100%;
}

.pwa-new-app .wp-sec-one .container {
    max-width: 1200px;
}

.main-cmn-img {
    position: relative;
}

.gif-cmn-img {
    position: absolute;
    left: 10%;
    width: 80%;
    height: 90%;
    top: 4.5%;
}

.gif-cmn-img video {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    object-fit: cover;
}

.gif-cmn-img img {
    border-radius: 25px;
}

.device-pwa-auto {
    max-width: 550px;
    width: 100%;
}

.main-device-show.push-device {
    max-width: 360px;
}

.notifire-app-why .js-title-page p {
    margin-bottom: 20px;
    color: #000;
}

.notifire-app-why .left-right-arrow {
    padding-left: 15px;
}

.notifire-app-why .left-right-arrow li {
    color: #666;
}

.notifire-app-why .left-right-arrow li::after {
    opacity: 0.5;
}

.seo-app-change .main-device-show.push-device {
    max-width: 100%;
}

.seo-app-change .main-device-show.push-device img {
    display: block;
    margin: 0 auto;
}

.react-native-pages .wp-sec-one {
    background: transparent;
    padding: 0;
}

.react-native-pages .wp-sec-one .container {
    max-width: 1200px;
}

.featured-app-bg {
    background-image: url(../img/top-sec-bg.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0 30px;
}

.react-native-pages .left-native-info {
    padding-top: 80px;
}

.react-native-pages .main-device-show.push-device {
    max-width: 320px;
}

.react-native-pages .left-img-title {
    max-width: 100%;
}

.play-store-icon ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.play-store-icon ul li {
    padding: 0 10px;
}

.slick-slider {
    z-index: 1;
}

.shipping-policy {
    display: flex;
    flex-wrap: wrap;
}


.slidertitle .text-i-slide h1 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.send_cv {
    font-size: 20px;
}

.our-client .built_logo li.title_wrap .second_main_tag,
.client-page .spdec-info-text .second_main_tag,
.our-recent-section .spdec-info-text .second_main_tag,
.imageagram-banner-itext .banner-txt li .second_main_tag {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
}


/* shopify-development-services */
.fixedpage_header {
    padding-top: 0;
}

.fixedpage_header .header {
    background: transparent;
    background-color: transparent;
    border: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    min-height: 100px;
    border-bottom: 1px solid transparent;
}

.fixedpage_header .header_align {
    align-items: center;
}

.fixedpage_header .header.sticky-fx.fixed {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    background-color: #fff;
    min-height: unset;
}

.fixedpage_header .header.sticky-fx .header-logo {
    text-align: left;
    padding-top: 13px;
    padding-bottom: 13px;
}

.fixedpage_header .header.sticky-fx.fixed .header-logo {
    padding: 10px 15px;
}

.fixedpage_header .header.sticky-fx.fixed .header-logo .white_logo,
.fixedpage_header .header-logo .blue_logo {
    display: none;
}

.fixedpage_header .header.sticky-fx.fixed .header-logo .blue_logo {
    display: block;
}


.fixedpage_header .header.sticky-fx:not(.fixed) .nav-i-menu ul li .nav-link {
    color: #ffffff;
}

.fixedpage_header .header.sticky-fx:not(.fixed) .nav-i-menu ul li i {
    color: #ffffff;
}

.fixedpage_header .android-application .banner-i-txt {
    padding-top: 100px;
    margin-bottom: 0;
}

.fixedpage_header .banner-i-txt .container {
    padding: 63px 0;
}

.fixedpage_header .banner-txt {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.fixedpage_header .banner-txt p {
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    padding-bottom: 20px;
    font-size: 16px;
}

.fixedpage_header .banner-i-txt .banner-txt li {
    padding-left: 50px;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.fixedpage_header .banner-i-txt .banner-txt li:before {
    content: '';
    background: url(../img/sp-serv-arrow-left.png) no-repeat;
    top: unset;
}

.fixedpage_header .banner-txt ul li img {
    max-width: 80%;
}

.fixedpage_header .banner-form {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.fixedpage_header form.service_form {
    background-color: #e3f0ff;
    padding: 20px;
    border-radius: 6px;
    position: relative;
}

.fixedpage_header form.service_form .textarea-filled {
    width: 100%;
    float: left;
}

.fixedpage_header form.service_form .textarea-filled textarea {
    min-height: 105px;
}

.fixedpage_header form.service_form .inputfiled {
    height: 70px;
}

.fixedpage_header .btn_submit {
    width: 100%;
}

.txt-msg-box {
    position: relative;
    display: inline-block;
    width: 100%;
}

.fixedpage_header form.service_form .txtc_msg {
    font-size: 14px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: right;
    top: 20px;
    z-index: 0;
}

.fixedpage_header form.service_form .txtc_msg.red {
    color: #ff0000;
}

.fixedpage_header form.service_form .txtc_msg.green {
    color: #027b02;
}

.fixedpage_header header .cust-info {
    display: none !important;
}

.fixedpage_header form.service_form .txt-msg-box .txt-msg-boxc a {
    position: relative;
    z-index: 1;
    color: #fff;
}

/*.service_submit {position: relative;}*/
/* experiance */
.exp-txt-wrap {
    align-items: center;
    padding: 70px 0;
}

.exp-txt-box {
    width: 20%;
}

.exp-txt-box-a {
    text-align: center;
}

.exp-txt-box-af h2 {
    color: #3795ff;
}

.exp-txt-box-a h2 {
    font-size: 30px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #000;
}

.exp-txt-box-a span {
    font-size: 18px;
}

.exp-txt-img.animate img.an-target {
    opacity: 1;
    margin: 0 auto;
}

/* services sub top title */
.sub-top-title {
    margin-bottom: 20px;
    text-align: center;
}

.sub-top-title span {
    font-size: 14px;
    line-height: 20px;
    color: #3795ff;
    background-color: #e7eff8;
    display: inline-block;
    border-radius: 25px;
    padding: 5px 35px;
    margin: 0 auto;
    text-align: center;
}

.sp-shopify-service .sub-top-title span {
    background-color: #ffffff;
}

/* process work */
.sp_process_work {
    padding: 70px 0;
    background-color: #fafafa;
}

.proc-t {
    margin-bottom: 20px;
}

.sp_process_work .spdec-info-text {
    max-width: 680px;
    line-height: 20px;
    margin-bottom: 24px;
}

.sp_proc_work_box {
    max-width: 880px;
    margin: 0 auto;
}

.sp_proc_work_box li {
    display: flex;
    position: relative;
    padding-bottom: 80px;
    overflow: hidden;
}

.sp_proc_work_box li:last-child {
    padding-bottom: 0;
}

.grid-width-auto {
    flex: 0 1 365px;
    max-width: 365px;
    padding: 0 10px;
}

.grid-width-auto.left-work-div {
    text-align: center;
    background-color: #e7eff8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 6px;
}

.grid-width-center {
    flex: 0 1 150px;
    padding: 0;
    margin: auto;
    max-width: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid-width-border {
    font-size: 30px;
    margin: 0 auto;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2px;
    width: 100%;
    border-top: 2px solid #3b8de7;
    position: relative;
    flex: 0 1 150px;
    padding: 0 10px;
    margin: auto;
    max-width: 150px;
}

.grid-width-round {
    font-size: 30px;
    margin: 0 auto;
    font-weight: bold;
    background: #3b8de7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    height: 20px;
    width: 20px;
    border-radius: 60px;
    background-color: #3b8de7;
    position: relative;
    min-width: 20px;
}

.grid-width-count {
    flex: 0 1 150px;
    padding: 0 10px;
    margin: auto;
    max-width: 150px;
    font-size: 24px;
    color: #3b8de7;
}

.sp_proc_work_box li::before {
    content: "";
    border-left: 5px solid #d2d2d2;
    position: absolute;
    top: calc(50% - 30px);
    z-index: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 5px;
    height: 100%;
}

.sp_proc_work_box li.animated::before {
    opacity: 1;
}

.sp_proc_work_box li:not(:first-child)::before {
    top: 0;
}

.sp_proc_work_box li:last-child::before {
    height: calc(50%);
}

.sp_proc_work_box li:nth-child(even) .grid-width-auto.left-work-div {
    order: 3;
}

.sp_proc_work_box li:nth-child(even) .grid-width-center {
    order: 2;
}

.sp_proc_work_box li:nth-child(even) .grid-width-center .grid-width-count {
    order: 1;
}

.sp_proc_work_box li:nth-child(even) .grid-width-center .grid-width-round {
    order: 2;
}

.sp_proc_work_box li:nth-child(even) .grid-width-center .grid-width-border {
    order: 3;
}

.sp_proc_work_box li:nth-child(odd) .grid-width-auto.right-work-div {
    text-align: left;
}

.sp_proc_work_box li:nth-child(even) .grid-width-auto.right-work-div {
    order: 1;
    text-align: right;
}

.sp_proc_work_box .img-dec-text img {
    margin-left: 0;
    margin-right: auto;
}

.sp_proc_work_box li:nth-child(even) .grid-width-auto.right-work-div .img-dec-text img {
    margin-left: auto;
    margin-right: 0;
}

.sp_proc_work_box .img-dec-text p {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.5;
}

.d-100 {
    transition-delay: 1s
}

/* What Our Client Says */
.wht-our-client-says {
    padding: 70px 0 25px;
}

.c-items-post {
    margin-top: 5px;
    padding: 15px;
}

.c-items-post .c-p-bx {
    width: 100%;
    height: 100%;
    padding: 27px 40px 27px;
    border-radius: 9px;
    background-color: #ffffff;
    color: #fff;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 14px 2px #ededef;
}

.c-items-post .c-p-bx .c-author-name {
    font-size: 20px;
    line-height: 1.5;
    color: #000000;
    padding-left: 3px;
}

.c-items-post .c-p-bx .c-author-name span {
    font-size: 16px;
}

.c-items-post .c-p-bx .c-p-content {
    font-size: 15.5px;
    line-height: 22px;
    color: #545454;
    margin-bottom: 22px;
}

.c-items-post .c-p-bx .c-quote {
    text-align: center;
}

.c-items-post .c-p-bx .c-quote img {
    margin: 0 auto;
}

#wt-client-says.slick-slider .slick-dots {
    bottom: -20px;
}

#wt-client-says .slick-dots li button {
    background: #cccccc;
}

#wt-client-says .slick-dots .slick-active button {
    background-color: #3b8de7;
}

/* capability says */
.capability-says {
    padding: 70px 0 0;
}

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

.capability-right .sub-top-title,
.capability-right .sub-top-title span,
.capability-right .page-title {
    text-align: left;
}

.capability-right p {
    color: #545252;
    margin-bottom: 15px;
    position: relative;
    font-size: 16px;
    letter-spacing: 0.3px;
}

.capability-right ul li {
    color: #545252;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative;
    font-size: 16px;
    letter-spacing: 0.3px;
}

.capability-right ul li:before {
    content: '';
    position: absolute;
    background: url(../img/sp-serv-capa-arrow.png) no-repeat;
    top: 3px;
    left: 0;
    width: 30px;
    height: 20px;
    background-size: 18px;
}

#typedtext {
    color: #fff;
    min-height: 150px;
}

/*.typewriter{color: #ffffff;min-height: 70px;margin-bottom: 20px;display: block;}
#nothing{min-height: 150px;}*/
/*.sp-highlight-note{display: none;}*/
.sp-highlight-note .Shopify-sr-main {
    background-color: #e7eff8;
    padding: 70px 0;
    border-radius: 10px;
    margin: 70px 0 0;
    border: 8px solid #3b8de7;
}

.sp-highlight-note .Shopify-sr-main:hover {
    box-shadow: 0px 0px 10px 2px #d2d2d2;
}

.sp-highlight-note .sp-highlight-note-inner h3 {
    margin-bottom: 20px;
    font-size: 27px;
    line-height: 1.2;
    padding: 0 15px;
}

.sp-highlight-note .sp-highlight-note-inner p {
    max-width: 700px;
    margin: 0 auto 20px;
    padding: 0 15px;
}

/* shopify apps and chrome extension 2.0 30-9-21 */
.wp-sec-one {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.wp-sec-one .container {
    position: relative;
    z-index: 1;
}

.wp-one-left h2 {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 10px;
}

.wp-one-left span.review-infos {
    padding-bottom: 15px;
    display: inline-block;
}

.wp-one-left .sp-app-start-btn {
    display: flex;
    flex-wrap: wrap;
}

.wp-one-left .sp-app-start-btn .btn.btn-blue {
    margin: 0 15px 15px 0;
}

.wp-one-left .sp-app-start-btn .btn-blue.btn-border {
    border: none;
    box-shadow: none;
    padding: 0;
    min-width: inherit;
    margin-left: 5px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    color: #1a547c;
    transition: all 200ms ease-in-out;
}

.wp-one-left .sp-app-start-btn .btn-blue.btn-border svg {
    height: 1.3rem;
    width: 1.3rem;
    fill: #1a547c;
    transition: all 200ms ease-in-out;
}

.wp-one-left .sp-app-start-btn .btn-blue.btn-border:hover {
    color: #000;
}

.wp-one-left .sp-app-start-btn .btn-blue.btn-border:hover svg {
    fill: #000;
}

.wp-one-left .app-main-icons {
    max-height: 50px;
    height: 50px;
    width: 50px;
    object-fit: contain;
    border-radius: 5px;
    margin-bottom: 15px;
}

.wp-one-left p {
    font-size: 18px;
    margin-bottom: 25px;
}

.wp-one-left .trusted-user {
    display: inline-block;
    margin: 10px 0 0;
}

.wp-one-left .review-infos span svg {
    fill: #ffcb67;
    height: 15px;
    width: 15px;
    vertical-align: -1px;
}

.wp-static-icon {
    position: absolute;
    right: 3%;
    bottom: 10%;
}

.main-banner-abs {
    width: 50%;
    top: 0;
    height: 100%;
    right: 0;
    border-radius: 0 0 0 100%;
    display: block;
    z-index: 0;
    bottom: 0;
    position: absolute;
    opacity: .5;
}

.wp-sec-two {
    position: relative;
    padding: 80px 0;
    margin-bottom: 50px;
}

.wp-sec-two .container {
    z-index: 1;
    position: relative;
}

.wp-sec-two .js-title-page h2 {
    text-align: left;
}

.wp-sec-two .js-title-page p {
    margin: 0;
    max-width: 500px;
}

.wp-sec-two .service-box figure {
    margin-top: 0;
}

.wp-sec-two .service-box figure img {
    display: block;
    height: 83px;
    object-fit: scale-down;
    object-position: bottom;
    width: 100%;
}

.wp-sec-two .service-box p:before {
    content: initial;
}

.wp-sec-two .service-list .service-box {
    box-shadow: 0px 8px 12px 0 rgb(13 52 79 / 9%);
    -moz-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    top: 0;
}

.wp-sec-two .service-list .wp-service-box {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.wp-sec-two .service-list .wp-service-box:hover .service-box {
    top: -10px;
    box-shadow: 0px 8px 42px 0 rgb(0 0 0 / 9%);
}

.wp-sec-two .service-list .wp-service-box:first-child .service-box {
    background: #ecf2fe;
}

.wp-sec-two .service-list .wp-service-box:nth-child(2) .service-box {
    background: #e3fefe;
}

.wp-sec-two .service-list .wp-service-box:nth-child(3) .service-box {
    background: #fde2f9;
}

.wp-sec-two .service-list .wp-service-box:nth-child(4) .service-box {
    background: #e3fcf4;
}

.wp-sec-two .service-list .wp-service-box:nth-child(5) .service-box {
    background: #d7e4ff;
}

.wp-sec-two .service-list .wp-service-box:nth-child(6) .service-box {
    background: #fdf9e9;
}

.main-abs-two {
    background: url(../img/bg-features-shape.png) right top no-repeat;
    height: 100%;
    position: absolute;
    left: 0;
    right: 45%;
    top: -30px;
    background-size: cover;
    opacity: .4;
}

.wp-sec-three {
    padding: 60px 0;
    margin-bottom: 80px;
    position: relative;
}

.wp-sec-three::before {
    position: absolute;
    left: auto;
    width: 65%;
    right: 0;
    background: #dcf5f4;
    top: 0;
    bottom: 0;
    height: 100%;
    border-radius: 15px 0 0 15px;
    content: "";
    opacity: .5;
}

.global-sc-bg.wp-sec-three::before {
    background: #ece0f5;
}

.wp-sec-three .container {
    position: relative;
    z-index: 1;
}

.wp-sec-three .wp-sc-slider {
    position: relative;
    max-width: 1050px;
    margin-left: auto;
}

.wp-sec-three .wp-slide-show {
    margin: -14px;
    width: auto;
}

.wp-sec-three .inner-wp-sc img {
    border-radius: 15px;
    margin-left: auto;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.wp-sec-three .inner-wp-sc {
    cursor: grab;
    padding: 14px;
}

.wp-sec-three .js-title-page h2 {
    text-align: right;
}

.wp-sec-three .js-title-page p {
    margin: 0 0 0 auto;
    text-align: right;
    max-width: 500px;
}

.wp-sec-three .wp-slide-show .slick-slide {
    height: auto;
}

.wp-sec-three .wp-slide-show .slick-dots {
    position: static;
    margin: 30px 0 0;
}

.wp-sec-three .wp-slide-show .slick-dots li button {
    background-color: #ccc;
}

.wp-sec-three .wp-slide-show .slick-dots .slick-active button {
    background-color: #3795ff;
}

.wp-sec-four {
    padding: 0 0 80px;
    position: relative;
    background-image: -webkit-linear-gradient(-270deg, rgba(227, 232, 255, 1) 0%, rgba(227, 232, 255, 0) 100%);
    background-position: top center;
}

.wp-sec-four .wp-video-inner {
    text-align: center;
    position: relative;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.wp-sec-four .wp-video-inner span {
    display: block;
    padding-bottom: 58.36%;
    position: relative;
    width: 100%;
}

.wp-sec-four .wp-video-inner span img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.wp-sec-four .js-title-page h2 {
    text-align: left;
}

.wp-sec-four .show-video {
    position: absolute;
    height: 70px;
    width: 70px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    animation: ripple_shadow 2s linear infinite;
    background: #3795ff;
    margin: auto;
}

.wp-sec-four .show-video:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 12px solid transparent;
    left: 55%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.wp-sec-four .shape-effect.wp-three {
    position: absolute;
    right: 20px;
    bottom: 10%;
}

.wp-sec-five {
    padding: 60px 0;
    position: relative;
    background: #4b60d9 url('../img/reactjs-bg.jpg') no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.wp-sec-five .js-title-page.text-white h2 {
    color: inherit;
}

.wp-sec-five .js-title-page.text-white h2 span {
    color: #9eecd9;
    text-shadow: none;
}

.wp-sec-five .js-title-page.text-white p {
    color: inherit;
}

.wp-sec-five .app-test-grid {
    padding: 0 15px;
    width: 50%;
    display: flex !important;
    flex-wrap: wrap;
    cursor: grab;
    height: auto;
}

.wp-sec-five .slick-track {
    display: flex;
}

.wp-sec-five .app-test-bg {
    background-color: #fff;
    text-align: center;
    padding: 30px;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 40px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 275px;
}

.wp-sec-five .app-test-bg p {
    line-height: 1.5;
    width: 100%;
}

.wp-sec-five .app-test-bg h2 {
    font-size: 18px;
    font-weight: 500;
    margin: auto 0 25px;
    width: 100%;
    padding-top: 15px;
    text-transform: capitalize;
}

.wp-sec-five .app-test-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
}

.wp-sec-five .app-test-icon img {
    border-radius: 100%;
    border: 5.5px solid #e4e4e4;
    margin: 0 auto -40px;
    display: block;
    height: 80px;
    width: 80px;
    background-color: #fff;
}

.wp-sec-five .test-app-slider {
    display: flex;
    flex-wrap: wrap;
}

.wp-sec-five .all-reviews {
    margin-top: 35px;
}

.wp-sec-six {
    padding: 80px 0;
    position: relative;
}

.wp-sec-six .now-app-bg {
    background: #dcf5f4 url(../img/app-info-bg.jpg);
    box-shadow: -5px 0 30px rgb(0 0 0 / 8%);
    border-radius: 20px;
    padding: 40px 25px;
    position: relative;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wp-sec-six .width-same-app {
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.wp-sec-six .right-app-test {
    text-align: right;
}

.wp-sec-six .left-app-test h2 {
    font-weight: 500;
    font-size: 35px;
    margin-bottom: 10px;
}

.wp-sec-six .left-app-test p {
    margin-bottom: 0;
}

.wp-sec-six .right-app-test li {
    padding-left: 25px;
    position: relative;
    text-align: left;
    white-space: nowrap;
}

.wp-sec-six .right-app-test li:not(:last-child) {
    margin-bottom: 8px;
}

.wp-sec-six .right-app-test li::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(../img/right-mark.svg) 0 no-repeat;
    width: 13px;
    height: 13px;
    top: 4px;
    position: absolute;
    left: 0;
    background-size: 13px;
}

.wp-sec-six .right-app-test ul {
    display: grid;
    justify-content: flex-end;
    margin: 0 0 15px;
}

.app-pricing {
    padding: 80px 0;
    z-index: 1;
    margin-bottom: 20px;
    background-image: url(../img/bg-plan-shape.png);
}

.app-pricing .sp-price-slider {
    margin: -20px -15px;
}

.app-pricing .spk-pricing-table {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.app-pricing .spk-pricing-table .slick-track {
    display: flex;
}

.app-pricing .spk-pricing-table .spk-plans {
    flex: 1 1 33.3333%;
    padding: 20px 15px;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    max-width: 770px;
}

.app-pricing .spk-pricing-table .spk-plan-bg {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 15px rgb(78 48 135 / 24%);
    transition: all .2s ease-out;
    display: block;
    outline: 0;
    text-decoration: none;
    flex: 1 1 auto;
    background-image: -webkit-linear-gradient(-270deg, rgb(227 232 255 / 30%) 0%, rgba(227, 232, 255, 0) 100%);
}

.app-pricing .spk-pricing-table .spk-plan-bg:hover {
    box-shadow: 0px 3px 20px 1px rgb(78 48 135 / 34%);
}

.app-pricing .spk-pricing-table .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 46px;
    height: 46px;
    margin: auto;
    padding: 0;
    background: #FFF;
    font-size: 0;
    border: 0;
    border-radius: 30px;
    box-shadow: 0 0 6px rgb(0 0 0 / 30%);
    transition: all .3s ease-in-out;
    z-index: 9;
    overflow: hidden;
    cursor: pointer;
}

.app-pricing .spk-pricing-table .slick-arrow.slick-next {
    right: 5px;
    transform: rotate(180deg);
}

.app-pricing .spk-pricing-table .slick-arrow.slick-prev {
    left: 5px;
    right: auto;
}

.app-pricing .spk-pricing-table .slick-arrow.slick-disabled {
    display: none !important;
}

.app-pricing .spk-pricing-table .slick-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    right: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(45deg);
}

.app-pricing .spk-plan-header {
    padding: 30px 25px 20px;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
}

.app-pricing .spk-plan-header h2 {
    margin: 0 0 10px;
    font-size: 25px;
    line-height: .9;
}

.app-pricing .spk-plan-header .spk-plan-fees {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0 0 10px;
}

.app-pricing .spk-plan-header .spk-plan-fees span {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.9px;
}

.app-pricing .spk-plan-header .spk-plan-fees small {
    font-size: 13px;
    margin: 0 4px 0 0;
}

.app-pricing .spk-plan-details {
    padding: 25px;
}

.app-pricing .spk-plan-details h5 {
    font-size: 16px;
    margin: 0 0 15px;
}

.app-pricing .spk-plan-details ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.app-pricing .spk-plan-details ul li {
    display: flex;
    margin-bottom: 7px;
}

.app-pricing .spk-plan-details ul li:last-child {
    margin-bottom: 0;
}

.app-pricing .spk-plan-details ul li p {
    font-size: 14px;
}

.app-pricing .spk-plan-details ul li svg {
    flex-shrink: 0;
    height: 14px;
    width: 14px;
    fill: #000;
    margin: 2px 12px 0 0;
}

.single-app-box.app-pricing {
    background: none;
    padding-top: 0;
}

.single-app-box.app-pricing .js-title-page {
    margin: 0 auto;
    background: #ece0f5;
    padding: 80px 120px;
    background-image: url('../img/bg-plan-shape.png');
    background-position: center top -29px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50px 0 50px;
}

.single-app-box.app-pricing .js-title-page h2 {
    margin-bottom: 30px;
}

.single-app-box.app-pricing .js-title-page .app-charges {
    margin-top: 50px;
    color: #919191;
}

.our-apps {
    position: relative;
    margin: 0 0 80px;
}

.our-apps .apps-section {
    display: flex;
    flex-direction: column;
    padding: 30px 25px;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: -5px 0 30px rgb(0 0 0 / 8%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transition: all 100ms ease-in-out;
}

.our-apps .apps-section:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, .1);
}

.our-apps .apps-section p {
    margin: 0 0 40px;
}

.our-apps .apps-title {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 0 15px;
    margin: 0 -5px;
    align-items: flex-start;
}

.our-apps .apps-title .app-main-icons {
    flex-shrink: 0;
    margin: 0 5px;
    border-radius: 5px;
    height: 50px;
    width: 50px;
    object-fit: contain;
}

.our-apps .apps-title h3 {
    flex: 1 1 auto;
    margin: 0 5px;
    font-weight: 500;
}

.our-apps .app-review {
    display: inline-flex;
    align-items: center;
    margin: 15px 0 20px;
}

.our-apps .app-review svg {
    fill: #ffcb67;
    height: 15px;
    width: 15px;
    margin: 0 7px 2px 0;
    flex-shrink: 0;
}

.our-apps .app-ins-now {
    display: flex;
    margin: auto -5px 0;
}

.our-apps .app-ins-now span {
    color: #545252;
    flex: 1 1 auto;
    margin: 0 5px;
}

.our-apps .app-ins-now .view-more {
    margin: 0 5px;
    display: inline-flex;
    align-items: center;
    transition: all 200ms ease-in-out;
}

.our-apps .app-ins-now .view-more svg {
    fill: #3795ff;
    flex-shrink: 0;
    margin-left: 5px;
    transition: all 200ms ease-in-out;
}

.our-apps .app-ins-now .view-more:hover svg {
    fill: #000;
}

.our-apps .apps-section:hover .view-more svg {
    transform: translateX(5px);
    fill: #000;
}

.our-apps .app-ins-now .view-more:hover,
.apps-section:hover .view-more {
    color: #000;
}

.our-apps .view-all-app,
.all-price-option {
    width: 100%;
    margin: 10px 0 0;
    text-align: center;
}

.our-apps .view-all-app .btn,
.all-price-option .btn {
    box-shadow: none;
}

.our-apps .view-all-app .btn:hover,
.all-price-option .btn:hover {
    background-color: #0a3b5d;
    color: #fff;
}

.all-price-option {
    padding-top: 10px;
}

.shape-effect.wp-one {
    position: absolute;
    right: 20px;
    top: 10%;
}

.shape-effect.wp-two {
    position: absolute;
    left: 20px;
    bottom: 10%;
}

.wp-shape-static {
    position: absolute;
    left: 0;
    bottom: 0;
}

.wp-shape-static.transfrom-shape img {
    transform: rotatey(180deg);
}

.wp-shape-last {
    position: absolute;
    left: 15%;
    bottom: 18px;
    z-index: -1;
}

.wp-shape-last img {
    max-width: 200px;
}

.sp-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    display: flex;
    padding: 12px;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    overflow-y: auto;
    z-index: 9999;
    -webkit-transition: visibility 0s linear .4s, opacity .4s cubic-bezier(.25, .46, .45, .94) .4s;
    -moz-transition: visibility 0s linear .4s, opacity .4s cubic-bezier(.25, .46, .45, .94) .4s;
    transition: visibility 0s linear .4s, opacity .4s cubic-bezier(.25, .46, .45, .94) .4s;
}

.ipop-opened .sp-popup {
    visibility: visible;
    -webkit-transition: visibility 0s linear 0s, opacity .3s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: visibility 0s linear 0s, opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: visibility 0s linear 0s, opacity .3s cubic-bezier(.25, .46, .45, .94);
    opacity: 1;
}

.sp-popup .sp-i-popup {
    overflow: hidden;
    max-width: 1000px;
    width: 100%;
    margin: auto;
    position: relative;
    pointer-events: auto;
    outline: 0;
    -webkit-transform: translateY(20px) translateZ(0);
    -moz-transform: translateY(20px) translateZ(0);
    -ms-transform: translateY(20px) translateZ(0);
    transform: translateY(20px) translateZ(0);
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94), transform .3s cubic-bezier(.25, .46, .45, .94);
}

.ipop-opened .sp-popup .sp-i-popup {
    -webkit-transform: translateY(0) translateZ(0);
    -moz-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94) .3s, transform .3s cubic-bezier(.25, .46, .45, .94) .3s;
    -moz-transition: opacity .3s cubic-bezier(.25, .46, .45, .94) .3s, transform .3s cubic-bezier(.25, .46, .45, .94) .3s;
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94) .3s, transform .3s cubic-bezier(.25, .46, .45, .94) .3s;
}

.ipop-opened body {
    overflow: hidden;
}

.sp-close-popup {
    position: fixed;
    right: 30px;
    top: 30px;
    background: #ffffff;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 1;
    box-shadow: 0px 0px 11px 0px rgb(0, 0, 0, 0.2);
}

.sp-close-popup svg {
    height: 14px;
    width: 14px;
}

.video-iframe {
    position: relative;
    padding-bottom: 56.2%;
    overflow: hidden;
    border-radius: 10px;
}

.video-iframe iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* chrome extension 2.0 */
.chrome-ex-banner {
    padding: 80px 0 0;
    position: relative;
    overflow: hidden;
    background: #4b60d9 url('../img/chrome-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 70px;
    overflow: visible;
}

.chrome-ex-banner .text-left-div h1,
.chrome-ex-banner .text-left-div p {
    color: #fff;
}

.chrome-ex-banner .text-left-div h1::after {
    background: #7acf48;
}

.chrome-ex-banner .row {
    padding-bottom: 70px;
}

.chrome-main-banner {
    position: relative;
    display: block;
    padding-bottom: 101.93%;
}

.chrome-main-banner img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.chrome-ex-banner:after {
    position: absolute;
    left: 0;
    top: calc(100% - 70px);
    height: 200px;
    width: 100%;
    background: #fff;
    content: "";
    transform: skewY(5deg);
    background-image: -webkit-linear-gradient(-90deg, hsl(229 100% 95% / .9) 0%, rgba(227, 232, 255, 0.4) 100%);
    background-position: top center;
}

.chrome-ex-new .app-pricing {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    margin: 0;
    background-image: -webkit-linear-gradient(-90deg, hsl(229 100% 95% / 0.5) 0%, rgba(227, 232, 255, 0.15) 100%);
}

.chrome-ex-new .app-pricing .spk-pricing-table {
    margin: -20px -15px;
}

.chrome-ex-new .app-pricing .spk-plans {
    flex: 1 1 25%;
    position: relative;
    margin-top: 20px;
}

.chrome-ex-new .app-pricing .spk-plans:nth-child(odd) {
    top: -20px;
}

.chrome-ex-new .app-pricing .spk-plan-bg {
    padding: 36px 20px 36px 20px;
    transition: bottom 0.2s ease-in, box-shadow 0.2s ease-in;
    position: relative;
    bottom: 0;
}

.chrome-ex-new .app-pricing .spk-plans:hover .spk-plan-bg {
    bottom: -10px;
}

.chrome-ex-new .app-pricing h3 {
    font-size: 20px;
    line-height: 1.36em;
    font-weight: 600;
}

.chrome-ex-new .app-pricing figure {
    margin: 22px 0 30px;
}

.chrome-ex-new .app-pricing figure img {
    display: block;
    height: 83px;
    object-fit: scale-down;
    object-position: bottom;
}

.chrome-ex-new .app-pricing .spk-plans p {
    font-size: 14px;
    letter-spacing: normal;
    margin: 0;
    line-height: 24px;
    position: relative;
    padding-top: 17px;
}

.chrome-ex-new .app-pricing .spk-plans p:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 2px;
    content: "";
    background: #3795ff;
    transition: width 0.3s ease-out;
}

.chrome-ex-new .app-pricing .spk-plans:hover .spk-plan-bg p::before {
    width: 60px;
}

.chrome-ex-new .js-sec-four {
    padding-top: 80px;
}

.chrome-ex-new .react-sec-five .why-sp {
    background: #4b60d9 url(../img/chrome-bg.jpg) no-repeat fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.chrome-ex-new .rn_apps_inquire {
    position: relative;
}

.chrome-ex-new .rn_apps_inquire .overview-shape-one {
    right: 50px;
    top: 12%;
    left: auto;
    bottom: auto;
}

.chrome-ex-new .sub-d-chrome {
    position: relative;
}

.chrome-ex-new .sub-d-chrome .overview-shape-one.btm-left {
    right: auto;
    left: 50px;
    top: auto;
    bottom: 20%;
}

.chrome-ex-new .sub-d-chrome .overview-shape-one:not(.btm-left) {
    right: 50px;
    left: auto;
    top: 20%;
}

.chrome-ex-new .js-md-dec h2 {
    margin-top: 0;
}

.chrome-ex-new .js-left-imgg .left-set-img {
    position: relative;
    display: block;
    padding-bottom: 70.15%;
}

.chrome-ex-new .js-left-imgg .left-set-img img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.chrome-ex-new .js-work-left .js-md-img {
    max-width: 481px;
    margin: 0 auto;
    position: relative;
    display: block;
    padding-bottom: 72.457%;
}

.chrome-ex-new .js-work-left .js-md-img img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.cmn-animation .show-video {
    animation: cmn_shadow 2s linear infinite;
}

.wp-sec-five .app-test-grid:not(.slick-slide):not(:first-child):not(:nth-child(2)),
.wp-sec-three .wp-slide-show .wp-slide-grid:not(.slick-slide):not(:first-child),
.wp-new-app:not(.chrome-ex-new) .app-pricing .spk-pricing-table .spk-plans:not(.slick-slide):not(:nth-child(-n+3)) {
    display: none !important;
}

.mockup-full::after {
    content: "";
    display: block;
    padding-bottom: 65.82%;
}

.mockup-full img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.ap-sc-set::after {
    content: "";
    display: block;
    padding-bottom: 56.286%;
}

.ap-sc-set img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.ultimate-app-new .wp-sec-five .app-test-bg {
    min-height: 220px;
}

.wp-sec-five.review-bg-height .app-test-bg {
    min-height: 230px;
}

.pricing-sliders .slick-list {
    width: 100%;
}

.js-portfolio:not(.open) .onclik_Show {
    display: none;
}

.js-portfolio .read-more-collps {
    margin-top: 80px;
}

.js-portfolio.open .read-more-collps,
.react-sec-four.open .read-more-collps {
    display: none;
}

@media only screen and (max-width: 767px) {
    .js-portfolio .read-more-collps {
        margin-top: -35px;
    }
}

@keyframes ripple_shadow {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(252, 234, 241, 0.2), 0 0 0 20px rgba(252, 234, 241, 0.2), 0 0 0 40px rgba(252, 234, 241, 0.2);
        box-shadow: 0 0 0 0 rgba(252, 234, 241, 0.4), 0 0 0 20px rgba(252, 234, 241, 0.4), 0 0 0 40px rgba(252, 234, 241, 0.4);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(252, 234, 241, 0.4), 0 0 0 40px rgba(252, 234, 241, 0.4), 0 0 0 60px rgba(252, 234, 241, 0);
        box-shadow: 0 0 0 20px rgba(252, 234, 241, 0.4), 0 0 0 40px rgba(252, 234, 241, 0.4), 0 0 0 60px rgba(252, 234, 241, 0);
    }
}

@keyframes cmn_shadow {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(55, 149, 255, 0.2), 0 0 0 20px rgba(55, 149, 255, 0.2), 0 0 0 40px rgba(55, 149, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(55, 149, 255, 0.1), 0 0 0 20px rgba(55, 149, 255, 0.1), 0 0 0 40px rgba(55, 149, 255, 0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(55, 149, 255, 0.4), 0 0 0 40px rgba(55, 149, 255, 0.4), 0 0 0 60px rgba(55, 149, 255, 0);
        box-shadow: 0 0 0 20px rgba(55, 149, 255, 0.1), 0 0 0 40px rgba(55, 149, 255, 0.1), 0 0 0 60px rgba(55, 149, 255, 0);
    }
}

/* digital marketing page 2.0 css 14-03-22 */
.digital-one {
    background-image: url(../img/digital-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    padding: 80px 0 150px;
    background-color: #f9fbff !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.digital-one-left h2,
.digital-one-left h1 {
    font-weight: 500;
    font-size: 42px;
    margin-bottom: 25px;
}

.digital-one-left h2 span,
.digital-one-left h1 span {
    text-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    color: #3895FD;
}

.digital-one-left p {
    margin-bottom: 30px;
}

.digital-mar-new:not(.webDesign-new) .btn.btn-blue {
    min-width: 185px;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    padding: 0 45px;
    box-shadow: 2.5px 4.33px 13px rgba(0, 0, 0, 0.28);
}

.digital-mar-new:not(.webDesign-new) .btn.btn-blue:hover {
    box-shadow: none;
}

.digital-one-left {
    align-self: center;
}

.digital-one-right img {
    display: block;
    margin-left: auto;
}

.digital-infos {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0.0625rem solid #e9ecef;
    border-radius: 0.75rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    box-shadow: 0 10px 50px 10px rgba(11, 34, 56, .05) !important;
    padding: 50px 20px 40px;
    transition: all .3s ease;
    overflow: hidden;
    margin: -6rem 0 0;
}

.digital-infos:hover {
    box-shadow: 0 10px 50px 10px rgba(11, 34, 56, .05) !important;
    transition: all .3s ease;
}

.digital-two .container {
    position: relative;
}

.digital-two-grid {
    display: -webkit-box;
    display: flex;
}

.digital-two-grid li {
    flex: 1 1 25%;
    text-align: center;
    padding: 0 15px 30px;
}

.digital-two-grid li img {
    max-width: 90px;
    display: block;
    margin: 0 auto 10px;
}

.digital-two-grid li h2 {
    font-weight: 500;
    font-size: 20px;
    margin: 0 0 5px;
}

.digital-two-grid li p {
    color: #6c757d;
    margin: 0;
    font-size: 14px;
}

.semi-linetext {
    text-align: center;
    margin: 0;
    font-size: 15px;
}

.digital-mar-new .wp-sec-two .service-box figure svg {
    fill: #37474f;
    height: 50px;
    display: block;
}

.digital-mar-new .wp-sec-two .service-list .service-box {
    background: #ffffff !important;
    box-shadow: 0px 2px 10px 0 rgb(13 52 79 / 9%);
    -moz-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    top: 0;
}

.digital-mar-new .service-box h3 {
    font-weight: 500;
}

.digital-mar-new .our-digital-benefit {
    background: #f2f2f2;
    margin-bottom: 130px;
}

.bx-shadow-img {
    -webkit-box-shadow: 0 10px 50px 10px rgba(11, 34, 56, .05);
    box-shadow: 0 10px 50px 10px rgba(11, 34, 56, .05);
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    height: calc(100% + 100px);
    margin-top: -50px;
    background: #fff;
    display: -webkit-box;
    display: flex;
    align-items: center;
}

.right-digital-dsc .js-title-page h2 {
    text-align: left;
}

.right-digital-dsc {
    padding: 55px 15px 50px 55px;
}

.our-review {
    background: #f2f2f2;
    padding: 60px 0;
    margin-bottom: 10px;
}

.rev-grid {
    width: 33.3333%;
    padding: 0 15px;
}

.rev-grid li {
    margin: 0 0 30px;
}

.rev-bg {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.rev-bg p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.5;
}

.rev-bg svg {
    margin: 0 0 8px;
    fill: #dddddd;
}

.rev-flex {
    display: -webkit-box;
    display: flex;
    align-items: center;
}

.rev-flex .cus-logo {
    flex-shrink: 0;
    height: 55px;
    width: 55px;
    background: #f5f5f5;
    border-radius: 100%;
    margin: 0 10px 0 0;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.rev-flex .cus-logo img {
    min-height: 55px;
    object-fit: cover;
}

.rev-flex .cl-names {
    word-break: break-word;
}

.cl-names h2 {
    font-size: 15px;
    font-weight: 500;
}

.cl-names p {
    margin: 2px 0 0;
    font-size: 12px;
    color: #666;
}

.wp-sec-six .now-app-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(220 245 244 / 20%);
    border-radius: 20px;
}

.all-option {
    text-align: center;
}

.all-option svg.Polaris-Icon__Svg {
    height: 1.3rem;
    width: 1.3rem;
    fill: #fff;
}

.wp-sec-two .js-title-page p {
    max-width: 600px;
}

.digital-why-choose {
    margin-bottom: 80px;
}

.digital-why-choose .static-icon-left {
    transform: rotate(180deg);
}

.digital-why-choose .js-title-page h2 {
    text-align: left;
}

.secnd-choose-line {
    border-left: 5px solid #3895FD;
    padding-left: 15px;
    margin: 0 0 20px 10px;
}

.secnd-choose-line:last-child {
    margin-bottom: 0;
}

.choose-sub-left {
    max-width: 550px;
}

.chooseimg {
    display: block;
    margin-left: auto;
}

.align-self-center {
    align-self: center;
}

.digital-mar-new .wp-sec-two .shape-effect.overview-shape-one.btm-left {
    right: 50px;
    left: auto;
    bottom: 5%;
    top: auto;
}

.digital-slider.we-use-symbole {
    z-index: 1;
    padding-top: 0;
}

.digital-slider .js-title-page p {
    text-align: center;
    max-width: 800px;
}

.digital-slider .item-iImg {
    height: 50px;
    object-fit: scale-down;
    object-position: center;
    border: 1px solid #ccc;
    border-radius: 100px;
    width: 50px;
    padding: 7px;
    margin: 0 auto 10px;
}

.digital-slider .item-iImg img {
    height: 34px;
    width: 34px;
    padding: 0;
    border: none;
    margin: 0;
    border-radius: 0;
}

/* web design page 2.0  */
.webDesign-stats .bx-shadow-img {
    background: #6197ed;
}

.portfolio-new {
    margin-bottom: 80px;
}

.portfolio-new .js-title-page {
    margin-bottom: -10px;
    text-align: center;
}

.port-slide {
    width: 100%;
    overflow: hidden;
}

.port-slide .port-li-slide {
    flex: 0 0 33.3333%;
    padding: 50px 15px;
}

.port-slide .li-slide-div {
    box-shadow: 0 10px 30px 10px rgb(11 34 56 / 10%);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgb(0 0 0 / 10%);
    position: relative;
}

.port-slide .li-slide-div img {
    margin: 0 auto;
}

.port-slide .li-slide-div .port-abs-disc {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #3795ff;
    padding: 30px 30px 25px;
    transform: translateY(100%);
    transition: all 0.7s ease-in-out;
    opacity: 0;
}

.port-slide .li-slide-div:hover .port-abs-disc,
.port-slide .port-li-slide.slick-current .port-abs-disc {
    transform: translateY(0);
    opacity: 1;
}

.port-slide .port-abs-disc h3 {
    color: #fff;
    font-weight: 500;
    margin: 0 0 10px;
}

.port-slide .port-abs-disc h3 a {
    color: currentColor;
}

.port-slide .port-abs-disc p {
    color: #fff;
    margin: 0 0 15px;
    font-weight: 300;
    font-size: 15px;
}

.port-slide .port-abs-disc .port-tags li {
    padding: 5px;
    color: #fff;
    font-weight: 100;
    border: 1px solid rgb(255 255 255 / 70%);
    margin: 0 5px 5px;
    font-size: 13px;
    border-radius: 4px;
}

.port-slide .port-abs-disc .port-tags {
    margin: 0 -5px;
}

.port-slide .slick-arrow {
    background-image: url('../img/rightarrow.png');
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 50px;
    border: 2px solid #374252;
}

.port-slide .slick-prev {
    left: 20px;
    transform: rotate(-180deg) translateY(50%);
}

.port-slide .slick-next {
    right: 20px;
}

.port-slide:not(.slick-initialized) .port-li-slide:nth-child(n+4) {
    display: none !important;
}

.webDesign-new .our-review {
    padding-top: 80px;
}

.mobileApp-follow {
    padding: 0 35px;
}

.mobileApp-work .js-title-page h2 {
    padding-bottom: 10px;
}

.mobileApp-work {
    background: #f2f2f2;
    padding-bottom: 80px;
    margin-bottom: 0;
}

.sExpert-logo {
    margin: 0 0 30px;
}

.sExpert-img img {
    height: 100%;
    object-fit: cover;
}

/* sExpert */
.whyecom_sp_store.sExpert-choose {
    background: transparent;
    padding-top: 0;
}

.sExpert-choose .whyecom_spstore_icon_box img,
.Ab-Page-new .whyecom_spstore_icon_box img {
    filter: invert(43%) sepia(83%) saturate(1029%) hue-rotate(192deg) brightness(101%) contrast(101%);
}

.sExpert-choose .whyecom_sp_store_cont1 .whyecom_spstore_continner_box,
.Ab-Page-new .whyecom_sp_store_cont1 .whyecom_spstore_continner_box {
    border-bottom: 1px solid #dee2e6;
}

/* About us page new */
.Ab-Page-new .digital-two {
    margin-bottom: 80px;
}

.Ab-slide-section {
    background-image: -webkit-linear-gradient(-90deg, hsl(229 100% 95% / 0.5) 70%, rgba(227, 232, 255, 0.04) 100%);
}

.Ab-slideS .js-title-page {
    padding-bottom: 15px;
}

.Ab-slide-Main {
    display: -webkit-box;
    display: flex;
    margin: -60px 0 0;
    flex: 1 1 auto;
    flex-wrap: wrap;
}

.Ab-slide-Main li {
    padding: 15px;
    width: 50%;
    flex: 1 1 50%;
}

.Ab-slide-Main li .Ab-sub-slide {
    position: relative;
    width: 100%;
}

.Ab-slide-Main li img {
    display: block;
    -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.Ab-slide-Main li .Ab-sub-slide:after {
    content: "";
    display: block;
    padding-bottom: 70%;
}

.Ab-slideS {
    margin: 0 0 65px;
}

.what-we-do .whyecom_spstore_continner_box h2 {
    font-size: 20px;
}

.what-we-do .ecom-m-b {
    margin-bottom: 70px;
}

.weDo-bg {
    background-image: -webkit-linear-gradient(90deg, hsl(229 100% 95% / 0.2) 70%, rgba(227, 232, 255, 0.04) 100%);
    margin: 0 0 80px;
    display: inline-block;
    width: 100%;
}

/* php development service page */
.framework_list .we-use-symbole.js-symbole {
    padding-bottom: 80px;
    padding-top: 0;
}


/* site 2.0 */

/* header */
body {
    padding-top: 92px;
}

body.index-template {
    padding-top: 0;
}

.index-template .header {
    background: transparent;
}

.index-template .header.sticky-fx {
    border-color: transparent;
}

.header.sticky-fx.fixed {
    background: #fff !important;
    border-color: #efefef;
}

.header .row {
    justify-content: space-between;
    position: relative;
}

.header .site-logo {
    align-self: center;
    text-align: left;
    padding: 0;
    padding: 15.5px 0 15.5px 15px;
    width: 171px;
}

.header .site-logo img {
    max-height: 45px;
    transition: 0.5s ease all;
}

.header.sticky-fx:not(.fixed) .site-logo img {
    max-height: 60px;
}

.container {
    padding: 0;
}

.site-i-menu>ul {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-i-menu>ul>li {
    line-height: 32px;
}

.site-i-menu ul li {
    position: static;
}

.site-i-menu ul li .site-link {
    font-size: 16px;
    padding: 24px 20px 30px;
    color: #333333;
    display: block;
    padding: 23.5px 1.225rem;
    position: relative;
    transition: all 0.3s linear;
}

/* .header.sticky-fx.fixed .site-i-menu ul li .site-link {padding: 17.5px 1.225rem;} */
/* .header.sticky-fx.fixed .site-logo, .header.sticky-fx.fixed .site-contact{padding: 10px 15px;} */
.site-i-menu ul li:hover .site-link {
    color: #3895fd;
}

.site-i-menu ul li i {
    position: absolute;
    right: 0;
    top: 48%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #707070;
}

.site-i-menu ul li i::before {
    content: '';
    border-left: 4px solid #374252;
    border-top: 4px solid #374252;
    border-radius: 3px;
    position: absolute;
    top: -5px;
    right: 0;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transform: rotate(-135deg);
}

.site-i-menu ul li:hover .site-link i::before {
    border-color: #3895fd transparent transparent #3895fd;
}

.site-contact {
    padding: 0;
    text-align: right;
    padding: 15.5px 15px 15.5px 0;
}

.site-contact .btn {
    height: 40px;
    line-height: 40px;
    font-weight: 500;
}

.site-contact .btn:hover {
    background: #1081ff;
}

.site-contact .btn svg {
    vertical-align: middle;
    margin-right: 12px;
}

/* menu */
.site-i-menu ul li .menu-level1 {
    position: absolute;
    width: calc(100% - 30px);
    height: auto;
    top: calc(100%);
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    text-align: left;
    background: linear-gradient(95.04deg, #FFFFFF 0.24%, #F8FCFF 101.82%);
    box-shadow: 0px 4px 15px rgb(0 0 0 / 8%);
    visibility: hidden;
    opacity: 0;
    transform: translateY(25px);
    transition: all .3s ease;
    padding-top: 32px;
    border-radius: 3px;
}

.site-i-menu ul li:hover .menu-level1 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.menu-row {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
}

.menu-row [class^="menu-col"] {
    position: relative;
    height: auto;
    width: 100%;
    padding: 0 40px 32px;
}

.menu-row [class^="menu-col"] ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.menu-row [class^="menu-col"] ul li {
    width: 33.33%;
    margin-top: 20px;
    line-height: 20px;
    padding: 0 15px;
}

.menu-row [class^="menu-col"] ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4B5563;
    transition: all 0.3s linear;
}

.menu-list-heading {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    color: #374252;
}

.menu-row:nth-child(even) .menu-list-heading {
    border-top: 1px solid #F2F2F2;
    padding-top: 32px;
}

.menu-row ul.social_menu li a {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 5%);
    border-radius: 12px;
    width: 100%;
    padding: 10px 15px;
}

.menu-row ul.social_menu li span {
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #374252;
}

.menu-row ul.social_menu li span img {
    margin-right: 15px;
}

.menu-row ul.social_menu li span+span>span:first-child {
    margin-bottom: 2px;
}

header .menu-level1 li:hover {
    background: transparent !important;
}

.menu-row [class^="menu-col"] ul li a:hover {
    color: #3795ff;
}

.link-icon-svg {
    display: none;
}

#sp_app_sidebar_logo .logo_bar {
    display: none;
}

/* breadcrumb */
.breadcrumbsp {
    padding: 15px 0;
}

ul.bredul {
    margin: 0 -11px;
}

.bredul li::after {
    content: "/";
}

/* main banner */
.site-main-swiper {
    position: relative;
    overflow: hidden;
    transition: all 0.2s linear;
    background: #F3F0F9;
    /*min-height: 672px;*/
}

.bg-color0 .site-main-swiper {
    background: #F3F0F9;
}

.bg-color1 .site-main-swiper {
    background: #e4d6ff;
}

.bg-color2 .site-main-swiper {
    background: #fcefdb;
}

.bg-color3 .site-main-swiper {
    background: #fcdbea;
}

.bg-color0 .header {
    background: #F3F0F9;
    border-color: #F3F0F9;
}

.bg-color1 .header {
    background: #e4d6ff;
    border-color: #e4d6ff;
}

.bg-color2 .header {
    background: #fcefdb;
    border-color: #fcefdb;
}

.bg-color3 .header {
    background: #fcdbea;
    border-color: #fcdbea;
}

.bg-color .header {
    background: #F3F0F9;
    border-color: #F3F0F9;
}

.site-slider-box {
    background: linear-gradient(245.66deg, #E5F0F4 0%, #CEE8F4 98.66%);
}

#bg-color-0 .site-slider-box [data-slick-index="0"] .site-slider-img {
    background: linear-gradient(245.66deg, #E5F0F4 0%, #CEE8F4 98.66%);
}

#bg-color-1 .site-slider-box [data-slick-index="1"] .site-slider-img {
    background: linear-gradient(215.91deg, #FFDBC6 10.66%, #FED5B8 23.94%, #FABC8F 66.9%, #F8AB7F 88.77%);
}

#bg-color-2 .site-slider-box [data-slick-index="2"] .site-slider-img {
    background: linear-gradient(180deg, #C5F9BD 0%, #8CCF81 100%);
}

#bg-color-3 .site-slider-box [data-slick-index="3"] .site-slider-img {
    background: radial-gradient(50% 50% at 50% 50%, #00C2FF 0%, #69DBFF 100%);
}

#bg-color-4 .site-slider-box [data-slick-index="4"] .site-slider-img {
    background: radial-gradient(97.71% 146.57% at 100% 100%, #3099FA 0%, #3A99F1 25%, #62B2FD 51.04%, #A9D3FA 76.04%, #C5E3FF 100%);
}

#bg-color-5 .site-slider-box [data-slick-index="5"] .site-slider-img {
    background: radial-gradient(100% 150% at 100% 53.02%, #F3F0F9 0%, #F3F0F9 22.4%, #F3F0F9 49.48%, #F3F0F9 79.69%, #F8F8F8 100%);
}

.site-banner-container {
    max-width: 1200px;
    margin: 0 auto;
}

.site-hero-banner {
    /*height: 100%;min-height: 672px;*/
    height: calc(100vh - 160px);
    padding-bottom: 60px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    position: relative;
    z-index: 999;
    max-width: none;
    margin: 0;
    padding: 0;
}

.site-banner-txt {
    margin-top: -37px;
    position: relative;
    transition: all 0s ease-in-out;
}

.site-hero-banner .front-links {
    display: flex;
    font-size: 16px;
    margin: 0px -10px;
    font-weight: 500;
}

.site-hero-banner .front-links a {
    position: relative;
    transition: all .3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 36px 10px 10px;
    color: #374252;
}

.site-hero-banner .front-links span {
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.site-hero-banner h1 {
    font-weight: 500;
    font-size: 40px;
    line-height: 47px;
    color: #374252;
    margin: 0 0 10px 0;
    letter-spacing: -0.02em;
    padding-bottom: 31px;
    padding-top: 32px;
}

.site-hero-banner h1 strong {
    position: relative;
    font-weight: 600;
}

.site-hero-banner h1 strong.highlight {
    color: #3895FD;
    text-transform: uppercase;
}

.site-hero-banner h1 strong::before {
    content: '';
    background-color: #D6CDEA;
    position: absolute;
    bottom: 0;
    height: 23px;
    width: 100%;
    z-index: -1;
}

.site-hero-banner h1 strong.highlight::before {
    content: none;
}

.site-hero-banner .site-banner-img {
    transition: all .5s;
    text-align: center;
    position: relative;
    padding-left: 95px;
    margin-top: -22px;
}

.site-hero-banner .site-banner-img img {
    height: auto;
}

.site-TxtWrap {
    width: 49%;
}

.site-ImgWrap {
    width: 50%;
}

.site-banner-img span {
    overflow: hidden;
    display: none;
    transition: opacity 1500ms ease-out 0s;
    opacity: 1;
    animation: 1500ms ease-out 0s 1 normal forwards running fadeinelement;
}

@keyframes fadeinelement {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeinelement {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeinelement {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeinelement {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


.site-slider-box {
    position: relative;
}

.site-slider-portfolio {
    width: 100%;
    z-index: 1;
    overflow: hidden;
    height: calc(100vh - 87px);
}

.site-slider-portfolio .swiper-wrapper {
    overflow-x: hidden;
    z-index: 0;
}

.site-slider-portfolio {
    visibility: hidden;
}

.site-slider-portfolio.slick-initialized {
    visibility: visible;
}

.site-slider-txt {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
}

.site-slider-txt .front-links {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    margin: 0px -10px;
    font-weight: 500;
}

.site-slider-txt .front-links a {
    position: relative;
    transition: all .3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    color: #374252;
    text-align: center;
    width: 30%;
}

.site-slider-txt .front-links a:last-child {
    margin-right: 0;
}

.site-slider-txt .front-links span {
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.site-slider-txt h2 {
    font-weight: 500;
    font-size: 45px;
    line-height: 47px;
    color: #374252;
    margin: 0 0 10px 0;
    letter-spacing: 0;
    padding-bottom: 31px;
    padding-top: 32px;
}

.site-slider-txt h2 strong {
    position: relative;
    font-weight: 600;
}

.site-slider-txt h2 strong.highlight {
    color: #3895FD;
    text-transform: uppercase;
}

/* .site-slider-txt h2 strong::before {content: '';background-color: #D6CDEA;position: absolute;bottom: 0;height: 23px;width: 100%;z-index: -1;} */
.site-slider-txt h2 strong.highlight::before {
    content: none;
}

.site-slider-portfolio.slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    z-index: 10;
    cursor: pointer;
    border: 0;
    outline: none;
    font-size: 0;
    transform: translateY(-50%);
    border-radius: 50%;
    right: 20px;
    background: #3895FD;
    box-shadow: 0px 4px 14px rgba(74, 58, 255, 0.20);
    line-height: 0;
    text-align: center;
}

.site-slider-portfolio button.slick-next.slick-arrow::before {
    content: 'next';
    font-family: swiper-icons;
    font-size: 14px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: #fff;
    text-align: center;
    margin-left: 2px;
}

.site-slider-portfolio button.slick-prev.slick-arrow::before {
    content: 'prev';
    font-family: swiper-icons;
    font-size: 14px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: #fff;
    text-align: center;
    margin-right: 2px;
}

.site-slider-portfolio.slick-slider .slick-arrow.slick-prev {
    left: 20px;
    right: auto;
}

.site-TxtWrap {
    position: relative;
    z-index: 99;
}

.site-slider-img {
    position: relative;
    padding-bottom: calc(100vh - 87px);
}

.site-slider-portfolio .site-slider-img img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.site-slider-portfolio .site-slider-img img {
    object-position: right;
}

.site-slider-txt h2 strong::before {
    content: '';
    background-color: #D6CDEA;
    position: absolute;
    bottom: 0;
    height: 23px;
    width: 100%;
    z-index: -1;
}

/* contact details */
.site-banner-bottom {
    border-bottom: 1px solid #E0E0E0;
}

.site-banner-bottom .banner-bottom-container {
    max-width: 1200px;
    margin: 0 auto;
}

.contc-div {
    max-height: 87px;
    height: 87px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px 0 24px;
}

.contc-div ul {
    display: flex;
}

.contc-div li {
    display: inline-block;
    font-size: calc(13.66667px + .10417vw);
    color: #000;
    white-space: pre;
    margin: 0;
}

.contc-div li a {
    color: #374252;
    font-weight: 400;
}

.contc-div .left_links a {
    padding-left: 38px;
    background-position: 0;
    position: relative;
    min-height: 25px;
    display: inline-block;
    line-height: 25px;
    font-size: 16px;
    letter-spacing: -0.2px;
    transition: all .5s linear;
}

.contc-div .left_links a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
}

.contc-div .left_links a:hover {
    color: #3895FD;
}

.contc-div .left_links a.india:before {
    background-image: url(../img/ind.svg);
    background-position: center;
}

.contc-div .left_links a.skype:before {
    background-image: url(../img/skype.svg);
    background-position: center;
}

.contc-div .left_links a.gmail:before {
    background-image: url(../img/gmail.svg);
    background-position: center;
}

.contc-div .right_links a {
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: all .5s linear;
}

.contc-div .right_links a:hover {
    color: #3895FD;
}

.contc-div .left_links li+li {
    margin-left: 30px;
}

.contc-div .right_links li+li {
    margin-left: 16px;
}

/* heading */
.site-heading {
    margin-bottom: 46px;
}

.site-heading h2,
.site-heading .h2 {
    font-weight: 500;
    line-height: 1.2;
    text-transform: capitalize;
    position: relative;
    padding: 0 0 10px;
    letter-spacing: -0.01em;
    font-size: 30px;
}

.site-heading h2::after,
.site-heading .h2:after {
    content: '';
    background: linear-gradient(90deg, #3895FD 0%, rgba(255, 255, 255, 0) 90.94%);
    position: absolute;
    width: 204px;
    height: 2px;
    left: 0;
    bottom: 0;
}

.site-heading p {
    margin-top: 25px;
    letter-spacing: 0;
}

.site-heading h2 a,
.site-heading .h2 a {
    text-align: right;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #3895FD;
    padding: 5px 0 13px 0;
    display: inline-block;
    float: right;
}

.site-heading h2 a.btn,
.site-heading .h2 a.btn {
    color: #ffff;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    line-height: 32px;
}

.site-heading.other_heading {
    margin-bottom: 28px;
}

.site-heading.other_heading h2::after {
    content: none;
}

.site-heading.other_heading span.subhead {
    font-weight: 600;
    font-size: 16px;
    line-height: 152%;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #374252;
    margin-bottom: 10px;
    display: block;
}

.sitehead_btns {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin-right: 0;
}

.sitehead_btns .site-heading {
    width: 100%;
}

.sitehead_btns .swiper-buttons {
    width: 10%;
    margin-right: 0;
    margin-top: auto;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
}

.txt_btns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.swiper-button-next,
.swiper-button-prev {
    position: unset;
    transform: unset;
    margin-top: 0;
    width: 40px;
    height: 40px;
    left: 56px;
    top: 0px;
    background: #3895FD;
    box-shadow: 0px 4px 14px rgb(74 58 255 / 20%);
    border-radius: 100%;
    margin-left: 15px;
    min-width: 40px;
}

.swiper-button-prev {
    margin-left: 0;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 12px;
    color: #FFF;
}

/* recent work */
.site-recent-work {
    padding: 80px 0 20px;
    position: relative;
}

.site-recent-work::before {
    content: '';
    background-image: url(../img/rocket.svg);
    background-repeat: no-repeat;
    width: 160px;
    height: 160px;
    position: absolute;
    right: 0;
    top: 43px;
}

.site-recent-container {
    padding-left: calc((100% - 1200px)/2);
}

.recent-work-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.recent-work-studies {
    width: 18.7%;
    padding: 0;
}

.recent-work-studies ul li h3 {
    font-weight: 600;
    font-size: 56px;
    line-height: 66px;
    color: #3895FD;
}

.recent-work-studies ul li span {
    font-size: 16px;
    line-height: 19px;
    color: #4B5563;
}

.recent-work-studies ul li+li {
    margin-top: 55px;
    margin-bottom: 30px;
}

.recent-work-slider {
    width: 81.3%;
    overflow: hidden;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.site-recent-work .swiper-grid-column>.swiper-wrapper {
    flex-direction: row;
}

.recent-item {
    margin-bottom: 32px;
    margin-top: 0 !important;
}

.recent_img {
    margin-bottom: 16px;
    border-radius: 20px;
    box-shadow: 2.5px 4.33px 13px rgb(0 0 0 / 28%);
}

.recent_img img {
    width: 100%;
    border-radius: 20px;
    height: auto;
}

.recent_txt h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.recent_txt h4 a {
    color: #374252;
}

.recent_txt h4 a:hover {
    color: #3795ff;
}

.recent_txt span {
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    font-weight: 500;
    display: block;
    padding-top: 8px;
}

/* service */
.site-goal {
    padding: 30px 0 30px;
}

.site-goal .container {
    padding: 0;
}

.goal_services .goal_wrap {
    display: flex;
    flex-wrap: wrap;
    padding-top: 9px;
}

.goal_services .goal_wrap .goal_item {
    width: 25%;
    text-align: center;
    margin-bottom: 57px;
}

.goal_img {
    width: 200px;
    height: 200px;
    position: relative;
    margin: auto;
    display: flex;
    margin-bottom: 37px;
    background-color: #E6FCFF;
    border-radius: 100%;
}

.goal_img img {
    max-height: 100px;
    margin: auto;
    transition: all 0.5s linear;
    /*transform: scale(0.9)*/
}

.goal_img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 7px;
    top: 6px;
    border-radius: 100%;
    border: 1px dashed #00D8FF;
    transition: all 0.5s linear;
}

.goal_img:hover img {
    /* transform: scale(1);  */
    transform: rotateY(360deg);
}

.goal_img:hover::before {
    left: -7px;
    top: -6px;
    animation: 2s counterclockwise infinite;
}

.goal_txt h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.01em;
}

@keyframes counterclockwise {
    0% {
        top: -5px;
        right: 0;
    }

    12% {
        top: -2px;
        right: 2px;
    }

    25% {
        top: 0;
        right: 5px;
    }

    37% {
        top: 2px;
        right: 2px;
    }

    50% {
        top: 5px;
        right: 0;
    }

    62% {
        top: 2px;
        right: -2px;
    }

    75% {
        top: 0;
        right: -5px;
    }

    87% {
        top: -2px;
        right: -2px;
    }

    100% {
        top: -5px;
        right: 0;
    }
}

/* capacity */
.site-our-capacity {
    padding: 50px 0 60px;
    overflow: hidden;
}

.capa_container {
    padding-left: calc((100% - 1200px)/2);
}

.site-our-capacity .site-heading p {
    max-width: 80%;
}

.capa_container .site-heading .swiper-buttons {
    margin-bottom: 0;
}

.our_capa_box {
    overflow: hidden;
}

.our_capa .our_capa_box {
    display: flex;
    flex-wrap: wrap;
}

.our_capa .our_capa_box .our_capa_item {
    width: calc(25% - 24px);
    text-align: center;
    padding: 25px;
    background: rgba(56, 149, 253, 0.05);
    border-radius: 16px;
    transition: all .3s linear;
    cursor: pointer;
}

.capacity_img {
    width: 64px;
    height: 64px;
    position: relative;
    margin: auto;
    display: flex;
    margin-bottom: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
    border-radius: 60px;
}

.capacity_img img {
    max-height: 32px;
    margin: auto;
    transition: all .3s ease-in-out;
}

.capacity_txt h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    padding: 0 24px;
    transition: all .3s ease-in-out;
}

.capacity_txt p {
    font-size: 16px;
    line-height: 19px;
    color: #374252;
    margin-top: 17px;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all .3s ease-in-out;
}

.capacity_txt a {
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #3895FD;
    padding-top: 21px;
    display: inline-block;
    transition: all .3s ease-in-out;
}

.our_capa .our_capa_box .our_capa_item:hover {
    background: #3895FD;
    box-shadow: 0px 4px 20px rgb(8 66 132 / 16%);
}

.our_capa_item:hover .capacity_txt h4,
.our_capa_item:hover .capacity_txt p,
.our_capa_item:hover .capacity_txt a {
    color: #FFF;
}

/* why us */
.site-why-us {
    padding: 60px 0 70px;
    background-color: #F3F6FB;
    overflow: hidden;
}

.site-why-us .container {
    padding: 0;
}

.why-us-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -32px;
}

.whyitem {
    width: 33.33%;
    padding: 0 32px;
}

.whyitem img {
    margin-bottom: 26px;
}

.why_txt h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
}

.why_txt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin-top: 5px;
    padding-bottom: 9px;
    margin-bottom: 0;
}

.why_txt {
    padding-left: 19px;
    border-left: 4px solid #3895FD;
}

/* client */
.site-client-says {
    padding: 60px 0;
}

.site-client-says .container {
    padding: 0;
}

.client_box {
    display: flex;
    border-bottom: 2px solid #F2F2F2;
    padding-top: 10px;
    flex-wrap: wrap;
}

.client_item_in {
    display: flex;
    width: 63.2%;
    padding-bottom: 58px;
    flex-wrap: wrap;
    overflow: hidden;
}

.client_item {
    display: flex;
    flex-wrap: wrap;
}

.client_img {
    width: 17%;
    margin-right: 37px;
}

.client_img img {
    margin-bottom: 20px;
    border-radius: 8px;
}

.client_img p,
.client_img p a {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #374252;
    margin-bottom: 4px;
}

.client_img p a:hover {
    color: #3895FD;
}

.client_img span {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #4B5563;
}

.client_details {
    width: calc(83% - 37px);
    padding-right: 20px;
}

.client_details>img {
    margin-bottom: 18px;
    max-height: 40px;
    width: auto;
}

.client_details p {
    margin-bottom: 20px;
    line-height: 24px;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.client_details span {
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #333333;
    text-decoration: underline;
    text-underline-offset: 5px;
    display: flex;
    align-items: center;
    text-underline-position: under;
    text-decoration-color: #E0E0E0;
}

.client_details span img {
    margin-right: 17px;
}

.allClient_info {
    border-left: 1px solid #F2F2F2;
    padding-left: 112px;
    width: 36.8%;
    padding-bottom: 56px;
    padding-top: 19px;
}

.allClient_info>p {
    font-weight: 400;
    line-height: 21px;
}

.totalrating {
    display: flex;
    padding: 8px 16px;
    border: 2px solid #E0E0E0;
    margin-top: 24px;
}

.totalrating img {
    margin-right: 15px;
}

.rating_txt p {
    font-size: 16px;
    line-height: 19px;
    color: #374252;
    margin-bottom: 6px;
}

.rating_txt span {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #BDBDBD;
}

.rating_txt .rating_star {
    margin-bottom: 5px;
}

.rating_txt .rating_star span {
    font-size: 18px;
    line-height: normal;
    color: #E8731D;
    display: inline-flex;
    vertical-align: middle;
    margin-right: 5px;
}

.rating_txt .rating_star img {
    vertical-align: middle;
    margin-right: 0;
}

/* blog */
.recent-blogs {
    padding: 40px 0;
}

.recent-blogs .container {
    padding: 0;
}

.post-item .post-img {
    margin-bottom: 23px;
}

.post-item h3 {
    margin-bottom: 21px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #374252;
}

.blog_author_details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog_author_details span.time {
    justify-content: flex-end;
    font-size: 14px;
    line-height: 20px;
    color: #4B5563;
}

.blog_author {
    display: flex;
}

.blog_author span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #4B5563;
}

.author_img {
    margin-right: 10px;
}

.author_img img {
    max-height: 40px;
}

/* industry list  */
.site-industry-list {
    padding: 40px 0;
    overflow-x: hidden;
}

.site-industry-list .container {
    padding: 0;
}

.industry_box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40.5px;
}

.industry_box ul li {
    display: flex;
    align-items: center;
    width: 25%;
    margin-bottom: 42px;
    padding: 0 40.5px;
}

.industry_box ul li span {
    margin-right: 15px;
    min-width: 52px;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.industry_box ul li:hover span {
    -webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.industry_box ul li h4 {
    font-size: 16px;
    line-height: 19px;
    transition: all 0.3s linear;
}

.industry_box ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    transition: all 0.3s linear;
    color: #374252;
}

.industry_box ul li:hover a {
    color: #3895FD;
}

/* banner */
.help_bg {
    display: block;
}

.help_bg_a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.help_banner {
    background: linear-gradient(180deg, #4A96FC 0%, #2F80ED 49.48%, #0C5DCB 100%);
    border-radius: 24px;
    padding: 84px 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.help_left_txt h2 {
    font-weight: 700;
    font-size: 100px;
    line-height: 118px;
    color: #fff;
    margin-bottom: 16px;
}

.help_left_txt h2 span {
    margin-left: 16px;
}

.help_left_txt p {
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
}

.help_right {
    position: relative;
}

span.circle {
    background: #56CCF2;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    display: block;
    z-index: 0;
    position: absolute;
    top: calc(-50% - 9px);
    text-align: center;
    margin: 0 auto;
    left: 9px;
    right: 0;
}

span.circle::before,
span.circle::after {
    content: '';
    border: 1px solid #374252;
    width: 170px;
    height: 120px;
    position: absolute;
    top: -6px;
    left: -22px;
    border-radius: 100%;
    right: 0;
    margin: 0 auto;
}

span.circle::after {
    bottom: 0;
    top: auto;
    right: -15px;
    left: auto;
}

a.btn-connect {
    min-width: 301px;
    width: auto;
    border: 0;
    background: #FFFFFF;
    border-radius: 12px;
    display: block;
    color: #374252;
    font-weight: 700;
    font-size: 24px;
    line-height: 42px;
    padding: 16px 32px;
    position: relative;
    z-index: 2;
}

a.btn-connect img {
    padding-left: 24px;
}

a.btn-connect:hover {
    background: #3895fd;
    color: #fff;
}

a.btn-connect:hover img {
    filter: invert(1);
}

.sh_app_hbanner .help_left_txt h2 {
    font-size: 70px;
    line-height: 90px;
    margin-bottom: 0;
}

.sh_app_hbanner .help_banner {
    padding: 60px 80px;
}

/* footer */
.footer {
    background: #0B0D17;
}

.footer .footer-top {
    padding: 50px 0 0;
}

.footer-top .container {
    padding: 0;
}

.footer_logo {
    margin-bottom: 50px;
    padding: 0 15px;
}

.footer_logo a img {
    max-height: 60px;
    width: auto;
}

.footer h6 {
    font-size: 18px;
    line-height: 26px;
    color: #F2F2F2;
}

.footer .ft-links ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #BDBDBD;
    letter-spacing: 0;
}

.ft-links {
    width: 22%;
    padding: 0 15px;
}

.ft-links ul li>span {
    display: block;
    font-weight: 400;
    font-size: 13.883px;
    line-height: 18px;
    color: #BDBDBD;
}

.ft-links.ft-explore {
    width: 16%;
}

.ft-links.ft-techlink {
    width: 17%;
}

/* .ft-links.ft-services {width: 22%;}
.ft-links.ft-shopiserv {width: 23.5%;} */
.footer .ft-links.ft-sociallink ul {
    margin-top: 22px;
}

.footer .ft-links.ft-sociallink ul li {
    margin-bottom: 8px;
}

.footer .ft-links ul {
    margin-top: 17px;
}

.footer .ft-links ul li {
    margin-bottom: 8px;
    word-break: break-word;
}

.ft-links ul li>span img {
    padding-right: 14px;
}

.f-divider {
    padding-top: 45px;
    margin-bottom: 45px;
}

/* .f-divider-2 {padding-top: 43px;margin-bottom: 45px;border-bottom: 1px solid #ccc;} */
.f-address {
    grid-gap: 60px;
}

.f-address .f-address-i {
    width: calc(25% - 45px);
    padding: 0 15px;
}

.footer .f-address h4 {
    margin: 0 0 22px;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #F2F2F2;
    letter-spacing: 0;
}

.f-address li {
    margin-bottom: 8px;
}

.f-address span {
    float: none;
    font-size: 13.883px;
    line-height: 18px;
    font-weight: 400;
}

.f-address span img {
    padding-right: 14px;
}

.footer_badges {
    margin-bottom: 0;
}

.footer_badges .container {
    padding: 0;
}

.container-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 9px;
    padding-bottom: 34px;
    border-bottom: 1px solid #ccc;
}

.sp_badges {
    margin-right: 34px;
}

.footer .ft-social {
    padding: 0;
}

.footer .ft-social li a {
    color: #fff;
    display: flex;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
}

.footer .ft-social li a:hover {
    border-color: #3895fd;
    color: #3895fd;
}

.footer .footer-bottom {
    background: #0b0d17;
    padding-bottom: 50px;
}

.footer .footer-bottom .container {
    padding: 0;
}

.copyright_text {
    padding: 0 15px;
}

.social_text_bottom {
    padding: 0 15px;
}

.social_text_bottom a,
.footer .footer-bottom p {
    font-weight: 400;
    font-size: 13.883px;
    line-height: 22px;
    color: #BDBDBD;
    display: block;
    margin: 8px 0 5px;
}

.hire-sp-dv-faq {
    background-color: #F6F8FF;
    padding: 80px 0;
}

.hire-sp-dv-faq h3 {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 50px;
    font-weight: 500;
}

.hire-sp-dv-faq h3 span::after {
    content: "";
    position: absolute;
    top: 100%;
    width: 90%;
    height: 2px;
    background: #3895FD;
    left: 0;
    right: 0;
    margin: 5px auto 0;
    z-index: inherit;
    border-radius: 5px;
    text-align: center;
}

.hire-sp-dv-faq h3 span {
    position: relative;
    text-align: center;
    display: inline-block;
}

.sub-faq-dv ul li {
    margin-bottom: 10px;
}

.tgl-heading {
    background: #FFF;
    border-bottom: 0;
}

.tglcontn-faq {
    border-top: 1px solid #f3f3f3;
    background-color: #fff;
}

.tgl-heading span::after {
    color: #FFF;
    background-color: rgba(56, 149, 253, 0.5);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
}

.php_deve_expertise .right-planing-div a {
    color: #fff;
}

.php_deve_expertise .right-planing-div ul li {
    margin: 0;
    color: #fff;
}

.moreless-button {
    text-decoration: underline;
}

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess,
.addReadMore.showmorecontent .readMore {
    display: none;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
}

.addReadMore .readMore,
.addReadMore .readLess {
    margin-left: 2px;
    cursor: pointer;
}

.expanded-content {
    padding: 0 10px;
    cursor: pointer;
    display: inline-block;
}

.readMore {
    display: inline-block;
    text-align: center;
}

.our_expo .js-title-page p {
    max-width: 800px;
}

@media only screen and (min-width: 992px) {

    .close-icon,
    #menu-icon {
        display: none;
    }

    .header .c-mask {
        display: none;
    }

    .ft-subsidaries {
        display: none;
    }

    .m-click-xs {
        display: none;
    }

    .menu-row .menu-col ul.visible-xs {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .site-recent-work .swiper-slide {
        height: calc((100% - 40px) / 2);
        transition: .3s all;
    }
}

@media only screen and (max-width: 1230px) {
    .container {
        padding: 0 15px;
    }

    .header .row,
    .site-banner-bottom .banner-bottom-container,
    .site-goal .container,
    .site-our-capacity .container,
    .site-why-us .container,
    .site-client-says .container,
    .recent-blogs .container,
    .site-industry-list .container,
    .footer-top .container,
    .footer_badges .container,
    .footer .footer-bottom .container,
    .site-banner-container,
    .sitehead_btns {
        padding: 0 15px;
    }

    .header .site-logo {
        padding-left: 0;
    }

    .site-contact {
        padding-right: 0;
    }

    .header.sticky-fx.fixed .site-logo,
    .header.sticky-fx.fixed .site-contact {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 1366px) {

    /* slider */
    .site-slider-portfolio .site-slider-img img {
        object-position: 60%;
    }

    .sitehead_btns .swiper-buttons {
        margin-right: 0;
    }

    .site-hero-banner h1 {
        font-size: 36px;
        line-height: 42px;
    }

    .site-slider-txt h2 {
        font-size: 36px;
        line-height: 42px;
    }

    .recent-work-wrap,
    .our_capa {
        padding-left: 15px;
    }

    .client_item_in {
        width: 67.2%;
    }

    .allClient_info {
        padding-left: 50px;
        width: 32.8%;
    }
}

@media only screen and (max-width: 1199px) {
    body {
        padding-top: 92px !important;
    }

    body.index-template {
        padding-top: 0 !important;
    }

    .header .row {
        margin: 0;
        padding: 0;
    }

    .site-banner-container,
    .site-banner-bottom .banner-bottom-container {
        max-width: 960px;
    }

    .site-goal,
    .site-our-capacity,
    .site-why-us,
    .site-client-says,
    .recent-blogs,
    .site-industry-list {
        padding: 30px 0;
    }

    .site-recent-work {
        padding: 50px 0 30px;
    }

    /* heading */
    .site-heading h2,
    .site-heading .h2 {
        font-size: 25px;
    }

    .site-heading p {
        font-size: 16px;
        margin-top: 15px;
    }

    .site-goal .site-heading p,
    .site-our-capacity .site-heading p,
    .site-client-says .site-heading p,
    .site-industry-list .site-heading p {
        margin-top: 15px;
    }

    .sitehead_btns {
        max-width: 960px;
        margin: 0 auto;
    }

    .sitehead_btns .swiper-buttons {
        margin-top: 0;
    }

    /* banner */
    .site-hero-banner h1 {
        font-size: 31px;
        line-height: 40px;
    }

    .site-slider-txt h2 {
        font-size: 31px;
        line-height: 40px;
    }

    .contc-div .left_links a,
    .contc-div .right_links a {
        font-size: 16px;
    }

    .contc-div .left_links li+li {
        margin-left: 10px;
    }

    /* recent work */
    .swiper-wrapper {
        margin: 0;
    }

    .site-recent-container {
        padding: 0 15px;
    }

    .site-recent-work::before {
        top: 0;
    }

    .recent-work-studies ul li h3 {
        font-size: 40px;
        line-height: 56px;
    }

    .recent-work-studies ul li+li {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .recent-work-wrap {
        max-width: 960px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* capacity */
    .our_capa {
        max-width: 960px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .capa_container {
        padding: 0 15px;
    }

    /*  our goal */
    .goal_img {
        width: 150px;
        height: 150px;
        margin-bottom: 15px;
    }

    .goal_img img {
        max-height: 75px;
        transition: all 0.5s linear;
    }

    .goal_services .goal_wrap .goal_item {
        margin-bottom: 30px;
    }

    .goal_txt h4,
    .capacity_txt h4,
    .site-heading h2 a,
    .site-heading .h2 a {
        font-size: 18px;
        line-height: 24px;
    }

    /*  why  */
    .why_txt h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .why-us-box {
        margin: 0 -15px;
    }

    .whyitem {
        padding: 0 15px;
    }

    /* client  */
    .help_left_txt p {
        font-size: 16px;
        line-height: 24px;
    }

    .allClient_info {
        padding-left: 50px;
    }

    /* client */
    .client_item_in {
        width: 100%;
        order: 2;
    }

    .allClient_info {
        width: 100%;
        order: 1;
        padding-left: 0;
        border-left: 0;
    }

    .client_img {
        width: 100%;
        display: flex;
        margin: 0 0 20px;
        align-items: center;
    }

    .client_img img {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .client_details {
        width: 100%;
    }

    .client_box {
        padding-top: 0;
    }

    /* indstry */
    .industry_box ul {
        margin: 0 -15px;
    }

    .industry_box ul li {
        padding: 0 15px;
    }

    /* help banner */
    .help_left_txt h2 {
        font-size: 80px;
        line-height: 90px;
    }

    .sh_app_hbanner .help_left_txt h2 {
        font-size: 60px;
        line-height: 80px;
    }

    a.btn-connect {
        min-width: 90px;
        font-size: 20px;
        line-height: 20px;
        padding: 16px;
    }

    a.btn-connect img {
        max-height: 30px;
    }

    span.circle {
        width: 150px;
        height: 150px;
    }

    span.circle::before,
    span.circle::after {
        width: 140px;
        height: 100px;
    }

    /* footer */
    .f-address {
        grid-gap: 20px;
        padding: 0 15px;
    }

    .f-address .f-address-i {
        width: calc(25% - 15px);
        padding: 0;
    }
}

@media only screen and (max-width: 991px) {
    body {
        padding-top: 81px !important;
    }

    .index-template .header {
        background: transparent;
    }

    .index-template .header.sticky-fx {
        background: transparent;
    }

    .menu-row .menu-col ul.hidden-xs {
        display: none;
    }

    /* container */
    .m-click-desktop {
        display: none;
    }

    .recent-work-wrap,
    .our_capa {
        max-width: 750px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .sitehead_btns {
        max-width: 750px;
        margin: 0 auto;
    }

    .site-banner-container {
        max-width: 750px;
        margin: 0 auto;
    }

    /* menu */
    .header .site-logo {
        padding: 10px 0;
    }

    .header.sticky-fx.fixed .site-logo,
    .header.sticky-fx.fixed .site-contact {
        padding: 10px 0;
    }

    .header .site-i-links {
        position: fixed;
        top: 0;
        left: calc(-100%);
        width: calc(100% - 30px);
        height: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        overflow-y: auto;
        max-width: 100%;
        opacity: 0;
        visibility: hidden;
        padding: 0;
        background: #ffffff;
        transition: all 0.3s ease;
        z-index: 999;
    }

    .header .site-i-links.open {
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    a.close-icon {
        text-align: right;
        display: block;
        padding: 15px;
    }

    a.close-icon svg {
        fill: #374252;
        vertical-align: middle;
    }

    #menu-icon {
        width: 40px;
        height: 40px;
        float: left;
        margin: 0 12px;
        padding: 12px 7px;
        cursor: pointer;
    }

    #menu-icon span {
        width: 100%;
        height: 2px;
        background: #000;
        display: block;
    }

    #menu-icon span:nth-child(2) {
        margin: 5px 0;
    }

    .header .c-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 998;
    }

    .header .c-mask.show {
        opacity: 1;
        visibility: visible;
    }

    .site-i-menu ul li .menu-level1 {
        opacity: 1;
        visibility: visible;
        width: 100%;
        float: left;
        position: relative;
        transform: none;
        transition: none;
        display: none;
        box-shadow: none;
        border-top: none;
        background: transparent;
        padding: 1px 0;
    }

    .site-i-menu {
        padding-top: 20px;
    }

    .site-i-menu>ul {
        text-align: left;
        flex-wrap: wrap;
    }

    .site-i-menu ul li {
        width: 100%;
        position: relative;
        padding: 2px 0.625rem;
    }

    .site-i-menu ul li .site-link {
        font-size: 18px;
        padding: 11px 15px;
        border-bottom: transparent;
        position: relative;
        color: #374252;
        border-radius: 10px;
    }

    .site-i-menu ul li:hover .site-link {
        color: #374252;
        background-color: #f5f5f5;
    }

    .site-i-menu ul li i {
        padding: 24.5px 12px;
        position: absolute;
        right: 10px;
        top: 0;
        width: auto;
        text-align: right;
        z-index: 1;
        transform: none;
        font-size: 15px;
        cursor: pointer;
    }

    /* .site-i-menu ul li i::before {content: '';top: 50%;right: 17px;transform: rotate(-135deg) translate(0, 7px);transition: all 0.3s linear;border-left: 4px solid #ffffff;border-top: 4px solid #ffffff;}
    .site-i-menu ul li i.active::before{transform: rotate(-225deg) translate(0, 7px);right: 10px;border-color: #3895fd transparent transparent #3895fd;} */
    .site-i-menu ul li i::before {
        content: none;
    }

    .site-i-menu ul li i .menu-arrow {
        display: flex;
        align-items: stretch;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        margin-left: 5px;
        width: 11px;
        height: 11px;
    }

    .site-i-menu ul li i .menu-arrow:after {
        display: block;
        width: 100%;
        content: " ";
        --kt-text-muted: #374252;
        will-change: transform;
        background-size: 100% 100%;
        mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        background-color: #374252;
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--kt-text-muted%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    }

    #sp_app_sidebar_logo {
        padding: 15px 0 15px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        flex-shrink: 0;
        border-bottom: 1px dashed #c9c9c9;
    }

    #sp_app_sidebar_logo .logo_bar img {
        height: 54px;
    }

    #sp_app_sidebar_logo .logo_bar {
        display: block;
    }

    .menu-row:nth-child(even) .menu-list-heading {
        padding-top: 15px;
    }

    .site-contact {
        padding: 10px 0;
        text-align: right;
        display: flex;
    }

    .menu-row [class^="menu-col"] {
        padding: 15px;
    }

    .menu-row [class^="menu-col"] ul li {
        width: 100%;
        margin-top: 7px;
    }

    .menu-row [class^="menu-col"] ul.social_menu li {
        margin-bottom: 10px;
    }

    .menu-row [class^="menu-col"] ul li a {
        color: #374252;
    }

    .menu-list-heading {
        font-size: 16px;
    }

    .menu-row ul.social_menu li span {
        font-size: 13px;
    }

    .menu-row ul.social_menu li span img {
        margin-right: 20px;
    }

    .menu-row ul.social_menu li a {
        padding: 10px;
    }

    /* .header.sticky-fx.fixed .site-i-menu ul li .site-link{padding: 2px 15px;} */
    .link-icon-svg {
        display: inline-block;
        margin-right: 6px;
    }

    .link-icon-svg svg {
        vertical-align: middle;
    }

    span.link-icon-text {
        vertical-align: middle;
    }

    .link-icon-svg svg.svg-type1 {
        fill: #374252;
        stroke: #374252;
    }

    .link-icon-svg svg.svg-type2 {
        fill: none;
        stroke: #374252;
    }

    /* banner */
    .site-hero-banner {
        height: 100%;
        min-height: 517px;
    }

    .site-banner-txt {
        margin-top: 0;
    }

    .site-hero-banner h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .front-links a img {
        max-width: 60px;
        min-height: 60px;
        object-fit: cover;
    }

    .site-hero-banner .front-links a {
        margin: 0 10px;
    }

    .site-hero-banner .front-links span {
        font-size: 14px;
        line-height: 20px;
    }

    .site-banner-txt h1 {
        font-size: 25px;
        line-height: 30px;
        padding-top: 0;
    }

    .site-banner-txt .front-links a img {
        max-width: 60px;
        min-height: 60px;
        object-fit: cover;
    }

    .site-banner-txt .front-links span {
        font-size: 14px;
        line-height: 20px;
    }

    .site-slider-img {
        padding-bottom: calc(58.7916666667%);
    }

    .site-slider-portfolio .site-slider-img img {
        object-position: left;
    }

    .site-slider-portfolio {
        height: 100%;
    }

    /* banner bottom */
    .site-banner-bottom {
        display: none;
    }

    /* recent */
    .recent-work-studies,
    .recent-work-slider {
        width: 100%;
    }

    .recent-work-studies ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .recent-work-studies ul li {
        width: 25%;
    }

    /* industry */
    .industry_box ul li {
        width: 33.33%;
        margin-bottom: 20px;
    }

    /* help banner */
    .help_banner {
        padding: 50px 50px;
    }

    .help_left_txt h2 {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 5px;
    }

    .help_left_txt h2 span img {
        max-height: 60px;
    }

    span.circle {
        width: 120px;
        height: 120px;
        top: calc(-30% - 9px);
    }

    span.circle::before,
    span.circle::after {
        width: 110px;
        height: 80px;
    }

    .sh_app_hbanner .help_left_txt h2 {
        font-size: 45px;
        line-height: 60px;
    }

    .sh_app_hbanner .help_banner {
        padding: 50px 50px;
    }

    /* footer */
    .footer_logo {
        margin-bottom: 40px;
    }

    .ft-links,
    .ft-links.ft-explore,
    .ft-links.ft-techlink,
    .ft-links.ft-services,
    .ft-links.ft-shopiserv,
    .ft-links.ft-subsidaries {
        width: 33.33%;
    }

    .subsidaries {
        display: none;
    }

    .subsid_ul {
        display: none;
    }

    .footer h6 {
        font-size: 15px;
    }

    .footer .ft-links h6 {
        border-bottom: 0 !important;
    }

    .f-address .f-address-i {
        width: calc(50% - 15px);
    }

    .footer .social_texts .ft-social {
        justify-content: center;
    }

    .ft-links.ft-shopiserv br {
        display: none;
    }

    .f-divider {
        margin-bottom: 40px !important;
        padding-top: 20px;
    }

    .f-divider-2 {
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .social_texts {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .sp_badges {
        margin-right: 15px;
    }

    .sp_badges_box {
        justify-content: center;
        width: 100%;
    }

    .sp_badges img {
        width: auto;
        max-height: 60px;
    }

    .sp_badges.sp_badges1 img,
    .sp_badges.sp_badges2 img,
    .sp_badges.sp_badges3 img,
    .sp_badges.sp_badges4 img {
        width: 100%;
        max-width: 70px;
        min-height: 60px;
        object-fit: contain;
    }

    .footer .footer-bottom {
        padding-bottom: 20px !important;
    }

    .copyright_text,
    .social_text_bottom {
        width: 100%;
        text-align: center;
    }

    /* app page */
    .sp-app-development .spmain-title {
        max-width: 480px;
        font-size: 26px;
        margin-left: auto;
        margin-right: auto;
    }

    .sp-app-development .section-top img {
        margin-bottom: 15px;
        max-width: 70px;
    }

    header .header-contact {
        margin-left: auto;
        margin-right: 10px;
    }

}

@media only screen and (max-width: 767px) {
    .index-template .header.sticky-fx {
        box-shadow: none;
    }

    .container {
        padding: 0 15px;
    }

    /* menu */
    .header {
        padding: 0 !important;
    }

    #menu-icon {
        margin: 0 !important;
    }

    .site-contact .btn {
        display: none;
    }

    /* .site-i-menu ul li .site-link{padding: 2px 15px;} */
    /* banner */
    .site-hero-banner {
        flex-wrap: wrap;
        padding: 50px 0;
    }

    .site-TxtWrap,
    .site-ImgWrap {
        width: 100%;
    }

    .site-ImgWrap {
        margin-top: 30px;
    }

    .site-hero-banner .site-banner-img {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0;
    }

    .site-hero-banner .front-links a {
        margin: 0 5px;
        align-items: flex-start;
    }

    .site-slider-portfolio .site-slider-img img {
        position: relative;
    }

    .site-slider-img {
        padding-bottom: 0;
    }

    .site-slider-txt {
        position: relative;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        padding: 20px 0;
        display: none;
    }

    .site-slider-txt .front-links {
        display: none;
    }

    .site-banner-txt h1 {
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: 25px;
    }

    /* .site-slider-portfolio.slick-slider .slick-arrow{transform: translateY(calc(-50% - 65px));} */
    /* heading */
    .site-heading {
        margin-bottom: 20px;
    }

    .sitehead_btns,
    .recent-work-wrap,
    .our_capa {
        padding: 0;
    }

    .sitehead_btns .swiper-buttons {
        width: 100%;
        justify-content: flex-start;
    }

    .capa_container .site-heading .swiper-buttons {
        width: auto;
        margin-top: 0;
    }

    /* recent */
    .site-recent-container {
        padding: 0 0 0 15px;
    }

    .site-recent-container .sitehead_btns {
        padding-right: 15px;
    }

    .site-recent-work {
        overflow: hidden;
    }

    .site-recent-work::before {
        top: -40px;
        right: -60px;
    }

    .recent-work-studies {
        margin-bottom: 15px;
        padding-right: 15px;
    }

    .recent-work-studies ul li {
        width: 50%;
    }

    .recent_txt h4 {
        font-size: 20px;
        line-height: 24px;
    }

    .recent-item {
        margin-bottom: 25px;
    }

    .recent-work-studies ul li+li {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* goal */
    .goal_services .goal_wrap .goal_item {
        width: 50%;
        padding: 0 15px;
    }

    .goal_img {
        width: 100px;
        height: 100px
    }

    .goal_img img {
        max-height: 50px;
    }

    .goal_img::before {
        left: 3px;
        top: 3px;
    }

    /* capacity */
    .site-our-capacity .site-heading p {
        max-width: calc(100%);
    }

    .our_capa .our_capa_box .our_capa_item {
        padding: 25px 15px;
    }

    .capacity_txt h4 {
        padding: 0;
    }

    /* why */
    .whyitem {
        width: 100%;
        margin-bottom: 40px;
    }

    .whyitem img {
        width: 100%;
    }

    /* industry */
    .industry_box ul li {
        width: 50%;
    }

    .industry_box ul li h4,
    .industry_box ul li a {
        font-size: 15px;
    }

    /* help banner */
    .help_banner {
        flex-wrap: wrap;
        padding: 40px 30px 65px;
    }

    .help_left_txt {
        width: 100%;
        margin-bottom: 40px;
    }

    .help_right {
        margin: 0 auto;
    }

    .sh_app_hbanner .help_banner {
        padding: 40px 30px 65px;
    }

    .sh_app_hbanner .help_left_txt h2 {
        font-size: 40px;
    }

    .sh_app_hbanner .help_left_txt p {
        margin-bottom: 0;
    }

    /* footer */
    .f-address li {
        margin-bottom: 15px;
    }

    .footer .ft-links h6 {
        margin-bottom: 0 !important;
        cursor: pointer;
    }

    .footer .ft-links ul {
        margin-bottom: 20px !important;
    }

    .footer .f-divider {
        margin-bottom: 20px !important;
        padding-top: 10px;
    }

    .footer_logo {
        margin-bottom: 30px;
    }

    .ft-links.ft-shopiserv ul.subsid_ul {
        display: none !important;
    }

    .ft-links ul li>span {
        width: 100%;
        display: inline-flex;
    }


    .footer_badges .container {
        padding: 0 15px !important;
    }

    .ft-links,
    .ft-links.ft-explore,
    .ft-links.ft-techlink,
    .ft-links.ft-services,
    .ft-links.ft-shopiserv,
    .ft-links.ft-subsidaries {
        width: 100%;
    }

    /* app page */
    .sp-app-development .spmain-title {
        max-width: 400px;
        font-size: 22px;
    }

    .app-list-item p br {
        display: none;
    }

    .hire-sp-dv-faq {
        padding: 40px 0;
    }

    .hire-sp-dv-faq h3 {
        font-size: 23px;
    }


}

@media only screen and (max-width: 575px) {

    /* industry */
    .industry_box ul li {
        width: 100%;
    }

    .f-address .f-address-i {
        width: 100%;
    }

    .recent-posts .post-item h3 {
        font-size: 15px;
    }

    .footer .footer-bottom {
        padding-bottom: 70px !important;
    }

    /* app page */
    .sp-app-development .spmain-title {
        max-width: 400px;
        font-size: 20px;
    }
}

/* wix development */
.wix-development .js-portfolio {
    padding-top: 80px;
}

.wix-development .service-box figure {
    margin: 0 0 30px;
}

.wix-development .mobileApp-work,
.odoo-development .mobileApp-work {
    background: linear-gradient(180deg, #F6F8FF 0%, rgba(246, 248, 255, 0) 100%);
}

.wix-development .work-details-right>img,
.odoo-development .work-details-right>img {
    margin-bottom: 20px;
    border-radius: 10px;
}

.wix-development .work-details-left,
.wix-development .work-details-left img,
.odoo-development .work-details-left,
.odoo-development .work-details-left img {
    border-radius: 10px;
}

.wix-development .work-details-right h2 a,
.odoo-development .work-details-right h2 a {
    color: #374252;
}

.wix-development .work-details-right h2 a:hover,
.odoo-development .work-details-right h2 a:hover {
    color: #3895fd;
}

.highlight_word.digital-one-left h2 strong {
    display: inline-block;
    border: 2px dashed #3895fd;
    padding: 2px 15px;
    position: relative;
    font-weight: 500;
    text-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    color: #3895FD;
}

.highlight_word.digital-one-left h2 strong::before,
.digital-one-left h2 strong::after {
    content: '';
    background-color: #3895fd;
    width: 5px;
    height: 5px;
    position: absolute;
    left: -5px;
    top: -5px;
}

.highlight_word.digital-one-left h2 strong::after {
    content: '';
    right: -5px;
    left: auto;
}

.highlight_word.digital-one-left h2 strong u::before,
.digital-one-left h2 strong u::after {
    content: '';
    background-color: #3895fd;
    width: 5px;
    height: 5px;
    position: absolute;
    left: -5px;
    bottom: -5px;
}

.highlight_word.digital-one-left h2 strong u::after {
    content: '';
    right: -5px;
    left: auto;
}


/* odoo development */
.odoo-development .hire-sp-dv-faq {
    background-color: #fff;
    padding-top: 0;
}

.odoo-development .digital-why-choose {
    padding-top: 60px;
    padding-bottom: 60px;
}

.odoo-development .digital-two {
    background-image: -webkit-linear-gradient(-270deg, rgba(227, 232, 255, 1) 0%, rgba(227, 232, 255, 0) 100%);
    margin-top: 60px;
}

.odoo-development .digital-two .digital-infos {
    box-shadow: none !important;
    background-color: transparent;
    border: 0;
}

.odoo-development .digital-two .digital-infos .js-title-page {
    margin-bottom: 0px;
}

.odoo-development .digital-two-grid li {
    padding: 15px 15px;
}

.odoo-development .android-two {
    padding: 0px 0px 80px;
    background-image: none;
}

.odoo-development .js-sec-two {
    background-image: -webkit-linear-gradient(270deg, rgba(227, 232, 255, 1) 0%, rgba(227, 232, 255, 0) 100%);
    padding: 80px 0 130px;
}

/* full stack development */
.fullstrack-sec-one .container {
    padding-top: 60px;
}

.fullstrack-sec-one .text-right-div {
    max-width: 550px;
}

.fullstrack-sec-one .sec-one-abs {
    opacity: 0.4;
}

.fullstrack-sec-one .sec-one-abs {
    object-fit: cover;
    height: 100%;
}

.fullstrack-sec-one .text-left-div {
    max-width: 455px;
}

.fullstrack-sec-one h1 span {
    text-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    color: #3895FD;
}

.fullstrack-sec-one .text-left-div h1::after {
    background: linear-gradient(90deg, #3895FD 0%, rgba(255, 255, 255, 0) 90.94%);
    width: 200px;
}

.full-stack-div .wp-sec-two .service-list .service-box {
    background: #ffffff !important;
    box-shadow: 0px 2px 10px 0 rgb(13 52 79 / 9%);
    -moz-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    top: 0;
}

.full-stack-div .our-digital-benefit {
    background: #fafafa;
    margin-bottom: 130px;
}

.full-stack-div .js-sec-four {
    padding-top: 100px;
}

.full-stack-div .bx-shadow-img {
    background: #f1f1fa;
}

.full-stack-div .js-right-dec ul li .img-icon-top {
    background-image: linear-gradient(45deg, #004060 0, #00b1eb 51%, #d9e4eb 100%);
}

.full-stack-sec-four .service-box p {
    position: relative;
}

.full-stack-sec-four .service-box p:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 2px;
    content: "";
    background: #3795ff;
}

.full-stack-sec-four .service-box h3 {
    margin-bottom: 10px;
}

.fullstrack-sec-one {
    margin-bottom: 0;
}

.full-stack-sec-four .shape-effect.overview-shape-one.btm-left {
    right: 50px;
    left: auto;
    bottom: 5%;
    top: auto;
}

.fullstrack-sec-three {
    background: linear-gradient(to right, rgb(78 84 200 / 0%), #606cf71c);
}

.fullstrack-sec-three .js-title-page h2,
.fullstrack-sec-three .js-title-page p {
    color: #374252;
}

.fullstrack-sec-three .right-planing-div h3 {
    font-size: 20px;
    color: #374252;
}

.fullstrack-sec-three .right-planing-div p {
    color: #4B5563;
    font-size: 13px;
}

.fullstrack-sec-three .left-set-img {
    max-width: 450px;
    margin: 0 auto;
}

.fullstrack-sec-three .js-left-imgg img {
    margin-left: unset;
}

.fullstrack-sec-three .js-title-page span {
    text-shadow: 0 10px 10px rgb(0 0 0 / 15%);
    color: #3895FD;
}

.full-stack-div .our-review {
    background-color: #fafafa;
}


/* android development */
.android-app-div .digital-one {
    background-image: url(../img/android-app-banner-bg.png);
    padding: 120px 0px;
    border-bottom: unset !important;
}

.android-app-div .digital-one .digital-one-left h2 {
    position: relative;
    margin-bottom: 20px;
}

.android-app-div .digital-one .digital-one-left h2::after {
    background: linear-gradient(90deg, #3895FD 0%, rgba(255, 255, 255, 0) 90.94%);
    width: 200px;
    content: "";
    position: absolute;
    top: 100%;
    height: 2px;
    left: 0;
    right: 0;
    margin: 19px 0 0;
    border-radius: 5px;
}

.android-app-div .digital-one .digital-one-left p {
    padding-top: 20px;
}

.android-app-div .android-two {
    padding: 0px 0px 40px;
    background-image: none;
}

.android-app-div .our-digital-benefit {
    background: #fafafa;
    margin-bottom: 130px;
}

.android-app-div .our-digital-benefit .bx-shadow-img {
    background: -webkit-linear-gradient(-90deg, hsl(0deg 0% 100%) 0%, rgb(184 238 255) 100%);
}

.android-app-div .js-sec-four {
    background-image: none;
}

.android-app-div .js-sec-four.js-portfolio {
    padding-top: 80px;
    background: #fafafa;
}

.android-app-div .js-sec-four.js-portfolio .js-md-img img {
    box-shadow: unset;
}

.android-app-div .our-review {
    background: #ffffff !important;
    padding: 60px 0 0px;
}

.android-app-div .our-review .rev-bg {
    box-shadow: 0px 2px 10px 0 rgba(13, 52, 79, 0.09);
}

.android-app-div .mobileApp-work {
    background: #fafafa;
}

/* iphone */
.iphone-application .digital-one {
    background-image: url(../img/android-app-banner-bg.png);
    padding: 120px 0px;
    border-bottom: unset !important;
}

.iphone-application .js-sec-four.android-two {
    padding: 0px 0px 40px;
    background-image: none;
    background: none;
}

.iphone-application .our-digital-benefit {
    background: #fafafa;
    margin-bottom: 130px;
}

.iphone-application .our-digital-benefit .bx-shadow-img {
    background: #5699e8;
}

.iphone-application .js-portfolio {
    padding-top: 80px;
    background: #fafafa;
    background-image: none;
}

.iphone-application .js-md-img img {
    box-shadow: unset;
}

.iphone-application .our-review {
    background: #ffffff !important;
    padding: 60px 0 0px;
    margin-bottom: 10px;
}

.iphone-application .our-review .rev-bg {
    box-shadow: 0px 2px 10px 0 rgba(13, 52, 79, 0.09);
}

.iphone-application .mobileApp-work {
    background: #fafafa;
}

/* codeigniter */
.codeigniter-development .digital-one {
    background-image: url(../img/android-app-banner-bg.png);
    padding: 120px 0px;
    border-bottom: unset !important;
}

.codeigniter-development .digital-one .digital-one-left h2 {
    position: relative;
    margin-bottom: 20px;
}

.codeigniter-development .digital-one .digital-one-left h2::after {
    background: linear-gradient(90deg, #3895FD 0%, rgba(255, 255, 255, 0) 90.94%);
    width: 200px;
    content: "";
    position: absolute;
    top: 100%;
    height: 2px;
    left: 0;
    right: 0;
    margin: 19px 0 0;
    border-radius: 5px;
}

.codeigniter-development .digital-one .digital-one-left p {
    padding-top: 20px;
}

.codeigniter-development .our-digital-benefit {
    background: #fafafa;
    margin-bottom: 130px;
}

.codeigniter-development .js-sec-two {
    padding: 100px 0 130px 0;
    background-image: none;
}

.codeigniter-development .our-digital-benefit .bx-shadow-img {
    background: #6197ed;
}

.codeigniter-development .our-review {
    background: #ffffff !important;
    padding: 60px 0 0px;
}

.codeigniter-development .our-review .rev-bg {
    box-shadow: 0px 2px 10px 0 rgb(13 52 79 / 9%);
}

.codeigniter-development .js-sec-four {
    background-image: none;
    padding-top: 80px;
    background: #fafafa;
}

.codeigniter-development .js-sec-four .js-md-img img {
    box-shadow: unset;
}

/* page not found */
.page-not-found .digital-one-left h2.fornotfor-txt {
    font-size: 82px;
    margin-bottom: 10px;
}


/* portfolio list page */
.grid-sites {
    --minthumb: 557px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minthumb), 1fr));
    grid-auto-flow: row dense;
    padding-bottom: 30px;
    grid-gap: 30px;
    grid-row-gap: 40px;
    grid-column-gap: 116px;
}

.grid-sites li {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 40px;
}

.portfollover {
    position: relative;
    display: block;
    transition: all .3s;
}

.portfollover__link {
    display: block;
    position: relative;
    padding-bottom: 66.0682226212%;
}

.portfollover__file {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.portfollover__hover {
    position: absolute;
    top: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 1.6em 1.6em 1.5em;
    visibility: hidden;
    opacity: 0;
    color: #fff;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    transition: all .3s;
    pointer-events: none;
    box-sizing: border-box;
    border-radius: 10px;
}

.portfollover__row {
    margin-bottom: 0.2em;
    line-height: 120%;
    text-align: left;
}

.portfollover small {
    font-size: .666em;
}

.portfollover h3 {
    font-size: 1.2em;
    font-weight: 500;
    color: #fff;
}

.portfollover__right {
    display: flex;
    align-items: flex-end;
}

.portfollover__right * {
    pointer-events: all;
}

.portfollover__bts {
    display: flex;
    gap: 1em;
    margin-bottom: 0.3em;
}

.portfollover__bt {
    margin: auto;
}

.portfollover__bt svg {
    display: block;
    width: 1em;
    height: auto;
}

.portfollover__hover .portfollover__bt {
    pointer-events: auto;
}

.portfollover__hover svg {
    pointer-events: all;
    cursor: pointer;
}

.portfollover:hover .portfollover__hover {
    opacity: 1;
    visibility: visible;
}

.grid-sites li:nth-last-child(-n+2) {
    border-bottom: 0;
    padding-bottom: 0;
}

/* portfolio list page over */

/*
.portfolio_title{font-size: 50px;margin-top: 10px;margin-bottom: 20px;}
.portfolio-about {display: flex;margin: 20px 0;align-items: center;}
.portfolio-about a {text-align: center;width: 100%;}

.c-heading {width: 100%;}
.c-heading a {display: inline-flex;align-items: center;fill: #3895fd;color: #3895fd;}
.c-heading a svg {margin-left: 5px;}
.c-heading a:hover {fill: #374252;color: #374252;}
.c-heading span.text-default{text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 6px;}

.study-col {border-right: 1px solid #d1d1d1;margin-right: 20px;width: calc(20% - 16px);}
.study-col:last-child {border-right: 0;margin-right: 0;}
.study-label {font-weight: 500;font-size: 22px;}
.study-col a {text-decoration: underline;}

.horizontal-ul {display: flex;flex-wrap: wrap;margin-top: 30px;}
.horizontal-ul li{padding-bottom: 15px;list-style-type: square;list-style-position: inside;width: 33.33%;}
.verticle-ul {margin-top: 15px;}
.verticle-ul li {background: url('../img/js-right-arrow.png') no-repeat;background-repeat: no-repeat;background-size: 25px;background-position: left;text-align: left;color: #4B5563;letter-spacing: 0.2px;margin-bottom: 20px;position: relative;padding-left: 30px;}
.white-txt,.white-txt h4, .white-txt p{color: #fff;}
.white-txt .verticle-ul li {color: #fff;}
.white-txt .verticle-ul li {background: url('../img/c_arrow_w.png') no-repeat;}
.sol-content p b, .sol-content p strong{font-weight: 500;font-size: 20px;padding-top: 10px;display: block;}
.sol-content p {margin-bottom: 20px;}
.sol-content ol{list-style: decimal inside;}
.platform-logo-box {display: flex;flex-wrap: wrap;align-items: center;margin-top: 20px;}
.platform-logo-img{padding: 5px 20px;border-radius: 8px;border: 1px solid rgba(33, 43, 53, 0.1);height: auto;margin-right: 20px;display: flex;align-items: center;justify-content: center;min-height: 60px;background: #fff;}

.work-details section.portfolio-new {padding: 50px 0;background-color: #fff;margin: 0;}
.work-details section.portfolio-new img {border-radius: 24px;}
.site-heading.head-center {text-align: center;}
.site-heading.head-center h2::after {right: 0;margin: 0 auto;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 44.05%, rgba(255, 255, 255, 0) 90.94%);transform: matrix(1, 0, 0, -1, 0, 0);}
.site-heading.headr-white h2, .site-heading.headr-white p{color: #fff;}
.site-heading-content {display: flex;align-items: center;text-align: center;width: 100%}
.conve_item {width: 33.33%;}
.conve_item span {font-size: 42px;color: #fff;}
.conve_item p {color: #fff;}
.bg-blue-sec {background-color: #3895fd;padding: 50px;}
.cl-name .width25left a, .cl-name .width25left a img {border-radius: 10px;} 
.cl-worldw {padding: 58px 0 67px;}
.cl-worldw .wht-bg {border-radius: 10px;}
.cl-worldw .cl-name .width25left a, .cl-worldw .cl-name .width25left a img {border-radius: 10px;} */

/* portfolio detail page start */
.our-recent-section.work-details {
    padding: 0;
    background: #fff;
}

.work-banner {
    position: relative;
}

.work-details .work-banner::before {
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.thumb_box {
    padding-bottom: 36.4583333333%;
    position: relative;
}

.work-banner img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

.work-banner .work-text {
    width: 100%;
    position: absolute;
    padding: 0;
    top: auto;
    bottom: 40px;
    left: 0;
    transform: unset;
    max-width: 1200px;
    margin: 0 auto;
    right: 0;
    z-index: 3;
}

.work-banner .work-text h1 {
    color: #fff;
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.work-banner .work-text span {
    background-color: #3895fd;
    border-radius: 15px;
    display: inline-block;
}

.work-banner .work-text span a {
    color: #fff;
    display: inline-block;
    padding: 3px 15px;
}

.work-banner .work-text span:hover {
    background-color: #1081ff;
}

.site-about {
    padding: 70px 0;
    background: #f2f2f2;
}

.site-about-col-left {
    width: 25%;
    padding: 0 15px;
}

.site-about-col-right {
    width: 70%;
    padding: 0 15px;
}

.site-about-col-left p {
    font-size: 22px;
    font-weight: 500;
}

.site-about-col-right h4 {
    margin-top: 20px;
}

.site-skills {
    display: flex;
    margin-top: 5px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.site-skills li {
    border: 1px solid #ddd;
    border-radius: 25px;
    margin: 0 7px 0 0;
    padding: 2px 9px;
    font-size: 15px;
}

.screenshots-area {
    padding: 80px 0 0;
}

.carousel__viewport_wrap {
    display: flex;
    padding: 0 100px;
    position: relative;
}

.carousel__viewport_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100px;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 1) 100%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    height: 100%;
    width: 300px;
    z-index: 99;
}

.carousel__viewport_wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 1) 100%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    height: 100%;
    width: 300px;
    z-index: 99;
}

.carousel__viewport_item {
    width: 100%;
}

.carousel__viewport.swiper-container {
    overflow: hidden;
}

.carousel__viewport_item .swiper-wrapper {
    padding: 0 0px 80px;
}

.carousel__viewport_txt {
    width: 30%;
}

.carousel__viewport_item .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 200ms linear;
    transform: scale(0.8);
    box-shadow: 0 30px 60px -20px rgb(0 0 0 / 25%);
}

.carousel__viewport_item .swiper-slide.swiper-slide-active {
    transform: scale(1);
}

.carousel__slide {
    padding: 0px;
}

.carousel__slide img {
    box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);
    width: 100%;
}

.carousel__viewport_item .swiper-button-next,
.carousel__viewport_item .swiper-button-prev {
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-top: 0;
    color: #000;
    z-index: 999;
    transform: translateY(calc(-50% - 50px));
}

.carousel__viewport_item .swiper-button-next {
    right: 12.37404047453vw;
    left: auto;
}

.carousel__viewport_item .swiper-button-prev {
    left: 12.37404047453vw;
    right: auto;
}

.site-study-info {
    padding-bottom: 80px;
    margin-top: 40px;
}

.study-info-box {
    display: flex;
    margin: 0 -15px;
    justify-content: center;
}

.study-info-item {
    width: 20%;
    padding: 0 15px;
}

.study-info-in {
    background-color: #3895fd;
    text-align: center;
    padding: 25px 20px;
    border-radius: 6px;
    height: 100%;
}

.study-info-in p,
.study-info-in a {
    color: #fff;
}

.study-info-in a {
    text-decoration: underline;
    max-width: 100%;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.study-info-in p:not(.study-label) {
    margin-bottom: 0;
}

.testimonials {
    position: relative;
    overflow: hidden;
    background: #f8fafd;
    padding: 80px 0 117px;
}

.testimonial-wrapper {
    position: relative;
    z-index: 22;
    padding: 0 100px;
}

#testimonial {
    position: relative;
    border-radius: 10px;
    background: #fff;
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 60px 100px 0px rgb(79 35 35 / 10%);
    box-shadow: 0px 60px 100px 0px rgb(79 35 35 / 10%);
}

#testimonial .client-review-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 750px;
}

#testimonial .testimonial {
    text-align: center;
    margin: 0 auto;
    padding: 50px;
    position: relative;
}

#testimonial .testimonial .testimonial-content {
    max-width: 650px;
    margin: 0 auto 20px;
}

#testimonial .testimonial .testimonial-content p {
    line-height: 24px;
}

#testimonial .testimonial .bio-info .name {
    font-size: 20px;
    line-height: 32px;
    margin: 0;
}

#testimonial .testimonial-travel {
    border-radius: 20px;
    -webkit-box-shadow: 0px 50px 80px 0px rgba(13, 3, 31, 0.1);
    box-shadow: 0px 50px 80px 0px rgba(13, 3, 31, 0.1);
}

.testimonials .scroll-circle {
    position: absolute;
    bottom: -48%;
    z-index: 1;
}

.testimonials .scroll-circle {
    bottom: 35%;
    right: -133px;
}

.testimonial-wrapper .shape-shadow {
    border-radius: 10px;
    background-color: white;
    opacity: 0.4;
    -webkit-box-shadow: 0px 60px 100px 0px rgba(102, 74, 74, 0.2);
    box-shadow: 0px 60px 100px 0px rgba(102, 74, 74, 0.2);
    height: 100px;
    max-width: 54%;
    position: absolute;
    bottom: -30px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}

.testimonials::before {
    background-image: -webkit-linear-gradient(-90deg, hsl(229 100% 95% / 0.5) 0%, rgba(227, 232, 255, 0.15) 100%);
    background-position: top center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 0;
}

.testimonials .container {
    position: relative;
    z-index: 9;
}

/* .blog_tabs a.btn {background-color: #fff;color: #374252;border: 1px solid #374252;border-radius: 0;font-size: 14px;padding: 10px 15px;line-height: 14px;height: auto;min-width: unset;margin-right: 10px;display: inline-flex;margin-bottom: 10px;}
.blog_tabs {padding: 10px 0 20px;} */

/* portfolio detail page over */
.pagination-section {
    display: flex;
    max-width: fit-content;
    margin: 80px auto 50px;
    padding: 5px 10px;
    border-radius: 5px;
}

.portfolio_page.disable {
    pointer-events: none;
    opacity: .5;
}

.portfolio_page {
    padding: 4px 10px;
    border-radius: 5px;
}

.portfolio_page.active {
    background-color: #3795ff !important;
    color: #fff;
}

div#wave {
    position: absolute !important;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
}

.our-recent-section {
    position: relative;
}

div#wave {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    width: 100px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
}

div#wave .dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 3px;
    background: #3795ff;
    animation: wave 1.3s linear infinite;
}

div#wave .dot:nth-child(2) {
    animation-delay: -1.1s;
}

div#wave .dot:nth-child(3) {
    animation-delay: -0.9s;
}

@keyframes wave {

    0%,
    60%,
    100% {
        transform: initial;
    }

    30% {
        transform: translateY(-15px);
    }
}

.copyright_text,
.social_text {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.footer .ft-social {
    float: none;
    text-align: center;
    display: flex;
}

.sp-shopify-service-details {
    padding: 80px 0;
    background-image: -webkit-linear-gradient(139deg, #e7ebf466 0%, #ffffff66 100%);
}

.Shopify-sr-info {
    width: 100%;
}

.Shopify-sr-info .spmain-title {
    max-width: 800px;
    margin: 0 auto 7px;
    font-weight: 500;
}

.Shopify-sr-info .spdec-info-text {
    max-width: 960px;
}

.shopify-servicedetails-list ul li {
    padding: 20px;
    border-radius: 6px;
    background-color: #f4efff;
    border: 2px solid #e5dcfb;
    flex: 1;
}

.shopify-servicedetails-list ul {
    display: flex;
    gap: 10px;
    width: 100%;
}

.shopify-servicedetails-list ul li h4 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 5px;
}

.shopify-servicedetails-list ul li:nth-child(1) {
    background-color: #f0f8ff;
    border-color: #b5dcff;
}

.shopify-servicedetails-list ul li:nth-child(2) {
    background-color: #e8ffe0;
    border-color: #c2ffad;
}

.shopify-servicedetails-list ul li:nth-child(3) {
    background-color: #fff5e0;
    border-color: #f9e4b9;
}

.sp-shopify-service-list {
    margin-bottom: 0;
}

.sp-shopify-devser-list {
    position: relative;
    padding: 80px 0;
    background-image: -webkit-linear-gradient(266deg, #F6F8FF 0%, rgba(227, 232, 255, 0) 100%);
}

.wp-servicedetails-box {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.wp-servicedetails-box .service-box {
    box-shadow: 0px 8px 12px 0 rgb(13 52 79 / 9%);
    -moz-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    transition: all 0.2s ease-in-out, top 0.2s ease-in-out;
    top: 0;
    border: 1px solid #e7e7e7;
    background: linear-gradient(235deg, rgb(238 241 255) 0%, rgba(246, 248, 255, 0) 100%);
}

.sp-shopify-devser-list .wp-servicedetails-box:hover .service-box {
    top: -10px;
    box-shadow: 0px 8px 42px 0 rgb(0 0 0 / 9%);
}

.sp-shopify-devser-list .js-title-page {
    text-align: center;
}

.wp-servicedetails-box figure {
    margin-bottom: 15px;
    margin-top: 0;
}

.arrrow_btn {
    margin-top: 20px;
}

.arrrow_btn span {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 50px;
    justify-content: center;
    transition: background-color .3s ease-out;
    width: 50px;
    box-shadow: 0 0 9px 6px rgba(136, 136, 136, .18);
    cursor: pointer;
}

.arrrow_btn span svg {
    fill: #3895fd;
    height: 25px;
    margin-left: 0;
    margin-top: 0;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    width: 25px;
}

.wp-servicedetails-box .service-box:hover {
    cursor: pointer;
}

.wp-servicedetails-box .service-box:hover .arrrow_btn span svg {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.service-help-banner {
    padding-top: 60px;
}

.service-portfolio-slider {
    width: 100%;
    overflow: hidden;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.site-recent-work.servicee-portfolio {
    padding-bottom: 80px;
}

.service-portfolio-slider .recent_img {
    position: relative;
    padding-bottom: 70.3761755486%;
}

.service-portfolio-slider .recent_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.servicee-portfolio.site-recent-work .swiper-slide {
    padding-top: 10px;
}

.sp-shopify-service-list .service-list .service-box:hover .arrrow_btn span svg {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

@media only screen and (max-width: 1200px) {
    .work-banner .work-text {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .study-info-in {
        padding: 15px 15px;
    }
}

@media only screen and (max-width: 991px) {
    .site-about-col-left {
        width: 32%;
    }

    .site-about-col-right {
        width: 68%;
    }

    #testimonial .client-review-slide {
        width: 100%;
    }

    #testimonial .testimonial {
        padding: 25px 15px;
    }

    #testimonial .testimonial .testimonial-content {
        max-width: 100%;
    }

    .testimonial-wrapper {
        padding: 0 20px;
    }

    .study-info-box {
        flex-wrap: wrap;
    }

    .study-info-item {
        width: 33.33%;
        margin-bottom: 10px;
    }

    .carousel__viewport_wrap {
        padding: 0 50px;
    }

    .carousel__viewport_wrap::after {
        left: 0;
        width: 100px;
    }

    .carousel__viewport_wrap::before {
        right: 0px;
        width: 100px;
    }

    .sp-shopify-service-details {
        padding: 60px 0;
    }
}

@media only screen and (max-width: 767px) {

    /* full stack */
    .js-sec-one.fullstrack-sec-one {
        margin-bottom: 0;
        overflow: hidden;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .full-stack-div .our-digital-benefit {
        margin-bottom: 50px;
    }

    .full-stack-div .js-sec-four {
        padding-top: 50px;
    }

    .full-stack-div .our-review {
        padding-top: 50px;
    }

    .full-stack-div .sec-one-abs {
        min-height: 460px;
    }

    .full-stack-div .js-sec-one .container {
        padding-top: 0;
    }

    /* 404 */
    .page-not-found .digital-one-right {
        display: block;
        padding: 40px 40px 20px;
    }

    .page-not-found .digital-one-left h2.fornotfor-txt {
        font-size: 52px;
    }

    .page-not-found .digital-one-right img {
        margin: 0 auto;
    }

    /* codeigniter */
    .codeigniter-development .digital-one {
        padding: 60px 0 60px;
    }

    .codeigniter-development .js-sec-two {
        padding: 60px 0 110px 0;
    }

    .codeigniter-development .our-digital-benefit .bx-shadow-img img {
        width: 100%;
    }

    .codeigniter-development .our-digital-benefit {
        margin-bottom: 40px;
    }

    .codeigniter-development .digital-why-choose .chooseimg {
        margin: 0 auto;
    }

    .codeigniter-development .js-sec-four {
        padding-top: 60px;
    }

    .codeigniter-development .js-sec-four .js-md-dec,
    .codeigniter-development .js-sec-four .row:nth-child(even) .js-md-dec {
        margin-left: 0;
    }

    /* odoo development */
    .odoo-development .digital-one {
        padding: 60px 0 60px;
    }

    .odoo-development .digital-two {
        margin-top: 40px;
        padding-bottom: 30px;
    }

    .odoo-development .js-sec-two {
        padding: 40px 0px 90px;
    }

    .odoo-development.digital-mar-new .wp-sec-two {
        margin-bottom: 0px;
    }

    .odoo-development .digital-why-choose {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /* android development */
    .android-app-div .digital-one {
        padding: 60px 0px;
    }

    .android-app-div .our-digital-benefit {
        margin-bottom: 40px;
    }

    .android-app-div .js-sec-four.js-portfolio {
        padding-top: 40px;
    }

    .android-app-div .js-portfolio .read-more-collps {
        margin-top: 20px;
    }

    /* iphone development */
    .iphone-application .digital-one {
        padding: 60px 0px;
    }

    .iphone-application .our-digital-benefit {
        margin-bottom: 40px;
    }

    .iphone-application .js-sec-four.js-portfolio {
        padding-top: 40px;
    }

    .iphone-application .js-portfolio .read-more-collps {
        margin-top: 20px;
    }

    .iphone-application .js-sec-four.js-portfolio .we-use-symbole {
        padding-top: 0;
    }

    /* portfolio */
    .grid-sites {
        --minthumb: 100%;
        grid-template-columns: repeat(auto-fill, minmax(var(--minthumb), 1fr));
        padding: 0 15px;
        grid-gap: 20px;
    }

    .our-recent-section .spdec-info-text {
        margin: 0px auto 0px;
    }

    .grid-sites li {
        padding-bottom: 20px;
    }

    .work-banner .thumb_box {
        position: relative;
        padding-bottom: 50%;
    }

    .work-banner img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: center;
    }

    .work-banner .work-text {
        padding: 20px 15px;
        position: unset;
        background-color: #3895fd;
    }

    .work-banner .work-text span {
        background-color: #fff;
        padding: 0;
        display: inline-block;
    }

    .work-banner .work-text span a {
        color: #3895fd;
        padding: 3px 15px;
        display: inline-block;
    }

    .work-details .work-banner .thumb_box::before {
        content: '';
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
    }

    .work-details .work-banner::before {
        content: unset;
    }

    .work-banner .work-text h1 {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .site-about {
        padding: 40px 0;
    }

    .site-about-col-left {
        width: 100%;
    }

    .site-about-col-right {
        width: 100%;
    }

    .site-skills li {
        margin-bottom: 5px;
    }

    .screenshots-area {
        padding: 40px 0 0;
    }

    .carousel__viewport_item .swiper-wrapper {
        padding: 0 0px 60px;
    }

    .carousel__viewport_wrap {
        padding: 0
    }

    .carousel__viewport_wrap::after {
        left: 0;
        width: 50px;
    }

    .carousel__viewport_wrap::before {
        right: 0px;
        width: 50px;
    }

    .carousel__viewport_item .swiper-button-next,
    .carousel__viewport_item .swiper-button-prev {
        transform: translateY(calc(-50% - 30px));
    }

    .carousel__viewport_item .swiper-button-prev {
        left: 15px;
        right: auto;
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .carousel__viewport_item .swiper-button-next {
        right: 15px;
        left: auto;
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .site-study-info {
        padding-bottom: 40px;
    }

    .study-info-box {
        flex-wrap: wrap;
        margin: 0 -7.5px;
    }

    .study-info-item {
        width: 50%;
        padding: 0 7.5px;
    }

    .testimonials {
        padding: 40px 0 77px;
    }

    #testimonial .testimonial {
        padding: 25px 15px;
    }

    .testimonial-wrapper {
        padding: 0 0px;
    }

    #testimonial .testimonial .bio-info .name {
        font-size: 18px;
    }

    .sp-shopify-service-details {
        padding: 40px 0;
    }

    .Shopify-sr-info {
        padding: 0 20px;
    }

    .shopify-servicedetails-list ul {
        flex-wrap: wrap;
    }

    .shopify-servicedetails-list ul li {
        flex: 1 1 calc(50% - 10px);
    }

    .Shopify-sr-info .spmain-title {
        text-align: left;
    }

    .Shopify-sr-info .spdec-info-text {
        text-align: left;
    }
}

/* app category page */
.cat-listing-wrapper {
    padding: 50px 0 3px;
}

.cat-page-title {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-weight: 500;
}

.cat-page-title span {
    text-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    color: #3895FD;
}

.cat-listing-wrapper .sub-txt {
    text-align: center;
    margin-bottom: 40px;
}

.cat-list-item {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.cat-title-box {
    width: 100%;
    height: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    padding: 0;
    position: relative;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    z-index: 1;
    padding: 20px;
    cursor: pointer;
}

.cat-list-item .cat-app-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    transition: all 0.3s linear;
}

.cat-list-item .cat-app-title span {
    text-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    color: #3895FD;
}

.cat-list-item p {
    font-size: 14px;
}

.cat-list-item a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.cat-list-item a span {
    position: relative;
    z-index: 1;
}

.cat-app-text {
    transform: translateX(20px);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    color: #3895fd;
    position: relative;
    z-index: 0;
}

.cat-app-link svg {
    color: #4B5563;
    width: 18px;
    height: 18px;
    margin-left: 0;
    margin-top: 0;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out, fill .5s ease-out;
    vertical-align: middle;
}

.cat-list-item:hover .cat-app-title {
    color: #3895fd;
}

.cat-list-item:hover .cat-app-link .cat-app-text {
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
}

.cat-list-item:hover .cat-app-link svg {
    color: #3895fd;
}

.cat-title-box::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    top: -70px;
    left: 20px;
    z-index: 0;
    background: url(../../shopify_apps/img/cat-pattern-wave.svg) center center;
    background-size: contain;
    opacity: 0.2;
    background-repeat: no-repeat;
}

.cat-title-box::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    bottom: -60px;
    right: 20px;
    z-index: 0;
    background: url(../../shopify_apps/img/cat-pattern-wave.svg) center center;
    background-size: contain;
    opacity: 0.2;
    background-repeat: no-repeat;
}

.sp-app-list-page .container,
.sp-app-detail-page .container {
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
}

.cat-list-row {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    align-items: flex-start;
}

.cat-list-col:first-child {
    width: calc(75% - 25px);
}

.cat-list-col:last-child {
    width: calc(25% - 25px);
}

.cat-list-col:last-child img {
    margin-bottom: 20px;
    border-radius: 12px;
    width: 100%;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.cat-list-col:last-child a:hover img {
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.14);
    transform: translateY(-4px);
}

.cat-list-col span.cat-img-stick {
    position: sticky;
    top: 130px;
    position: -webkit-sticky;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* app list page */
.spapp-list-rte {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.sp-applist-right {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
}

.cat-pagetop-title {
    text-align: left;
    margin: 0 0 40px;
    border-bottom: none;
    padding-bottom: 0;
}

.sp-applist-top h2 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #2B2B2A;
    margin-bottom: 20px;
}

.cat-pagetop-title h1 {
    width: 100%;
    display: block;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 16px;
    font-weight: 700;
    color: #2B2B2A;
    text-align: left;
}

.cat-pagetop-title h1 span {
    text-shadow: none;
    color: #00A0DE;
}

.cat-pagetop-title p {
    font-size: 16px;
    line-height: 26px;
    color: #7B7B7B;
}

.cat-pagetop-title>span {
    margin-bottom: 14px;
    display: inline-flex;
    text-align: left;
}

.cat-pagetop-title>span a {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: #00A0DE;
    background-color: #E2F5FC;
    padding: 6px 16px;
    border-radius: 50px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.cat-pagetop-title>span a:hover {
    background-color: #00A0DE;
    color: #fff;
}

.sp-applist-ol {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
}

.sp-applist-ol ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    column-count: unset;
}

.sp-applist-ol li {
    width: auto;
    padding: 0;
}

.sp-applist-ol li::marker {
    content: none;
}

.sp-applist-ol li a {
    display: inline-flex;
    align-items: center;
    color: #00A0DE;
    background-color: #E2F5FC;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 8px 18px;
    border-radius: 50px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.sp-applist-ol li a:hover {
    background-color: #00A0DE;
    color: #fff;
}

.app-card-body-item {
    margin-bottom: 30px;
}

.app-card-body {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border: none;
    padding: 0;
    border-radius: 16px;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.app-card-body:hover {
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.14);
    transform: translateY(-4px);
}

.app-card-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.app-card-logo-review {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.app-card-logo-review img {
    max-height: 12px;
    width: auto;
}

.app-card-title {
    display: flex;
    gap: 4px;
    flex-direction: column;
}

.app-card-title h4 {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    color: #2B2B2A;
}

.app-card-logo-in img {
    max-width: 50px;
    border-radius: 100%;
    border: 1px solid #E5EFF3;
}

.app-card-logo-review>span {
    display: flex;
    gap: 2px;
    align-items: center;
}

.app-card-review span {
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    color: #2B2B2A;
    font-weight: 600;
}

.app-card-logo {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #F7FCFE;
    border-radius: 16px 16px 0 0;
    border-bottom: 1px solid #E5EFF3;
}

.app-developer {
    font-size: 13px;
    color: #7B7B7B;
}

.app-card-logo-in {
    display: flex;
    align-items: center;
    gap: 14px;
}

.app-card-review span img {
    height: 16px;
    width: auto;
}

span.app-card-review {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-bottom: 5px;
}

.shopify-app-reviews-count {
    padding-right: 8px;
}

.app-star-rating {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    vertical-align: middle;
}

.app-star-rating svg {
    display: block;
}

.shopify-app-totalreviews {
    text-decoration: underline;
}

.app-card-pricing {
    line-height: 20px;
    font-weight: 500;
    font-size: 13px;
    color: #7B7B7B;
    text-align: right;
}

.app-card-key-features {
    padding: 24px 24px 0;
}

.app-card-key-features h4 {
    font-size: 17px;
    font-weight: 600;
    color: #2B2B2A;
    margin-bottom: 16px;
}

.app-card-key-features>span {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #7B7B7B;
    margin-bottom: 20px;
}

.app-card-key-features ul {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.app-card-key-features ul li {
    padding: 12px 0;
    display: flex;
    border-bottom: 1px solid #EDEDED;
    gap: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #2B2B2A;
}

.app-card-key-features ul li:last-child {
    border-bottom: 0;
}

.app-card-key-features ul li span svg {
    width: 22px;
    height: 22px;
    display: block;
    flex-shrink: 0;
}

.app-card-link {
    padding: 24px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.app-card-link .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: unset;
    height: auto;
    line-height: normal;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    background-color: #E2F5FC;
    color: #00A0DE;
    border-radius: 50px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.app-card-link .btn:hover,
.app-card-link .btn:focus {
    background-color: #00A0DE;
    color: #fff;
}

.related-cat-app .cat-page-title {
    margin-bottom: 40px;
}

/* app detail page */
.app-detail {
    padding: 30px 0;
}

.app-detail-logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
}

.app-detail-logo img {
    max-height: 60px;
    border-radius: 100%;
    border: 1px solid #E5EFF3;
}

.app-detail-logo .app-card-title h4 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #2B2B2A;
}

.app-detail-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid #EDEDED;
}

.app-detail-rte h4 {
    font-size: 18px;
    font-weight: 600;
    color: #2B2B2A;
    margin-bottom: 14px;
}

.app-detail-rte>span {
    display: block;
    font-size: 15px;
    line-height: 24px;
    color: #7B7B7B;
    margin-bottom: 10px;
}

.app-detail-rte ul li {
    padding: 12px 0;
    display: flex;
    gap: 12px;
    font-size: 14px;
    line-height: 22px;
    color: #2B2B2A;
    border-bottom: 1px solid #EDEDED;
}

.app-detail-rte ul li:last-child {
    border-bottom: 0;
}

.app-detail-rte ul li span svg {
    width: 22px;
    height: 22px;
    display: block;
    flex-shrink: 0;
}

.app-detail-rte {
    padding: 30px 0;
}

.app-detail-review {
    display: flex;
    gap: 5px;
    align-items: center;
}

.app-detail-review span {
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    color: #2B2B2A;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.app-detail-review span img {
    height: 16px;
    width: auto;
}

.app-detail-review .shopify-app-reviews-count {
    border: 0;
    padding: 0;
    gap: 4px;
}

.app-detail-pricing {
    font-weight: 500;
    font-size: 13px;
    color: #7B7B7B;
    border-left: 1px solid #E5EFF3;
    padding-left: 8px;
}

.app-detail-link {
    padding: 0 30px 30px;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.app-detail-link .btn {
    display: flex;
    align-items: center;
    min-width: unset;
    height: auto;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    padding-left: 25px;
    gap: 15px;
    background-color: #E2F5FC;
    color: #00A0DE;
    border-radius: 50px;
    width: fit-content;
    flex-shrink: 0;
    border: none;
    text-decoration: none;
    font-family: inherit;
    transition: color 0.3s ease;
    padding-right: 0;
}

.app-detail-link .btn:hover,
.app-detail-link .btn:focus {
    color: #000;
    background-color: #E2F5FC;
}

.app-detail-link .btn span {
    display: block;
    padding: 15px;
    border-radius: 50%;
    background-color: #00A0DE;
    overflow: hidden;
}

.app-detail-link .btn svg {
    display: block;
    height: 18px;
    width: auto;
}

.app-detail-link .btn:hover svg {
    animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.3s;
}

@keyframes lineUp {
    0% {
        transform: translate(-35px, 35px);
    }

    100% {
        transform: translate(60px, -60px);
    }
}




@media only screen and (max-width: 1199px) {
    .cat-list-item {
        width: 33.33%;
    }

    .cat-list-item .cat-app-link .cat-app-text {
        transform: translateX(0px);
        opacity: 1;
        visibility: visible;
    }

}

@media only screen and (max-width: 991px) {}

@media only screen and (min-width: 768px) {
    .xs-visible {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .xs-hidden {
        display: none;
    }

    .cat-page-title {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .cat-listing-wrapper .sub-txt {
        margin-bottom: 30px;
    }

    .cat-list-item {
        width: 50%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .cat-list-item {
        width: 100%;
    }
}

/* start our expertise */
.shopify-our-expertise-new-sec .js-title-page,
.shopify-our-expertise-new-sec .js-title-page h2 {
    text-align: center;
}

.shopify-our-expertise-new-sec .js-title-page p {
    margin: 0 auto;
}

.shopify-our-expertise-new-sec .service-box {
    padding: 35px 25px;
    display: flex;
    gap: 20px;
}

.shopify-our-expertise-new-sec .service-box figure {
    margin-bottom: unset;
}

.shopify-our-expertise-new-sec .service-box figure svg {
    fill: none !important;
    width: 40px;
    height: 40px !important;
}

.shopify-our-expertise-new-sec .experise-shopify-content p {
    padding-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}

.experise-shopify-content .expanded {
    -webkit-line-clamp: unset !important;
    display: block !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

.experise-shopify-content span {
    cursor: pointer;
    color: #3895FD;
    font-size: 15px;
    line-height: 21px;
}

/* end our expertise */

/* start shopify expert benifits */
.shopify-expert-benfits-sec {
    padding: 50px 0;
    background-color: #181B22 !important;
}

.shopify-expert-benfits-sec .container {
    max-width: 1200px;
}

.shopify-expert-benfits-sec .js-title-page {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.shopify-expert-benfits-sec .js-title-page h2 {
    color: #fff;
    margin-top: 10px;
}

.shopify-expert-benfits-sec .js-title-page h2 span {
    width: 100%;
    display: block;
}

.shopify-expert-benfits-sec .left-digital-mg,
.shopify-expert-benfits-sec .right-digital-dsc {
    padding: 10px;
}

.shopify-expert-benfits-sec .right-digital-dsc {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.shopify-expert-benfits-sec .right-digital-dsc .benefits-sec-content {
    background-color: #0C0F16;
    border-radius: 8px;
    padding: 15px 12px;
    max-width: calc(50% - 10px);
    width: 100%;
}

.right-digital-dsc .benefits-sec-content svg {
    max-width: 25px;
    margin-bottom: 4px;
}

.right-digital-dsc .benefits-sec-content h4 {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
}

.right-digital-dsc .benefits-sec-content p {
    font-size: 14px;
    line-height: 24px;
    color: #CBCBCB;
    margin-bottom: unset;
}

/* start choose shopify expert */
.sExpert-choose .js-title-page {
    margin-bottom: 70px;
}

.sExpert-choose .whyecom_spstore_icon_box img {
    max-width: 35px;
}

.sExpert-choose .whyecom_spstore_continner_box h2 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
}

.sExpert-choose .whyecom_spstore_continner_box p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sExpert-choose .whyecom_spstore_continner_box span.read-more {
    font-size: 14px;
    line-height: 24px;
    color: #3895FD;
    cursor: pointer;
}

.sExpert-choose .whyecom_spstore_continner_box .expanded {
    -webkit-line-clamp: unset !important;
    display: block !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

.sExpert-choose .whyecom_spstore_continner_box {
    padding-bottom: unset;
    border-bottom: unset !important;
}

.whyecom_sp_store_image_middle .whyecom_sp_store_image img {
    position: unset;
}

.sExpert-choose .row.main-choose-content {
    align-items: center;
    padding: 50px 0;
    border-bottom: 1px solid #EFEFEF;
}

.sExpert-choose .row.main-choose-content:last-child {
    padding-bottom: unset;
    border-bottom: unset;
}

.sExpert-choose .row.main-choose-content:nth-child(2) {
    padding-top: unset;
}

.whyecom_sp_store_cont_inner.whyecom_sp_store_cont1 {
    margin-bottom: unset;
}

.whyecom_spstore_icon_box {
    margin-right: 12px;
}

/* end choose shopify expert */


/* start responsive */
@media only screen and (max-width: 991px) {

    .shopify-our-expertise-new-sec .service-box {
        padding: 30px 20px;
        gap: 12px;
    }

    .shopify-our-expertise-new-sec .service-box figure svg {
        width: 35px;
        height: 35px !important;
    }

    .sExpert-choose .whyecom_sp_store_image_middle {
        display: block;
        order: 1;
    }

    .sExpert-choose .whyecom_spstore_row1_block1 {
        order: 2;
    }

    .sExpert-choose .whyecom_spstore_row1_block2 {
        order: 3;
    }

    .shopify-expert-benfits-sec .left-digital-mg,
    .shopify-expert-benfits-sec .right-digital-dsc {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {

    .shopify-expert-benfits-sec .left-digital-mg,
    .shopify-expert-benfits-sec .right-digital-dsc {
        padding: 15px;
    }

    .shopify-expert-benfits-sec .right-digital-dsc {
        gap: 10px;
    }

    .shopify-expert-benfits-sec .right-digital-dsc .benefits-sec-content {
        max-width: calc(50% - 5px);
    }
}

@media only screen and (max-width: 575px) {
    .shopify-our-expertise-new-sec .service-box {
        gap: 10px;
        padding: 15px;
        flex-direction: column;
    }

    .shopify-our-expertise-new-sec .service-box h3 {
        font-size: 17px;
    }

    .shopify-our-expertise-new-sec .experise-shopify-content p {
        padding-top: 0px;
        font-size: 12px;
        margin-bottom: 3px;
        line-height: 18px;
    }

    .sExpert-choose .whyecom_spstore_continner_box p {
        font-size: 13px;
        line-height: 21px;
    }

    .experise-shopify-content span {
        font-size: 13px;
        line-height: 19px;
    }

    .shopify-expert-benfits-sec .right-digital-dsc .benefits-sec-content {
        max-width: 100%;
    }

    .sExpert-choose .js-title-page {
        margin-bottom: 40px;
    }

    .sExpert-choose .row.main-choose-content {
        padding: 30px 0;
    }

    .sExpert-choose .whyecom_sp_store_image_middle {
        padding-bottom: 20px;
    }

    .whyecom_sp_store_cont1 .whyecom_spstore_continner_box {
        padding-bottom: 10px !important;
    }

    .sExpert-choose .whyecom_spstore_icon_box img {
        max-width: 25px;
    }

    .whyecom_spstore_icon_box {
        margin-right: 8px;
    }

    .sExpert-choose .whyecom_spstore_continner_box h2 {
        font-size: 17px;
        line-height: 23px;
    }

    .main-choose-content .whyecom_sp_store_image img {
        width: 80% !important;
    }

    .right-digital-dsc .benefits-sec-content p {
        font-size: 13px;
        line-height: 21px;
    }

    .right-digital-dsc .benefits-sec-content h4 {
        font-size: 15px;
        line-height: 20px;
    }
}

/* ==========================================================================
   Best Shopify Apps page (best-shopify-apps.php) — header, footer, breadcrumb
   and main content redesigned to match the current main site design system
   (see css/main.css). Base/desktop rules only — all responsive/media-query
   rules for this section live in apps/responsive.css.
   NOTE: header/footer/breadcrumb selectors below are shared markup used by
   other apps/ pages too, so this brings them in line with the same current
   design site-wide within this folder.
   ========================================================================== */

/* ---- Layout containers used by the redesigned sections ---- */
header .container,
footer .container,
.breadcrumbsp .container,
.cat-listing-wrapper .container,
.contact-us .container,
.related-cat-app .container {
    max-width: 1460px;
    padding: 0 20px;
    margin: 0 auto;
}

/* ---- Header / Nav ---- */
header {
    padding: 20px 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
    transition: all ease-in-out 0.8s;
    background: #fff;
    top: 0;
    left: 0;
}

header.scroll {
    box-shadow: 0px 4px 14px 0px rgba(168, 168, 168, 0.25);
}

header.hidden {
    transform: translateY(-100%);
}

header nav {
    justify-content: space-between;
    display: flex;
    align-items: center;
    position: relative;
}

header nav .logo img {
    display: block;
    max-height: 54px;
}

header nav .menu ul li {
    list-style: none;
}

.logo,
.header-contact {
    min-width: 140px;
}

header .header-contact a {
    padding: 6px 18px 6px 6px;
    background-color: #00A0DE;
    border-radius: 50px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    gap: 8px;
    font-weight: 600;
}

header .header-contact a span {
    color: #fff;
}

header .header-contact a img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    filter: grayscale(1);
}

.menu {
    border-radius: 50px;
    max-width: 100%;
    width: 100%;
    justify-content: center;
    display: flex;
    position: relative;
}

.menu>ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.menu ul {
    color: #323232;
}

.menu ul a {
    text-decoration: none;
    color: inherit;
}

.menu ul a.primary-btn {
    color: #00A0DE;
}

.menu>ul>li {
    padding: 5px;
}

.menu>ul>li>p,
.menu>ul>li>a {
    padding: 10px 20px;
    transition: all ease-in-out .2s;
    border-radius: 50px;
    position: relative;
    font-size: 16px;
    display: block;
    margin: 0;
    cursor: pointer;
}

.menu>ul>li>p {
    display: flex;
    align-items: center;
    gap: 6px;
}

.menu>ul>li:hover>p,
.menu>ul>li:hover>a {
    color: #fff;
}

.menu>ul>li>p svg,
.menu>ul>li>a svg {
    transform-origin: 50% 8px;
    transition: all ease-in-out .2s;
}

.menu>ul>li:hover>p svg,
.menu>ul>li:hover>a svg {
    transform: rotate(180deg);
}

.menu>ul>li:hover>p svg path {
    stroke: #fff;
}

.has-dropdown {
    position: relative;
}

.dropdown-menu-wrap {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(50px);
    opacity: 0;
    padding: 22px 0;
    visibility: hidden;
    transition: all ease-in-out .3s;
    z-index: 9;
}

.dropdown-menu-inner {
    padding: 5px;
    background: linear-gradient(135deg, rgb(206 237 249) 0%, rgba(255, 255, 255, 1) 100%);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    position: relative;
}

.menu>ul>li:hover>p+.dropdown-menu-wrap {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0px);
}

.dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown-menu li a {
    padding: 10px;
    transition: all ease-in-out 0.2s;
    border-radius: 50px;
    display: block;
    white-space: nowrap;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
}

.mega-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    transform: translateY(50px);
    padding: 22px 0;
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out .3s;
    z-index: 9;
}

.mega-menu-wrap {
    background: linear-gradient(135deg, rgb(206 237 249) 0%, rgba(255, 255, 255, 1) 100%);
    padding: 30px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    gap: 40px;
    row-gap: 30px;
    flex-wrap: wrap;
    position: relative;
}

.mega-menu-box {
    max-width: calc(33.33% - 27px);
    width: 100%;
    font-size: 16px;
    line-height: 22px;
}

.mega-menu-box.split-mega-menu {
    max-width: 100%;
}

.mega-menu-box.split-mega-menu ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.mega-menu-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mega-menu-box .mega-menu-title {
    color: #00A0DE;
    padding-bottom: 15px;
    border-bottom: solid 1px #00a0de;
    margin-bottom: 20px;
    border-image: linear-gradient(to right, #00a0de 0%, rgba(255, 255, 255, 0) 90%) 1;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}

.mega-menu-box li {
    margin: 15px 0;
}

.mega-menu-box li:last-child {
    margin-bottom: 0;
}

.mega-menu-box li:first-child {
    margin-top: 0;
}

.mega-menu .mega-menu-box a {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    text-decoration: none;
}

.mega-menu .mega-menu-box li p {
    font-size: 13px;
    color: #838383;
    font-weight: 400;
    margin: 0;
}

.tag-badge {
    font-size: 11px;
    color: #fff;
    background-color: #00a0de;
    padding: 3px 8px;
    border-radius: 15px;
    display: inline-block;
    line-height: 16px;
    margin-left: 6px;
}

.mega-menu-contact-wrap {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.mega-menu-contact {
    width: 100%;
    padding: 25px;
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex: 1 1 0px;
}

.mega-menu-contact p {
    color: #00A0DE;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 5px;
    margin: 0;
}

.mega-menu-contact span {
    color: #838383;
}

.primary-btn {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding-left: 25px;
    gap: 15px;
    background-color: #E2F5FC;
    color: #00A0DE;
    border-radius: 50px;
    text-decoration: none;
    width: fit-content;
    flex-shrink: 0;
    border: none;
    font-family: inherit;
}

.primary-btn:hover {
    color: #000;
}

.primary-btn span {
    display: block;
    padding: 15px;
    border-radius: 50%;
    background-color: #00A0DE;
    overflow: hidden;
}

.primary-btn svg {
    display: block;
    height: 18px;
    width: auto;
}

.primary-btn:hover svg {
    animation: spAppsLineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.3s;
}

@keyframes spAppsLineUp {
    0% {
        transform: translate(-35px, 35px);
    }

    100% {
        transform: translate(60px, -60px);
    }
}

.menu>ul>li.has-dropdown>p:before,
.menu>ul>li.has-megamenu>p:before {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d1edf8;
    left: 50%;
    transform: translateX(-50%) translateY(50px);
    top: calc(100% + 18px);
    border-radius: 3px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .3s;
}

.menu>ul>li.has-dropdown:hover>p:before,
.menu>ul>li.has-megamenu:hover>p:before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0px);
}

.menu-back {
    display: none;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.menu-back svg {
    width: 14px;
    height: auto;
}

#menu-slider {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #00A0DE;
    border-radius: 50px;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.25s ease;
}

.mobile-menu {
    display: none;
}

body:after {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 160, 222, 0.50);
    top: 0;
    left: 0;
    content: '';
    z-index: 9;
    transition: all ease-in-out 0.3s;
    opacity: 0;
    visibility: hidden;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

body.menu-open:after {
    opacity: 1;
    visibility: visible;
}

.menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 8px;
    border-radius: 30px;
    cursor: pointer;
    background: #00a0de;
    position: relative;
}

.menu-toggle__bars,
.menu-toggle__close {
    transition: all 0.35s ease;
}

.menu-toggle__close {
    position: absolute;
}

.menu-toggle__bars svg,
.menu-toggle__close svg {
    display: flex;
    width: 20px;
    height: auto;
}

.menu-toggle__bars {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.menu-toggle__close {
    opacity: 0;
    transform: rotate(-90deg) scale(0.6);
}

.menu-toggle.active .menu-toggle__bars {
    opacity: 0;
    transform: rotate(90deg) scale(0.6);
}

.menu-toggle.active .menu-toggle__close {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* ---- Footer ---- */
footer {
    padding: 220px 0 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 160, 222, 1) 30%);
}

.footer-wrap {
    gap: 50px;
    display: flex;
    align-items: flex-start;
}

.footer-about {
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.05);
    padding: 30px;
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    max-width: calc(33.33% - 20px);
    width: 100%;
}

.footer-about .footer-logo a {
    width: max-content;
    display: block;
}

.footer-about p {
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, .6);
    padding-bottom: 5px;
    font-weight: 300;
    margin: 0;
}

.footer-about a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 16px;
    line-height: 22px;
}

.footer-about ul {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-about .social-media p {
    padding-bottom: 10px;
}

.footer-about .social-media ul {
    gap: 8px;
    justify-content: unset;
}

.footer-about .social-media ul li {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: all ease-in-out 0.2s;
}

.footer-about .social-media ul li a {
    padding: 10px;
    display: block;
}

.footer-about .social-media ul li:hover {
    background-color: rgba(255, 255, 255, 1);
}

.footer-about .social-media ul li svg path {
    transition: all ease-in-out 0.2s;
}

.footer-about .social-media ul li:hover svg path {
    fill: #00A0DE;
}

.footer-about .social-media ul li svg {
    display: block;
}

.footer-link {
    display: flex;
    flex-wrap: wrap;
    column-gap: 100px;
    row-gap: 50px;
}

.quick-link p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 15px;
    color: #fff;
    margin: 0;
}

.quick-link ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.quick-link ul li a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    line-height: 22px;
    display: block;
    transition: all ease-in-out 0.2s;
}

.quick-link ul li a:hover {
    color: rgba(255, 255, 255, 1);
}

.quick-link.recognized {
    width: 100%;
}

.quick-link.recognized ul {
    flex-direction: row;
    gap: 40px;
}

.quick-link.recognized ul li img {
    display: block;
}

.softpulse-marquee {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    white-space: nowrap;
}

.softpulse-marquee-inner {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.softpulse-marquee .marquee {
    margin: 0;
    white-space: nowrap;
    display: inline-flex;
    width: max-content;
}

.softpulse-marquee .marquee span {
    display: inline-block;
    padding-right: 60px;
    font-size: 200px;
    line-height: 145px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.1);
    font-family: "Poppins", sans-serif;
}

.highlight-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(circle var(--m-radius, 0px) at var(--m-x, 0px) var(--m-y, 0px), black 0%, transparent 100%);
    mask-image: radial-gradient(circle var(--m-radius, 0px) at var(--m-x, 0px) var(--m-y, 0px), black 0%, transparent 100%);
}

.softpulse-marquee .marquee.highlight-text span {
    color: #fff;
}

/* ---- Breadcrumb — same treatment as blog_list.php (see css/main.css) ----
   Overrides the older .breadcrumbsp/.bredul rules earlier in this file.
   margin-top compensates for the fixed header height (no #smooth-wrapper
   exists on this standalone page to provide that offset). */
.breadcrumbsp {
    position: static;
    padding: 20px 0;
    background-color: #F2FAFD;
    background-image: none;
}

.breadcrumbsp::after {
    content: none;
}

.breadcrumbsp .bredul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumbsp .bredul li {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #2B2B2A;
    font-weight: 500;
    padding: 0;
}

.breadcrumbsp .bredul li::after {
    content: none;
}

.breadcrumbsp .bredul li:not(:first-child)::before {
    content: "/";
    display: inline-block;
    margin: 0 8px;
    color: #B7B7B7;
}

.breadcrumbsp .bredul li a {
    color: #00A0DE;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumbsp .bredul li a:hover {
    color: #000;
}

/* ---- Page title / subtitle — same treatment as blog_list.php /
   portfolio-all.php "page-title" ---- */
.cat-listing-wrapper {
    padding: 40px 0;
}

.cat-page-title {
    width: 100%;
    display: block;
    text-align: left;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 20px;
    font-weight: 700;
    color: #2B2B2A;
}

.cat-page-title span {
    text-shadow: none;
    color: inherit;
}

.cat-listing-wrapper .sub-txt {
    text-align: left;
    max-width: 900px;
    margin: 0 0 40px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #7B7B7B;
}

/* ---- Category cards — same card treatment as the blog/portfolio cards
   (white card, rounded corners, soft shadow, hover lift, blue accent) ---- */
.cat-title-box {
    width: 100%;
    height: 100%;
    float: none;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border: none;
    border-radius: 16px;
    z-index: 1;
    padding: 24px 20px;
    cursor: pointer;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.cat-title-box:hover {
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.14);
    transform: translateY(-4px);
}

.cat-list-item .cat-app-title {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    color: #2B2B2A;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.cat-list-item .cat-app-title span {
    text-shadow: none;
    color: inherit;
}

.cat-list-item p {
    font-size: 14px;
    line-height: 20px;
    color: #7B7B7B;
}

.cat-list-item a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 15px;
    width: fit-content;
    border-bottom: solid 1px #00A0DE;
    text-decoration: none;
}

.cat-app-text {
    transform: none;
    transition: color 0.3s ease;
    opacity: 1;
    visibility: visible;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #00A0DE;
    position: relative;
    z-index: 0;
}

.cat-app-link svg {
    color: #00A0DE;
    width: 16px;
    height: 16px;
    margin-left: 0;
    margin-top: 0;
    transition: transform .3s ease-out;
    display: block;
}

.cat-list-item:hover .cat-app-title {
    color: #00A0DE;
}

.cat-list-item:hover .cat-app-link .cat-app-text {
    color: #00A0DE;
}

.cat-list-item:hover .cat-app-link svg {
    color: #00A0DE;
    transform: translateX(4px);
}

.cat-title-box::before,
.cat-title-box::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #E2F5FC;
    opacity: 0.6;
    z-index: 0;
}

.cat-title-box::before {
    top: -55px;
    right: -35px;
    background-image: none;
}

.cat-title-box::after {
    bottom: -60px;
    left: -35px;
    background-image: none;
}

.cat-title-box>* {
    position: relative;
    z-index: 1;
}

/* ---- "Let's Talk about..." Contact Us CTA section — ported from the main
   site's .contact-us component (see css/main.css) ---- */
.contact-us {
    margin: 60px 0 100px;
}

.contact-us .contact-us-wrap {
    background-color: #00A0DE;
    border-radius: 20px;
    padding: 50px;
    position: relative;
    overflow: hidden;
}

.title-badge {
    display: flex;
    align-items: center;
    gap: 3px;
    border: solid 1px #1A547C;
    border-radius: 50px;
    padding: 9px 16px;
    margin-bottom: 10px;
    width: fit-content;
    background-color: #fff;
}

.title-badge p {
    font-size: 14px;
    line-height: 20px;
    color: #1A547C;
    margin: 0;
}

.title-badge svg {
    width: 22px;
    height: auto;
    display: block;
}

.contact-us .title-badge {
    border-color: #fff;
    margin: 0 auto 25px;
    background-color: transparent;
}

.contact-us .title-badge p {
    color: #fff;
}

.section-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 0;
}

.section-title h2 {
    font-size: 40px;
    line-height: 1.24;
    letter-spacing: -1%;
    text-align: center;
    color: #3A3A3A;
    font-weight: 700;
    margin: 0;
}

.contact-us .section-title h2 {
    color: #fff;
}

.contact-us .section-title {
    max-width: 650px;
    margin: 0 auto;
    padding-bottom: 25px;
}

.contact-us .primary-btn {
    margin: 0 auto;
    background-color: #fff;
    border: solid 1px #fff;
}

.contact-us-wrap .shape {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 30vw;
}

.contact-us-wrap .shape img {
    width: 100%;
    display: flex;
}

.contact-us-wrap:before {
    content: '';
    position: absolute;
    left: -34.0140%;
    top: 85px;
    height: 800px;
    width: 800px;
    border-radius: 50%;
    background-color: rgba(120, 217, 255, 0.90);
    filter: blur(70px);
    z-index: 1;
}