*{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: 'Rubik', sans-serif;font-weight: 400;line-height: 1.2;color: #374252;margin: 0;} p{font-family: 'Rubik', sans-serif;font-weight: 400;color: #4B5563;margin: 0 0 10px;letter-spacing: 0.3px;} body{font-family: 'Rubik', sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;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: left;} .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: 999;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:'Rubik', 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: 'Rubik', 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:'Rubik', 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: 'Rubik', 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 a {font-size: 13px;letter-spacing: 0.5px;line-height: 19px;display: block;color: #c9c9c9;font-family: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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:'Rubik', 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:'Rubik', 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:'Rubik', 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:'Rubik', sans-serif; letter-spacing: 0.3px; line-height: normal; margin-bottom: 30px;} .h4heading{font-family:'Rubik', 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:'Rubik', 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:'Rubik', 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: 'Rubik', sans-serif;margin-bottom: 0;font-size: 16px;color: #3795ff;line-height: 36px;letter-spacing: 0px;} .rate-plan{ font-family: 'Rubik', sans-serif;font-size: 15.5px;color: #444a50;line-height: 20px;letter-spacing: 0px; margin-bottom: 11px; display: block;} .appdecc{font-family: 'Rubik', 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: 'Rubik', 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: 'Rubik', sans-serif; letter-spacing: 0.2px; line-height: normal; margin-bottom: 5px; display: block;} .Needed-info{font-size: 15.5px; color: #000000; font-family: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', sans-serif;color: #2e2b2b;font-size: 18px;margin-bottom: 30px;text-align: left;} .mgs_domain_point_overlay p.mgs_domain_point_subtitle {font-family: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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;touch-action: pan-x pan-y;} body.index-template {padding-top: 0;} .header{z-index: 9999;background: #fff;} .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: 50%;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 */ .site-help-banner {padding: 20px 0 80px;} .site-help-banner .container{padding: 0;} .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, .site-help-banner .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-i-menu ul li .site-link{font-size: 15px;padding: 23.5px 0.8rem;} .header .site-logo{width: 150px;} .site-contact .btn {font-size: 15px;padding: 0 10px;} .site-contact .btn svg {margin-right: 6px;width: 15px;height: 15px;} .site-i-menu ul li i::before {border-width: 3px;border-style: solid;border-color: #374252 transparent transparent #374252;border-radius: 2px;} .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,.site-help-banner{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;} } @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.site-help-banner {background-color: #fff;margin: 0;padding: 0 0 50px;} .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-help-banner .help_banner{flex-direction: column;padding: 50px 80px;} .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;} } .events-softpulse{padding: 60px 0;} .events-title-box {background-color: #3895fd;padding: 40px 60px;text-align: center;border-radius: 20px;} .events-title-box * {color: #fff;} .events-title-box h2{margin-bottom: 20px;font-size: 30px;} .events-grid-row {display: flex;flex-wrap: wrap;gap: 50px;} .events-grid-row .events-grid-col {flex: 0 1 calc(33.33% - 33.33px);border-radius: 10px;} .events-grid-wrap {padding: 60px 0 0;} .events-grid-row .events-grid-col img {border-radius: 20px;} .events-grid-row .events-grid-col h4 {text-align: center;padding: 20px 0;} .events-grid-col span {position: relative;display: block;padding-bottom: 100%;overflow: hidden;} .events-grid-col span img, .events-grid-col span video {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;object-fit: cover;} .events-grid-col span::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;border-radius: 20px;background: #000000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.34) 50%, rgba(12, 35, 64, 0) 100%);transition: all 0.3s ease-in-out;opacity: 0;visibility: hidden;} .events-grid-row .events-grid-col:hover span::after {opacity: 1;visibility: visible;} .events-grid-row .events-grid-col:hover h4 {color: rgb(56, 149, 253);text-decoration: underline;text-underline-offset: 7px;} .eventsdetails-softpulse{padding: 60px 0;} .eventsdetails-title-box {background-color: #3895fd;padding: 40px;text-align: center;border-radius: 20px;} .eventsdetails-title-box * {color: #fff;} .eventsdetails-title-box h2{margin-bottom: 0;font-size: 28px;} .eventsdetails-grid-wrap {padding: 60px 0 0;width: 100%;} .eventsdetails-grid-row {display: flex;flex-wrap: wrap;gap: 30px;} .eventsdetails-grid-row .eventsdetails-grid-col {flex: 0 1 calc(33.33% - 20px);border-radius: 10px;} .eventsdetails-grid-row .eventsdetails-grid-col h4 {text-align: center;padding: 20px 0;} .eventsdetails-grid-row .eventsdetails-grid-col span {position: relative;display: block;padding-bottom: 75%;overflow: hidden;border-radius: 20px;} .eventsdetails-grid-row .eventsdetails-grid-col span img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;max-height: 100%;max-width: 100%;border-radius: 20px;margin: auto;object-fit: cover;} .eventsdetails-grid-row .eventsdetails-grid-col span video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;max-height: 100%;max-width: 100%;border-radius: 0;margin: auto;object-fit: cover;} .eventsdetails-grid-row .eventsdetails-grid-col video:hover {cursor: pointer;} .eventsdetails-grid-row .eventsdetails-grid-col video::-webkit-media-controls {display: none !important;} .eventsdetails-grid-row .eventsdetails-grid-col:hover video::-webkit-media-controls {display: block !important;} /* Newworkspace page for one video */ .worspace-details .eventsdetails-grid-col {flex: 0 1 calc(50% - 20px);} .worspace-details .eventsdetails-grid-row {justify-content: center;} /* Mansory Grid Layout */ .mansoryGrid{padding: 0;} .mansoryGrid .eventsdetails-title-box {margin: 0 20px;} .mansoryGrid .edetails-grid-row{display: flex;flex-wrap: wrap;gap: 30px;} .mansoryGrid .edetails-grid-row .eventgrid-item{width: calc(33.33% - 33.33px);margin: 0 15px 30px;border-radius: 10px;} .mansoryGrid .edetails-grid-row .eventgrid-item span {position: relative;display: block;overflow: hidden;border-radius: 10px;} .mansoryGrid .edetails-grid-row .eventgrid-item img {border-radius: 10px;} .mansoryGrid .edetails-grid-row .eventgrid-item video {margin: auto;object-fit: cover;max-height: 100%;max-width: 100%;display: block;border-radius: 0;} /* .mansoryGrid .edetails-grid-row .eventgrid-item.eventgrid-item-2x1 {width: calc(50% - 33.33px);} */ .mansoryGrid .edetails-grid-row .eventgrid-item span.eventgrid_video {padding-bottom: 100%;} .mansoryGrid .edetails-grid-row .eventgrid-item span.eventgrid_video video {position: absolute;width: 100%;height: 100%;} @media only screen and (max-width: 767px) { .events-grid-wrap {padding: 30px 0 0;} .events-title-box {padding: 20px;text-align: left;} .events-title-box h2 {margin-bottom: 10px;font-size: 20px;} .events-grid-row {gap: 10px;} .events-grid-row .events-grid-col {flex: 0 1 calc(50% - 5px);} .events-grid-row .events-grid-col h4 {font-size: 16px;} .eventsdetails-softpulse {padding: 30px 0;} .eventsdetails-title-box {padding: 20px;text-align: left;border-radius: 12px;} .eventsdetails-title-box h2 {margin-bottom: 0;font-size: 20px;} .eventsdetails-grid-wrap {padding: 30px 0 0;} .eventsdetails-grid-row {gap: 10px;} .eventsdetails-grid-row .eventsdetails-grid-col {flex: 0 1 calc(50% - 5px);} .eventsdetails-grid-row .eventsdetails-grid-col h4 {font-size: 16px;} /* Mansory Grid Layout */ .mansoryGrid .eventsdetails-title-box {margin: 0 10px;} .mansoryGrid .eventsdetails-grid-wrap{padding: 30px 8px 0;} .mansoryGrid .edetails-grid-row{gap:10px;} .mansoryGrid .edetails-grid-row .eventgrid-item{width: calc(50% - 15px);margin: 0 7px 15px;border-radius: 5px;} .mansoryGrid .edetails-grid-row .eventgrid-item span {border-radius: 5px;} .mansoryGrid .edetails-grid-row .eventgrid-item img {border-radius: 5px;} } @media only screen and (max-width: 414px) { .events-softpulse {padding: 40px 0;} .events-grid-row {gap: 0;} .events-grid-row .events-grid-col {flex: 0 1 calc(100%);margin-bottom: 20px;} .eventsdetails-grid-row {gap: 0;} .eventsdetails-grid-row .eventsdetails-grid-col {flex: 0 1 calc(100%);margin-bottom: 20px;} /* newworkspace page for one video */ .worspace-details .eventsdetails-grid-col {flex: 0 1 calc(100%);} } @font-face { font-family: 'Sofia-Pro'; src: url('../fonts/SofiaPro.woff2') format('woff2'), url('../fonts/SofiaPro.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Sofia-Pro-Medium'; src: url('../fonts/SofiaPro-Medium.woff2') format('woff2'), url('../fonts/SofiaPro-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Sofia-Pro-Bold'; src: url('../fonts/SofiaPro-Bold.woff2') format('woff2'), url('../fonts/SofiaPro-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } .checkout-page{overflow-x: hidden;} .checkout-page, .checkout-page p, .checkout-page h1, .checkout-page h2, .checkout-page h3, .checkout-page h4, .checkout-page h5, .checkout-page h6{font-family: 'Sofia-Pro';color: #0E0F10;} .checkout-page .btn, .checkout-page a.btn {font-family: 'Sofia-Pro';} .checkout-page p{color: #838696;} .checkout-padding{padding: 60px 0;} /* */ .title {text-align: center;margin-bottom: 40px;} .title h2 {font-size: 48px;font-weight: 700;line-height: 1.3;letter-spacing: -0.04em;max-width: 800px;margin: 0 auto 15px;} .title h2 span {color: #00A0DE;} .title p {font-size: 18px;font-weight: 400;line-height: 1.6;letter-spacing: -0.02em;color: #838696;max-width: 825px;margin: 0 auto;} /* */ .checkout-script-section {text-align: center;} .shopify-checkout-icon {text-align: center;margin-bottom: 25px;} .checkout-script-section h1{font-size: 56px;font-weight: 700;line-height: 1.2;letter-spacing: -0.05em;text-align: center;margin-bottom: 15px;} .checkout-script-section h1 span{color:#00A0DE;} .checkout-script-section h1 span.green{color:#95BF47;} .checkout-script-section p {margin-bottom: 20px;} .script-tags {display: flex;align-items: center;justify-content: center;gap: 12px;margin-bottom: 29px;} .script-tags li {display: flex;align-items: center;gap: 10px;color: #263238;} /* */ .columns-card-box {display: flex;gap: 24px;} .columns-card-item {flex: 1;} .columns-card-wrap {box-shadow: 0px 4px 24px 0px #00000005;border: 1px solid #E3E3E3;background: #FFFFFF;border-radius: 24px;padding: 50px;height: 100%;} .columns-card-wrap span {display: flex;max-width: 80px;height: 80px;border-width: 1px;border-style: solid;border-color: #EFEFEF;border-radius: 100%;align-items: center;justify-content: center;box-shadow: 0px 0px 4px 0px #0000001A;margin-bottom: 30px;} .columns-card-wrap h4 {font-size: 28px;font-weight: 700;line-height: 1.2;letter-spacing: -0.04em;margin-bottom: 10px;} .columns-card-wrap p {line-height: 1.5;letter-spacing: -0.02em;} /* */ .process-box {display: flex;gap: 30px;} .process-item {flex: 1;} .process-wrap {height: 100%;text-align: center;position: relative;} .process-wrap::before {content: '';border-bottom: 2px dashed #5C5F6E;width: 166px;right: calc(-25% - 3px);display: block;height: 40px;position: absolute;z-index: 9;} .process-wrap span {display: flex;max-width: 80px;height: 80px;border: 1px solid #efefef;border-radius: 100%;align-items: center;justify-content: center;background-color: #00A0DE;margin: 0 auto 30px;} .process-wrap h4 {font-size: 24px;font-weight: 700;line-height: 1.4;letter-spacing: -0.04em;margin-bottom: 15px;} .process-wrap p {font-size: 16px;font-weight: 400;line-height: 1.5;letter-spacing: -0.02em;text-align: center;max-width: 325px;margin: 0 auto;} .process-item:last-child .process-wrap::before {content: unset;} /* */ .checkout-pricing-section {position: relative;} .checkout-pricing-section::before {content: '';background-color: #0B0D0E;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;height: 56%;min-width: 100vw;margin-left: calc(-50vw + 50%);} .checkout-pricing-section .title h2, .checkout-pricing-section .title p {color: #fff;} .checkout-price-box {max-width: 563px;margin: 0 auto;text-align: center;padding: 50px;border: 1px solid #F1F1F1;box-shadow: 0px 4px 24px 0px #00000005;border-radius: 24px;background-color: #fff;} .checkout-price-box p {font-size: 16px;font-weight: 400;line-height: 1.3;letter-spacing: -0.03em;text-align: center;margin: 15px auto 0;max-width: 330px;} .checkout-price-box h4 {font-family: 'Sofia-Pro-Bold';font-size: 64px;font-weight: 700;line-height: 1.125;letter-spacing: -0.06em;margin: 40px 0;} .checkout-price-box h4 span {display: block;background-image: none;width: auto;height: auto;font-size: 20px;font-weight: 500;line-height: 1.5;letter-spacing: -0.03em;text-align: center;color: #0B0D0E;filter: none;} .checkout-price-box a.btn {margin-bottom: 40px;width: 100%;background-color: #00A0DE;} .checkout-price-box a.btn:hover{background-color: #00A0CA;} .checkout-price-box ul {text-align: left;display: flex;flex-direction: column;gap: 12px;} .checkout-price-box ul li {font-size: 16px;font-weight: 400;line-height: 1.2;letter-spacing: -0.02em;position: relative;padding-left: 34px;color: #5C5F6E;} .checkout-price-box ul li::before {content: '';background-image: url(../img/checkout/check.png);position: absolute;background-repeat: no-repeat;background-color: #EDEDED;border-radius: 100%;background-position: center;width: 24px;height: 24px;background-size: 14px;left: 0;} .checkout-bottoms{max-width: 1006px;margin: 60px auto 0;text-align: center;} .checkout-bottoms p{font-size: 24px;font-weight: 400;line-height: 1.6;letter-spacing: -0.02em;margin-bottom: 0;} .checkout-bottoms p b {color: #0E0F10;font-weight: bold;} /* */ .checkout-testimonial-wrap {min-width: 100vw;margin-left: calc(-50vw + calc(50% - 9px));overflow: hidden;} .testimonial-item-box{transition-timing-function: linear !important;position: relative;} .testimonial-item {padding: 30px;border: 1px solid #00A0DE;border-radius: 20px;width: 24%;display: flex;flex-direction: column;gap: 20px;margin-right: 30px;} .testimonial-item p{margin: 0;} .testimonial-item h5 {font-size: 22px;font-weight: 700;line-height: 1.1;letter-spacing: -0.04em;} /* */ .checkout-faq .sub-faq-dv {max-width: 800px;margin: 0 auto;} .checkout-faq .sub-faq-dv ul li {border: 1px solid #000;border-radius: 16px;margin-bottom: 20px;} .checkout-faq .sub-faq-dv ul li:last-child {margin: 0;} .checkout-faq .tgl-heading, .checkout-faq .tglcontn-faq {background: transparent;} .checkout-faq .tgl-heading span::after{content: unset;} .checkout-faq .tgl-heading span::before {content: '';background-image: url(../img/checkout/angle-down.png);background-size: 12px;width: 12px;height: 12px;position: absolute;right: 26px;background-repeat: no-repeat;transition: all 0.3s linear;} .checkout-faq .tgl-heading.active span::before {transform: rotate(-90deg);} /* */ .checkout-whatweneed .title {text-align: left;} .checkout-whatweneed .title h2, .checkout-whatweneed .title p{margin-left: 0;} .whatwe-need {display: flex;justify-content: space-between;background: #E8F8FF;gap: 100px;border-radius: 24px;padding: 40px;} .need-text {flex: 0 1 auto;max-width: 612px;} .need-text span {display: inline-flex;align-items: center;justify-content: center;background-color: #00A0DE;width: 64px;height: 64px;border-radius: 100%;margin-bottom: 16px;} .need-text h5 {font-size: 24px;font-weight: 700;line-height: 1.4;letter-spacing: -0.04em;color: #00A0DE;margin-bottom: 12px;} .need-text ol {padding-left: 15px;} .need-text ol li {color: #00A0DE;font-size: 16px;line-height: 1.5;letter-spacing: -0.02em;margin-bottom: 10px;text-align: left;} .need-img {margin: -20px 0;} /* */ .cto-section {display: flex;justify-content: space-between;align-items: center;padding: 40px;background-color: #F4F4F4;border-radius: 24px;margin: 0 0 100px;} .cto-text h4 {font-size: 32px;font-weight: 700;line-height: 1.325;letter-spacing: -0.04em;margin-bottom: 15px;} .cto-text p {font-size: 16px;font-weight: 400;line-height: 1.5;letter-spacing: -0.02em;max-width: 430px;} .cto-img .btn {background-color: #00A0DE;} .cto-img .btn:hover{background-color: #00A0CA;} /* */ .note {position: relative;display: flex;flex-direction: column;justify-content: center;background: #fee9e8;border: 0.0625rem solid #fda9a5;box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);border-radius: 0.5rem;min-height: calc(2rem + calc(1rem* 2));padding: 1rem;text-align: left;max-width: 900px;margin: 60px auto 0;} .note h4 {position: relative;padding-left: 2.75rem;line-height: 2rem;margin-bottom: 0.125rem;background-image: none;color: #202223;display: flex;justify-content: space-between;} .note-deprecated h4, .note.deprecated h4 {color: #74180c;} .note p {padding-left: 2.75rem;margin-bottom: 1em;color: #981c06;} .note p code{color: #202223;padding: 0 0.25rem;border-radius: 4px;background: transparent;border: 1px solid #fda9a5;overflow-wrap: break-word;} .note p a{color: #b92409;border-bottom: 1px solid #b92409;} .note p a:hover, .note p a:active{color: #d72c0d;} .note::before {content: ' ';position: absolute;top: 1rem;left: 1rem;width: 2rem;height: 2rem;image-rendering: pixelated;} .note.deprecated::before {background-size: contain;background-image: url('https://cdn.shopify.com/shopifycloud/shopify_dev/assets/icons/32/critical-4491211bfedddf75a13ff41ddfd60b978a8a41e0e8adf696ae9e502f83377994.png');} .note h4 img {max-height: 50px;margin-top: -40px;} /* */ .popup-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);display: flex;padding: 12px;opacity: 0;visibility: hidden;overflow: hidden;overflow-y: auto;z-index: 9999;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} .popup-box .popup-inner{max-width: 465px;width: 100%;margin: auto;background: #fff;border-radius: 6px;padding: 30px;position: relative;pointer-events: auto;background-color: #fff;outline: 0;-webkit-transform: translateY(20%);-moz-transform: translateY(20%);-ms-transform: translateY(20%);transform: translateY(20%);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} .ipop-opened{overflow: hidden;} .ipop-opened .popup-box .popup-inner{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;} .ipop-opened .popup-box {opacity: 1;visibility: visible;} .popup-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;} .popup-header h2 {margin: 0;font-size: 22px;color: #000;font-weight: 600;line-height: 1.2;flex-grow: 1;} .popup-box .close-btn{cursor: pointer;color: #fff;padding: 0 5px;} .popup-box .close-btn svg{vertical-align: middle;} .popup-box .close-btn svg path {fill: #b5b5b5;} .popup-box .popup-inner form{margin:0;} .popup-content p,.popup-content form label, .popup-content form span{display: block;color: #000;font-size: 14px;line-height: 1.4;letter-spacing: 0;font-style: normal;font-weight:normal;} .popup-content p{border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 15px;margin-bottom: 15px;} .popup-content h4 {text-transform: unset;font-weight: 500;font-size: 15px;margin-bottom: 15px;letter-spacing: 0;} .popup-content form select, .popup-content form input:not(input[type='checkbox']) {width: 100%;margin: 0 0 15px;border: 1px solid rgba(0,0,0,0.1);border-radius: 4px;font-style: normal;font-size: 15px;color: #000;letter-spacing: 0;outline: 0;line-height: 1.5;padding: 8px 10px;text-indent: 0;font-weight: normal;max-width: 100%;background-image: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;position:relative;} .descrip_area {width: 100%;margin: 0 0 15px;} .descrip_area textarea {width: 100%;min-height: 95px;border-radius: 6px;border-color: #e5e5e5;padding: 10px;} .popup-content .notify-btn{width: 100%;text-transform: uppercase;cursor: pointer;} .popup-box .popup-inner form .err_msg {font-size: 16px;color: red;text-transform: capitalize;margin-top: 10px;} .popup-box .popup-inner form .thankyou {font-size: 16px;color: green;text-transform: capitalize;margin-top: 10px;} .checkout-page .popup-box .inputfiled {min-height: unset;background-color: #fff;height: unset;padding: 0;margin: 0 0 15px;text-indent: 0;line-height: normal;padding: 10px;} .checkout-page .popup-box .inputfiled::placeholder {font-size: 14px;color: grey;} .checkout-page .popup-box textarea.inputfiled {margin: 0;} @media only screen and (max-width: 1440px) { .checkout-padding {padding: 30px 0;} .title {margin-bottom: 20px;} .title h2 {font-size: 40px;max-width: 600px;} .title p {max-width: 765px;} .checkout-script-section h1 {font-size: 40px;} .columns-card-wrap {padding: 40px;} .columns-card-wrap h4,.process-wrap h4,.need-text h5, .cto-text h4{font-size: 20px;margin-bottom: 5px;} .checkout-price-box h4 {font-size: 54px;} .checkout-bottoms p {font-size: 16px;} .checkout-pricing-section{margin: 30px 0 0;} } @media only screen and (max-width: 1199px) { .title h2 {font-size: 30px;max-width: 500px;} .cto-text h4 {font-size: 22px;} .checkout-bottoms {max-width: 600px;} .testimonial-item {width: 33.33%;} .testimonial-item h5 {font-size: 20px;} .columns-card-wrap {padding: 10px;} .columns-card-wrap span {max-width: 60px;height: 60px;margin-bottom: 10px;} .columns-card-wrap span img{max-height: 35px;} } @media only screen and (max-width: 991px) { .title h2{font-size: 25px;} .title p{font-size: 16px;} .checkout-script-section h1 {font-size: 25px;} .checkout-script-section h1 br{display: none;} .checkout-price-box h4 {font-size: 40px;margin: 20px;} } @media only screen and (max-width: 767px) { .shopify-checkout-icon img {max-width: 50px;} .checkout-script-section h1{max-width: 500px;margin-left: auto;margin-right: auto;} .script-img {display: none;} .script-tags {flex-wrap: wrap;} .script-tags li {gap: 5px;} .script-tags li img {max-width: 15px;} .script-tags li span {font-size: 12.5px;text-align: left;} .script-tags li b{display: none;} .note{margin: 50px auto 0;} .columns-card-box,.process-box{flex-wrap: wrap;} .columns-card-item,.process-item {flex: 100%;} .process-wrap::before{display: none;} .process-wrap p {max-width: 100%;} .checkout-price-box {padding: 20px;} .checkout-price-box a.btn {margin-bottom: 20px;} .checkout-bottoms {margin-top: 30px;} .testimonial-item {width: 100%;padding: 20px;gap: 15px;margin-right: 15px;} .whatwe-need {padding: 20px;flex-wrap: wrap;gap: 20px;justify-content: center;} .need-img {margin: 0;} .cto-section{flex-wrap: wrap;margin: 0 0 60px;padding: 20px;} }