* {
  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;
  letter-spacing: 0.3px;
}

body {
  /* font-family: 'Rubik', sans-serif; */
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #374252;
}

.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;
}

.blog-tag-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.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;
  margin-bottom: 40px;
}

.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); */
.blog-detail-title h1 {
  font-size: 40px;
  line-height: 1.4;
  font-weight: 700;
}

.blog-detail-title {
  padding: 60px 0 70px;
}

.blog-detail-title .author {
  color: #3795ff;
  margin: 15px 0 0;
  display: block;
  font-size: 13px;
}


.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;
  table-layout: fixed;
}

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

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

.article-content th {
  word-break: break-all;
}


.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 {
  display: flex;
}

.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: 80px 0;
}

.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 {
  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;
  padding-bottom: 12px;
  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 20px;
}

.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: 15px;
  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:not(:first-child) .menu-list-heading {
  border-top: 1px solid #F2F2F2;
  padding-top: 20px;
}

.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: 20%;
  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-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.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) {

  .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;
  }

  .blog-detail-title h1 {
    font-size: 26px;
  }

  .blog-detail-title {
    padding: 40px 0 50px;
  }
}

@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;
  }

  .blog-detail-title h1 {
    font-size: 22px;
  }

  .blog-detail-title {
    padding: 30px 0;
  }

}

@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);
}

.cs-list-hero-content h1 {
  margin-bottom: 15px !important;
}

@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;
  }

  .cs-list-hero-content h1 {
    font-size: 20px;
  }
}

@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;
  }
}


/*  jewellery demo start */
@font-face {
  font-family: 'Manila Black';
  src: url('../fonts/Manila-Black.woff2') format('woff2'), url('../fonts/Manila-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.jewellery-wrap * {
  color: #1E201E;
}

.jewellery-hero-video video {
  height: 100%;
  width: 100%;
}

.jewellery-hero {
  padding: 50px 0 0;
  position: relative;
  color: #1E201E;
}

.jewellery-hero h1 {
  font-size: 70px;
  line-height: 90px;
  font-family: 'Manila Black';
  color: #1E201E;
  padding-bottom: 30px;
  min-width: 100%;
}

.jewellery-hero h1 span {
  color: #00D000;
  /* font-family: 'Rubik', sans-serif; */
  font-weight: 700;
}

.jewellery-hero-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jewellery-book-call {
  font-size: 18px;
  line-height: 28px;
  padding: 10px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background-color: #1E201E;
  font-weight: 500;
  color: #fff;
  border-radius: 50px;
  transition: all ease-in-out .3s;
}

.jewellery-book-call:hover {
  background-color: #000;
  font-weight: 500;
  color: #fff;
}

.jewellery-hero p {
  font-size: 22px;
  line-height: 34px;
  color: #3C3D37;
  margin-bottom: 0;
  max-width: 640px;
}

.jewellery-hero-cta {
  padding-bottom: 70px;
}

.jewellery-hero .hero-ring {
  position: absolute;
  right: 4.16%;
  top: -13.6%;
  width: 100%;
  max-width: 8.75%;
}

.jewellery-hero-img {
  position: relative;
}

.hero-bg-leaf {
  position: absolute;
  top: 0;
  left: 5.26%;
  max-width: 7.70%;
  width: 100%;
}

.hero-bg-leaf img {
  width: 100%;
  height: auto;
  display: block;
}

.jewellery-sec-title {
  padding-bottom: 60px;
}

.jewellery-sec-title h2 {
  font-size: 44px;
  line-height: 60px;
  padding-bottom: 15px;
  font-family: 'Manila Black';
  color: #1E201E;
}

.jewellery-sec-title p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  max-width: 710px;
  width: 100%;
  color: #1E201E;
}

.jewellery-color-section {
  background-color: #F9D689;
  padding: 100px 0;
}

.jewellery-industry-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.jewellery-industry-content .industry-left-img {
  max-width: 62.2881%;
  width: 100%;
  position: relative;
}

.jewellery-industry-content .industry-left-img .industry-img-1 {
  max-width: 70.8843%;
  width: 100%;
}

.jewellery-industry-content .industry-left-img .industry-img-2 {
  position: absolute;
  bottom: -6.7264%;
  right: 0;
  width: 100%;
  max-width: 48.2993%;
}

.jewellery-industry-content .industry-left-img .industry-img-3 {
  position: absolute;
  right: 4.4897%;
  top: 26.9058%;
  width: 100%;
  max-width: 17.1428%;
}

.jewellery-industry-content .industry-left-img .industry-img-1 img,
.jewellery-industry-content .industry-left-img .industry-img-2 img,
.jewellery-industry-content .industry-left-img .industry-img-3 img {
  width: 100%;
  display: block;
}

.jewellery-industry-content .industry-right-conent {
  max-width: 29.1666%;
  width: 100%;
}

.industry-right-conent h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  padding-bottom: 20px;
}

.industry-right-conent ul {
  list-style: disc;
  padding-left: 26px;
}

.industry-right-conent ul li {
  padding-bottom: 12px;
}

.industry-right-conent ul p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}

.jewellery-expert-count {
  margin-top: 90px;
}

.jewellery-expert-count {
  display: flex;
  gap: 60px;
}

.expert-count-wrap {
  width: 100%;
  padding: 20px;
  border-top: solid 1px #1E201E;
  border-bottom: solid 1px #1E201E;
  display: flex;
  align-items: flex-start;
}

.expert-count-icon svg {
  display: block;
  margin-top: 6px;
}

.expert-count-wrap .expert-count-number {
  padding-left: 15px;
}

.expert-count-wrap .expert-count-number p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.expert-count-wrap .expert-count-number span {
  font-size: 40px;
  line-height: 50px;
  font-family: 'Manila Black';
  letter-spacing: 4px;
}

.business-online {
  padding: 100px 0;
}

.business-reason-wrap {
  max-width: 48.3333%;
  width: 100%;
}

.business-reason {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 20px 30px;
  border-top: solid 1px #1E201E;
}

.business-reason:last-child {
  border-bottom: solid 1px #1E201E;
}

.business-reason h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}

.business-reason p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}

.business-online-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}

.business-online-content .business-reason-img {
  max-width: 45%;
  width: 100%;
  position: relative;
}

.business-reason-img .business-ring {
  position: absolute;
  top: 10px;
  right: 8.0769%;
  width: 20.1538%;
}

.business-reason-img .business-ring img {
  width: 100%;
}

.business-site img {
  margin-left: auto;
  display: block;
}

.business-women {
  margin-bottom: -168px;
  position: relative;
}

.review-slider .review-slide {
  max-width: calc(38vw - 10px);
  width: 100%;
  background-color: #fff;
  padding: 20px;
  display: flex;
  gap: 20px;
  height: auto;
}

.review-slide .brand-image {
  max-width: 40%;
  width: 100%;
}

.review-slide .brand-image,
.review-slide .review-text {
  max-width: 48.1481%;
  width: 100%;
}

.review-slide .review-text {
  display: flex;
  flex-direction: column;
  max-width: calc(60% - 20px);
  width: 100%;
}

.review-slide .brand-image .brand-image-wrap {
  width: 100%;
  height: 100%;
  padding-bottom: 391px;
  position: relative;
}

.review-slide .brand-image .brand-image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.review-text .review-quote {
  margin-bottom: 30px;
}

.review-text .review-star {
  margin-bottom: 15px;
}

.review-text p {
  color: #3C3D37;
}

.review-text span {
  margin-top: auto;
  font-weight: bold;
  color: #697565;
}

.review-slide .brand-image .brand-image-wrap::after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
}

.review-slide .brand-image .brand-image-wrap .review-brand {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: unset;
  height: auto;
  width: 100%;
  z-index: 1;
  padding: 20px;
  max-width: 240px;
}

.review-slider {
  position: relative;
  overflow: hidden;
}

.review-slider .review-wrapper {
  width: max-content;
}

.our-work {
  padding: 100px 0;
}

.our-work-box {
  display: flex;
  align-items: center;
  gap: 60px;
  border-top: solid 1px #1E201E;
  padding: 30px;
}

.our-work-box:last-child {
  border-bottom: solid 1px #1E201E;
}

.our-work-box .our-work-logo {
  max-width: 14.4067%;
  width: 100%;
}

.our-work-box .our-work-image {
  max-width: 33.33%;
  width: 100%;
  border: solid 1px #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
}

.our-work-box .our-work-content {
  max-width: calc(52.27% - 120px);
  width: 100%;
}

.our-work-box .our-work-content p {
  font-size: 20px;
  line-height: 30px;
  color: #1E201E;
  font-weight: 500;
}

.work-load-more {
  padding-top: 30px;
}

.work-load-more button {
  font-size: 20px;
  line-height: 30px;
  color: #1E201E;
  font-weight: 700;
  text-decoration: underline;
  border: unset;
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
}

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

.our-process .our-process-box {
  width: 100%;
  background-color: #697565;
  position: relative;
  padding-bottom: 100%;
}

.our-process .our-process-box:nth-child(even) {
  padding-bottom: 0;
}

.our-process-wrap .our-process-wrap-inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 20%;
  width: 100%;
}

.our-process-wrap .our-process-wrap-inner:nth-child(even) {
  flex-direction: column-reverse;
}

.our-process-box .process-box-content {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-direction: column;
  height: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
}

.our-process-box .process-box-content p {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}

.our-process-box .our-process-img {
  position: relative;
  padding-bottom: 100%;
  width: 100%;
}

.our-process-box .our-process-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.faqs-wrap {
  display: flex;
  flex-wrap: wrap;
}

.faq-box-sizer,
.faqs-wrap .faq-box {
  max-width: calc(50% - 10px);
  width: 100%;
  padding: 20px;
  background-color: #697565;
  margin-bottom: 20px;
}

.faq-box-sizer {
  background-color: transparent;
}

.faqs-wrap .faq-box h6 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  padding-bottom: 15px;
  color: #fff;
}

.faqs-wrap .faq-box p {
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}

.faqs {
  padding: 100px 0;
}

.book-call-wrap {
  background-image: url('../img/jewellery/cta-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 20px;
  position: relative;
  background-position: right;
  border-radius: 30px;
}

.book-call-wrap .jewellery-sec-title {
  max-width: 500px;
  padding-bottom: 60px;
  text-align: center;
  margin: 0 auto;
}

.book-call-wrap .jewellery-book-call {
  width: fit-content;
  margin: 0 auto;
}

.book-call-wrap .ring-vector {
  position: absolute;
  left: 4.2372%;
  top: -11.6009%;
  width: 9.4915%;
}

.book-call-wrap .ring-vector img {
  display: block;
  width: 100%;
}

.book-call {
  padding-bottom: 100px;
}

@media only screen and (max-width: 1200px) {
  .site-i-menu ul li .site-link {
    font-weight: 400;
  }

  .jewellery-industry-content .industry-right-conent {
    max-width: 35%;
  }

  .expert-count-wrap {
    padding: 15px;
  }

  .jewellery-expert-count {
    gap: 30px;
  }

  .review-slider .review-slide {
    max-width: calc(50vw - 10px);
  }

  .our-process-box .process-box-content p {
    font-size: 16px;
    line-height: 22px;
  }

  .process-box-content img {
    width: 40%;
  }

  .book-call-wrap {
    padding: 60px 20px;
  }

  .review-slide .brand-image .brand-image-wrap {
    padding-bottom: 320px;
  }
}

@media only screen and (max-width: 991px) {
  .jewellery-hero h1 {
    font-size: 50px;
    line-height: 80px;
  }

  .jewellery-hero p {
    max-width: 470px;
    font-size: 18px;
    line-height: 28px;
  }

  .jewellery-book-call {
    font-size: 16px;
    line-height: 28px;
  }

  .jewellery-color-section {
    padding: 80px 0;
  }

  .jewellery-industry-content {
    flex-direction: column;
    gap: 80px;
  }

  .jewellery-industry-content .industry-left-img {
    max-width: 100%;
  }

  .jewellery-industry-content .industry-right-conent {
    max-width: 100%;
  }

  .jewellery-sec-title h2 {
    font-size: 36px;
    line-height: 50px;
  }

  .jewellery-expert-count {
    margin-top: 60px;
    flex-wrap: wrap;
  }

  .expert-count-wrap {
    width: calc(50% - 15px);
  }

  .business-online-content {
    gap: 40px;
    flex-direction: column;
    padding-top: 20px;
  }

  .jewellery-sec-title {
    padding-bottom: 80px;
  }

  .business-online-content .business-reason-img {
    max-width: 80%;
    margin: 0 auto;
  }

  .business-reason-img .business-ring {
    top: 100px;
    right: 32%;
    width: 16%;
  }

  .business-reason-wrap {
    max-width: 100%;
    order: 1;
  }

  .business-online {
    padding: 80px 0;
  }

  .review-slider .review-slide {
    max-width: calc(70vw - 10px);
  }

  .our-work {
    padding: 80px 0;
  }

  .our-work-box {
    flex-direction: column;
    gap: 20px;
  }

  .our-work-box .our-work-content p {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
  }

  .work-load-more {
    text-align: center;
  }

  .our-process-box .process-box-content {
    padding: 0 10px;
    gap: 10px;
  }

  .our-process-box .process-box-content p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
  }

  .process-box-content img {
    width: 50%;
  }

  .our-work-box .our-work-image {
    max-width: 60%;
  }

  .faqs-wrap .faq-box h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
  }

  .faqs-wrap .faq-box p {
    font-weight: 400;
  }

  .faqs {
    padding: 80px 0;
  }

  .book-call-wrap {
    padding: 60px 20px;
  }

  .book-call-wrap .jewellery-sec-title {
    padding-bottom: 50px;
  }

  .book-call {
    padding-bottom: 80px;
  }

  .our-work-box .our-work-content {
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .jewellery-hero h1 {
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    padding-bottom: 10px;
  }

  .jewellery-hero h1 img {
    width: 40px;
  }

  .jewellery-hero p {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  .jewellery-hero-cta {
    flex-direction: column;
    gap: 20px;
  }

  .hero-bg-leaf {
    max-width: 10.7%;
  }

  .jewellery-hero {
    padding: 40px 0 0;
  }

  .jewellery-hero-cta {
    padding-bottom: 50px;
  }

  .jewellery-book-call {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
  }

  .jewellery-book-call:hover {
    font-weight: 400;
  }

  .jewellery-hero .hero-ring {
    max-width: 11%;
  }

  .jewellery-color-section {
    padding: 60px 0;
  }

  .jewellery-sec-title p {
    font-size: 14px;
    line-height: 20px;
  }

  .jewellery-sec-title {
    padding-bottom: 50px;
  }

  .jewellery-sec-title h2 {
    padding-bottom: 10px;
  }

  .jewellery-expert-count {
    margin-bottom: 50px;
    justify-content: center;
  }

  .business-online {
    padding: 60px 0;
  }

  .business-online .jewellery-sec-title {
    padding-bottom: 100px;
  }

  .business-site img {
    width: 80%;
  }

  .business-reason-img .business-ring {
    top: 125px;
    right: 12%;
  }

  .our-process .our-process-box {
    max-width: 50%;
    display: flex;
    justify-content: center;
    padding-bottom: 50%;
  }

  .book-call-wrap .ring-vector {
    left: -3.7628%;
    top: -16%;
    width: 14%;
  }

  .book-call {
    padding-bottom: 50px;
  }

  .faqs {
    padding: 60px 0;
  }

  .book-call {
    padding-bottom: 60px;
  }

  .our-process-wrap .our-process-wrap-inner {
    max-width: 100%;
    flex-direction: row;
  }

  .our-process .our-process-wrap {
    flex-direction: column;
  }

  .our-process-wrap .our-process-wrap-inner {
    max-width: 100%;
  }

  .our-process-wrap .our-process-wrap-inner:nth-child(even) {
    flex-direction: row-reverse;
  }

  .process-box-content img {
    max-width: 50%;
    width: auto;
  }

}

@media only screen and (max-width: 575px) {
  .jewellery-hero .hero-ring {
    max-width: 16%;
    height: auto;
    object-fit: unset;
    right: 4.16%;
    top: -17%;
  }

  .review-slide .brand-image .brand-image-wrap {
    padding-bottom: 240px;
  }

  .jewellery-hero-img {
    height: 200px;
  }

  .jewellery-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .jewellery-sec-title h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .industry-right-conent h3 {
    font-size: 25px;
    line-height: 33px;
  }

  .industry-right-conent ul li {
    padding-bottom: 10px;
  }

  .industry-right-conent ul p {
    font-size: 14px;
    line-height: 18px;
  }

  .industry-right-conent ul li {
    padding-bottom: 6px;
  }

  .industry-right-conent ul {
    padding-left: 19px;
  }

  .business-women {
    margin-bottom: -128px;
  }

  .business-women img {
    width: 260px;
  }

  .business-reason-img .business-ring {
    top: 45px;
    right: 10%;
  }

  .business-reason {
    padding: 20px;
  }

  .business-reason h4 {
    font-size: 18px;
    line-height: 26px;
  }

  body {
    font-size: 14px;
    line-height: 1.2;
  }

  .review-slider .review-slide {
    max-width: calc(100vw - 10px);
  }

  .review-slide .review-text svg {
    width: 50px;
    height: 30px;
    margin-bottom: 10px;
  }

  .review-text .review-star {
    margin-bottom: 10px;
  }

  .our-work {
    padding: 60px 0;
  }

  .jewellery-sec-title {
    padding-bottom: 40px;
  }

  .our-work-box .our-work-content p {
    font-size: 16px;
    line-height: 22px;
  }

  .our-work-box .our-work-image {
    max-width: 100%;
    display: flex;
    justify-content: center;
  }

  .our-work-box .our-work-logo {
    max-width: 34%;
  }

  .our-work-box .our-work-logo img {
    display: block;
    margin: 0 auto;
  }

  .book-call-wrap .ring-vector {
    left: 6%;
    top: -23%;
    width: 16%;
  }

  .book-call-wrap {
    padding: 40px 20px;
    border-radius: 20px;
  }

  .book-call-wrap .jewellery-sec-title {
    padding-bottom: 30px;
  }

  .business-online .jewellery-sec-title {
    padding-bottom: 67px;
  }

  .jewellery-expert-count {
    margin-top: 40px;
  }

  .jewellery-expert-count {
    margin-bottom: 0;
  }

  .jewellery-sec-title h2,
  .jewellery-sec-title p,
  .faqs-wrap .faq-box h6,
  .faqs-wrap .faq-box p {
    text-align: center;
  }

  .review-slide .brand-image,
  .review-slide .review-text {
    max-width: 100%;
  }
}

@media only screen and (max-width: 424px) {
  .expert-count-wrap {
    justify-content: center;
  }

  .expert-count-wrap .expert-count-number {
    padding-left: 10px;
  }

  .expert-count-wrap .expert-count-number span {
    font-size: 30px;
    line-height: 45px;
  }

  .faqs-wrap .faq-box {
    position: unset !important;
    max-width: 100%;
  }

  .faq-box-sizer {
    display: none;
  }

  .jewellery-sec-title h2 {
    font-size: 26px;
    line-height: 36px;
  }

  .review-slider .review-slide {
    flex-direction: column;
  }

  .review-slide .brand-image .brand-image-wrap {
    padding-bottom: 180px;
  }

  .review-slide .review-text svg {
    margin-bottom: 0;
    width: 70px;
    height: 40px;
  }

  .book-call-wrap {
    border-radius: 10px;
  }

  .book-call-wrap .ring-vector {
    top: -17%;
  }

  .business-women img {
    width: 200px;
  }
}

/*  jewellery demo end */



/* Casestudy Css Start */

.casestudy-hero {
  padding: 130px 0 80px;
}

.casestudy-second {
  padding-top: 80px;
}

.casestudy-second img {
  border-radius: 20px;
}

.casestudy-slider-wrap .portfolio-new,
.casestudy-slider-wrap.why-cho-cod.js-why-sp {
  margin-bottom: 0;
}

.casestudy-slider-wrap .portfolio-new .port-li-slide {
  padding-bottom: 0;
}

.casestudy-detail {
  float: unset;
}

.casestudy-detail:before {
  content: unset;
}

.casestudy-detail .js-title-page h2 {
  text-align: left;
}

.casestudy-client-say {
  background-color: #f1f3ff;
}

.casestudy-client-say .client_item_in {
  padding-bottom: 0;
}

.casestudy-contact {
  padding-top: 80px;
}

.casestudy-client-say .allClient_info {
  border-left: 1px solid #dddddd;
}

.casestudy-detail .js-title-page {
  margin-bottom: 20px;
}

.casestudy-detail .mgs_domain_point_overlay p.mgs_domain_point_title,
.casestudy-detail .mgs_domain_point_overlay p.mgs_domain_point_subtitle {
  font-size: unset;
  margin-bottom: 10px;
  text-align: left;
}

.casestudy-detail .mgs_domain_point_overlay p.mgs_domain_point_subtitle {
  margin-bottom: 0;
}

.casestudy-client-say .site-heading .js-title-page h2:after {
  content: unset;
}

.casestudy-client-say .site-heading .js-title-page h2 {
  padding-bottom: 0;
  margin-bottom: 0;
}

.casestudy-client-say .js-title-page {
  margin-bottom: 20px;
}

.casestudy-client-say .js-title-page h2 {
  text-align: left;
}

.casestudy-client-say .client_details>img {
  max-height: 70px;
}

@media only screen and (max-width:1199px) {
  .casestudy-client-say .allClient_info {
    border-left: unset;
  }
}

@media only screen and (max-width:767px) {
  .digital-why-choose .col-md-6.align-self-center {
    padding-top: 30px;
  }
}

/* Casestudy Css End */

/* ansecommerce start */
.ans-solution {
  margin: 120px 0 50px 0;
}

.ans-migration.sp-app-development .section-top {
  padding-bottom: 150px;
  background-color: #4cbfb117;
}

.ans-migration .spmain-title span {
  text-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  color: #3895FD;
  font-weight: 700;
}

.ans-migration p {
  max-width: 80%;
  margin: 0 auto;
}

.ans-migration a {
  margin-top: 20px;
}

.ans-migrate .service-list {
  width: 100%;
}

.ans-migrate .service-box ul {
  padding-left: 15px;
  padding-top: 10px;
}

.ans-migrate .service-box li {
  padding-top: 0;
  padding-bottom: 5px;
  list-style: disc;
}

.ans-migrate .service-box li:before {
  content: unset;
}

.ans-migrate .service-box li:last-child {
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (max-width:991px) {
  .ans-migration.sp-app-development .section-top {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width:767px) {
  .ans-migration.sp-app-development .section-top {
    padding-bottom: 100px;
  }

  .ans-migration p {
    max-width: 80%;
  }
}

/* ansecommerce end */


/* start our expertise */
.shopify-our-expertise-new-sec .js-title-page,
.shopify-our-expertise-new-sec .js-title-page h2 {
  text-align: center;
}

.shopify-our-expertise-new-sec .js-title-page p {
  margin: 0 auto;
}

.shopify-our-expertise-new-sec .service-box {
  padding: 35px 25px;
  display: flex;
  gap: 20px;
}

.shopify-our-expertise-new-sec .service-box figure {
  margin-bottom: unset;
}

.shopify-our-expertise-new-sec .service-box figure svg {
  fill: none !important;
  width: 40px;
  height: 40px !important;
}

.shopify-our-expertise-new-sec .experise-shopify-content p {
  padding-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}

.experise-shopify-content .expanded {
  -webkit-line-clamp: unset !important;
  display: block !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

.experise-shopify-content span {
  cursor: pointer;
  color: #3895FD;
  font-size: 15px;
  line-height: 21px;
}

/* end our expertise */

/* start shopify expert benifits */
.shopify-expert-benfits-sec {
  padding: 50px 0;
  background-color: #181B22 !important;
}

.shopify-expert-benfits-sec .container {
  max-width: 1200px;
}

.shopify-expert-benfits-sec .js-title-page {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.shopify-expert-benfits-sec .js-title-page h2 {
  color: #fff;
  margin-top: 10px;
}

.shopify-expert-benfits-sec .js-title-page h2 span {
  width: 100%;
  display: block;
}

.shopify-expert-benfits-sec .left-digital-mg,
.shopify-expert-benfits-sec .right-digital-dsc {
  padding: 10px;
}

.shopify-expert-benfits-sec .right-digital-dsc {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.shopify-expert-benfits-sec .right-digital-dsc .benefits-sec-content {
  background-color: #0C0F16;
  border-radius: 8px;
  padding: 15px 12px;
  max-width: calc(50% - 10px);
  width: 100%;
}

.right-digital-dsc .benefits-sec-content svg {
  max-width: 25px;
  margin-bottom: 4px;
}

.right-digital-dsc .benefits-sec-content h4 {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 500;
}

.right-digital-dsc .benefits-sec-content p {
  font-size: 14px;
  line-height: 24px;
  color: #CBCBCB;
  margin-bottom: unset;
}

/* start choose shopify expert */
.sExpert-choose .js-title-page {
  margin-bottom: 70px;
}

.sExpert-choose .whyecom_spstore_icon_box img {
  max-width: 35px;
}

.sExpert-choose .whyecom_spstore_continner_box h2 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
}

.sExpert-choose .whyecom_spstore_continner_box p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0px;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sExpert-choose .whyecom_spstore_continner_box span.read-more {
  font-size: 14px;
  line-height: 24px;
  color: #3895FD;
  cursor: pointer;
}

.sExpert-choose .whyecom_spstore_continner_box .expanded {
  -webkit-line-clamp: unset !important;
  display: block !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

.sExpert-choose .whyecom_spstore_continner_box {
  padding-bottom: unset;
  border-bottom: unset !important;
}

.whyecom_sp_store_image_middle .whyecom_sp_store_image img {
  position: unset;
}

.sExpert-choose .row.main-choose-content {
  align-items: center;
  padding: 50px 0;
  border-bottom: 1px solid #EFEFEF;
}

.sExpert-choose .row.main-choose-content:last-child {
  padding-bottom: unset;
  border-bottom: unset;
}

.sExpert-choose .row.main-choose-content:nth-child(2) {
  padding-top: unset;
}

.whyecom_sp_store_cont_inner.whyecom_sp_store_cont1 {
  margin-bottom: unset;
}

.whyecom_spstore_icon_box {
  margin-right: 12px;
}

.right-digital-dsc .benefits-sec-content p {
  font-size: 13px;
  line-height: 24px;
  color: #CBCBCB;
  margin-bottom: unset;
}

.right-digital-dsc .benefits-sec-content h4 {
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 8px;
}

/* end choose shopify expert */


/* start responsive */
@media only screen and (max-width: 991px) {

  .shopify-our-expertise-new-sec .service-box {
    padding: 30px 20px;
    gap: 12px;
  }

  .shopify-our-expertise-new-sec .service-box figure svg {
    width: 35px;
    height: 35px !important;
  }

  .sExpert-choose .whyecom_sp_store_image_middle {
    display: block;
    order: 1;
  }

  .sExpert-choose .whyecom_spstore_row1_block1 {
    order: 2;
  }

  .sExpert-choose .whyecom_spstore_row1_block2 {
    order: 3;
  }

  .shopify-expert-benfits-sec .left-digital-mg,
  .shopify-expert-benfits-sec .right-digital-dsc {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {

  .shopify-expert-benfits-sec .left-digital-mg,
  .shopify-expert-benfits-sec .right-digital-dsc {
    padding: 15px;
  }

  .shopify-expert-benfits-sec .right-digital-dsc {
    gap: 10px;
  }

  .shopify-expert-benfits-sec .right-digital-dsc .benefits-sec-content {
    max-width: calc(50% - 5px);
  }
}

@media only screen and (max-width: 575px) {
  .shopify-our-expertise-new-sec .service-box {
    gap: 10px;
    padding: 15px;
    flex-direction: column;
  }

  .shopify-our-expertise-new-sec .service-box h3 {
    font-size: 17px;
  }

  .shopify-our-expertise-new-sec .experise-shopify-content p {
    padding-top: 0px;
    font-size: 12px;
    margin-bottom: 3px;
    line-height: 18px;
  }

  .sExpert-choose .whyecom_spstore_continner_box p {
    font-size: 13px;
    line-height: 21px;
  }

  .experise-shopify-content span {
    font-size: 13px;
    line-height: 19px;
  }

  .shopify-expert-benfits-sec .right-digital-dsc .benefits-sec-content {
    max-width: 100%;
  }

  .sExpert-choose .js-title-page {
    margin-bottom: 40px;
  }

  .sExpert-choose .row.main-choose-content {
    padding: 30px 0;
  }

  .sExpert-choose .whyecom_sp_store_image_middle {
    padding-bottom: 20px;
  }

  .whyecom_sp_store_cont1 .whyecom_spstore_continner_box {
    padding-bottom: 10px !important;
  }

  .sExpert-choose .whyecom_spstore_icon_box img {
    max-width: 25px;
  }

  .whyecom_spstore_icon_box {
    margin-right: 8px;
  }

  .sExpert-choose .whyecom_spstore_continner_box h2 {
    font-size: 17px;
    line-height: 23px;
  }

  .main-choose-content .whyecom_sp_store_image img {
    width: 80% !important;
  }

  .right-digital-dsc .benefits-sec-content p {
    font-size: 13px;
    line-height: 21px;
  }

  .right-digital-dsc .benefits-sec-content h4 {
    font-size: 15px;
    line-height: 20px;
  }
}

/* end responsive */

/* start woo commerce to shopify */
.woo-hero-banner {
  padding-bottom: 150px;
  padding-top: 40px;
  background-color: #ede5fc;
}

.shopify-expert-benfits-sec .js-title-page p {
  color: #fff;
}

.shopify-expert-benfits-sec .benefits-sec-img img {
  border-radius: 10px;
}

.woo-process-sec .sub_dropship_howtheyfuctions {
  padding: 25px 20px;
}

.woo-process-sec .howtheyfuctions_img svg {
  width: 70px;
  height: 70px;
}

.woo-why-choose-sec .mgs_domain_point::before {
  content: unset;
}

.woo-why-choose-sec .mgs_domain_point {
  padding: unset;
}

.woo-main-why-coose {
  background-image: url(../img/woo-why-choose-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 50px;
  border-radius: 20px;
}

.woo-why-choose-sec .mgs_domain_point_overlay h2,
.woo-why-choose-sec .mgs_domain_point_overlay p {
  color: #fff;
}

.woo-main-why-coose .btn {
  background-color: #fff;
  color: #720EEC;
  transition: .3s;
}

.woo-main-why-coose .btn:hover {
  background-color: #9640ff;
}

.woo-migrated-data .benefits-sec-content svg {
  width: 30px;
  max-width: 30px;
  height: 30px;
  display: block;
  margin-bottom: 8px;
}

.woo-migrated-data .benefits-sec-content svg path {
  fill: #3895FD;
}

.faq-wix {
  padding: 0 15px;
}

.faq-wix .checkout-padding {
  padding-bottom: unset;
}

/* end woo commerce to shopify */

/* start Big commerce to shopify */
.big-migrate-hero .section-top {
  padding-bottom: 70px !important;
}

.big-data-migrate-sec {
  padding: 70px 0;
  background-color: #4cbfb117;
}

.big-data-migrate-sec .data-migrate-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}

.data-migrate-wrap .left-big-data-item,
.data-migrate-wrap .right-big-data-item {
  max-width: calc(50% - 20px);
  width: 100%;
}

.data-migrate-wrap .left-big-data-item h4 {
  margin-bottom: 10px;
}

.data-migrate-wrap .left-big-data-item ul {
  list-style: disc;
  padding-left: 20px;
  padding-top: 20px;
  border-top: 1px solid #000;
  margin-bottom: 10px;
}

.data-migrate-wrap .left-big-data-item ul li::marker {
  font-size: smaller;
}

.data-migrate-wrap .left-big-data-item ul li {
  padding-bottom: 10px;
}

.BigCommerce-reasons-sec,
.big-migrate .wp-sec-two {
  margin-bottom: unset;
}

.BigCommerce-reasons-sec .experise-shopify-content p {
  margin-bottom: unset;
}

.BigCommerce-reasons-sec.wp-sec-two .service-list .wp-service-box:nth-child(4) .service-box {
  background: #fdf9e9 !important;
}

.BigCommerce-reasons-sec.wp-sec-two .service-list .wp-service-box:nth-child(6) .service-box {
  background: #e3fcf4 !important;
}

.big-commerce-process {
  background: #4b60d9 url(https://softpulseinfotech.com/img/chrome-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.big-commerce-process .left-set-img {
  height: 100%;
  max-width: 100%;
}

.big-commerce-process .js-left-imgg img {
  height: 100%;
  object-fit: cover;
}

/* end Big commerce to shopify */

/* start wix to shopify */
.wix-hero-migrate .shopify-checkout-icon {
  max-width: 8%;
  margin: 0 auto 15px;
}

.wix-hero-migrate .script-img {
  position: relative;
  padding-bottom: 30.3333%;
  width: 100%;
  margin-top: 30px;
}

.wix-hero-migrate .script-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.wix-hero-migrate h1.spmain-title {
  font-size: 30px;
  line-height: normal;
  margin-bottom: 20px;
}

.wix-key-advantage-sec .columns-card-wrap {
  padding: 30px;
}

.wix-key-advantage-sec .columns-card-wrap span {
  max-width: 60px;
  height: 60px;
  border-color: #919191;
  margin-bottom: 20px;
}

.wix-key-advantage-sec .columns-card-wrap span svg {
  width: 28px;
  height: 28px;
  display: block;
}

.wix-key-advantage-sec .columns-card-wrap h4 {
  font-size: 22px;
  line-height: normal;
}

.wix-key-advantage-sec .columns-card-wrap p {
  margin: 0;
  max-width: 100%;
}

.wix-process-sec .process-wrap::before {
  width: 100%;
  right: calc(-50% - 10px);
  z-index: -1;
}

.wix-process-sec .process-wrap p {
  max-width: 100%;
  margin: 0;
  margin-top: auto;
}

.wix-process-sec .process-wrap span svg {
  width: 35px;
  height: 35px;
  display: block;
}

.wix-process-sec .process-wrap span svg path {
  stroke: #fff;
}

/* .wix-process-sec .wix-process-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wix-process-sec .process-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wix-process-sec .process-wrap h4 {
  margin-bottom: unset;
} */

.wix-process-sec .process-wrap span {
  margin-bottom: 20px;
}

.wix-way-perform-sec h4.url-sp-dect {
  margin-bottom: 12px;
}

.wix-way-perform-sec .url_redirect_sp p {
  color: #b5b5b5;
  margin-bottom: unset;
}

/* end wix to shopify */

/* start opencart to shopify */
.opencart-shopify-hero .mgs_top_baner {
  background-image: url(../img/opencart-to-shopify-hero.png);
}

.opencart-process-sec {
  margin-bottom: unset;
  padding-top: 0;
}

.opencart-process-sec .service-box figure {
  margin-bottom: 20px;
}

.opencart-process-sec .service-box {
  padding: 30px;
  display: flex;
  flex-direction: column;
  height: auto;
  margin-bottom: unset;
}

.opencart-process-sec .opencart-process-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.opencart-process-sec .opencart-process-content p {
  margin-top: auto;
}

.opencart-key-advantage {
  margin-bottom: unset;
  padding: 50px 0 0 0;
}

.opencart-key-advantage .service-box {
  background-color: #fff !important;
  border: 1px solid #f5f5f5;
}

.opencart-key-advantage .experise-shopify-content p {
  margin-bottom: unset;
}

/* end opencart to shopify */

/* start storehippo to shopify */
.storehippo-hero-sec {
  padding-top: 70px;
  position: relative;
}

.storehippo-hero-sec .spmain-title {
  text-align: left;
}

.storehippo-hero-sec .jewellery-hero-cta p {
  margin: unset;
  max-width: 70%;
}

.StoreHippo-data-migrate .js-title-page h2 {
  text-align: left;
}

.StoreHippo-data-migrate .js-title-page p {
  max-width: unset;
}

.StoreHippo-data-migrate .industry-right-conent ul {
  padding-left: 20px;
}

.StoreHippo-data-migrate {
  background-color: #4cbfb117
}

.storehippo-process-sec {
  padding: 70px 0;
  background-color: #4cbfb117;
}

.storehippo-process-sec .js-title-page h2 {
  text-align: left;
}

.storehippo-process-sec .js-title-page p {
  margin: unset;
}

.storehippo-hero-sec .hero-bg-leaf {
  max-width: 5.7%;
  top: -5px;
  left: 7.26%;
}

.storehippo-hero-sec .jewellery-hero-img {
  background-color: #DCEFAF;
}

.storehippo-hero-sec .jewellery-hero-img img {
  width: 100%;
  object-fit: contain;
}

.StoreHippo-data-migrate .industry-left-img .industry-img-2 {
  bottom: 0;
  max-width: 53.2993%;
}

.storehippo-process-sec .business-online-content {
  align-items: center;
}

/* end storehippo to shopify */

/* prestashop */
.digital-two-grid li svg {
  width: 55px;
  height: 55px;
  display: block;
  margin: 0 auto 12px;
}

.prestashop-Data-sec .service-box figure svg {
  width: 60px;
  height: 60px;
  display: block;
}

.prestashop-Data-sec .service-box figure {
  margin-bottom: 15px;
}

.PrestaShop-process-sec {
  margin-bottom: 60px;
}

.PrestaShop-process-sec .why-cont-ul li {
  background-position-x: 0%;
  background-position-y: -5%;
}

.PrestaShop-process-sec .bx-shadow-img {
  height: 100%;
  margin-top: unset;
  padding: unset;
  justify-content: center;
}

.PrestaShop-process-sec .row {
  align-items: center;
  justify-content: center;
}

.PrestaShop-process-sec .bx-shadow-img.mobileApp-follow img {
  width: 100%;
  object-fit: cover;
}

.PrestaShop-hero-sec {
  background-color: #fff9f1 !important;
  background-image: unset;
}

.PrestaShop-process-sec .row .left-digital-mg {
  flex: 0 0 40%;
  max-width: 40%;
}

.preshrashop-faq-sec .checkout-faq .sub-faq-dv ul li {
  border-bottom: 1px solid #c5c5c5;
  border-top: unset;
  border-left: unset;
  border-right: unset;
  border-radius: 0;
}

.preshrashop-faq-sec .tgl-heading span,
.preshrashop-faq-sec .tglcontn-faq p {
  padding-left: unset;
  padding-right: unset;
}


/* prestashop */

/* start custom to shopify */
.custom-reason-sec .digital-infos {
  margin: 0 0 50px;
}

.custom-migration-process .howtheyfuctions_img svg {
  width: 70px;
  height: 70px;
}

.custom-migration-process .dropship_howtheyfuctions .dropship_howtheyfuctions_main {
  align-items: start;
}

.custom-migration-process .howtheyfuctions_img svg path {
  fill: #2e2e2e;
}

.custom-maigration-sec .sec-one-abs {
  height: 100%;
}

.custom-maigration-sec.js-sec-one {
  min-height: unset;
  padding-bottom: 80px;
}

.custom-data-customize-sec.wp-sec-two {
  margin-bottom: unset;
  padding: 40px 0;
}

.custom-data-customize-sec.wp-sec-two .service-list .wp-service-box {
  margin-bottom: unset;
}

/* end custom to shopify */


/* start reponsive */

@media only screen and (max-width: 991px) {
  .big-data-migrate-sec {
    padding: 50px 0;
  }

  .big-data-migrate-sec .data-migrate-wrap {
    gap: 20px;
  }

  .data-migrate-wrap .left-big-data-item,
  .data-migrate-wrap .right-big-data-item {
    max-width: calc(50% - 10px);
  }

  .left-big-data-item p {
    font-size: 14px;
  }

  .shopify-our-expertise-new-sec .service-box figure svg {
    width: 30px;
    height: 30px !important;
  }

  .woo-process-sec .howtheyfuctions_img svg {
    width: 40px;
    height: 40px;
  }

  .custom-data-customize-sec .service-list {
    row-gap: 30px;
  }

  .storehippo-hero-sec {
    padding-top: 40px;
  }

  .storehippo-hero-sec .jewellery-hero-cta {
    padding-bottom: 40px;
  }

  .storehippo-hero-sec .btn {
    margin-top: unset;
  }

  .storehippo-process-sec .business-women.image-animate {
    transform: unset !important;
  }

  .woo-main-why-coose {
    padding: 30px;
  }

  .PrestaShop-process-sec .row .left-digital-mg {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 767px) {

  .data-migrate-wrap .left-big-data-item,
  .data-migrate-wrap .right-big-data-item {
    max-width: 100%;
  }

  .shopify-our-expertise-new-sec .service-box figure svg {
    width: 25px;
    height: 25px !important;
  }

  .PrestaShop-process-sec {
    margin-bottom: unset;
  }

  .PrestaShop-process-sec .right-digital-dsc {
    padding: 30px 15px 50px 15px;
  }

  .storehippo-hero-sec .jewellery-hero-cta p {
    max-width: 100%;
  }

  .wix-way-perform-sec p {
    padding: 0 15px;
  }

  .woo-main-why-coose {
    padding: 20px;
  }

  .PrestaShop-process-sec .row .left-digital-mg {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* end reponsive */

/* start food industry css */

main.food-wrap-main,
main.food-wrap-main p {
  font-family: "Rubik", sans-serif !important;
  margin: unset;
  color: #1E201E;
}

main.food-wrap-main h1,
main.food-wrap-main h2,
main.food-wrap-main h3,
main.food-wrap-main h4 {
  font-family: 'Manila Black';
  margin: unset;
  color: #1E201E;
}

main.food-wrap-main .container {
  max-width: 1230px;
}

main.food-wrap-main a {
  text-decoration: none;
}

main.food-wrap-main img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: block;
}

.food-sec-spacing {
  padding: 100px 0;
  position: relative;
  z-index: 1;
}

.food-development-main-title {
  margin-bottom: 50px;
}

.food-development-main-title span.bg-title {
  position: absolute;
  font-size: 150px;
  line-height: 150px;
  color: #92BF2D;
  opacity: 15%;
  text-transform: uppercase;
  font-weight: 800;
  width: 100%;
  left: 0;
  top: 10px;
  text-align: center;
  z-index: -1;
  word-wrap: break-word;
}

.food-development-main-title h2 {
  font-size: 44px;
  line-height: 60px;
  margin-bottom: 15px !important;
}

.food-development-main-title p {
  font-size: 18px;
  line-height: 30px;
  max-width: 850px;
}

.food-sec-bg-color {
  background-color: #92BF2D;
}

.food-sec-bg-color .food-development-main-title span.bg-title {
  color: #fff;
}

/* end food sec common css */

/* start hero banner */
.food-ind-hero-sec {
  background-image: url(../img/food-bg-hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90px 0 100px;
}

.main-food-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.main-food-hero .left-food-hero,
.main-food-hero .right-food-hero {
  max-width: calc(50% - 5px);
  width: 100%;
}

.main-food-hero .left-food-hero h1 {
  font-size: 52px;
  line-height: 68px;
  margin-bottom: 20px;
}

.main-food-hero .left-food-hero h1 span {
  color: #92BF2D;
}

.main-food-hero .left-food-hero p {
  font-size: 18px;
  line-height: 30px;
  color: #3C3D37;
  margin-bottom: 35px;
  max-width: 540px;
}

.food-wrap-main .food-btn {
  padding: 10px 26px;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  background-color: #1E201E;
  border: 1px solid #1E201E;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  transition: .3s;
}

.food-wrap-main .food-btn svg {
  transition: .3s;
  max-width: 22px;
  height: auto;
}

.food-wrap-main .food-btn:hover {
  color: #1E201E;
  background-color: transparent;
}

.food-wrap-main .food-btn:hover svg path {
  stroke: #1E201E;
}

.right-food-hero .food-hero-img {
  padding-bottom: 70.924369747%;
  position: relative;
  width: 100%;
  height: auto;
}

.right-food-hero .food-hero-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

/* end hero banner */

/* start food industry */
.food-industry-sec {
  padding-bottom: 50px;
}

.food-industry-wrap {
  display: flex;
  flex-wrap: wrap;
  /* align-items: center; */
  justify-content: space-between;
  margin-bottom: 60px;
}

.food-industry-wrap:nth-child(even) {
  flex-direction: row-reverse;
}

.food-industry-wrap:last-child {
  margin-bottom: unset;
}

.food-industry-wrap .food-indestry-img {
  max-width: 33.333333%;
  width: 100%;
}

.food-indestry-img .food-ind-img {
  padding-bottom: 100%;
  position: relative;
  width: 100%;
  height: 100%;
}

.food-indestry-img .food-ind-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: contain;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.food-industry-wrap .food-industry-contnet {
  max-width: 63.75%;
  width: 100%;
  padding: 50px;
  background-color: #92BF2D;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}

.food-industry-contnet .industry-subtitle p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #fff;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.food-industry-contnet .industry-subtitle p::before,
.food-industry-contnet .industry-point-feature p::before {
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  width: 2px;
  background-color: #fff;
}

.food-industry-contnet .industry-point-feature p::before {
  background-color: #1E201E;
}

.food-industry-contnet .industry-title h3 {
  font-size: 38px;
  line-height: 50px;
  margin-bottom: 20px;
}

.food-industry-contnet .industry-title p {
  font-size: 18px;
  line-height: 30px;
}

.food-industry-contnet .industry-point-feature {
  margin-top: 30px;
}

.food-industry-contnet .industry-point-feature p {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  position: relative;
  padding-left: 10px;
  margin-bottom: 20px;
}

.food-industry-contnet .industry-point-feature p:last-child {
  margin-bottom: unset;
}

.food-indu-bottom-content {
  position: absolute;
  font-size: 113px;
  line-height: 113px;
  color: #fff;
  opacity: 12%;
  text-transform: uppercase;
  font-weight: 800;
  width: 100%;
  left: 0;
  bottom: -20px;
  text-align: center;
  z-index: -1;
}

/* end food industry */

/* start food feature */
.main-food-feature {
  display: flex;
  flex-wrap: wrap;
  row-gap: 25px;
  column-gap: 20px;
}

.main-food-feature .food-feature-item {
  padding: 25px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.12);
  max-width: calc(50% - 10px);
  width: 100%;
}

.food-feature-item .food-feature-svg svg {
  max-width: 30px;
  height: auto;
  display: block;
}

.food-feature-item .food-feature-content h5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin: 15px 0 10px;
}

.food-feature-item .food-feature-content p {
  font-size: 16px;
  line-height: 24px;
}

/* end food feature */

/* start food achivement */
.main-food-achivement {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}

.main-food-achivement .food-achivement-wrap,
.main-food-achivement .food-archivement-img {
  max-width: calc(50% - 10px);
  width: 100%;
}

.food-archivement-img .achevement-img {
  padding-bottom: 59.3220338983%;
  position: relative;
  width: 100%;
  height: auto;
}

.food-archivement-img .achevement-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  border-radius: 20px;
}

.food-achivement-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.food-achivement-wrap .food-achivement-item {
  max-width: calc(50% - 10px);
  width: 100%;
  background-color: #333333;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  position: relative;
  box-shadow: -3px -3px 12px rgba(0, 0, 0, 0.2);
}

.food-achivement-item .food-achivement-svg {
  position: absolute;
  top: 0;
  left: 10px;
  padding: 7.5px;
  border-radius: 0 0 8px 8px;
  background-color: #92BF2D;
}

.food-achivement-item .food-achivement-svg svg {
  max-width: 40px;
  height: auto;
  display: block;

}

.food-achivement-item h4 {
  font-size: 45px;
  line-height: 45px;
  color: #fff !important;
  text-align: center;
  letter-spacing: 5px;
}

.food-achivement-item p {
  font-size: 16px;
  line-height: 22px;
  color: #fff !important;
  text-align: center;
  font-weight: 300;
}

/* end food achivement */

/* start services */
.food-deve-service-wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 30px;
}

.food-deve-service-wrap .food-deve-item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.12);
  padding: 20px;
  max-width: calc(33.33% - 14px);
}

.food-deve-item .food-service-svg {
  padding: 9px;
  background-color: #92BF2D;
  border-radius: 8px;
  display: inline-block;
}

.food-deve-item .food-service-svg svg {
  display: block;
  max-width: 32px;
  height: auto;
}

.food-deve-item .food-services-content h5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin: 15px 0 10px;
}

.food-deve-item .food-services-content p {
  font-size: 16px;
  line-height: 24px;
}

/* end services */

/* start food review */
#food-review-slider {
  padding-left: 50px;
  padding-bottom: 40px;
}

#food-review-slider .swiper-pagination {
  bottom: 0;
}

#food-review-slider .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 3px;
  background-color: #333333;
}

.food-review-item {
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.food-review-item .food-review-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.food-review-item .food-review-quote img {
  max-width: 70px;
  height: auto;
}

.food-review-star {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 30px 0 15px;
}

.food-review-star svg {
  max-width: 16px;
  height: auto;
  display: block;
}

.food-review-content p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px !important;
}

.food-review-name {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
}

.food-review-name img {
  max-width: 50px !important;
  max-height: 50px !important;
  border-radius: 100%;
}

.food-review-name p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin: unset !important;
}

#food-review-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}

/* end food review */

/* start food our work */
#food-our-work-slider {
  padding: 5px 20px;
}

#food-our-work-slider .swiper-button-next,
#food-our-work-slider .swiper-button-prev {
  background-color: #92BF2D;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  top: calc(50% - 30px);
  position: absolute;
}

#food-our-work-slider .swiper-button-next {
  right: 5px;
  left: unset;
}

#food-our-work-slider .swiper-button-prev {
  left: 5px;
  right: unset;
}

#food-our-work-slider .swiper-button-next.swiper-button-disabled,
#food-our-work-slider .swiper-button-prev.swiper-button-disabled {
  opacity: unset;
  background-color: #D6E6B3;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}

#food-our-work-slider .swiper-button-next::after,
#food-our-work-slider .swiper-button-prev::after {
  font-size: 18px;
  font-weight: 700;
}

#food-our-work-slider .swiper-button-next::after {
  margin-left: 5px;
}

.food-work-item {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
}

.food-work-item .left-food-work,
.food-work-item .right-food-work {
  max-width: 50%;
  width: 100%;
}

.food-work-item .left-food-work {
  padding: 50px;
}

.food-work-contnet {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.food-work-contnet span.state-name {
  font-size: 14px;
  line-height: normal;
}

.food-work-contnet h5 {
  font-size: 20px;
  line-height: normal;
  font-weight: 500;
  margin: 12px 0 15px;
}

.food-work-contnet p {
  font-size: 16px;
  line-height: 22px;
}

.food-work-contnet .food-work-lang-badge {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin: 20px 0;
}

.food-work-contnet .food-work-lang-badge p {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  padding: 5px 8px;
  background-color: #E8E8E8;
  border-radius: 15px;
}

.food-work-know-more {
  margin-top: auto;
}

.food-work-know-more a {
  font-size: 16px;
  line-height: normal;
  text-decoration: underline !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1E201E;
  transition: .3s;
}

.food-work-know-more a:hover svg {
  margin-left: 5px;
}

.food-work-know-more a svg {
  max-width: 16px;
  height: auto;
  display: block;
  transition: .3s;
}

.right-food-work .food-work-img {
  padding-bottom: 68.83333333%;
  position: relative;
  width: 100%;
  height: auto;
}

.right-food-work .food-work-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 0 10px 10px 0;
}

/* end food our work */

/* start food process */
#food-process-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
  margin-top: unset !important;
}

.food-process-item {
  padding: 20px;
  background-color: #333333;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  z-index: 1;
}

.food-process-item .food-process-number {
  font-size: 100px;
  line-height: 100px;
  font-weight: 700;
  opacity: 10%;
  color: #fff;
  position: absolute;
  right: 0px;
  top: -5px;
  z-index: -1;
}

.food-process-item .food-process-icon svg {
  max-width: 40px;
  height: auto;
  display: block;
}

.food-process-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 12px;
}

.food-process-content h5 {
  font-size: 18px;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 12px;
  color: #fff;
}

.food-process-content p {
  font-size: 16px;
  line-height: 25px;
  font-weight: 300;
  margin-top: auto !important;
  color: #fff !important;
}

#food-process-slider .swiper-wrapper {
  flex-direction: row;
  row-gap: 30px;
}

/* end food process */

/* start faq */
.main-food-deve-faq {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.main-food-deve-faq .left-food-faq {
  max-width: 59.333333%;
  width: 100%;
}

.main-food-deve-faq .right-food-faq {
  max-width: 36.9166666667%;
  width: 100%;
}

.right-food-faq .food-faq-img {
  padding-bottom: 80.3611738149%;
  position: relative;
  width: 100%;
  height: auto;
}

.right-food-faq .food-faq-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
}

.main-food-faq-wrap .accordion {
  padding: 0 20px;
  background-color: #fff;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin-bottom: 25px;
}

.main-food-faq-wrap .accordion:last-child {
  margin-bottom: unset;
}

.main-food-faq-wrap .accordion .accordion_pannel {
  padding: 20px 0;
  cursor: pointer;
  position: relative;
}

.main-food-faq-wrap .accordion_pannel h5 {
  margin-bottom: unset;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}

.main-food-faq-wrap .pannel {
  display: none;
}

.main-food-faq-wrap .pannel p {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  padding: 20px 0;
  border-top: 1px solid #D9D9D9;
}

.main-food-faq-wrap .accordion_pannel::before,
.main-food-faq-wrap .accordion_pannel::after {
  content: "";
  position: absolute;
  top: 54%;
  background-color: #1E201E;
  transition: all 0.3s;
}

.main-food-faq-wrap .accordion_pannel::after {
  right: 0;
  width: 12px;
  height: 2px;
  margin-top: -3px;
}

.main-food-faq-wrap .accordion_pannel.active::before {
  transform: rotate(90deg);
}

.main-food-faq-wrap .accordion_pannel::before {
  right: 5px;
  width: 2px;
  height: 12px;
  margin-top: -8px;
}

/* end faq */

/* start food */
.food-contact-sec {
  padding-bottom: 100px;
}

.main-food-contact {
  padding: 100px;
  background-image: url(../img/food-contact-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
}

.main-food-contact .food-contact-content {
  max-width: 560px;
  width: 100%;
  margin-bottom: unset;
}

.food-contact-content .food-btn {
  margin-top: 35px;
}

/* end food */

/* start food responsive */
@media only screen and (max-width: 1330px) {
  .main-food-hero .left-food-hero h1 {
    font-size: 42px;
    line-height: 58px;
    margin-bottom: 12px;
  }

  .main-food-hero .left-food-hero p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 25px;
  }

  .food-ind-hero-sec {
    padding: 50px 0 80px;
  }

  .food-wrap-main .food-btn {
    padding: 8px 20px;
    font-size: 16px;
    line-height: 26px;
  }

  /* food industry */
  .food-industry-wrap .food-industry-contnet {
    padding: 40px;
  }

  .food-industry-contnet .industry-subtitle p {
    font-size: 16px;
    line-height: 20px;
    padding-left: 8px;
    margin-bottom: 10px;
  }

  .food-industry-contnet .industry-title h3 {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 12px;
  }

  .food-industry-contnet .industry-title p {
    font-size: 16px;
    line-height: 26px;
  }

  .food-industry-contnet .industry-point-feature p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .food-industry-contnet .industry-point-feature {
    margin-top: 25px;
  }

  .food-indu-bottom-content {
    font-size: 100px;
    line-height: 100px;
  }

  /* feature */
  .food-industry-sec {
    padding-bottom: 30px;
  }

  .food-sec-spacing {
    padding: 80px 0;
  }

  .food-development-main-title h2 {
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 10px !important;
  }

  .food-development-main-title p {
    font-size: 16px;
    line-height: 25px;
  }

  .food-development-main-title {
    margin-bottom: 45px;
  }

  .food-development-main-title span.bg-title {
    font-size: 115px;
    line-height: 115px;
  }

  /* feature */
  .main-food-feature .food-feature-item {
    padding: 20px;
  }

  .food-feature-item .food-feature-svg svg {
    max-width: 25px;
  }

  .food-feature-item .food-feature-content h5,
  .food-deve-item .food-services-content h5 {
    font-size: 17px;
    line-height: 21px;
    margin: 10px 0 8px;
  }

  .food-feature-item .food-feature-content p,
  .food-deve-item .food-services-content p {
    font-size: 14px;
    line-height: 22px;
  }

  .food-deve-item .food-service-svg svg {
    max-width: 26px;
  }

  .food-deve-item .food-service-svg {
    padding: 8px;
  }

  .food-deve-service-wrap .food-deve-item {
    border-radius: 8px;
    padding: 15px;
  }

  /* achivement */
  .food-achivement-item h4 {
    font-size: 38px;
    line-height: 38px;
  }

  .food-achivement-item p {
    font-size: 14px;
    line-height: 18px;
  }

  .food-achivement-item .food-achivement-svg svg {
    max-width: 30px;
  }

  .food-achivement-item .food-achivement-svg {
    padding: 5.5px;
  }

  .food-achivement-wrap .food-achivement-item {
    padding: 20px 10px;
    min-height: 115px;
    max-width: calc(50% - 8px);
  }

  .food-achivement-wrap {
    gap: 15px;
  }

  /* review */

  .food-review-item {
    padding: 25px;
  }

  .food-review-item .food-review-quote img {
    max-width: 60px;
  }

  .food-review-star {
    gap: 4px;
    margin: 18px 0 10px;
  }

  .food-review-content p {
    font-size: 14px;
    line-height: 22px;
  }

  .food-review-name img {
    max-width: 40px !important;
    max-height: 40px !important;
  }

  .food-review-name {
    gap: 7px;
  }

  .food-review-star svg {
    max-width: 15px;
  }

  /* our work */
  .food-work-item .left-food-work {
    padding: 30px;
  }

  .food-work-contnet h5 {
    font-size: 18px;
    margin: 10px 0 12px;
  }

  .food-work-contnet p {
    font-size: 14px;
    line-height: 20px;
  }

  .food-work-contnet .food-work-lang-badge {
    gap: 4px;
    margin: 15px 0;
  }

  .food-work-know-more a {
    font-size: 14px;
    gap: 5px;
  }

  .food-work-know-more a svg {
    max-width: 14px;
  }

  #food-our-work-slider .swiper-button-next,
  #food-our-work-slider .swiper-button-prev {
    width: 40px;
    height: 40px;
  }

  .food-process-item {
    padding: 15px;
  }

  .food-process-content h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .food-process-content p {
    font-size: 14px;
    line-height: 23px;
  }

  .food-process-item .food-process-icon svg {
    max-width: 35px;
  }

  .food-process-item .food-process-number {
    font-size: 80px;
    line-height: 80px;
  }

  #food-process-slider .swiper-wrapper {
    row-gap: 15px;
  }

  /* faq */
  .main-food-faq-wrap .accordion .accordion_pannel {
    padding: 15px 0;
  }

  .main-food-faq-wrap .accordion_pannel h5 {
    font-size: 16px;
    line-height: 24px;
  }

  .main-food-faq-wrap .pannel p {
    font-size: 14px;
    line-height: 22px;
    padding: 15px 0;
  }

  .main-food-deve-faq {
    justify-content: space-between;
    gap: unset;
  }

  .main-food-contact {
    padding: 70px;
    background-position: 50%;
  }
}

@media only screen and (max-width: 991px) {
  .main-food-hero .left-food-hero h1 {
    font-size: 30px;
    line-height: 42px;
  }

  .main-food-hero .left-food-hero p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .food-wrap-main .food-btn {
    padding: 6px 18px;
    font-size: 14px;
    line-height: 24px;
    gap: 6px;
  }

  .food-wrap-main .food-btn svg {
    max-width: 18px;
  }

  /* industry */
  .food-industry-wrap {
    gap: 12px;
    justify-content: start;
  }

  .food-industry-wrap .food-indestry-img {
    max-width: calc(40% - 6px);
  }

  .food-industry-wrap .food-industry-contnet {
    max-width: calc(60% - 6px);
    padding: 30px;
  }

  .food-industry-contnet .industry-title h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
  }

  .food-industry-contnet .industry-subtitle p {
    font-size: 14px;
    line-height: 17px;
  }

  .food-industry-contnet .industry-title p {
    font-size: 14px;
    line-height: 19px;
  }

  .food-industry-contnet .industry-point-feature {
    margin-top: 15px;
  }

  .food-indu-bottom-content {
    font-size: 85px;
    line-height: 85px;
  }

  .food-industry-sec {
    padding-bottom: 10px;
  }

  /* feature */
  .food-development-main-title h2 {
    font-size: 28px;
    line-height: 35px;
  }

  .food-development-main-title p {
    font-size: 14px;
    line-height: 22px;
  }

  .food-development-main-title span.bg-title {
    font-size: 92px;
    line-height: 92px;
  }

  .food-sec-spacing {
    padding: 65px 0;
  }

  .food-development-main-title {
    margin-bottom: 40px;
  }

  /* feature */
  .main-food-feature {
    gap: 15px;
  }

  .main-food-feature .food-feature-item {
    padding: 15px;
    border-radius: 8px;
    max-width: calc(50% - 8px);
  }

  .food-feature-item .food-feature-svg svg {
    max-width: 22px;
  }

  .food-feature-item .food-feature-content h5,
  .food-deve-item .food-services-content h5 {
    font-size: 16px;
    line-height: 19px;
  }

  .food-feature-item .food-feature-content p,
  .food-deve-item .food-services-content p {
    font-size: 13px;
    line-height: 20px;
  }

  .food-deve-item .food-service-svg svg {
    max-width: 22px;
  }

  .food-deve-service-wrap {
    gap: 15px;
  }

  .food-deve-service-wrap .food-deve-item {
    max-width: calc(33.33% - 10px);
  }

  /* avhivement */
  .food-achivement-wrap .food-achivement-item {
    min-height: auto;
    max-width: calc(50% - 6px);
  }

  .food-achivement-item h4 {
    font-size: 28px;
    line-height: 30px;
  }

  .food-achivement-item p {
    font-size: 12px;
    line-height: 14px;
  }

  .food-achivement-item .food-achivement-svg svg {
    max-width: 22px;
  }

  .food-achivement-item .food-achivement-svg {
    padding: 3.5px;
    border-radius: 0 0 3px 3px;
  }

  .food-achivement-wrap {
    gap: 12px;
  }

  /* review */
  #food-review-slider {
    padding-left: 15px;
    padding-bottom: 30px;
  }

  .food-review-item {
    padding: 20px;
  }

  .food-review-item .food-review-quote img {
    max-width: 50px;
  }

  .food-review-star svg {
    max-width: 13px;
  }

  .food-review-star {
    gap: 3px;
    margin: 15px 0 8px;
  }

  .food-review-content p {
    font-size: 13px;
    line-height: 20px;
  }

  .food-review-name img {
    max-width: 35px !important;
    max-height: 35px !important;
  }

  /* our work */
  #food-our-work-slider {
    padding: 5px 10px;
  }

  .food-work-item .left-food-work {
    padding: 20px;
  }

  .food-work-contnet span.state-name {
    font-size: 13px;
  }

  .food-work-contnet h5 {
    font-size: 17px;
    margin: 8px 0 10px;
  }

  .food-work-contnet p {
    font-size: 13px;
    line-height: 19px;
  }

  .food-work-contnet .food-work-lang-badge p {
    font-size: 11px;
    line-height: 11px;
    padding: 4px 6px;
  }

  .food-work-contnet .food-work-lang-badge {
    margin: 10px 0;
  }

  .food-work-know-more a {
    font-size: 13px;
    gap: 4px;
  }

  .food-work-know-more a svg {
    max-width: 13px;
  }

  #food-our-work-slider .swiper-button-next::after,
  #food-our-work-slider .swiper-button-prev::after {
    font-size: 14px;
  }

  /* process */
  .food-process-content h5 {
    font-size: 15px;
    margin-bottom: 8px;
  }

  .food-process-content p {
    font-size: 13px;
    line-height: 21px;
  }

  .food-process-item .food-process-icon svg {
    max-width: 30px;
  }

  .food-process-item .food-process-number {
    font-size: 65px;
    line-height: 65px;
  }

  /* faq */
  .main-food-faq-wrap .accordion_pannel h5 {
    font-size: 15px;
    line-height: 22px;
  }

  .main-food-faq-wrap .accordion {
    margin-bottom: 20px;
  }

  .main-food-contact {
    padding: 50px;
  }

}

@media only screen and (max-width: 767px) {
  .main-food-hero .left-food-hero h1 {
    font-size: 26px;
    line-height: 34px;
  }

  .food-industry-contnet .industry-title h3 {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 5px;
  }

  .food-industry-contnet .industry-subtitle p {
    font-size: 12px;
    line-height: 14px;
  }

  .food-indu-bottom-content {
    font-size: 65px;
    line-height: 73px;
  }

  .food-industry-wrap {
    margin-bottom: 40px;
  }

  .food-indestry-img .food-ind-img img {
    border-radius: 10px;
  }

  .food-industry-wrap .food-industry-contnet {
    padding: 20px;
    border-radius: 10px;
  }

  .food-industry-wrap .food-indestry-img {
    max-width: calc(35% - 6px);
  }

  .food-industry-wrap .food-industry-contnet {
    max-width: calc(65% - 6px);
  }


  /* feature */
  .food-sec-spacing {
    padding: 50px 0;
  }

  .food-development-main-title h2 {
    font-size: 23px;
    line-height: 28px;
  }

  .food-development-main-title p {
    font-size: 13px;
    line-height: 20px;
  }

  .food-development-main-title span.bg-title {
    font-size: 75px;
    line-height: 75px;
  }

  /* achivement */
  .main-food-achivement {
    gap: 10px;
    justify-content: center;
  }

  .main-food-achivement .food-achivement-wrap,
  .main-food-achivement .food-archivement-img {
    max-width: 70%;
  }

  .food-achivement-item h4 {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 2px;
  }

  .food-achivement-wrap .food-achivement-item {
    border-radius: 5px;
  }

  .food-archivement-img .achevement-img img {
    border-radius: 8px;
  }

  .food-achivement-item .food-achivement-svg svg {
    max-width: 19px;
  }

  /* secvices */
  .food-deve-service-wrap .food-deve-item {
    max-width: calc(50% - 8px);
    padding: 12px;
  }

  /* our services */
  .food-work-item {
    justify-content: center;
  }

  .food-work-item .left-food-work {
    max-width: 100%;
  }

  .food-work-item .right-food-work {
    max-width: 60%;
  }

  .food-process-content h5 {
    font-size: 14px;
  }

  /* faq */
  .main-food-faq-wrap .accordion_pannel h5 {
    font-size: 14px;
    line-height: 19px;
  }

  .main-food-deve-faq {
    justify-content: center;
    gap: 20px;
  }

  .main-food-deve-faq .left-food-faq {
    max-width: 100%;
  }

  .main-food-deve-faq .right-food-faq {
    max-width: 60%;
  }

  /* contact */
  .main-food-contact {
    padding: 35px;
    border-radius: 20px;
  }

  .food-contact-sec {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .main-food-hero {
    gap: 30px;
  }

  .main-food-hero .left-food-hero,
  .main-food-hero .right-food-hero {
    max-width: 100%;
    text-align: center;
  }

  .food-industry-wrap {
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
  }

  .food-industry-wrap .food-indestry-img {
    max-width: 90%;
  }

  .food-industry-wrap .food-industry-contnet {
    max-width: 100%;
    border-radius: 10px;
    padding: 20px;
  }

  .food-indu-bottom-content {
    font-size: 45px;
    line-height: 64px;
  }

  .food-industry-contnet .industry-title p {
    font-size: 13px;
    line-height: 17px;
  }

  .food-industry-contnet .industry-point-feature p {
    font-size: 13px;
    margin-bottom: 12px;
  }

  /* feature */
  .food-development-main-title span.bg-title {
    font-size: 45px;
    line-height: 45px;
  }

  .food-sec-spacing {
    padding: 30px 0;
  }

  .food-development-main-title p {
    font-size: 12px;
    line-height: 18px;
  }

  .food-development-main-title {
    margin-bottom: 25px;
  }

  .main-food-feature .food-feature-item {
    max-width: 100%;
  }

  /* ACHIVEMENT */
  .main-food-achivement .food-achivement-wrap,
  .main-food-achivement .food-archivement-img {
    max-width: 100%;
  }

  /* work */
  .food-work-item .right-food-work {
    max-width: 100%;
  }

  .food-work-contnet h5 {
    font-size: 16px;
    margin: 5px 0 8px;
  }

  .right-food-work .food-work-img img {
    border-radius: 0 0 10px 10px;
  }

  .main-food-deve-faq .right-food-faq {
    max-width: 90%;
  }

  .main-food-contact {
    padding: 20px;
    border-radius: 10px;
  }

  .food-contact-content .food-btn {
    margin-top: 20px;
  }

  .food-contact-sec {
    padding-bottom: 40px;
  }
}

/* end food responsive */

/* end food industry css */

.furniture-full-bg-body {
  position: absolute;
  top: 0;
  max-width: 1320px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  height: 100%;
  display: grid;
}

.furniture-full-bg-body .furniture-bg-img,
.furniture-full-bg-body .furniture-bg-img img {
  height: 100%;
  width: 100%;
}

main.furniture-wrap-main *,
main.furniture-wrap-main p {
  font-family: "Urbanist", sans-serif !important;
}

main.furniture-wrap-main .container {
  max-width: 1220px;
}

main.furniture-wrap-main a {
  text-decoration: none;
}

/* start hero banner */
.furniture-hero {
  background-image: url(../img/furniture-hero.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 35px 0 80px;
  border-bottom: 1px solid #E9E9E9;
}

.furniture-hero-contnet {
  text-align: center;
}

.furniture-hero-contnet span.sub-title-span {
  padding: 10px 20px;
  background-color: #FFF6DA;
  border-radius: 30px;
  font-weight: 800;
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
}

.furniture-hero-contnet h1 {
  font-weight: 800;
  font-size: 56px;
  line-height: 69px;
  max-width: 960px;
  margin: 50px auto 25px;
}

.furniture-hero-contnet h1 span {
  color: #fff;
  position: relative;
  padding: 0 10px;
  height: auto;
  width: max-content;
  display: inline-block;
}

.furniture-hero-contnet h1 span::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #C68B59;
  transform: rotate(359deg);
  z-index: -1;
}

.furniture-hero-contnet p {
  max-width: 895px;
  margin: auto;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F6F;
}

.furniture-hero-btn {
  border-radius: 30px;
  gap: 10px;
  padding: 10px 10px 10px 20px;
  background: #000000;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  margin-top: 60px;
  transition: .3s;
  border: 1px solid #000;
}

.furniture-hero-btn:hover {
  background-color: unset;
  color: #000;
}

.furniture-hero-btn svg {
  max-width: 28px;
  height: auto;
  transition: .3s;
}

.furniture-hero-btn:hover svg path {
  stroke: white;
}

.furniture-hero-btn:hover svg rect {
  fill: black;
}

/* end hero banner */

/* start expertise  */
.furniture-expertise {
  padding-top: 50px;
}

.furniture-expertise-content {
  background-color: #111;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px 0;
  justify-content: space-between;
}

.furniture-expertise-content .expertise-left-contnet {
  max-width: 45.615%;
  color: #fff;
  padding-bottom: 50px;
}

.furniture-expertise-content .expertise-right-contnet {
  max-width: 50.46%;
  width: 100%;
  color: #fff;
}

.expertise-right-contnet .expertise-img {
  position: relative;
  padding-bottom: 108.909090909%;
  width: 100%;
  height: 100%;
}

.expertise-right-contnet .expertise-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.furniture-title {
  text-align: center;
  margin-bottom: 60px;
}

.furniture-title span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 8px 20px;
  background: #C68B59;
  color: #fff;
  display: inline-block;
}

.furniture-title h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  margin: 20px 0 15px;
  color: #212529;
}

.furniture-expertise .furniture-title h3,
.furniture-process-sec .furniture-title h3,
.furniture-contact-sec .furniture-title h3 {
  color: #fff;
}

.furniture-title p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  max-width: 520px;
  margin: auto;
}

.furniture-expertise-content .furniture-title p {
  color: #fff;
  max-width: 100%;
}

.furniture-expertise-content .furniture-title {
  text-align: left;
  margin-bottom: unset;
}

.expertise-left-contnet ul {
  margin-top: 40px;
  margin-bottom: unset;
  padding: unset;
}

.expertise-left-contnet ul li {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 12px;
  gap: 8px;
  display: flex;
  align-items: center;
}

.expertise-left-contnet ul li svg {
  max-width: 20px;
  height: auto;
}

.expertise-btn .furniture-hero-btn {
  background-color: #fff;
  color: #000000;
  font-weight: 700;
  gap: 5px;
  margin-top: 40px;
}

.expertise-btn .furniture-hero-btn:hover {
  color: #fff;
  background-color: unset;
  border: 1px solid #fff;
}

/* end expertise  */

/* start our work */
#furniture-feature {
  padding-bottom: 25px;
}

.furniture-wrap-main .swiper-pagination {
  bottom: 0 !important;
}

.furniture-wrap-main .swiper-pagination-bullet-active {
  background-color: #C68B59 !important;
}

.furniture-wrap-main .swiper-pagination-bullet {
  width: 5px !important;
  height: 5px !important;
  margin: 0 3px !important;
}

.furniture-our-work {
  background-image: url(../img/furniture-work-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 90px 0;
}

.furniture-our-work .main-furniture-work {
  max-width: 93%;
}

.furniture-work-contnet {
  max-width: 54.688%;
  width: 100%;
  margin-left: auto;
  /* margin-right: 135px; */
}

.main-furniture-work-image {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 50px;
}

#furniture-work .swiper-wrapper {
  flex-direction: unset;
}

#furniture-work .swiper-slide {
  margin-top: unset !important;
  margin-bottom: 20px !important;
}

/* .furniture-work-main-image {
  max-width: calc(50% - 25px);
  width: 100%;
} */

.furniture-work-image {
  position: relative;
  padding-bottom: 60%;
  width: 100%;
  display: block;
  margin-bottom: 0;
}

.furniture-work-image img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* end our work */

/* start feature furniture */
.furniture-feature-sec {
  padding: 100px 20px;
  border-top: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
}

.main-feature-furniture-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#furniture-feature .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}

.feature-furniture-item {
  padding: 25px;
  border: 1px solid #000;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  /* max-width: calc(20% - 16px); */
}

.feature-furniture-item .feature-furniture-content {
  margin-top: auto;
}

.feature-furniture-item .feature-furniture-img {
  position: relative;
  padding-bottom: 66.6666666667%;
  width: 100%;
  margin-top: 20px;
}

.feature-furniture-item .feature-furniture-img img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.feature-furniture-item h4 {
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
}

.feature-furniture-item p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

/* end feature furniture */

/* start review furniture */
.furniture-review-sec {
  position: relative;
  padding-bottom: 80px;
}

.furniture-review-sec .furniture-review-bg-chair img {
  width: clamp(100px, 30vw, 100%);
  height: auto;
  display: block;
  margin-left: auto;
}

#furniture-review .swiper-wrapper {
  flex-direction: unset;
}

#furniture-review .swiper-slide {
  height: auto !important;
  display: flex;
  margin-top: unset !important;
  margin-bottom: 20px !important;
}

.furniture-review-sec .furniture-review-bg-chair {
  position: absolute;
  right: 0;
  top: 25%;
  z-index: -1;
}

.furniture-title .review-title-img img {
  max-width: 205px;
  height: auto;
  margin-bottom: -25px;
}

.furniture-review-sec .furniture-title p {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}

.furniture-title .furniture-review-star {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.furniture-title .furniture-review-star h5 {
  font-weight: 800;
  font-size: 22px;
  line-height: 30px;
  margin: unset;
}

.furniture-review-star .furniture-review-star-svg {
  display: flex;
  gap: 2px;
}

.furniture-review-star-svg svg {
  max-width: 28px;
  height: auto;
}

.main-furniture-review-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.furniture-review-item {
  padding: 20px;
  border: 1px solid #CFCFCF;
  background-color: #fff;
  /* max-width: calc(33.33% - 14px); */
  display: flex;
  flex-direction: column;
  height: 100%;
}

.furniture-review-item .furniture-review-star-svg {
  display: flex;
  gap: 2px;
}

.furniture-review-item .furniture-review-star-svg svg {
  max-width: 20px;
  height: auto;
}

.furniture-review-item .furniture-review-star-svg svg path {
  fill: #C68B59;
  stroke: #C68B59;
}

.furniture-review-item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-top: 15px;
  color: #4D4D4D;
  margin-bottom: 20px;
}

.furniture-review-item .furniture-review-logo,
.furniture-review-item .furniture-review-name {
  margin-top: auto;
}

.furniture-review-item .furniture-review-name h4 {
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  margin-bottom: unset;
}

.furniture-review-item .furniture-review-logo img {
  max-width: 30%;
  height: auto;
}

.furniture-review-btn {
  text-align: center;
}

.furniture-review-btn .furniture-hero-btn {
  gap: 3px;
  margin-top: 50px;
}

.furniture-review-btn .furniture-hero-btn:hover svg path {
  stroke: #000;
}

/* end review furniture */

/* start process */
.furniture-process-sec {
  padding: 80px 0;
  background-image: url(../img/furniture-process-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.furniture-process-sec .furniture-title {
  color: #fff;
}

.furniture-process-sec .furniture-title p {
  color: #fff;
}

.main-furniture-process {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.main-furniture-process .furniture-process-item {
  padding: 20px;
  background-color: #fff;
  max-width: calc(25% - 15px);
}

.furniture-process-item .furniture-process-icon {
  padding: 11px;
  border-radius: 50%;
  background-color: #FFCB22;
  display: inline-flex;
}

.furniture-process-item .furniture-process-icon svg {
  max-width: 28px;
  height: auto;
}

.furniture-process-item h5 {
  font-weight: 800;
  font-size: 20px;
  line-height: 26px;
  margin: 15px 0 10px;
}

.furniture-process-item p {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  margin: unset;
  color: #000;
}

/* end process */

/* start faq */
.furniture-faq-sec {
  position: relative;
  padding: 80px 0;
}

.furniture-faq-sec .furniture-review-bg-chair {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.furniture-review-bg-chair img {
  width: clamp(200px, 50vw, 100%);
  height: auto;
  display: block;
}

.main-furniture-faq {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main-furniture-faq .furniture-title {
  text-align: left;
  max-width: 36.135%;
  width: 100%;
}

.main-furniture-faq-wrap {
  max-width: 48.74%;
  width: 100%;
}

.main-furniture-faq-wrap .accordion {
  margin-bottom: 30px;
  border-bottom: 1px solid #C68B59;

}

.main-furniture-faq-wrap .accordion:last-child {
  margin-bottom: unset;
}

.main-furniture-faq-wrap .accordion h4 {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: unset;
}

.main-furniture-faq-wrap .accordion p {
  font-size: 14px;
  line-height: 19px;
  margin-bottom: unset;
}

.main-furniture-faq-wrap .accordion_pannel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  cursor: pointer;
  padding-bottom: 10px;
}

.main-furniture-faq-wrap .accordion_pannel.active svg {
  transform: rotate(180deg);
  transition: .3s;
}

.main-furniture-faq-wrap .accordion .pannel {
  display: none;
  padding-bottom: 10px;
}

.main-furniture-faq-wrap .accordion_pannel svg {
  max-width: 20px;
  height: auto;
}

/* end faq */

/* start furniture contact */
.furniture-contact-sec {
  padding: 50px 0;
  border: 1px solid #E9E9E9;
}

.furniture-contact-title {
  padding: 50px;
  background-image: url(../img/furniture-contact-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.furniture-contact-title .furniture-title {
  margin-bottom: unset;
  color: #fff;
  text-align: left;
  max-width: 57%;
}

/* end furniture contact */

/* start furniture page responsive */
@media only screen and (max-width: 1330px) {

  /* start hero */
  .furniture-hero {
    padding: 30px 0 50px;
  }

  .furniture-hero-contnet span.sub-title-span {
    padding: 8px 16px;
    font-size: 12px;
  }

  .furniture-hero-contnet h1 {
    font-size: 46px;
    line-height: 58px;
    margin: 35px auto 20px;
  }

  .furniture-hero-contnet p {
    font-size: 14px;
    line-height: 22px;
  }

  .furniture-hero-btn {
    margin-top: 40px;
  }

  /* start expertise */
  .furniture-expertise-content {
    padding: 40px 40px 0;
  }

  .furniture-title span {
    font-size: 12px;
    line-height: 18px;
    padding: 6px 17px;
  }

  .furniture-title h3 {
    font-size: 34px;
    line-height: 40px;
    margin: 17px 0 13px;
  }

  .furniture-title p {
    font-size: 13px;
    line-height: 20px;
  }

  .expertise-left-contnet ul {
    margin-top: 30px;
  }

  .expertise-left-contnet ul li {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    gap: 6px;
  }

  .expertise-left-contnet ul li svg {
    max-width: 18px;
  }

  .furniture-hero-btn {
    gap: 8px;
    padding: 8px 8px 8px 18px;
    font-size: 14px;
    line-height: 22px;
    margin-top: 50px;
  }

  /* our work */
  .main-furniture-work-image {
    gap: 20px;
  }

  .furniture-our-work {
    padding: 80px 20px;
  }

  /* .furniture-work-main-image {
      max-width: calc(50% - 10px);
  } */

  /* start feature */
  .furniture-title {
    margin-bottom: 45px;
  }

  .furniture-feature-sec {
    padding: 70px 20px;
  }

  .feature-furniture-item {
    padding: 20px;
    /* max-width: calc(20% - 12px); */
  }

  .feature-furniture-item h4 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px;
  }

  .feature-furniture-item p {
    font-size: 13px;
    line-height: 20px;
  }

  .main-feature-furniture-wrap {
    gap: 15px;
  }

  /* review */
  .furniture-review-star-svg svg {
    max-width: 24px;
  }

  .furniture-title .furniture-review-star h5 {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
  }

  .furniture-review-item {
    padding: 15px;
    /* max-width: calc(33.33% - 10px); */
  }

  .furniture-review-item .furniture-review-star-svg svg {
    max-width: 17px;
  }

  .furniture-review-item .furniture-review-logo img {
    max-width: 25%;
  }

  .furniture-review-item p {
    font-size: 13px;
    line-height: 18px;
    margin-top: 10px;
  }

  .main-furniture-review-wrap {
    gap: 15px;
  }

  .furniture-review-sec {
    padding-bottom: 60px;
  }

  .furniture-review-sec .furniture-review-bg-chair {
    top: 20%;
  }

  /* process */
  .furniture-process-sec {
    padding: 60px 0;
  }

  .main-furniture-process .furniture-process-item {
    padding: 15px;
    max-width: calc(25% - 12px);
  }

  .furniture-process-item h5 {
    font-size: 18px;
    line-height: 24px;
    margin: 12px 0 8px;
  }

  .furniture-process-item p {
    font-size: 13px;
    line-height: 18px;
  }

  .furniture-process-item .furniture-process-icon svg {
    max-width: 25px;
  }

  .furniture-process-item .furniture-process-icon {
    padding: 9px;
  }

  .main-furniture-process {
    gap: 15px;
  }

  /* faq */
  .furniture-faq-sec {
    padding: 60px 0;
  }

  .main-furniture-faq-wrap .accordion h4 {
    font-size: 14px;
    line-height: 18px;
  }

  .main-furniture-faq-wrap .accordion_pannel svg {
    max-width: 16px;
  }

  .main-furniture-faq-wrap .accordion {
    margin-bottom: 25px;
  }

  .main-furniture-faq-wrap .accordion p {
    font-size: 12px;
    line-height: 17px;
  }

  /* contact */
  .furniture-contact-title {
    padding: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .furniture-hero {
    padding: 25px 0 45px;
  }

  .furniture-hero-contnet h1 {
    font-size: 40px;
    line-height: 51px;
    margin: 25px auto 15px;
    max-width: 675px;
  }

  .furniture-hero-contnet p {
    font-size: 13px;
    line-height: 22px;
  }

  .furniture-hero-btn {
    gap: 6px;
    font-size: 13px;
    line-height: 21px;
    margin-top: 25px;
  }

  .furniture-hero-btn svg {
    max-width: 23px;
  }

  /* expertise */
  .furniture-title h3 {
    font-size: 30px;
    line-height: 37px;
    margin: 10px 0 10px;
  }

  .expertise-left-contnet ul {
    margin-top: 25px;
  }

  .expertise-left-contnet ul li {
    font-size: 13px;
    line-height: 19px;
    padding-bottom: 8px;
    gap: 5px;
  }

  .expertise-btn .furniture-hero-btn {
    margin-top: 30px;
  }

  /* our work */
  .furniture-our-work {
    padding: 60px 20px;
  }

  /* feature */
  .furniture-feature-sec {
    padding: 60px 20px;
  }

  /* .feature-furniture-item {
      max-width: calc(33.33% - 10px);
  } */

  /* review */
  #furniture-review .swiper-slide,
  #furniture-work .swiper-slide {
    margin-bottom: 15px;
  }

  .furniture-title .review-title-img img {
    max-width: 125px;
  }

  .furniture-review-sec .furniture-title p {
    font-size: 13px;
  }

  .furniture-review-star-svg svg {
    max-width: 18px;
  }

  .furniture-title .furniture-review-star h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
  }

  .furniture-title .furniture-review-star {
    gap: 7px;
  }

  /* review */
  .furniture-review-item {
    padding: 12px;
  }

  .furniture-review-item .furniture-review-star-svg svg {
    max-width: 15px;
  }

  .furniture-review-item p {
    font-size: 13px;
    line-height: 19px;
    margin-top: 8px;
    margin-bottom: 25px;
  }

  .furniture-review-btn .furniture-hero-btn {
    margin-top: 35px;
  }

  .furniture-review-sec {
    padding-bottom: 50px;
  }

  /* process */
  .furniture-process-sec {
    padding: 50px 0;
  }

  .main-furniture-process {
    gap: 12px;
  }

  .main-furniture-process .furniture-process-item {
    padding: 12px;
    max-width: calc(25% - 9px);
  }

  .furniture-process-item .furniture-process-icon svg {
    max-width: 22px;
  }

  .furniture-process-item .furniture-process-icon {
    padding: 8px;
  }

  .furniture-process-item h5 {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0 6px;
  }

  /* faq */
  .furniture-faq-sec {
    padding: 50px 0;
  }

  /* contact */
  .furniture-contact-sec {
    padding: 40px 0;
  }

  .furniture-contact-title {
    padding: 35px;
  }
}

@media only screen and (max-width: 991px) {

  /* hero banner */
  .furniture-hero-contnet h1 {
    font-size: 36px;
    line-height: 46px;
    margin: 20px auto 12px;
    max-width: 575px;
  }

  .furniture-expertise-content {
    padding: 30px 30px 0;
  }

  .furniture-title h3 {
    font-size: 27px;
    line-height: 34px;
  }

  .expertise-left-contnet ul li {
    font-size: 13px;
    line-height: 19px;
  }

  .expertise-left-contnet ul li svg {
    max-width: 16px;
  }

  .furniture-expertise-content .expertise-left-contnet {
    padding-bottom: 30px;
  }

  /* our work */
  .furniture-our-work {
    padding: 45px 15px;
  }

  .main-furniture-work-image {
    gap: 10px;
  }

  .furniture-work-contnet {
    max-width: 70%;
  }

  /* .furniture-work-main-image {
      max-width: calc(50% - 5px);
  } */

  /* feature */
  .feature-furniture-item h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
  }

  .feature-furniture-item {
    padding: 15px;
  }

  /* review */
  .furniture-review-item p {
    margin-bottom: 15px;
  }

  .furniture-review-item .furniture-review-name h4 {
    font-size: 14px;
  }

  /* process */
  .furniture-process-sec {
    padding: 40px 0;
  }

  .furniture-process-item h5 {
    font-size: 15px;
    line-height: 20px;
  }

  /* faq */
  .furniture-faq-sec {
    padding: 40px 0;
  }

  /* contact */
  .furniture-contact-title {
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {

  /* banner */
  .furniture-hero-contnet h1 {
    font-size: 28px;
    line-height: 38px;
  }

  .furniture-hero-btn {
    gap: 6px;
    font-size: 13px;
    line-height: 20px;
    margin-top: 20px;
  }

  .furniture-hero-btn svg {
    max-width: 20px;
  }

  .furniture-hero-contnet span.sub-title-span {
    padding: 6px 12px;
    font-size: 11px;
  }

  .furniture-hero {
    padding: 20px 0 35px;
  }

  /* expertise */
  .furniture-expertise {
    padding-top: 35px;
  }

  .furniture-expertise-content {
    padding: 20px 20px 0;
    justify-content: center;
  }

  .furniture-title span {
    font-size: 12px;
    line-height: 16px;
  }

  .furniture-title h3 {
    font-size: 23px;
    line-height: 28px;
    margin: 12px 0;
  }

  .furniture-expertise-content .expertise-left-contnet {
    max-width: 100%;
  }

  .furniture-expertise-content .expertise-right-contnet {
    max-width: 80%;
  }

  /* our work */
  #furniture-work,
  #furniture-review {
    padding-bottom: 25px;
  }

  .furniture-work-contnet {
    max-width: 100%;
  }

  .furniture-our-work .main-furniture-work {
    max-width: 100%;
  }

  /* feature */
  /* .feature-furniture-item {
      max-width: calc(50% - 8px);
  } */

  /* review */
  .furniture-title .review-title-img img {
    margin-bottom: -15px;
  }

  .furniture-review-sec {
    padding-bottom: 40px;
  }

  #furniture-review .swiper-slide,
  #furniture-work .swiper-slide {
    margin-bottom: unset !important;
  }

  .furniture-our-work {
    padding-top: 120px;
    padding-bottom: 15px;
    background-image: url(../img/furniture-work-bg-res.png);
    background-position: center bottom;
    padding-right: unset !important;
  }

  .furniture-our-work .furniture-title {
    padding-right: 15px;
  }

  #furniture-work {
    margin-top: 100px;
  }

  .furniture-review-item .furniture-review-star-svg svg {
    max-width: 14px;
  }

  .main-furniture-process .furniture-process-item {
    max-width: calc(50% - 6px);
  }

  /* faq */
  .furniture-faq-sec {
    padding-bottom: 170px;
  }

  .main-furniture-faq .furniture-title {
    max-width: 100%;
    text-align: center;
  }

  .main-furniture-faq-wrap {
    max-width: 100%;
  }

  .main-furniture-faq-wrap .accordion {
    background-color: #fff;
    margin-bottom: 15px;
    border-bottom: unset;
    border: 1px solid #CFCFCF;
  }

  .main-furniture-faq-wrap .accordion .accordion_pannel {
    padding: 10px;
  }

  .main-furniture-faq-wrap .accordion .pannel {
    padding: 0 10px 10px;
  }

  .main-furniture-faq-wrap .accordion p {
    margin-top: unset;
  }

  /* contact */
  .furniture-contact-title .furniture-title {
    max-width: 70%;
  }

  .furniture-contact-title {
    padding: 20px;
  }

  .expertise-btn .furniture-hero-btn {
    margin-top: 20px;
  }

  .furniture-contact-sec {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 575px) {

  /* banner */
  .furniture-hero-contnet h1 {
    margin: 20px auto 10px;
  }

  /* expertise */
  .furniture-title {
    margin-bottom: 25px;
  }

  .expertise-left-contnet ul {
    margin-top: 20px;
  }

  .expertise-btn .furniture-hero-btn {
    margin-top: 15px;
  }

  .furniture-expertise-content .expertise-right-contnet {
    max-width: 100%;
  }

  /* our work */
  /* .furniture-our-work {
      padding: 30px 12px;
  } */

  /* .furniture-work-main-image {
      max-width: 100%;
  } */

  .main-furniture-work-image {
    gap: 20px;
  }

  /* feature */
  .furniture-feature-sec {
    padding: 30px 15px;
  }

  /* .feature-furniture-item {
      max-width: 100%;
  } */

  .feature-furniture-item p {
    margin-bottom: 10px;
  }

  .feature-furniture-item .feature-furniture-img {
    margin-top: 10px;
  }

  /* review */
  .furniture-review-sec .furniture-review-bg-chair {
    top: 10%;
  }

  .furniture-title .review-title-img img {
    max-width: 100px;
  }

  /* .furniture-review-item {
      max-width: 100%;
  } */

  .furniture-review-btn .furniture-hero-btn {
    margin-top: 25px;
  }

  .furniture-review-sec {
    padding-bottom: 30px;
  }

  /* process */
  .furniture-process-sec {
    padding: 30px 0;
  }

  /* faq */
  .furniture-faq-sec {
    padding: 30px 0 120px;
  }

  .main-furniture-faq-wrap .accordion h4 {
    font-size: 13px;
    line-height: 16px;
  }

  .main-furniture-faq-wrap .accordion {
    margin-bottom: 10px;
  }

  /* contact */
  .furniture-contact-title .furniture-title {
    max-width: 100%;
    text-align: center;
  }

  .furniture-contact-title .furniture-hero-btn {
    font-size: 11px;
    line-height: 15px;
    padding: 5px 5px 5px 12px;
    gap: 4px;
  }

  .furniture-contact-sec {
    padding: 25px 0;
  }
}

/* end furniture page responsive */

/* end furniture industry css */

/* start gym wear industry css */

main.gym-wear-wrap-main,
main.gym-wear-wrap-main p {
  font-family: "Roboto Condensed", sans-serif !important;
  margin-bottom: unset;
  font-size: 16px;
  line-height: 24px;
  color: #797979;
}

main.gym-wear-wrap-main h1,
main.gym-wear-wrap-main h2,
main.gym-wear-wrap-main h3,
main.gym-wear-wrap-main h4 {
  font-family: "Oswald", sans-serif !important;
  margin-bottom: unset;
  color: #102903;
}

main.gym-wear-wrap-main .container {
  max-width: 1230px;
}

main.gym-wear-wrap-main a {
  text-decoration: none;
}

.gym-wear-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  background-color: #A6C907;
  border-radius: 10px;
  color: #102903;
  gap: 5px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  transition: .3s;
}

.gym-wear-btn svg {
  max-width: 20px;
  height: auto;
}

.gym-wear-hero-banner-sec .gym-wear-btn:hover {
  background-color: #fff;
  color: #102903;
}

.gym-wear-hero-banner-sec .gym-wear-btn:hover svg path {
  stroke: #102903;
  transition: .3s;
}

.gym-wear-btn:hover {
  background-color: #102903;
  color: #fff;
  transition: .3s;
}

.gym-wear-btn:hover svg path {
  stroke: #fff;
  transition: .3s;
}

.gym-wear-spacer {
  padding: 80px 0;
}

.gym-wear-title {
  max-width: 540px;
  width: 100%;
  margin: 0 auto 60px;
  text-align: center;
}

.gym-wear-title h2 {
  margin-bottom: 15px !important;
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
}

.gym-wear-title h2 span {
  color: #A6C907;
}

.gym-wear-bg-sec {
  background-color: #F4F4F4;
}

/* start gym wear hero banner */
.gym-wear-hero-banner-sec {
  margin: 0 30px;
  background-image: url(../img/gym-wear-hero-banner.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  border-radius: 20px;
  padding: 115px 0;
}

.gym-wear-hero-content {
  text-align: center;
  color: #fff;
  max-width: 590px;
  margin: 0 auto;
}

.shopify-review-content {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
}

.gym-wear-hero-content .review-star {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}

.gym-wear-hero-content .review-star .star-svg {
  display: flex;
  gap: 5px;
}

.gym-wear-hero-content .review-star .star-svg svg {
  max-width: 14px;
  height: auto;
  display: block;
}

.shopify-review-content .shopify-logo {
  padding-right: 20px;
  position: relative;
}

.shopify-review-content .shopify-logo::before {
  content: '';
  position: absolute;
  width: 2px;
  height: calc(100% - 10px);
  right: 0;
  top: 5px;
  background-color: #fff;
}

.shopify-review-content .shopify-logo img {
  max-width: 170px;
  width: 100%;
}

.gym-wear-hero-content .review-content {
  padding-left: 20px;
  line-height: normal;
}

.gym-wear-hero-content h1 {
  font-size: 42px;
  line-height: 56px;
  font-weight: 700;
  margin: 30px 0 !important;
  color: #fff !important;
}

.gym-wear-hero-content h1 span {
  color: #A6C907;
}

.gym-wear-hero-content p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #fff !important;
  margin-bottom: 40px !important;
}

/* end gym wear hero banner */

/* start gym wear services */
.gym-wear-service-wrap {
  display: flex;
  flex-wrap: wrap;
}

.gym-wear-service-wrap .gym-wear-item {
  padding: 20px;
  max-width: 33.33%;
  width: 100%;
  border-right: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
}

.gym-wear-service-wrap .gym-wear-item:nth-child(3),
.gym-wear-service-wrap .gym-wear-item:nth-child(6) {
  border-right: unset;
}

.gym-wear-service-wrap .gym-wear-item:nth-child(4),
.gym-wear-service-wrap .gym-wear-item:nth-child(5),
.gym-wear-service-wrap .gym-wear-item:nth-child(6) {
  border-bottom: unset;
}

.gym-wear-item .gym-wear-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.gym-wear-title svg {
  max-width: 30px;
  height: auto;
}

.gym-wear-title h4 {
  font-size: 18px;
  line-height: 28px;
  color: #102903;
  text-align: left;
}

/* end gym wear services */

/* start gym wear expertise */
.gym-wear-expertise-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.gym-wear-expertise-wrap .left-gym-wear-expertise {
  max-width: 47.0833333333%;
  width: 100%;
}

.gym-wear-expertise-wrap .right-gym-wear-expertise {
  max-width: 47.9166666667%;
  width: 100%;
}

.left-gym-wear-expertise .gym-wear-expertise-img {
  padding-bottom: 81.4159292035%;
  position: relative;
  width: 100%;
  height: auto;
}

.left-gym-wear-expertise .gym-wear-expertise-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
}

.right-gym-wear-expertise h3 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 10px !important;
}

.right-gym-wear-content {
  display: flex;
  flex-wrap: wrap;
  row-gap: 25px;
  column-gap: 35px;
  margin: 40px 0 35px;
}

.right-gym-wear-content .gym-experise-item {
  max-width: calc(50% - 17.5px);
  width: 100%;
}

.right-gym-wear-content .gym-experise-item h4 {
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
}

.right-gym-wear-content .gym-experise-item h4 svg {
  max-width: 20px;
  height: auto;
}

/* end gym wear expertise */

/* start our work */
#gym-wear-our-work-slider .swiper-wrapper {
  flex-direction: unset;
  row-gap: 30px;
}

#gym-wear-our-work-slider .swiper-slide {
  margin-top: unset !important;
}

.gym-wear-our-work-item {
  position: relative;
  overflow: hidden;
}

.gym-wear-our-work-img {
  padding-bottom: 64.1025641026%;
  position: relative;
  width: 100%;
  height: auto;
}

.gym-wear-our-work-img img {
  border-radius: 12px;
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
}

.gym-wear-out-work-contnet {
  position: absolute;
  z-index: 1;
  padding: 25px;
  left: 0;
  bottom: 0;
  width: 100%;
}

.gym-wear-our-work-item::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 12px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 75%, rgba(0, 0, 0, 0.9) 90%);
}

.gym-wear-out-work-contnet h4 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #fff !important;
}

.gym-wear-out-work-contnet a {
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #A6C907;
  transition: .3s;
  margin-top: 5px;
}

.gym-wear-out-work-contnet a svg {
  max-width: 16px;
  height: auto;
  transition: .3s;
}

.gym-wear-out-work-contnet a:hover svg {
  transform: translateX(5px);
}

/* end our work */

/* start work process */
.gym-process-work-bg {
  background-image: url(../img/gym-process-work-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F4F4F4;
}

.gym-wear-process-item {
  padding: 20px;
}

#gym-wear-process-slider .swiper-slide {
  border-right: 1px solid #C4C4C4;
}

#gym-wear-process-slider .swiper-slide:last-child {
  border-right: unset;
}

.gym-process-svg svg {
  max-width: 30px;
  height: auto;
  display: block;
}

.gym-process-content {
  margin-top: 10px;
}

.gym-process-content h4 {
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 8px;
}

/* end work process */

/* start review */
.gym-review-title {
  text-align: left;
  margin-left: 0;
}

.gym-wear-review-item {
  padding: 20px;
  background-color: #F4F4F4;
  border-radius: 10px;
}

.gym-wear-review-item .gym-review-name {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 15px;
}

.gym-review-name .star-svg {
  display: flex;
  align-items: center;
  gap: 5px;
}

.gym-review-name .star-svg svg {
  max-width: 14px;
  height: auto;
}

.gym-review-name .star-svg svg path {
  fill: #A6C907;
}

.gym-wear-review-item .gym-review-name h4 {
  font-size: 18px;
  line-height: 28px;
}

.gym-review-btn {
  text-align: center;
  margin-top: 40px;
}

/* end review */

/* start faq */
.gym-faq-bg {
  background-image: url(../img/gym-faq-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F4F4F4;
}

.main-gym-faq-wrap {
  max-width: 795px;
  width: 100%;
  margin: 0 auto;
}

.main-gym-faq-wrap .accordion {
  margin-bottom: 20px;
  border: 1px solid #C4C4C4;
  border-radius: 10px;
}

.main-gym-faq-wrap .accordion h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  padding-right: 10px;
}

.main-gym-faq-wrap .accordion_pannel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  cursor: pointer;
  padding: 15px;
}

.main-gym-faq-wrap .accordion_pannel.active svg {
  transform: rotate(180deg);
  transition: .3s;
}

.main-gym-faq-wrap .accordion .pannel {
  display: none;
  padding: 15px;
  border-top: 1px solid #C4C4C4;
}

.main-gym-faq-wrap .accordion_pannel svg {
  max-width: 20px;
  height: auto;
}

/* end faq */

/* start contact */
.main-gym-wear-contact {
  background-image: url(../img/gym-contact-bg.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #102903;
  border-radius: 30px;
  padding: 80px;
}

.gym-wear-contact-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.gym-wear-contact-content .gym-wear-title {
  margin-bottom: unset;
}

.gym-wear-contact-content .gym-wear-title h2 {
  color: #fff !important;
}

.gym-wear-contact-content .gym-wear-title p {
  color: #D3D3D3 !important;
}

/* end contact */

.gym-wear-industry-body .swiper-pagination-bullet {
  background-color: #A6C907;
  width: 6px;
  height: 6px;
  margin: 0 3px !important;
}

.gym-wear-wrap-main .swiper-pagination-bullet {
  background-color: #A6C907;
  width: 6px;
  height: 6px;
  margin: 0 3px !important;
}

/* start gym page responsive */
@media only screen and (max-width: 1330px) {
  .gym-wear-hero-banner-sec {
    margin: 0 20px;
    padding: 70px 0;
  }

  .gym-wear-hero-content h1 {
    font-size: 38px;
    line-height: 49px;
    margin: 25px 0 !important;
  }

  .shopify-review-content .shopify-logo img {
    max-width: 160px;
  }

  .gym-wear-title {
    margin-bottom: 50px;
  }

  .gym-wear-title h2 {
    margin-bottom: 12px !important;
    font-size: 30px;
    line-height: 40px;
  }

  .gym-wear-spacer {
    padding: 60px 0;
  }

  .gym-wear-title svg {
    max-width: 28px;
  }

  .gym-wear-item .gym-wear-title {
    gap: 6px;
    margin-bottom: 10px;
  }

  .right-gym-wear-expertise h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .right-gym-wear-content {
    row-gap: 25px;
    column-gap: 20px;
    margin: 30px 0;
  }

  .right-gym-wear-content .gym-experise-item {
    max-width: calc(50% - 10px);
  }

  .main-gym-wear-contact {
    padding: 50px;
    border-radius: 20px;
  }

  #gym-wear-our-work-slider .swiper-wrapper {
    row-gap: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .shopify-review-content .shopify-logo img {
    max-width: 150px;
  }

  .shopify-review-content .shopify-logo {
    padding-right: 15px;
  }

  .gym-wear-hero-content .review-content {
    padding-left: 15px;
  }

  .shopify-review-content {
    font-size: 12px;
  }

  .gym-wear-hero-content .review-star {
    gap: 8px;
    margin-top: 5px;
  }

  .gym-wear-hero-content .review-star .star-svg svg {
    max-width: 13px;
  }

  .gym-wear-hero-content h1 {
    font-size: 34px;
    line-height: 45px;
    margin: 20px 0 !important;
  }

  main.gym-wear-wrap-main,
  main.gym-wear-wrap-main p {
    font-size: 14px;
    line-height: 20px;
  }

  .gym-wear-hero-content p {
    margin-bottom: 25px !important;
  }

  .gym-wear-btn {
    padding: 8px 12px;
    gap: 4px;
    font-size: 14px;
    line-height: 19px;
    border-radius: 8px;
  }

  .gym-wear-btn svg {
    max-width: 15px;
  }

  .gym-wear-title h2 {
    font-size: 28px;
    line-height: 37px;
  }

  .gym-wear-title {
    margin-bottom: 40px;
  }

  #gym-wear-process-slider {
    padding-bottom: 40px;
  }

}

@media only screen and (max-width: 991px) {
  .gym-wear-title svg {
    max-width: 26px;
  }

  .gym-wear-title h4 {
    font-size: 16px;
    line-height: 20px;
  }

  .gym-wear-item .gym-wear-title {
    gap: 5px;
    margin-bottom: 8px;
  }

  .gym-wear-service-wrap .gym-wear-item {
    padding: 15px;
  }

  .gym-wear-expertise-wrap .right-gym-wear-expertise {
    max-width: 50%;
  }

  .right-gym-wear-expertise h3 {
    font-size: 16px;
    line-height: 25px;
  }

  .right-gym-wear-content {
    row-gap: 20px;
    column-gap: 15px;
    margin: 20px 0;
  }

  .right-gym-wear-content .gym-experise-item h4 svg {
    max-width: 18px;
  }

  .right-gym-wear-content .gym-experise-item h4 {
    font-size: 15px;
    line-height: 17px;
    gap: 5px;
    padding-bottom: 8px;
  }

  .right-gym-wear-content .gym-experise-item {
    max-width: calc(50% - 8px);
  }

  .gym-process-content h4 {
    font-size: 16px;
    line-height: 20px;
  }

  .gym-process-svg svg {
    max-width: 26px;
  }

  .gym-process-content {
    margin-top: 8px;
  }

  .gym-wear-review-item .gym-review-name h4 {
    font-size: 16px;
    line-height: 22px;
  }

  .gym-review-name .star-svg svg {
    max-width: 13px;
  }

  .gym-review-name .star-svg {
    gap: 3px;
  }

  .gym-wear-review-item .gym-review-name {
    margin-bottom: 10px;
  }

  .gym-wear-review-item {
    padding: 15px;
  }

  .gym-review-btn {
    margin-top: 30px;
  }

  .main-gym-faq-wrap .accordion h4 {
    font-size: 15px;
    line-height: 20px;
  }

  .main-gym-faq-wrap .accordion_pannel {
    padding: 13px;
  }

  .main-gym-faq-wrap .accordion .pannel {
    padding: 13px;
  }

  .main-gym-faq-wrap .accordion {
    margin-bottom: 15px;
    border-radius: 7px;
  }
}

@media only screen and (max-width: 767px) {
  .gym-wear-spacer {
    padding: 50px 0;
  }

  .gym-wear-service-wrap .gym-wear-item {
    max-width: 50%;
  }

  .gym-wear-service-wrap .gym-wear-item:nth-child(even) {
    border-right: unset;
  }

  .gym-wear-service-wrap .gym-wear-item:nth-child(3) {
    border-right: 1px solid #C4C4C4;
  }

  .gym-wear-service-wrap .gym-wear-item:nth-child(4) {
    border-bottom: 1px solid #C4C4C4;
  }

  .gym-wear-expertise-wrap {
    justify-content: center;
    gap: 20px;
  }

  .gym-wear-expertise-wrap .right-gym-wear-expertise {
    max-width: 100%;
  }

  .gym-wear-expertise-wrap .left-gym-wear-expertise {
    max-width: 70%;
  }

  #gym-wear-our-work-slider {
    padding-bottom: 40px;
  }

  .gym-wear-out-work-contnet h4 {
    font-size: 16px;
    line-height: 21px;
  }

  .gym-wear-out-work-contnet a {
    font-size: 13px;
    gap: 4px;
  }

  .gym-wear-out-work-contnet a svg {
    max-width: 15px;
  }

  .gym-wear-out-work-contnet {
    padding: 15px;
  }

  .main-gym-wear-contact {
    padding: 40px;
  }

  #gym-wear-review-slider {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .gym-wear-hero-banner-sec {
    margin: 0 15px;
    padding: 50px 0;
  }

  .shopify-review-content .shopify-logo img {
    max-width: 115px;
  }

  .shopify-review-content .shopify-logo {
    padding-right: 10px;
  }

  .gym-wear-hero-content .review-content {
    padding-left: 10px;
  }

  .gym-wear-hero-content .review-star {
    gap: 7px;
    margin-top: 3px;
  }

  .gym-wear-hero-content .review-star .star-svg svg {
    max-width: 11.5px;
  }

  .gym-wear-hero-content h1 {
    font-size: 28px;
    line-height: 39px;
    margin: 15px 0 !important;
  }

  main.gym-wear-wrap-main,
  main.gym-wear-wrap-main p {
    font-size: 13px;
    line-height: 18px;
  }

  .gym-wear-btn {
    font-size: 13px;
    line-height: 17px;
    border-radius: 6px;
  }

  .gym-wear-title {
    margin-bottom: 30px;
  }

  .gym-wear-title h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .gym-wear-spacer {
    padding: 40px 0;
  }

  .gym-wear-service-wrap .gym-wear-item {
    padding: 12px;
  }

  .gym-wear-title svg {
    max-width: 22px;
  }

  .gym-wear-title h4 {
    font-size: 15px;
    line-height: 18px;
  }

  .gym-wear-expertise-wrap .left-gym-wear-expertise {
    max-width: 100%;
  }

  .right-gym-wear-content {
    row-gap: 15px;
    column-gap: 10px;
  }

  .right-gym-wear-content .gym-experise-item {
    max-width: calc(50% - 5px);
  }

  .right-gym-wear-content .gym-experise-item h4 {
    font-size: 13px;
    line-height: 16px;
  }

  .gym-wear-our-work-img img,
  .gym-wear-our-work-item::after {
    border-radius: 6px;
  }

  .gym-wear-out-work-contnet h4 {
    font-size: 14px;
    line-height: 18px;
  }

  .gym-wear-our-work-item {
    max-width: 100%;
  }

  .gym-wear-process-item {
    padding: 15px;
  }

  .gym-process-svg svg {
    max-width: 24px;
  }

  .gym-process-content h4 {
    font-size: 15px;
    line-height: 19px;
  }

  .gym-wear-review-item .gym-review-name h4 {
    font-size: 15px;
    line-height: 21px;
  }

  .gym-review-name .star-svg svg {
    max-width: 12px;
  }

  .gym-wear-review-item .gym-review-name {
    margin-bottom: 8px;
  }

  .gym-wear-review-item {
    border-radius: 8px;
  }

  .main-gym-wear-contact {
    padding: 25px;
    border-radius: 12px;
  }

  #gym-wear-our-work-slider .swiper-wrapper {
    row-gap: 10px;
  }
}

/* end gym wear page responsive */

/* end gym wear industry css */

main.dropshipping-main {
  background-color: #EBEAFF;
}

body.dropshipping-solution-body,
main.dropshipping-main p {
  font-family: "Dongle", sans-serif !important;
  margin-bottom: unset;
  font-size: 24px;
  line-height: 21px;
  color: #797979;
}

main.dropshipping-main h1,
main.dropshipping-main h2,
main.dropshipping-main h3,
main.dropshipping-main h4 {
  font-family: "DM Sans", sans-serif !important;
  margin-bottom: unset;
  color: #3C3A3A;
}

main.dropshipping-main .container {
  max-width: 1230px;
}

main.dropshipping-main a {
  text-decoration: none;
}

.dropshipping-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 25px;
  background-color: #5F38F0;
  border-radius: 5px;
  color: #fff;
  gap: 5px;
  font-size: 24px;
  line-height: 21px;
  font-weight: 500;
  transition: .3s;
}

.dropshipping-btn:hover {
  background-color: #fff;
  color: #5F38F0;
  transition: .3s;
}

.dropshipping-spacer {
  padding: 50px 0;
}

.dropshipping-title {
  max-width: 700px;
  width: 100%;
  margin: 0 auto 50px;
  text-align: center;
}

.dropshipping-title h2 {
  margin-bottom: 12px !important;
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
}

.dropshipping-title h2 span {
  color: #5F38F0;
}

.dropshipping-bg-sec {
  background-color: #EBEAFF;
}

/* start hero banner */
.dropshipping-hero-sec {
  padding: 70px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.dropshipping-round-bg {
  position: absolute;
  right: -5%;
  top: -30%;
  z-index: -1;
}

.main-dropshiping-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.main-dropshiping-hero .left-dropshipping-hero {
  max-width: 54.1666666667%;
  width: 100%;
}

.main-dropshiping-hero .right-dropshipping-hero {
  max-width: 40.4166666667%;
  width: 100%;
}

.left-dropshipping-hero h1 {
  font-size: 48px;
  line-height: 62px;
  font-weight: 600;
  padding-bottom: 25px;
}

.left-dropshipping-hero h1 span {
  color: #5F38F0;
}

.dropshipping-hero-img {
  padding-bottom: 74.2268041237%;
  position: relative;
  width: 100%;
  height: auto;
}

.dropshipping-hero-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
}

/* end hero banner */

/* start feature */
.dropshipping-feature-sec {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.dropshipping-feature-sec .dropshipping-round-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: fit-content;
  z-index: -1;
}

.dropshipping-feature-sec .dropshipping-round-bg2 {
  position: absolute;
  left: 50%;
  bottom: -10%;
  width: fit-content;
  z-index: -1;
}

.dropshipping-feature-sec .dropshipping-round-bg2 img {
  max-width: 210px;
}

.main-dropshipping-feature {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.main-dropshipping-feature .dropshipping-feature-item {
  padding: 25px;
  background: rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(7.5px);
  border-radius: 20px;
  border: 1.5px solid rgb(255, 255, 255);
  max-width: calc(33.33% - 14px);
}

.dropshipping-feature-item .drop-feature-icon img,
.dropshipping-feature-item .drop-feature-icon svg {
  max-width: 50px;
  height: auto;
}

.dropshipping-feature-item .drop-feature-content h4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  padding: 10px 0;
}

/* end feature */

/* start step */
.main-dropshipping-step {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 1125px;
  width: 100%;
  margin: 0 auto;
}

.main-dropshipping-step:nth-child(odd) {
  flex-direction: row-reverse;
  margin-top: 35px;
}

.main-drop-step-img {
  max-width: 43.3777777778%;
  width: 100%;
}

.drop-step-img {
  padding-bottom: 49.1803278689%;
  position: relative;
  width: 100%;
  height: auto;
}

.drop-step-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  border-radius: 15px;
}

.main-drop-step-content {
  max-width: 54.7555555556%;
  width: 100%;
}

.drom-main-step-content {
  max-width: 50%;
  width: 100%;
  padding-left: 12px;
  position: relative;
}

.drom-main-step-content::before,
.drom-main-step-content::after {
  content: '';
  position: absolute;
  height: 60px;
  width: 2px;
  background-color: #5F38F0;
  opacity: 20%;
  left: 0;
  top: 0;
}

.drom-main-step-content::after {
  height: 30px;
  opacity: unset;
}

.main-drop-step-content .drop-step-item:nth-child(even) .drom-main-step-content {
  margin-left: auto;
}

.drom-main-step-content .drop-step-num {
  font-size: 26px;
  line-height: 13px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #5F38F0;
  color: #5F38F0;
  max-width: 30px;
  height: 30px;
}

.drop-step-content h4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  padding: 10px 0;
}

/* end step */

/* start how it work */
.main-drop-work {
  max-width: 790px;
  width: 100%;
  margin: auto;
}

.main-drop-work .drophow-it-work {
  width: 100%;
  position: relative;
  padding-bottom: 43.6708860759%;
  background: no-repeat center / cover;
  border-radius: 15px;
  border: 4px solid #fff;
  cursor: pointer;
}

.main-drop-work .drophow-it-work svg {
  position: absolute;
  width: 60px;
  height: 60px;
  margin: auto;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.main-drop-work .drophow-it-work:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 15px;
  opacity: 0.4;
  border-radius: 6px;
  transition: opacity 0.6s ease;
}

/* popup styles */
.drop-video-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.drop-video-popup-overlay.active {
  display: flex;
}

.drop-video-popup-content {
  position: relative;
  width: 90%;
  max-width: 800px;
}

.drop-video-popup-content iframe {
  width: 100%;
  height: 450px;
  border-radius: 10px;
  border: none;
}

.drop-video-popup-close {
  position: absolute;
  top: -30px;
  right: -10px;
  font-size: 32px;
  color: white;
  cursor: pointer;
}

/* end how it work */

/* start expertise */
.dropshipping-expertise-sec {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.dropshipping-expertise-sec .dropshipping-round-bg2 {
  position: absolute;
  right: -2%;
  top: -10%;
  width: fit-content;
  z-index: -1;
}

.main-drop-expertise {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.left-drop-expertise {
  max-width: 40.6666666667%;
  width: 100%;
}

.right-drop-expertise {
  max-width: 57.6666666667%;
  width: 100%;
}

.drop-expertise-img {
  padding-bottom: 66.8032786885%;
  position: relative;
  width: 100%;
  height: auto;
}

.drop-expertise-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  border-radius: 15px;
}

#drop-expertise-slide {
  padding-bottom: 35px;
}

#drop-expertise-slide .swiper-slide {
  height: auto;
}

.drop-expetise-item {
  padding: 25px;
  background: rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(7.5px);
  border-radius: 15px;
  border: 1.5px solid rgb(255, 255, 255);
  height: 100%;
}

.drop-expertise-icon img {
  max-width: 50px;
  height: auto;
}

.drop-expertise-content h2 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  padding: 15px 0 10px;
}

.dropshipping-main .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #5F38F0;
  border-radius: 20px;
  margin: 0 2.5px !important;
}

.dropshipping-main .swiper-pagination-bullet-active {
  width: 12px;
}

.dropshipping-main .swiper-pagination {
  bottom: 0 !important;
}

/* end expertise */

/* start interigration */
.main-drop-interigration {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.left-interigraion-contnet {
  max-width: 57.6666666667%;
  width: 100%;
}

.right-interigration-img {
  max-width: 40.6666666667%;
  width: 100%;
}

.left-interigraion-contnet .dropshipping-title {
  text-align: left;
}

.drop-interigration-content ul {
  padding-top: 12px;
  margin-bottom: unset !important;
}

.drop-interigration-content ul li {
  padding-bottom: 8px;
  padding-left: 10px;
  position: relative;
}

.drop-interigration-content ul li::before {
  content: '';
  position: absolute;
  width: 1.5px;
  height: 18px;
  background-color: #5F38F0;
  left: 0;
}

.drop-interigration-content p.drop-ingterigration-notes {
  color: #3C3A3A;
}

/* end interigration */

/* start faq */
.main-dropshipping-faq-wrap {
  max-width: 795px;
  width: 100%;
  margin: auto;
}

.main-dropshipping-faq-wrap .accordion {
  padding: 0 15px;
  border: 1px solid #C4C4C4;
  border-radius: 8px;
  margin-bottom: 20px;
}

.main-dropshipping-faq-wrap .accordion:last-child {
  margin-bottom: unset;
}

.main-dropshipping-faq-wrap .accordion .accordion_pannel {
  padding: 15px 0;
  cursor: pointer;
  position: relative;
}

.main-dropshipping-faq-wrap .accordion_pannel h4 {
  margin-bottom: unset;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding-right: 20px;
}

.main-dropshipping-faq-wrap .pannel {
  display: none;
}

.main-dropshipping-faq-wrap .pannel p {
  padding: 15px 0;
  border-top: 1px solid #C4C4C4;
}

.main-dropshipping-faq-wrap .accordion_pannel::before,
.main-dropshipping-faq-wrap .accordion_pannel::after {
  content: "";
  position: absolute;
  top: 54%;
  background-color: #3C3A3A;
  transition: all 0.3s;
}

.main-dropshipping-faq-wrap .accordion_pannel::after {
  right: 0;
  width: 12px;
  height: 2px;
  margin-top: -3px;
}

.main-dropshipping-faq-wrap .accordion_pannel.active::before {
  transform: rotate(90deg);
}

.main-dropshipping-faq-wrap .accordion_pannel::before {
  right: 5px;
  width: 2px;
  height: 12px;
  margin-top: -8px;
}

/* end faq */

/* start contact */
.dropshipping-contact-sec {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.dropshipping-contact-sec .dropshipping-round-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: fit-content;
  z-index: -1;
}

.dropshipping-contact-sec .dropshipping-round-bg2 {
  position: absolute;
  right: 0%;
  bottom: -35%;
  width: fit-content;
  z-index: -1;
}

.main-drop-contact {
  padding: 40px;
  background: rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(7.5px);
  border-radius: 20px;
  border: 1.5px solid rgb(255, 255, 255);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.left-drop-contact {
  max-width: 50%;
  width: 100%;
  padding-right: 25px;
  border-right: 1.5px solid #cacaca;
}

.left-drop-contact .dropshipping-title {
  text-align: left;
  margin-bottom: unset;
}

.left-drop-contact .dropshipping-title p {
  margin-top: 20px;
}

.right-drop-contact {
  max-width: 50%;
  width: 100%;
  padding-left: 25px;
  text-align: center;
}

.right-drop-contact .contact-icon img {
  max-width: 80px;
  height: auto;
}

.drop-contact-content p {
  padding: 20px 0 25px;
}

/* end contact */

/* start dropshipping solution responsive */
@media only screen and (max-width: 1330px) {
  .left-dropshipping-hero h1 {
    font-size: 42px;
    line-height: 51px;
    padding-bottom: 20px;
  }

  .dropshipping-title h2 {
    margin-bottom: 10px !important;
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 1024px) {
  .left-dropshipping-hero h1 {
    font-size: 38px;
    line-height: 46px;
    padding-bottom: 15px;
  }

  .dropshipping-hero-sec {
    padding: 60px 0;
  }

  .dropshipping-title h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .dropshipping-title {
    margin: 0 auto 40px;
  }

  .dropshipping-spacer {
    padding: 40px 0;
  }

  .main-dropshipping-feature .dropshipping-feature-item {
    padding: 20px;
    border-radius: 12px;
    max-width: calc(33.33% - 10px);
  }

  .dropshipping-feature-item .drop-feature-icon img,
  .dropshipping-feature-item .drop-feature-icon svg {
    max-width: 45px;
  }

  .dropshipping-feature-item .drop-feature-content h4 {
    font-size: 16px;
    line-height: 20px;
    padding: 8px 0;
  }

  .main-dropshipping-feature {
    gap: 15px;
  }

  .drom-main-step-content .drop-step-num {
    font-size: 24px;
    line-height: 11px;
    padding: 8px;
    max-width: 25px;
    height: 25px;
  }

  .drop-step-content h4 {
    font-size: 16px;
    line-height: 20px;
    padding: 8px 0;
  }

  .drop-expertise-icon img {
    max-width: 45px;
  }

  .drop-expetise-item {
    padding: 20px;
    border-radius: 12px;
  }

  .drop-expertise-content h2 {
    font-size: 16px;
    line-height: 20px;
    padding: 12px 0 8px;
  }

  .main-drop-contact {
    padding: 30px;
  }

  .left-drop-contact {
    padding-right: 15px;
  }

  .right-drop-contact {
    padding-left: 15px;
  }

  .dropshipping-btn {
    padding: 10px 20px;
    font-size: 22px;
    line-height: 18px;
  }

  .left-drop-contact .dropshipping-title p {
    margin-top: 10px;
  }

  .drop-contact-content p {
    padding: 15px 0 20px;
  }
}

@media only screen and (max-width: 991px) {
  .left-dropshipping-hero h1 {
    font-size: 31px;
    line-height: 40px;
    padding-bottom: 12px;
  }

  body.dropshipping-solution-body,
  main.dropshipping-main p {
    font-size: 22px;
    line-height: 19px;
  }

  .dropshipping-hero-sec {
    padding: 50px 0;
  }

  .dropshipping-spacer {
    padding: 30px 0;
  }

  .dropshipping-title h2 {
    font-size: 26px;
    line-height: 34px;
  }

  .dropshipping-title {
    margin: 0 auto 30px;
  }

  .main-dropshipping-feature .dropshipping-feature-item {
    padding: 15px;
    border-radius: 10px;
  }

  .dropshipping-feature-item .drop-feature-icon img,
  .dropshipping-feature-item .drop-feature-icon svg {
    max-width: 40px;
  }

  .dropshipping-feature-item .drop-feature-content h4 {
    font-size: 15px;
    line-height: 19px;
    padding: 7px 0;
  }

  .drom-main-step-content .drop-step-num {
    font-size: 22px;
    line-height: 10px;
    padding: 7px;
    max-width: 22px;
    height: 22px;
  }

  .drom-main-step-content::before {
    height: 40px;
  }

  .drom-main-step-content::after {
    height: 20px;
  }

  .drop-step-content h4 {
    font-size: 15px;
    line-height: 19px;
    padding: 7px 0;
  }

  .main-dropshipping-step:nth-child(odd) {
    margin-top: 20px;
  }

  .main-drop-work .drophow-it-work svg {
    width: 50px;
    height: 50px;
  }

  .drop-expetise-item {
    padding: 15px;
    border-radius: 10px;
  }

  .drop-expertise-icon img {
    max-width: 40px;
  }

  .drop-expertise-content h2 {
    font-size: 15px;
    line-height: 19px;
    padding: 10px 0 7px;
  }

  #drop-expertise-slide {
    padding-bottom: 30px;
  }

  .left-interigraion-contnet .dropshipping-title {
    margin: 0 0 15px;
  }

  .drop-interigration-content ul {
    padding-top: 8px;
  }

  .main-dropshipping-faq-wrap .accordion_pannel h4 {
    font-size: 15px;
    line-height: 19px;
  }

  .main-dropshipping-faq-wrap .accordion .accordion_pannel {
    padding: 12px 0;
  }

  .main-dropshipping-faq-wrap .pannel p {
    padding: 12px 0;
  }

  .main-drop-contact {
    padding: 25px;
    border-radius: 15px;
  }
}

@media only screen and (max-width: 767px) {

  .main-dropshiping-hero,
  .main-dropshipping-step,
  .main-drop-expertise,
  .main-drop-interigration {
    justify-content: center;
    gap: 20px;
  }

  .main-dropshiping-hero .left-dropshipping-hero,
  .main-drop-step-content,
  .right-drop-expertise,
  .left-interigraion-contnet {
    max-width: 100%;
  }

  .main-dropshiping-hero .right-dropshipping-hero,
  .main-drop-step-img,
  .left-drop-expertise,
  .right-interigration-img {
    max-width: 70%;
  }

  .main-drop-work .drophow-it-work svg {
    width: 40px;
    height: 40px;
  }

  .main-dropshipping-faq-wrap .accordion_pannel h4 {
    font-size: 14px;
    line-height: 18px;
  }

  .main-dropshipping-faq-wrap .accordion {
    margin-bottom: 15px;
  }

  .main-dropshipping-faq-wrap .accordion_pannel::before {
    height: 10px;
    right: 4px;
    margin-top: -7px;
  }

  .main-dropshipping-faq-wrap .accordion_pannel::after {
    width: 10px;
  }

  .left-drop-contact {
    max-width: 100%;
    padding-right: unset;
    padding-bottom: 20px;
    border-bottom: 1.5px solid #cacaca;
    border-right: unset;
  }

  .right-drop-contact {
    max-width: 100%;
    padding-left: unset;
    padding-top: 20px;
  }

  .right-drop-contact .contact-icon img {
    max-width: 70px;
  }

  .drop-contact-content p {
    padding: 12px 0 15px;
  }
}

@media only screen and (max-width: 575px) {
  .left-dropshipping-hero h1 {
    font-size: 29px;
    line-height: 36px;
  }

  body.dropshipping-solution-body,
  main.dropshipping-main p {
    font-size: 21px;
    line-height: 18px;
  }

  .dropshipping-title h2 {
    font-size: 22px;
    line-height: 27px;
  }

  .main-dropshipping-feature {
    gap: 12px;
    justify-content: center;
  }

  .main-dropshipping-feature .dropshipping-feature-item {
    max-width: calc(50% - 6px);
  }

  .dropshipping-feature-item .drop-feature-icon img,
  .dropshipping-feature-item .drop-feature-icon svg {
    max-width: 35px;
  }

  .main-dropshiping-hero .right-dropshipping-hero,
  .main-drop-step-img,
  .left-drop-expertise,
  .right-interigration-img {
    max-width: 90%;
  }

  .main-dropshipping-feature .dropshipping-feature-item {
    padding: 12px;
    border-radius: 8px;
  }

  .drop-expertise-icon img {
    max-width: 35px;
  }

  .drop-expetise-item {
    padding: 12px;
    border-radius: 8px;
  }

  .main-drop-contact {
    padding: 18px;
    border-radius: 12px;
  }

  .left-drop-contact {
    padding-bottom: 15px;
  }

  .right-drop-contact {
    padding-top: 15px;
  }

  .right-drop-contact .contact-icon img {
    max-width: 55px;
  }

  .dropshipping-btn {
    padding: 9px 16px;
    font-size: 21px;
    line-height: 17px;
  }
}

/* end dropshipping solution responsive */

/* end dropshipping solution css */


/* start electronic industry page */
main.electronics-ecommerce,
main.electronics-ecommerce p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #383838;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 0;
}

.ee-section-space-bottom {
  padding-bottom: 100px;
}

main.electronics-ecommerce h1,
main.electronics-ecommerce h2,
main.electronics-ecommerce h3,
main.electronics-ecommerce h4,
main.electronics-ecommerce h5,
main.electronics-ecommerce h6 {
  font-family: "Rajdhani", sans-serif;
  color: #000;
  font-weight: 600;
}

.ee-highlight-text {
  color: #F22B22;
}

.ee-flx-box {
  display: flex;
  flex-wrap: wrap;
}

.ee-btn-default {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 20px;
  display: inline-block;
  background: #F22B22;
  border: 0;
  padding: 10px 18px;
  transition: all 0.2s ease-in-out;
}

.ee-btn-default:hover {
  background: #f34e45;
  color: #fff;
}

.ee-img-wrap {
  position: relative;
  display: block;
}

.ee-img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Hero section */
.ee-hero-image {
  flex: 0 0 42.334%;
}

span.ee-hero-img-wrap.ee-img-wrap {
  padding-bottom: 120.079%;
}

.ee-hero-content {
  flex: 0 0 calc(100% - 42.334%);
  padding-right: 40px;
}

.ee-hero-section-wrap {
  align-items: center;
}

.ee-hero-section {
  background: #fda92633;
  padding: 10px 0;
}

.ee-hero-review {
  align-items: center;
  gap: 20px;
  padding-bottom: 30px;
}

span.ee-stars {
  align-items: center;
  gap: 5px;
  padding-top: 6px;
}

main.electronics-ecommerce span.ee-review-text p,
span.ee-review-count {
  font-size: 12px;
}

span.ee-review-count {
  line-height: 1;
  align-self: end;
  padding-left: 5px;
}

main.electronics-ecommerce .ee-hero-main-title {
  font-size: 42px;
  font-weight: 700;
  padding-bottom: 15px;
}

main.electronics-ecommerce .ee-hero-description {
  font-size: 16px;
  padding-bottom: 50px;
}

.ee-hero-review span.ee-review-text {
  padding-left: 20px;
  border-left: 1px solid #383838;
}

/* Counter */
section.ee-counter-section {
  margin-top: -30px;
  padding-bottom: 60px;
}

.ee-counter-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.ee-counter-item {
  flex: 0 0 270px;
  padding: 25px;
  box-shadow: 1px 1px 10px 0 #0000001a;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 17px;
}

span.ee-counter-icon {
  background: #FDA926;
  display: flex;
  padding: 8px;
}

.ee-counter-number {
  font-size: 32px;
}

main.electronics-ecommerce .ee-counter-label {
  font-size: 16px;
}

/* Services */
main.electronics-ecommerce .ee-service-title {
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

.ee-service-icon {
  display: inline-flex;
  padding: 5px;
  margin-bottom: 7px;
}

.ee-service-item {
  padding: 15px;
  box-shadow: 1px 1px 10px 0 #0000001a;
  flex: 0 0 calc(33.33% - 13.33px);
}

.ee-services-wrapper {
  gap: 20px;
}

.ee-service-section .ee-section-title h2 {
  padding: 0;
}

/* Features */
.ee-feature-content .ee-section-title {
  max-width: unset;
  text-align: left;
  padding-bottom: 35px;
}

.ee-feature-content {
  max-width: 320px;
  width: 100%;
}

.ee-feature-img-wrap {
  flex: 1 0 auto;
}

.ee-features-wrapper.ee-flx-box {
  gap: 25px;
  align-items: center;
}

.ee-feature-img-wrap span.ee-img-wrap {
  padding-bottom: 100%;
}

.ee-feature-content ul li {
  margin-bottom: 15px;
  border-left: 2px solid #F22B22;
  padding-left: 10px;
  line-height: 1.3;
}

.ee-feature-content ul li:last-child {
  margin-bottom: 0;
}

/* Our Work */
.ee-section-title {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 45px;
}

.ee-section-title h2 {
  font-size: 34px;
  padding-bottom: 10px;
}

.ee-work-img-wrap.ee-img-wrap {
  padding-bottom: 100%;
  width: 100%;
}

.ee-work-slider .swiper-slide {
  transition: transform 1s ease-in-out .2s;
  transform: scale(0.9);
}

.ee-work-slider .swiper-slide-active {
  transform: scale(1);
  z-index: 2;
}

.electronics-ecommerce .swiper-button-prev,
.electronics-ecommerce .swiper-button-next {
  position: absolute;
  bottom: 0;
  top: auto;
  right: 0;
  left: auto;
  box-shadow: none;
  width: 35px;
  height: 35px;
  min-width: unset;
  background: #F22B22;
}

.electronics-ecommerce .swiper-button-prev::after,
.electronics-ecommerce .swiper-button-next::after {
  font-weight: 600;
  font-size: 11px;
}

.electronics-ecommerce .swiper-button-prev {
  right: 45px;
}

.ee-work-slider.swiper {
  padding-bottom: 50px;
  margin: 0 -10px;
}

.ee-work-slider.swiper .swiper-button-prev,
.ee-work-slider.swiper .swiper-button-next {
  margin-right: 20px;
}

.ee-review-slider.swiper .swiper-button-prev,
.ee-review-slider.swiper .swiper-button-next {
  margin-right: 10px;
}


/* Step process */
.ee-steps-wrapper {
  gap: 20px;
  padding: 0 20px;
}

.ee-step-item {
  flex: 0 0 calc(25% - 15px);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}

main.electronics-ecommerce .ee-step-title {
  font-size: 18px;
  font-weight: 500;
}

span.ee-step-icon {
  display: flex;
  padding-bottom: 2px;
}

.ee-step-item::after {
  content: "";
  position: absolute;
  top: 20%;
  right: -40px;
  background-image: url(../img/ee-stp-arw.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 58px;
  height: 50px;
  z-index: 1;
}

.ee-step-item:last-child:after {
  display: none;
}

/* Review Section */
.ee-review-wrapper {
  align-items: center;
}

.ee-review-img {
  max-width: 42.334%;
  width: 100%;
  padding-right: 65px;
}

.ee-review-img-wrap.ee-img-wrap {
  padding-bottom: 96.389%;
  width: 100%;
}

.ee-review-content {
  width: 100%;
  max-width: calc(100% - 42.334%);
}

.ee-review-content .ee-section-title {
  align-items: center;
  justify-content: space-between;
  max-width: unset;
  padding-bottom: 20px;
  position: relative;
}

.ee-review-content .ee-section-title h2 {
  padding-bottom: 0;
}

.ee-review-content .ee-section-title::after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  background-image: url(../img/ee-comma.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 84px;
  height: 60px;
  bottom: calc(100% - 30px);
  z-index: -1;
}

main.electronics-ecommerce .ee-review-author {
  justify-content: space-between;
  padding-bottom: 8px;
  font-weight: 500;
  font-size: 18px;
}

main.electronics-ecommerce .ee-review-text {
  color: #676767;
}

.ee-review-item {
  padding: 15px;
  box-shadow: 1px 1px 10px 0 #0000001a;
  background: #fff;
}

.ee-review-slider.swiper {
  padding: 10px 10px 60px;
  margin: 0 -10px;
}

/* Faq */
.ee-faq-left .ee-section-title {
  max-width: unset;
  text-align: left;
  padding: 0;
}

.ee-faq-left {
  max-width: 35.583%;
  padding-right: 40px;
}

.ee-faq-right {
  max-width: calc(100% - 35.583%);
  width: 100%;
}

.ee-faq-sec {
  align-items: center;
}

.ee-faq-wrapper ul li {
  padding: 15px;
  background: #F0F0F0;
  margin-bottom: 20px;
}

.ee-faq-wrapper ul li:last-child {
  margin-bottom: 0;
}

.ee-faq-que {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  cursor: pointer;
}

main.electronics-ecommerce .ee-que-title {
  font-size: 16px;
  font-weight: 500;
}

.ee-faq-que span.ee-arrow {
  display: flex;
}

.ee-faq-ans {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.ee-faq-content {
  padding-top: 12px;
}

.ee-faq-que span.ee-arrow svg {
  transition: all .3s ease;
}

.ee-faq-que.active span.ee-arrow svg {
  transform: rotate(180deg);
}

/* Contact Us */
.ee-contact-us-wrap {
  background: #FFEED4;
  align-items: center;
  padding: 30px;
  max-width: 940px;
  margin: 0 auto;
  gap: 30px;
}

.ee-contact-us-content {
  flex: 1;
  padding: 30px;
}

.ee-contact-us-img {
  flex: 0 0 34.092%;
}

.ee-contact-us-img span.ee-img-wrap {
  padding-bottom: 79.667%;
}

.ee-contact-us-content p.ee-section-description {
  color: #676767;
}

.ee-contact-us-content .ee-section-title {
  max-width: unset;
  text-align: left;
  padding-bottom: 40px;
}

/* Responsive Styles */
@media only screen and (max-width: 1199px) {
  main.electronics-ecommerce .ee-hero-main-title {
    font-size: 38px;
  }

  section.ee-counter-section {
    margin-top: -20px;
  }

  .ee-counter-wrap {
    gap: 18px;
  }

  .ee-counter-item {
    flex: 0 0 calc(25% - 13.5px);
    padding: 15px;
    gap: 12px;
  }

  span.ee-counter-icon svg {
    width: 38px;
    height: 38px;
  }

  .ee-counter-number {
    font-size: 28px;
  }

  main.electronics-ecommerce .ee-counter-label {
    font-size: 15px;
  }

  span.ee-counter-icon {
    padding: 4px;
  }

  .ee-section-title h2 {
    font-size: 30px;
  }

  .ee-feature-content {
    max-width: 250px;
  }
}

@media only screen and (max-width: 1023px) {
  span.ee-shopify-logo img {
    max-height: 42px;
  }

  main.electronics-ecommerce .ee-hero-main-title {
    font-size: 32px;
  }

  main.electronics-ecommerce .ee-hero-description {
    font-size: 14px;
    padding-bottom: 30px;
  }

  .ee-hero-review {
    padding-bottom: 20px;
  }

  section.ee-counter-section {
    margin-top: 30px;
  }

  .ee-counter-item {
    flex: 0 0 calc(33.33% - 12px);
  }

  .ee-feature-content {
    max-width: 50%;
  }

  .ee-feature-content ul {
    columns: 2;
  }

  .ee-feature-content:last-child {
    max-width: 100%;
  }

  .ee-step-item {
    flex: 0 0 calc(50% - 10px);
  }

  .ee-step-item:nth-child(2n)::after {
    display: none;
  }

  .ee-section-title h2 {
    font-size: 26px;
  }

  .ee-review-img {
    padding-right: 40px;
  }

  .ee-review-content .ee-section-title::after {
    width: 74px;
    height: 50px;
  }

  .ee-review-content .ee-section-title {
    gap: 15px;
  }

  .ee-contact-us-content {
    padding: 10px;
  }

  .ee-hero-section {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .ee-hero-content {
    flex: 0 0 100%;
    padding-right: 0;
    text-align: center;
  }

  .ee-hero-image {
    flex: 0 0 100%;
  }

  span.ee-shopify-logo img {
    max-height: 36px;
  }

  span.ee-stars {
    padding-top: 4px;
  }

  main.electronics-ecommerce .ee-hero-main-title {
    font-size: 28px;
  }

  .ee-counter-wrap {
    gap: 10px;
  }

  .ee-counter-item {
    flex: 0 0 calc(50% - 5px);
    justify-content: flex-start;
    padding: 9px;
    gap: 8px;
  }

  span.ee-counter-icon {
    padding: 2px;
  }

  span.ee-counter-icon svg {
    width: 30px;
    height: 30px;
  }

  .ee-counter-number {
    font-size: 20px;
  }

  main.electronics-ecommerce .ee-counter-label {
    font-size: 12px;
  }

  .ee-section-title {
    padding-bottom: 30px;
  }

  .ee-service-item {
    flex: 0 0 100%;
    text-align: center;
  }

  .ee-service-icon svg {
    width: 40px;
    height: 40px;
  }

  .ee-section-space-bottom {
    padding-bottom: 60px;
  }

  .ee-feature-content {
    max-width: 100%;
  }

  .ee-feature-content .ee-section-title {
    padding-bottom: 25px;
    text-align: center;
  }

  .ee-feature-content .ee-btn-default {
    margin: 0 auto;
    display: block;
    max-width: fit-content;
  }

  main.electronics-ecommerce,
  main.electronics-ecommerce p {
    font-size: 13px;
  }

  main.electronics-ecommerce .ee-section-description {
    font-size: 14px;
  }

  .electronics-ecommerce .swiper-button-prev,
  .electronics-ecommerce .swiper-button-next {
    width: 30px;
    height: 30px;
    right: unset;
    transform: translateX(-50%);
    margin: 0;
  }

  .electronics-ecommerce .swiper-button-next {
    left: calc(50% + 20px);
  }

  .electronics-ecommerce .swiper-button-prev {
    left: calc(50% - 20px);
  }

  section.ee-step-process {
    padding: 0 15px 60px;
  }

  .ee-steps-wrapper {
    padding: 0;
  }

  .ee-review-img {
    padding-right: 0;
    max-width: 100%;
    padding-bottom: 40px;
  }

  .ee-review-content {
    max-width: 100%;
  }

  .ee-review-content .ee-section-title {
    justify-content: center;
    flex-direction: column;
    max-width: fit-content;
  }

  .ee-review-slider.swiper {
    padding: 10px 15px 50px;
    margin: 0 -15px;
  }

  .ee-work-slider.swiper {
    margin: 0 -15px;
  }

  .ee-review-content .ee-section-title::after {
    left: 0;
  }

  .ee-faq-left {
    max-width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }

  .ee-faq-right {
    max-width: 100%;
  }

  .ee-faq-left .ee-section-title {
    text-align: center;
  }

  .ee-faq-wrapper ul li {
    margin-bottom: 10px;
  }

  .ee-faq-que span.ee-arrow svg {
    width: 14px;
    height: 14px;
  }

  .ee-contact-us-content {
    padding: 0;
    flex: 0 0 100%;
  }

  .ee-contact-us-content .ee-section-title {
    text-align: center;
    padding-bottom: 20px;
  }

  .ee-contact-us-content {
    padding: 0;
    flex: 0 0 100%;
    text-align: center;
  }

  .ee-contact-us-img {
    flex: 0 0 100%;
  }

  .ee-hero-review {
    justify-content: center;
    gap: 10px;
  }

  .ee-hero-review span.ee-review-text {
    padding-left: 10px;
  }

  .ee-step-item {
    flex: 0 0 100%;
  }

  .ee-step-item::after {
    display: none;
  }

  span.ee-step-icon img {
    max-width: 110px;
    height: auto;
  }
}

/* end electronic industry page */


/* start fashion industry page */
main.fashion-ecommerce,
main.fashion-ecommerce p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  letter-spacing: 0;
  line-height: 1.43;
  margin: 0;
}

.fashion-ecommerce {
  padding-top: 30px;
}

.fe-section-space-bottom {
  padding-bottom: 150px;
}

main.fashion-ecommerce h1,
main.fashion-ecommerce h2,
main.fashion-ecommerce h3,
main.fashion-ecommerce h4,
main.fashion-ecommerce h5,
main.fashion-ecommerce h6 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  color: #000;
}

.fe-gray-img {
  filter: grayscale(1);
}

.fe-gray-img:hover {
  filter: grayscale(0);
}

.fe-btn-default {
  font-family: inherit;
  font-size: 13px;
  font-weight: 300;
  color: #000;
  line-height: 19px;
  display: inline-block;
  background: transparent;
  border: 1px solid #000;
  padding: 9px 20px;
  transition: all 0.2s ease-in-out;
}

.fe-btn-default:hover {
  background: #000;
  color: #fff;
}

.fe-img-wrap {
  position: relative;
  display: block;
}

.fe-img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Hero */
.fashion-hero-section {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.fe-hero-review {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 25px;
  gap: 10px;
}

.fe-stars {
  display: flex;
  align-items: center;
  gap: 2px;
}

.fe-hero-review .fe-review-text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.875;
}

.fe-hero-review .shopify-logo {
  padding-right: 10px;
  border-right: 1px solid #cecece;
}

.fe-hero-main-title {
  font-size: 46px;
  letter-spacing: -0.1px;
  padding-bottom: 20px;
}

main.fashion-ecommerce .fe-hero-content .fe-section-description {
  font-weight: 300;
}

.fe-hero-content {
  max-width: 690px;
  margin: 0 auto;
  padding-bottom: 115px;
}

.fe-hero-image {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.fe-hero-img-wrap {
  padding-bottom: 62.5%;
  z-index: 1;
}

.fe-hero-img-wrap img {
  filter: grayscale(1);
}

.fe-hero-left-img {
  position: absolute;
  top: 35px;
  left: 30px;
  max-width: 16vw;
}

.fe-hero-right-img {
  position: absolute;
  top: 17%;
  right: -30px;
  max-width: 18vw;
}

span.hero-sm-l1 {
  position: absolute;
  top: 8%;
  left: -25%;
  max-width: 31%;
  z-index: 1;
}

span.hero-sm-l2 {
  position: absolute;
  bottom: 8%;
  left: -25%;
  max-width: 34%;
  z-index: 1;
}

span.hero-sm-r1 {
  position: absolute;
  top: -8%;
  right: -16%;
  max-width: 33%;
  z-index: 1;
}

span.hero-sm-r2 {
  position: absolute;
  bottom: 4%;
  right: -27%;
  z-index: 0;
  max-width: 36%;
}

span.hero-sm-center {
  position: absolute;
  top: -9%;
  left: 30%;
  max-width: 23%;
  z-index: 1;
}

/* Features */
.fe-section-title {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 60px;
}

.fe-section-title h2 {
  font-size: 36px;
  padding-bottom: 10px;
}

main.fashion-ecommerce .fe-section-description {
  font-weight: 200;
  font-size: 16px;
  line-height: 1.5;
}

.fe-feature-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.fe-features-sec {
  position: relative;
}

.fe-feature-side-img {
  position: absolute;
  top: 0;
  right: 30px;
  max-width: 16vw;
}

.fe-features-list {
  max-width: 290px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.fe-features-list li h3 {
  font-size: 18px;
  font-weight: 300;
  padding-bottom: 10px;
}

.fe-features-list li h4 {
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 10px;
}

.fe-features-img {
  flex: 1 1 auto;
}

.fe-features-img .fe-img-wrap {
  padding-bottom: 128.45%;
}

.fe-features-img .fe-img-wrap img {
  filter: grayscale(1);
}

/* Image with text */
.fe-image-text-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 40px;
}

.fe-image-text-img {
  flex: 0 0 50%;
  padding-bottom: 48.334%;
}

.fe-image-text-content {
  flex: 0 0 calc(50% - 40px);
}

.fe-image-text-content .fe-section-title {
  text-align: left;
  padding-bottom: 50px;
  max-width: unset;
}

.fe-counter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 45px 60px;
  padding-bottom: 50px;
}

.fe-counter-list li h3 {
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 5px;
}

.fe-counter-list li {
  flex: 0 0 130px;
}

/* Features Grid */
.fe-features-grid .fe-grid-list {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.fe-features-grid .fe-grid-list li {
  max-width: 33.33%;
  width: 100%;
  padding: 30px;
  border-right: 1px solid #000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.fe-features-grid .fe-grid-list li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.125rem;
  height: 0.063rem;
  width: 100vw;
  background: #000;
}

.fe-features-grid .fe-grid-list li:nth-child(3n) {
  border-right: 0;
}

.fe-features-grid .fe-grid-list li h3 {
  font-size: 20px;
  font-weight: 400;
}

.fe-features-grid-sec {
  position: relative;
}

.fe-features-grid-img {
  position: absolute;
  left: 30px;
  bottom: 75%;
  max-width: 16vw;
}

/* Portfolio Slideshow */
.fe-portfolio-slideshow {
  padding-left: 20px;
}

.fe-slide-wrap .fe-img-wrap {
  padding-bottom: 60%;
  margin-bottom: 20px;
}

.fe-slide-wrap .fe-img-wrap img {
  filter: grayscale(1);
}

.fe-slide-wrap:hover .fe-img-wrap img {
  filter: grayscale(0);
}

/* Development Process */
.fe-development-process-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.fe-development-process-wrap .process-img {
  flex: 0 0 66.667%;
  position: relative;
  padding-right: 120px;
}

.process-img .fe-img-wrap {
  padding-bottom: 129.412%;
}

.fe-process-img-small {
  position: absolute;
  bottom: 65px;
  right: 20px;
  z-index: 1;
  max-width: 36%;
}

.fe-process-content {
  flex: 1 0;
}

.fe-process-list li h3 {
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 10px;
}

.fe-process-list li:not(:last-child) {
  padding-bottom: 30px;
}

.fe-process-content .fe-section-title {
  text-align: left;
}

/* Review Section */
.fe-review-list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  padding-bottom: 60px;
}

.fe-review-item {
  flex: 0 0 calc(33.33% - 40px);
  position: relative;
}

.fe-review-item:not(:nth-child(3n)):after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #000;
  top: 0;
  right: -30px;
}

.fe-review-item .fe-stars {
  padding-bottom: 15px;
  gap: 3px;
}

.fe-review-item .fe-review-text {
  padding-bottom: 10px;
}

.fe-review-item .fe-review-author {
  font-weight: 400;
}

.fe-btn-wrapper {
  text-align: center;
}

.fe-review-side-img {
  position: absolute;
  top: 60%;
  right: 30px;
  max-width: 17vw;
  z-index: 1;
}

.fe-review-sec {
  position: relative;
}

/* FAQ Section */
.fe-faq-wrapper {
  max-width: 780px;
  margin: 0 auto;
}

.fe-faq-wrapper li:not(:last-child) {
  margin-bottom: 30px;
}

.fe-faq-que {
  font-size: 16px;
  font-weight: 200;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: 1px solid #000;
  padding-right: 10px;
}

.fe-faq-que .fe-plus-minus-icon {
  width: 11px;
  height: 11px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fe-faq-que .fe-plus-minus-icon:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  border-radius: 20px;
  position: absolute;
}

.fe-faq-que .fe-plus-minus-icon:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #000;
  border-radius: 20px;
}

.fe-faq-que.active .fe-plus-minus-icon:after {
  background: transparent;
}

.fe-faq-ans {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.fe-faq-ans .fe-faq-content {
  padding-top: 15px;
}

.fe-faq-que .fe-que-title {
  max-width: 95%;
}

.fe-faq-sec {
  position: relative;
}

.fe-faq-img {
  position: absolute;
  left: 30px;
  bottom: 30px;
  max-width: 18vw;
}

/* Contact Us Section */
.fe-contact-us-wrap {
  display: flex;
  flex-wrap: wrap;
  background: #b6b6b6;
}

.fe-contact-us-content .fe-section-title {
  text-align: left;
  padding-bottom: 40px;
}

.fe-contact-us-img.fe-img-wrap {
  padding-bottom: 33.334%;
  flex: 0 0 50%;
}

.fe-contact-us-content {
  flex: 1;
  padding: 80px;
}

/* Responsive Styles */
@media only screen and (max-width: 1599px) {
  .fe-hero-image {
    max-width: 700px;
  }
}

@media only screen and (max-width: 1399px) {
  .fe-hero-image {
    max-width: 600px;
  }

  .fe-faq-wrapper {
    max-width: 700px;
  }
}

@media only screen and (max-width: 1199px) {
  .fe-hero-main-title {
    font-size: 38px;
  }

  .fe-section-title h2 {
    font-size: 32px;
  }

  .fe-hero-image {
    max-width: 500px;
  }

  .fe-hero-content {
    padding-bottom: 80px;
  }

  .fe-features-list {
    max-width: 240px;
    gap: 50px;
  }

  .fe-section-space-bottom {
    padding-bottom: 120px;
  }

  .fe-faq-wrapper {
    max-width: 600px;
  }

  .fe-development-process-wrap .process-img {
    padding-right: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  .fe-hero-main-title {
    font-size: 32px;
  }

  .fe-hero-left-img {
    top: 0;
    left: 10px;
  }

  .fe-hero-image {
    max-width: 460px;
  }

  .fe-section-space-bottom {
    padding-bottom: 90px;
  }

  .fe-section-title h2 {
    font-size: 28px;
  }

  .fe-features-list {
    max-width: 170px;
    gap: 20px;
  }

  .fe-counter-list {
    gap: 30px 20px;
    padding-bottom: 30px;
  }

  .fe-section-title {
    padding-bottom: 35px;
    max-width: 500px;
  }

  .fe-image-text-content .fe-section-title {
    padding-bottom: 30px;
  }

  .fe-feature-side-img {
    right: 10px;
  }

  .fe-features-grid-img {
    left: 10px;
    bottom: 80%;
  }

  .fe-development-process-wrap .process-img {
    padding-right: 50px;
  }

  .fe-process-list li:not(:last-child) {
    padding-bottom: 20px;
  }

  .fe-review-side-img {
    top: 70%;
    right: 10px;
  }

  .fe-faq-img {
    display: none;
  }

  .fe-contact-us-content .fe-section-title {
    padding-bottom: 20px;
  }

  .fe-contact-us-content {
    padding: 40px;
  }

  .fe-hero-content {
    max-width: 550px;
  }

  .fe-review-list {
    gap: 40px;
  }

  .fe-review-item {
    flex: 0 0 calc(33.33% - 26.667px);
  }

  .fe-review-item:not(:nth-child(3n)):after {
    right: -20px;
  }
}

@media only screen and (max-width: 767px) {

  .fe-hero-left-img,
  .fe-hero-right-img,
  .fe-feature-side-img,
  .fe-features-grid-img,
  .fe-review-side-img,
  .fe-process-img-small {
    display: none;
  }

  .fashion-hero-section {
    padding: 0 15px;
  }

  .fe-hero-main-title {
    font-size: 26px;
    padding-bottom: 10px;
  }

  main.fashion-ecommerce .fe-section-description {
    font-size: 14px;
  }

  .fe-hero-review {
    padding-bottom: 15px;
  }

  .fe-hero-content {
    padding-bottom: 50px;
  }

  .fe-hero-image {
    max-width: 65%;
  }

  .fe-section-space-bottom {
    padding-bottom: 70px;
  }

  .fe-section-title h2 {
    font-size: 22px;
  }

  .fe-section-title {
    padding-bottom: 25px;
  }

  .fe-features-list li h4,
  .fe-features-list li h3 {
    font-size: 16px;
    padding-bottom: 5px;
  }

  main.fashion-ecommerce,
  main.fashion-ecommerce p {
    font-size: 13px;
    -webkit-tap-highlight-color: transparent;
  }

  .fe-features-list {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  .fe-features-img {
    flex: 1 1 100%;
    order: -1;
  }

  .fe-image-text-content {
    flex: 0 0 100%;
    order: 1;
    text-align: center;
  }

  .fe-image-text-content .fe-section-title {
    padding-bottom: 20px;
    text-align: center;
  }

  .fe-counter-list li h3 {
    font-size: 18px;
  }

  .fe-counter-list {
    gap: 20px;
    padding-bottom: 25px;
    justify-content: center;
  }

  .fe-image-text-img {
    flex: 0 0 100%;
    padding-bottom: 100%;
  }

  .fe-features-grid .fe-grid-list li {
    padding: 15px;
    max-width: 50%;
    gap: 5px;
  }

  .fe-features-grid .fe-grid-list li:nth-child(3n) {
    border-right: 1px solid #000;
  }

  .fe-features-grid .fe-grid-list li:nth-child(2n) {
    border-right: 0;
  }

  .fe-features-grid .fe-grid-list li h3 {
    font-size: 16px;
  }

  .fe-portfolio-slideshow {
    padding-left: 15px;
  }

  .fe-development-process-wrap .process-img {
    flex: 0 0 100%;
    padding-right: 0;
    padding-bottom: 20px;
  }

  .fe-process-list li h3 {
    font-size: 18px;
    padding-bottom: 5px;
  }

  .fe-slide-wrap .fe-img-wrap {
    margin-bottom: 10px;
  }

  .fe-review-item {
    flex: 0 0 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
  }

  .fe-review-item::after {
    display: none;
  }

  .fe-review-list {
    gap: 0;
    padding-bottom: 30px;
    text-align: center;
  }

  .fe-review-item .fe-stars {
    padding-bottom: 10px;
    justify-content: center;
  }

  .fe-review-item .fe-stars img {
    max-height: 14px;
  }

  .fe-review-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .fe-faq-que {
    font-size: 14px;
    padding-bottom: 10px;
  }

  .fe-faq-ans .fe-faq-content {
    padding-top: 10px;
  }

  .fe-faq-wrapper li:not(:last-child) {
    margin-bottom: 20px;
  }

  .fe-contact-us-content {
    padding: 30px;
    flex: 0 0 100%;
    text-align: center;
  }

  .fe-contact-us-img.fe-img-wrap {
    padding-bottom: 66.667%;
    flex: 0 0 100%;
  }

  .fe-hero-review .shopify-logo img {
    max-height: 25px;
  }

  .fe-hero-review .fe-stars img {
    max-height: 16px;
  }

  .fe-hero-review .fe-review-text {
    font-size: 14px;
    line-height: 1.4;
  }

  .fe-process-content .fe-section-title,
  ul.fe-process-list,
  .fe-contact-us-content .fe-section-title {
    text-align: center;
  }
}

/* end fashion industry page */

/* start toy and sport page  */
main.st-ecommerce,
main.st-ecommerce p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 0;
}

.st-section-space-bottom {
  padding-bottom: 120px;
}

main.st-ecommerce h1,
main.st-ecommerce h2,
main.st-ecommerce h3,
main.st-ecommerce h4,
main.st-ecommerce h5,
main.st-ecommerce h6 {
  font-family: "Fredoka", sans-serif;
  color: #333E70;
  font-weight: 500;
}

.st-highlight-text {
  color: #FD4132;
}

.st-flx-box {
  display: flex;
  flex-wrap: wrap;
}

.st-btn-default {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 20px;
  display: inline-block;
  background: #FD4132;
  border: 0;
  padding: 12px 25px;
  border-radius: 30px;
  transition: all 0.2s ease-in-out;
}

.st-btn-default:hover {
  background: #fc5448;
  color: #fff;
}

.st-img-wrap {
  position: relative;
  display: block;
}

.st-img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.st-section-title {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 45px;
}

.st-section-title .st-subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #FD4132;
  margin-bottom: 10px;
  display: block;
}

.st-section-title h2 {
  font-size: 36px;
  padding-bottom: 10px;
}

/* Hero section */
.st-hero-image {
  flex: 0 0 42.667%;
}

span.st-hero-img-wrap.st-img-wrap {
  padding-bottom: 116.21%;
}

.st-hero-content {
  flex: 0 0 calc(100% - 42.667%);
  padding-right: 70px;
}

.st-hero-section-wrap {
  align-items: center;
}

.st-hero-section {
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
  padding-top: 50px;
}

span.st-hero-v-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  max-width: 40vw;
}

span.st-hero-v-right {
  position: absolute;
  bottom: 60px;
  right: 0;
  z-index: -1;
  max-width: 45vw;
}

span.st-hero-v-curve {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  max-width: 30vw;
}

.st-hero-review {
  align-items: center;
  gap: 20px;
  padding-bottom: 55px;
}

span.st-stars {
  align-items: center;
  gap: 5px;
  padding-top: 6px;
}

main.st-ecommerce span.st-review-text p,
span.st-review-count {
  font-size: 12px;
}

span.st-review-count {
  line-height: 1;
  align-self: end;
  padding-left: 5px;
}

main.st-ecommerce .st-hero-main-title {
  font-size: 39px;
  padding-bottom: 15px;
}

main.st-ecommerce .st-hero-description {
  padding-bottom: 25px;
}

.st-hero-review span.st-review-text {
  padding-left: 20px;
  border-left: 1px solid #666;
}

span.st-hero-subtitle {
  padding: 8px 16px;
  background: #333E70;
  color: #fff;
  border-radius: 30px;
  margin-bottom: 20px;
  display: inline-block;
  font-weight: 500;
}

/* Counter */

.st-counter-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  padding: 40px;
  border-radius: 20px;
  background: #F7E2DF;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.st-counter-item {
  flex: 0 0 181px;
  text-align: center;
}

span.st-counter-icon {
  background: #333E70;
  display: inline-flex;
  padding: 8px;
  border-radius: 8px;
  margin-bottom: 8px;
}

.st-counter-number {
  font-size: 32px;
}

/* Services */
main.st-ecommerce .st-service-title {
  padding-bottom: 10px;
  font-size: 18px;
}

.st-service-icon {
  display: inline-flex;
  padding: 6px;
  background: #FD4132;
  border-radius: 5px;
}

.st-service-item {
  padding: 20px;
  flex: 0 0 calc(33.33% - 13.33px);
  background: #F2F2F2;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.st-services-wrapper {
  gap: 20px;
}

.st-service-section .st-section-title {
  max-width: unset;
}

.st-service-section .st-section-title h2 {
  padding: 0;
}

/* Features */
.st-feature-content .st-section-title {
  max-width: unset;
  text-align: left;
  padding-bottom: 25px;
}

.st-feature-content>ul {
  padding-bottom: 30px;
}

.st-feature-content {
  flex: 1;
  background: #F7E2DF;
  padding: 40px;
  position: relative;
  z-index: 1;
}

span.st-vector-right-img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  max-width: 18vw;
}

span.st-feature-bottom-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  max-width: 20vw;
}

span.st-vector-left-img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  max-width: 18vw;
}

.st-feature-img-wrap {
  flex: 0 0 50%;
}

.st-features-wrapper.st-flx-box {
  border-radius: 20px;
  overflow: hidden;
}

.st-feature-img-wrap span.st-img-wrap {
  padding-bottom: 88.667%;
  height: 100%;
}

.st-feature-content ul li {
  margin-bottom: 15px;
  border-left: 2px solid #F22B22;
  padding-left: 10px;
  line-height: 1.3;
}

.st-feature-content ul li:last-child {
  margin-bottom: 0;
}

/* Our Work */
.st-work-wrapper {
  gap: 20px;
}

.st-work-item {
  flex: 0 0 calc(33.33% - 13.33px);
  padding: 20px;
  border-radius: 10px;
  background: #F2F2F2;
}

.st-work-img-wrap.st-img-wrap {
  padding-bottom: 90.78%;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 10px;
}

.st-work-item h3 {
  font-size: 18px;
}

.st-ecommerce .swiper-button-prev,
.st-ecommerce .swiper-button-next {
  position: absolute;
  bottom: 0;
  top: auto;
  box-shadow: none;
  width: 35px;
  height: 35px;
  min-width: unset;
  transform: translateX(-50%);
  margin: 0;
  background: #F22B22;
}

.st-ecommerce .swiper-button-prev::after,
.st-ecommerce .swiper-button-next::after {
  font-weight: 600;
  font-size: 11px;
}

.st-ecommerce .swiper-button-prev {
  left: calc(50% - 23px);
}

.st-ecommerce .swiper-button-next {
  left: calc(50% + 23px);
}

.st-our-work-section .st-section-title h2 {
  padding: 0;
}

/* Step process */
.st-step-left,
.st-step-right {
  flex: 0 0 50%;
}

.st-step-right {
  padding-left: 110px;
}

.st-step-left .st-section-title {
  max-width: unset;
  text-align: left;
}

.st-step-img span.st-img-wrap {
  padding-bottom: 89.834%;
  border-radius: 20px;
  overflow: hidden;
}

.st-step-item {
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  background: #F2F2F2;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}

main.st-ecommerce .st-step-title {
  font-size: 18px;
  padding-bottom: 4px;
}

span.st-step-icon svg {
  width: 24px;
  height: 24px;
}

span.st-step-icon {
  display: inline-flex;
  padding: 9px;
  background: #FD4132;
  border-radius: 50%;
  position: absolute;
  left: -75px;
  top: 50%;
  transform: translateY(-50%);
}

.st-step-item::after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: -1;
  border-left: 1px dashed #fd4132;
  height: 100%;
  left: -55px;
}

.st-step-item:last-child:after {
  display: none;
}

/* Review Section */
main.st-ecommerce .st-review-author {
  justify-content: space-between;
  padding-bottom: 10px;
  font-size: 18px;
  position: relative;
  padding-top: 30px;
  z-index: 1;
}

.st-review-author::after {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  background-image: url(../img/st-comma.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 50px;
  bottom: 10px;
  z-index: -1;
}

.st-review-item {
  padding: 20px;
  background: #F7E2DF;
  border-radius: 10px;
  max-width: 510px;
}

.st-review-slider.swiper .swiper-slide {
  max-width: fit-content;
}

.st-review-slider.swiper {
  padding: 0 0 60px 20px;
}

.st-review-section .st-section-title {
  padding-left: 15px;
  padding-right: 15px;
}

/* Faq */
.st-faq-left .st-section-title {
  max-width: unset;
  text-align: left;
  padding: 0;
}

.st-faq-left {
  max-width: 35.583%;
  padding-right: 40px;
}

.st-faq-right {
  max-width: calc(100% - 35.583%);
  width: 100%;
}

.st-faq-sec {
  align-items: center;
}

.st-faq-wrapper ul li {
  padding: 15px;
  background: #F0F0F0;
  margin-bottom: 20px;
  border-radius: 10px;
}

.st-faq-wrapper ul li:last-child {
  margin-bottom: 0;
}

.st-faq-que {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  cursor: pointer;
}

main.st-ecommerce .st-que-title {
  font-size: 16px;
  line-height: 1.625;
}

.st-faq-wrapper {
  max-width: 800px;
  margin: 0 auto;
}

.st-faq-ans {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.st-faq-content {
  padding-top: 15px;
  border-top: 1px solid #D0D0D0;
  margin-top: 15px;
}

.st-faq-que.active span.st-plus-minus-icon:after {
  background: transparent;
}

main.st-ecommerce .st-faq-content p {
  color: #797979;
}

span.st-plus-minus-icon {
  width: 12px;
  height: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

span.st-plus-minus-icon:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #333E70;
  border-radius: 20px;
  position: absolute;
}

span.st-plus-minus-icon:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #333E70;
  border-radius: 20px;
}

.st-faq-section {
  position: relative;
}

span.st-faq-left-img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 14vw;
}

span.st-faq-right-img {
  position: absolute;
  top: 18%;
  right: 0;
  max-width: 13vw;
}

/* Contact Us */
.st-contact-us-wrap {
  background: #F7E2DF;
  align-items: center;
  padding: 60px;
  gap: 0 30px;
  border-radius: 20px;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.st-contact-us-content {
  flex: 0 0 50%;
}

.st-contact-us-content .st-section-title {
  max-width: unset;
  text-align: left;
  padding-bottom: 0;
}

.st-contact-us-content .st-section-title h2 {
  padding-bottom: 20px;
}

/* Responsive Styles */
@media only screen and (max-width: 1199px) {
  main.st-ecommerce .st-hero-main-title {
    font-size: 36px;
  }

  .st-counter-wrap {
    gap: 18px;
  }

  .st-counter-item {
    flex: 0 0 calc(25% - 13.5px);
  }

  span.st-counter-icon svg {
    width: 38px;
    height: 38px;
  }

  .st-counter-number {
    font-size: 28px;
  }

  span.st-counter-icon {
    padding: 4px;
  }

  .st-section-title h2 {
    font-size: 30px;
  }

  .st-section-space-bottom {
    padding-bottom: 100px;
  }

  span.st-faq-right-img {
    top: 0;
  }
}

@media only screen and (max-width: 1023px) {
  span.st-shopify-logo img {
    max-height: 42px;
  }

  main.st-ecommerce .st-hero-main-title {
    font-size: 32px;
  }

  .st-hero-review {
    padding-bottom: 30px;
  }

  section.st-counter-section {
    margin-top: 30px;
  }

  .st-feature-content ul {
    columns: 2;
  }

  .st-section-title h2 {
    font-size: 26px;
  }

  .st-review-img {
    padding-right: 40px;
  }

  .st-contact-us-content {
    padding: 10px;
  }

  .st-hero-section {
    padding: 30px 0;
  }

  .st-section-space-bottom {
    padding-bottom: 80px;
  }

  .st-service-item {
    flex: 0 0 calc(50% - 10px);
  }

  .st-feature-content {
    padding: 30px;
  }

  .st-step-right {
    padding-left: 60px;
  }

  span.st-step-icon svg {
    width: 20px;
    height: 20px;
  }

  span.st-step-icon {
    left: -50px;
  }

  .st-step-item::after {
    left: -30px;
  }

  span.st-faq-left-img {
    top: -60px;
  }

  span.st-faq-right-img {
    display: none;
  }

  .st-contact-us-wrap {
    padding: 40px;
  }

  .st-service-icon svg {
    width: 28px;
    height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .st-hero-content {
    flex: 0 0 100%;
    padding-right: 0;
    text-align: center;
    padding-bottom: 30px;
  }

  .st-hero-image {
    flex: 0 0 100%;
  }

  span.st-hero-v-curve {
    display: none;
  }

  span.st-hero-v-left,
  span.st-hero-v-right {
    max-width: 100vw;
  }

  span.st-shopify-logo img {
    max-height: 36px;
  }

  span.st-stars {
    padding-top: 4px;
  }

  main.st-ecommerce .st-hero-main-title {
    font-size: 24px;
  }

  .st-counter-wrap {
    gap: 10px;
    padding: 20px;
  }

  .st-counter-item {
    flex: 0 0 calc(50% - 5px);
    padding: 9px;
  }


  span.st-counter-icon svg {
    width: 34px;
    height: 34px;
  }

  .st-counter-number {
    font-size: 22px;
  }

  .st-section-title {
    padding-bottom: 30px;
  }

  .st-service-item {
    flex: 0 0 100%;
    padding: 15px;
  }

  .st-section-space-bottom {
    padding-bottom: 60px;
  }

  .st-feature-content {
    max-width: 100%;
  }

  .st-feature-content .st-section-title {
    padding-bottom: 25px;
    text-align: center;
  }

  .st-feature-content .st-btn-default {
    margin: 0 auto;
    display: block;
    max-width: fit-content;
  }

  main.st-ecommerce,
  main.st-ecommerce p {
    font-size: 13px;
  }

  main.st-ecommerce .st-section-description {
    font-size: 14px;
  }

  .st-ecommerce .swiper-button-prev,
  .st-ecommerce .swiper-button-next {
    display: none;
  }

  .st-ecommerce .swiper-button-next {
    left: calc(50% + 20px);
  }

  .st-ecommerce .swiper-button-prev {
    left: calc(50% - 20px);
  }

  section.st-step-process {
    padding: 0 15px 60px;
  }

  .st-review-img {
    padding-right: 0;
    max-width: 100%;
    padding-bottom: 40px;
  }

  .st-review-slider.swiper {
    padding: 0 0 30px 15px;
  }

  .st-faq-left {
    max-width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }

  .st-faq-right {
    max-width: 100%;
  }

  .st-faq-left .st-section-title {
    text-align: center;
  }

  .st-faq-wrapper ul li {
    margin-bottom: 10px;
    padding: 10px 12px;
  }

  .st-faq-que span.st-arrow svg {
    width: 14px;
    height: 14px;
  }

  .st-contact-us-content {
    padding: 0;
    flex: 0 0 100%;
  }

  .st-contact-us-content .st-section-title {
    text-align: center;
    padding-bottom: 20px;
  }

  .st-contact-us-content {
    padding: 0;
    flex: 0 0 100%;
    text-align: center;
  }

  .st-contact-us-img {
    flex: 0 0 100%;
  }

  .st-hero-review {
    justify-content: center;
    gap: 10px;
  }

  .st-hero-review span.st-review-text {
    padding-left: 10px;
  }

  span.st-step-icon img {
    max-width: 110px;
    height: auto;
  }

  .st-section-title h2 {
    font-size: 22px;
  }

  .st-feature-img-wrap,
  .st-work-item,
  .st-step-left,
  .st-step-right {
    flex: 0 0 100%;
  }

  .st-step-left {
    padding-bottom: 20px;
  }

  .st-step-item {
    margin-bottom: 10px;
  }

  .st-feature-content ul {
    columns: 1;
  }

  .st-btn-default {
    padding: 8px 20px;
  }

  .st-work-item h3,
  .st-step-left .st-section-title {
    text-align: center;
  }

  main.st-ecommerce .st-que-title {
    font-size: 15px;
    line-height: 1.25;
  }

  .st-contact-us-wrap {
    padding: 30px;
    justify-content: center;
  }

  span.st-faq-left-img {
    max-width: 19vw;
  }

  .st-services-wrapper {
    gap: 15px;
  }

  .st-service-icon svg {
    width: 25px;
    height: 25px;
  }

  main.st-ecommerce .st-service-title,
  main.st-ecommerce .st-step-title,
  main.st-ecommerce .st-review-author,
  .st-work-item h3 {
    font-size: 16px;
  }

  .st-faq-content {
    margin-top: 10px;
    padding-top: 10px;
  }

  .st-step-right {
    padding-left: 50px;
  }

  main.st-ecommerce .st-service-title {
    padding-bottom: 5px;
  }

  .st-section-title .st-subtitle {
    font-size: 15px;
  }

  main.st-ecommerce .st-step-title {
    padding-bottom: 0px;
  }

}

/* end toy and sport page  */


/*start digital product*/
main.dp-ecommerce,
main.dp-ecommerce p {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #383838;
  letter-spacing: 0;
  line-height: 1.55;
  margin: 0;
}

main.dp-ecommerce {
  background: #F7F9FC;
}

.dp-section-space {
  padding: 55px 0;
}

main.dp-ecommerce h1,
main.dp-ecommerce h2,
main.dp-ecommerce h3,
main.dp-ecommerce h4,
main.dp-ecommerce h5,
main.dp-ecommerce h6 {
  font-family: "Poppins", sans-serif;
  color: #1E1E2F;
  font-weight: 600;
  line-height: 1.35;
}

.dp-highlight-text {
  background: linear-gradient(90deg, #7C3AED 0%, #c993ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.dp-flx-box {
  display: flex;
  flex-wrap: wrap;
}

.dp-btn-default {
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 20px;
  display: inline-block;
  background: linear-gradient(90deg, #7C3AED 0%, #c993ff 100%);
  border: 0;
  padding: 10px 18px;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}

.dp-btn-default:hover {
  background: linear-gradient(180deg, #7C3AED 0%, #c993ff 100%);
  color: #fff;
}

.dp-img-wrap {
  position: relative;
  display: block;
}

.dp-img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.dp-section-title {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 45px;
}

.dp-section-title h2 {
  font-size: 30px;
  padding-bottom: 10px;
}

/* Hero section */
.dp-hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dp-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.dp-hero-content {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding: 0 20px;
}

.dp-hero-section {
  padding: 135px 0;
  position: relative;
  z-index: 1;
}

span.dp-hero-v-left {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 0;
  max-width: 10vw;
}

span.dp-hero-v-right {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 0;
  max-width: 10vw;
}

.dp-hero-review {
  align-items: center;
  gap: 20px;
  padding-bottom: 20px;
  justify-content: center;
}

span.dp-stars {
  align-items: center;
  gap: 5px;
  padding-top: 5px;
}

main.dp-ecommerce span.dp-review-text p,
span.dp-review-count {
  font-size: 12px;
}

span.dp-review-count {
  line-height: 1;
  align-self: end;
  padding-left: 5px;
}

main.dp-ecommerce .dp-hero-main-title {
  font-size: 38px;
  padding-bottom: 15px;
}

main.dp-ecommerce .dp-hero-description {
  padding-bottom: 40px;
}

.dp-hero-review span.dp-review-text {
  padding-left: 20px;
  border-left: 1px solid #383838;
}

/* Services */
main.dp-ecommerce .dp-service-title {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}

.dp-service-icon {
  display: inline-flex;
  padding-bottom: 10px;
}

.dp-service-item {
  padding: 25px;
  flex: 0 0 calc(33.33% - 13.33px);
  border-radius: 15px;
  text-align: center;
  border: 1px solid #6B7280;
}

.dp-services-wrapper {
  gap: 20px;
}

.dp-service-section .dp-section-title h2 {
  padding: 0;
}

/* Features */
.dp-feature-content .dp-section-title {
  max-width: unset;
  text-align: left;
  padding-bottom: 25px;
}

.dp-feature-content>ul {
  padding-bottom: 30px;
}

.dp-feature-content {
  flex: 0 0 calc(100% - 47.0834%);
  padding-left: 30px;
}

span.dp-vector-right-img {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: -1;
  max-width: 6.5%;
}

span.dp-vector-left-img {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: -1;
  max-width: 6.5%;
}

.dp-feature-img-wrap {
  flex: 0 0 47.0834%;
}

.dp-features-wrapper {
  align-items: center;
  row-gap: 25px;
}

.dp-feature-img-wrap span.dp-img-wrap {
  padding-bottom: 81.947%;
  border-radius: 12px;
  overflow: hidden;
}

.dp-feature-content ul li {
  margin-bottom: 15px;
  line-height: 1.3;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #1E1E2F;
  display: flex;
  align-items: center;
  gap: 5px;
}

.dp-feature-content ul li:last-child {
  margin-bottom: 0;
}

/* Our Work */
.dp-work-img {
  flex: 0 0 66.166%;
  overflow: unset;
}

.dp-work-img .swiper-wrapper {
  flex-wrap: wrap;
  gap: 20px;
}

.dp-our-wrk-wrapper {
  align-items: center;
  row-gap: 15px;
}

.dp-work-item {
  flex: 0 0 calc(50% - 10px);
}

.dp-work-img-wrap.dp-img-wrap {
  padding-bottom: 64.599%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1px 1px 10px #00000026;
}


.dp-our-wrk-content {
  flex: 1;
  padding-right: 20px;
}

.dp-our-wrk-content .dp-section-title {
  max-width: unset;
  text-align: left;
  padding-bottom: 40px;
}


/* Step process */
.dp-step-item {
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #6B7280;
  text-align: center;
  position: relative;
  max-width: 390px;
  height: 100%;
}

.dp-process-slider {
  padding-left: 25px;
  padding-bottom: 35px;
}

.dp-process-slider .swiper-slide {
  max-width: fit-content;
  height: auto;
}

main.dp-ecommerce .dp-step-title {
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: 500;
}

span.dp-step-icon svg {
  width: 24px;
  height: 24px;
}

span.dp-step-icon {
  display: inline-flex;
  padding-bottom: 12px;
}

span.dp-step-count {
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 50%;
  background: linear-gradient(180deg, #7C3AED 0%, #D8B1FF 100%);
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  left: -15px;
  bottom: 20px;
  top: auto;
}

.dp-ecommerce .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #7C3AED 0%, #D8B1FF 100%);
  width: 14px;
  border-radius: 20px;
}

.dp-ecommerce .swiper-pagination-bullet {
  background: linear-gradient(180deg, #7C3AED 0%, #D8B1FF 100%);
}

.dp-ecommerce .swiper-pagination {
  bottom: 0;
  display: flex;
  justify-content: center;
}

.dp-steps-section .dp-section-title h2 {
  padding: 0;
}

.dp-steps-section .dp-section-title {
  padding-left: 15px;
  padding-right: 15px;
}

/* Review Section */
main.dp-ecommerce .dp-review-author {
  font-size: 16px;
  font-weight: 500;
  padding-top: 20px;
}

.dp-review-item {
  padding: 25px;
  background: #fff;
  border-radius: 15px;
}

span.dp-review-star {
  display: flex;
  gap: 5px;
  padding-bottom: 15px;
}

.dp-review-slider.swiper {
  padding: 0 0 35px 0;
}

.dp-review-section .dp-section-title h2 {
  padding: 0;
}

/* Faq */
.dp-faq-wrapper ul li {
  padding: 20px;
  background: #FFF;
  margin-bottom: 20px;
  border-radius: 10px;
}

.dp-faq-wrapper ul li:last-child {
  margin-bottom: 0;
}

.dp-faq-que {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  cursor: pointer;
}

main.dp-ecommerce .dp-que-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.dp-faq-wrapper {
  max-width: 750px;
  margin: 0 auto;
}

.dp-faq-ans {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.dp-faq-content {
  padding-top: 15px;
  border-top: 1px solid #D9D9D9;
  margin-top: 20px;
}

.dp-faq-que.active span.dp-plus-minus-icon:after {
  background: transparent;
}

span.dp-plus-minus-icon {
  width: 12px;
  height: 12px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

span.dp-plus-minus-icon:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #1E201E;
  border-radius: 20px;
  position: absolute;
}

span.dp-plus-minus-icon:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #1E201E;
  border-radius: 20px;
}

/* Contact Us */
.dp-contact-us-wrap {
  background: linear-gradient(90deg, #DBC7FF 0%, #F5EDFF 100%);
  align-items: center;
  padding: 70px;
  gap: 0 30px;
  border-radius: 30px;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.dp-contact-us-content {
  flex: 0 0 62%;
}

.dp-contact-us-content .dp-section-title {
  max-width: unset;
  text-align: left;
  padding-bottom: 0;
}


/* Responsive Styles */
@media only screen and (max-width: 1199px) {
  main.dp-ecommerce .dp-hero-main-title {
    font-size: 36px;
  }

  .dp-section-title h2 {
    font-size: 28px;
  }

  .dp-section-space {
    padding: 45px 0;
  }
}

@media only screen and (max-width: 1023px) {
  span.dp-shopify-logo img {
    max-height: 42px;
  }

  main.dp-ecommerce .dp-hero-main-title {
    font-size: 32px;
  }

  .dp-section-title h2 {
    font-size: 26px;
  }

  .dp-contact-us-content {
    padding: 10px;
  }

  .dp-hero-section {
    padding: 60px 0;
  }

  .dp-section-space {
    padding: 40px 0;
  }

  .dp-service-item {
    padding: 20px;
  }

  .dp-contact-us-wrap {
    padding: 40px;
  }

  .dp-service-icon svg {
    width: 45px;
    height: 45px;
  }

  .dp-section-title {
    padding-bottom: 35px;
  }
}

@media only screen and (max-width: 767px) {

  span.dp-shopify-logo img {
    max-height: 36px;
  }

  span.dp-stars {
    padding-top: 4px;
  }

  main.dp-ecommerce .dp-hero-main-title {
    font-size: 24px;
  }

  .dp-section-title {
    padding-bottom: 30px;
  }

  .dp-service-item {
    flex: 0 0 100%;
    padding: 15px;
  }

  .dp-section-space {
    padding: 30px 0;
  }

  .dp-feature-content {
    padding-left: 0;
  }

  .dp-feature-content .dp-section-title {
    padding-bottom: 20px;
    text-align: center;
  }

  .dp-feature-content .dp-btn-default {
    margin: 0 auto;
    display: block;
    max-width: fit-content;
  }

  main.dp-ecommerce,
  main.dp-ecommerce p {
    font-size: 13px;
  }

  main.dp-ecommerce .dp-section-description {
    font-size: 14px;
  }

  section.dp-step-process {
    padding: 0 15px 60px;
  }

  .dp-review-slider.swiper {
    padding: 0 0 35px 15px;
  }

  .dp-faq-wrapper ul li {
    margin-bottom: 10px;
    padding: 10px 12px;
  }

  .dp-faq-que span.dp-arrow svg {
    width: 14px;
    height: 14px;
  }

  .dp-contact-us-content {
    padding: 0;
    flex: 0 0 100%;
  }

  .dp-contact-us-content .dp-section-title {
    text-align: center;
    padding-bottom: 20px;
  }

  .dp-contact-us-content {
    padding: 0;
    flex: 0 0 100%;
    text-align: center;
  }

  .dp-contact-us-img {
    flex: 0 0 100%;
  }

  .dp-hero-review {
    gap: 10px;
  }

  .dp-hero-review span.dp-review-text {
    padding-left: 10px;
  }

  main.dp-ecommerce .dp-hero-description {
    padding-bottom: 30px;
  }

  .dp-section-title h2 {
    font-size: 20px;
  }

  .dp-feature-img-wrap,
  .dp-feature-content {
    flex: 0 0 100%;
  }

  .dp-step-item,
  .dp-review-item {
    padding: 20px;
  }

  .dp-process-slider {
    padding-left: 20px;
  }

  .dp-btn-default {
    padding: 8px 20px;
  }

  main.dp-ecommerce .dp-que-title {
    font-size: 14px;
    line-height: 1.3;
  }

  .dp-contact-us-wrap {
    padding: 30px;
    justify-content: center;
    border-radius: 20px;
  }

  .dp-services-wrapper {
    gap: 15px;
    max-width: 400px;
    margin: 0 auto;
  }

  .dp-service-icon svg {
    width: 40px;
    height: 40px;
  }

  main.dp-ecommerce .dp-service-title,
  main.dp-ecommerce .dp-step-title,
  main.dp-ecommerce .dp-review-author {
    font-size: 15px;
  }

  .dp-faq-content {
    margin-top: 10px;
    padding-top: 10px;
  }

  main.dp-ecommerce .dp-service-title {
    padding-bottom: 5px;
  }

  .dp-section-title .dp-subtitle {
    font-size: 15px;
  }

  main.dp-ecommerce .dp-step-title {
    padding-bottom: 6px;
  }

  .dp-hero-section {
    margin-bottom: 10px;
  }

  .dp-our-wrk-content {
    flex: 0 0 100%;
    padding-right: 0;
    text-align: center;
  }

  .dp-our-wrk-content .dp-section-title {
    max-width: unset;
    text-align: center;
    padding-bottom: 25px;
  }

  .dp-hero-section {
    padding: 50px 0;
  }

  .dp-feature-content ul li {
    margin-bottom: 10px;
  }

  .dp-feature-content ul li img {
    max-width: 20px;
    height: auto;
  }

  .dp-feature-content>ul {
    padding-bottom: 20px;
  }

  span.dp-step-count {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }

  .dp-review-wrapper {
    margin: 0 -15px;
  }

  .dp-step-icon img {
    max-width: 32px;
    height: auto;
  }

  main.dp-ecommerce .dp-review-author {
    padding-top: 12px;
  }

  .dp-feature-img-wrap {
    order: 1;
  }

  .dp-work-item.swiper-slide {
    padding: 10px;
    flex: 0 0 auto;
  }

  .dp-work-img.swiper.dp-work-mob-slider {
    margin: 0 -15px;
    padding-bottom: 25px;
    padding-left: 5px;
    flex: unset;
    overflow: hidden;
  }

  .dp-work-img .swiper-wrapper {
    gap: 0;
    flex-wrap: unset;
  }
}

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .dp-feature-content>ul {
    columns: 2;
  }
}

/*end digital product*/


/* start cosmetic industry css */

/* head font */
@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');

/* body font */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

body.cosmetic-industry-body,
main.cosmetic-wrap-main p {
  font-family: "Roboto Condensed", sans-serif !important;
  margin-bottom: unset;
  font-size: 16px;
  line-height: 24px;
  color: #676767;
}

main.cosmetic-wrap-main h1,
main.cosmetic-wrap-main h2,
main.cosmetic-wrap-main h3,
main.cosmetic-wrap-main h4 {
  font-family: "Tenor Sans", sans-serif !important;
  margin-bottom: unset;
  color: #000;
}

main.cosmetic-wrap-main .container {
  max-width: 1230px;
}

main.cosmetic-wrap-main a {
  text-decoration: none;
}

.cosmetic-industry-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  background-color: #F38457;
  border-radius: 10px;
  color: #fff;
  gap: 5px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 500;
  transition: .3s;
}

.cosmetic-industry-btn:hover {
  background-color: #000;
  color: #fff;
  transition: .3s;
}

.cosmetic-industry-spacer {
  padding: 60px 0;
}

.cosmetic-industry-title {
  max-width: 750px;
  width: 100%;
  margin-bottom: 50px;
}

.cosmetic-industry-title h2 {
  margin-bottom: 15px !important;
  font-size: 34px;
  line-height: 46px;
}

.cosmetic-industry-title h2 span {
  color: #F38457;
}

/* start hero banner */
.main-cosmetic-banner {
  padding: 80px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.left-cosmetic-hero,
.right-cosmetic-hero {
  max-width: calc(50% - 10px);
  width: 100%;
}

.right-cosmetic-hero .cosmetic-hero-img {
  padding-bottom: 113.559322034%;
  position: relative;
  width: 100%;
  height: auto;
}

.right-cosmetic-hero .cosmetic-hero-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
}

.left-cosmetic-hero h1 {
  font-size: 42px;
  line-height: 56px;
  margin: 20px 0 !important;
}

.left-cosmetic-hero h1 span {
  color: #F38457;
}

.cosmetic-hero-btn {
  margin-top: 45px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.cosmetic-hero-star {
  background-color: #000;
  color: #fff;
  padding: 12px 15px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.cosmetic-hero-star p {
  font-size: 14px !important;
  line-height: 21px !important;
  color: #fff !important;
}

/* end hero banner */

/* start cosmetic services */
.cosmetic-service-sec .cosmetic-industry-title {
  text-align: center;
  margin: 0 auto 50px;
}

.main-cosmetic-service-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.cosmetic-services-item {
  padding: 15px;
  border-radius: 10px;
  background-color: #FFECE4;
  max-width: calc(33.33% - 13.5px);
  width: 100%;
}

.cosmetic-services-item .cosmetic-service-icon {
  padding: 5px;
  border: 1px solid #F38457;
  background-color: #fff;
  border-radius: 6px;
  display: inline-flex;
  margin-bottom: 15px;
}

.cosmetic-services-item .cosmetic-service-icon img,
.cosmetic-services-item .cosmetic-service-icon svg {
  max-width: 50px;
  height: auto;
}

.cosmetic-services-item h3 {
  font-size: 18px;
  line-height: 23px;
  padding-bottom: 12px;
}

/* end cosmetic services */

/* start feature */
.main-cosmetic-feature {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.main-cosmetic-feature .left-cosmetic-feature {
  max-width: calc(50% - 10px);
  width: 100%;
}

.main-cosmetic-feature .right-cosmetic-feature {
  max-width: calc(45% - 15px);
  width: 100%;
}

.left-cosmetic-feature .cosmetic-feature-img {
  padding-bottom: 94.2372881356%;
  position: relative;
  width: 100%;
  height: auto;
}

.left-cosmetic-feature .cosmetic-feature-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
}

.cosmetic-feature-content p {
  margin-bottom: 10px !important;
  position: relative;
  padding-left: 10px;
}

.cosmetic-feature-content p:last-child {
  margin-bottom: unset;
}

.cosmetic-feature-content p::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 20px;
  background-color: #F38457;
  left: 0;
  top: 2px;
}

.cosmetic-feature-btn {
  margin-top: 30px;
}

.cosmetic-fearture-content .cosmetic-industry-title {
  margin-bottom: 35px;
}

/* end feature */

/* start our work */
#cosmetic-our-work-slider {
  padding-top: 55px;
}

.main-cosmetic-our-work {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.left-cosmetic-our-work {
  max-width: 36.25%;
  width: 100%;
  padding-left: 180px;
}

.right-cosmetic-our-work {
  max-width: 60%;
  width: 100%;
}

.left-cosmetic-our-work .cosmetic-industry-title {
  margin-bottom: unset;
}

.left-cosmetic-our-work .cosmetic-work-btn {
  margin-top: 40px;
}

.cosmetic-work-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
}

.cosmetic-work-content h3 {
  font-size: 18px;
  line-height: 23px;
}

.cosmetic-work-iocn a {
  padding: 10px;
  background-color: #000;
  border-radius: 100%;
  display: flex;
  transition: .3s;
}

.cosmetic-work-iocn a:hover {
  background-color: #F38457;
}

.cosmetic-work-iocn a svg {
  max-width: 16px;
  height: auto;
  display: inline-block;
}

.cosmetic-work-img {
  padding-bottom: 100%;
  position: relative;
  width: 100%;
  height: auto;
}

.cosmetic-work-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  border-radius: 10px;
  /* border: 1px solid #676767; */
}

/* navigation  */
#cosmetic-our-work-slider .swiper-button-next {
  right: 40px !important;
}

#cosmetic-our-work-slider .swiper-button-prev {
  left: auto !important;
  right: 90px !important;
}

.cosmetic-wrap-main .swiper-button-next {
  right: 0 !important;
  left: unset;
}

.cosmetic-wrap-main .swiper-button-prev {
  left: auto !important;
  right: 50px !important;
}

.cosmetic-wrap-main .swiper-button-next,
.cosmetic-wrap-main .swiper-button-prev {
  width: 35px !important;
  height: 35px !important;
  min-width: unset !important;
  background-color: #F38457;
  top: 0 !important;
  position: absolute;
}

.cosmetic-wrap-main .swiper-button-next:after,
.cosmetic-wrap-main .swiper-button-prev:after {
  font-size: 15px !important;
  line-height: 15px !important;
  font-weight: 700;
}

.cosmetic-wrap-main .swiper-button-next:after {
  margin-left: 3px;
}

/* end our work */

/* start achivement */
.cosmetic-industry-achivement-sec {
  padding: 50px 0;
}

.main-cosmetic-archivment {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.cosmetic-achivement-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  padding: 25px 20px;
  background-color: #FFECE4;
  border-radius: 10px;
  max-width: 255px;
  width: 100%;
}

.cosmetic-achivement-item .achivement-icon {
  padding: 8px;
  border-radius: 10px;
  background-color: #F38457;
  display: inline-flex;
}

.cosmetic-achivement-item .achivement-icon svg {
  max-width: 44px;
  height: auto;
}

.cosmetic-achivement-item .achivement-content h3 {
  font-size: 32px;
  line-height: 32px;
  padding-bottom: 2px;
}

/* end achivement */

/* start cosmetic process */
.main-cosmetic-process {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.cosmetic-process-item {
  padding: 20px;
  max-width: calc(50% - 10px);
  background-color: #FFECE4;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.cosmetic-process-item .cosmetic-process-number {
  width: 65px;
  height: 65px;
  background-color: #F38457;
  border-radius: 0 0 0 20px;
  color: #fff;
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 15%;
  position: absolute;
  right: 0;
  top: 0;
}

.cosmetic-process-item .cosmetic-process-icon {
  padding: 4px;
  border: 1px solid #F38457;
  background-color: #fff;
  border-radius: 6px;
  display: inline-flex;
  margin-bottom: 10px;
}

.cosmetic-process-item .cosmetic-process-icon img,
.cosmetic-process-item .cosmetic-process-icon svg {
  max-width: 43px;
  height: auto;
}

.cosmetic-process-item .cosmetic-process-content h3 {
  font-size: 18px;
  line-height: 23px;
  padding-bottom: 8px;
}

/* end cosmetic process */

/* start review */
#cosmetic-review-slider {
  padding-top: 70px;
  overflow: visible;
}

.cosmetic-review-slider .cosmetic-industry-title {
  margin-bottom: -55px;
  max-width: 85%;
}

.cosmetic-review-item {
  padding: 25px;
  border-radius: 0 10px 10px 0;
  background-color: #FFECE4;
  border-left: 3px solid #F38457;
}

.cosmetic-review-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
}

.cosmetic-review-name h3 {
  font-size: 18px;
  line-height: 23px;
}

.cosmetic-review-name .cosmetic-review-star {
  display: flex;
  align-items: center;
  gap: 5px;
}

.cosmetic-review-name .cosmetic-review-star svg {
  max-width: 14px;
  height: auto;
}

.main-cosmetic-review {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.left-cosmetic-review .cosmetic-review-img {
  padding-bottom: 96.388261851%;
  position: relative;
  width: 100%;
  height: auto;
}

.left-cosmetic-review .cosmetic-review-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
}

.left-cosmetic-review {
  max-width: 36.9166666667%;
  width: 100%;
}

.right-cosmetic-review {
  max-width: 57.6666666667%;
  width: 100%;
  overflow: hidden;
}

.right-cosmetic-review .cosmetic-review-btn {
  margin-top: 50px;
}

/* end review */

/* start faq */
.main-cosmetic-faq {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.main-cosmetic-faq .left-cosmetic-faq {
  max-width: 32.25%;
  width: 100%;
}

.main-cosmetic-faq .right-cosmetic-faq {
  max-width: 64.4166666667%;
  width: 100%;
}

.left-cosmetic-faq .cosmetic-industry-title {
  margin-bottom: unset;
}

.main-cosmetic-faq-wrap .accordion {
  margin-bottom: 25px;
  background-color: #FFECE4;
  border-radius: 10px;
}

.main-cosmetic-faq-wrap .accordion:last-child {
  margin-bottom: unset;
}

.main-cosmetic-faq-wrap .accordion h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  padding-right: 10px;
}

.main-cosmetic-faq-wrap .accordion_pannel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  cursor: pointer;
  padding: 18px;
}

.main-cosmetic-faq-wrap .accordion_pannel.active svg {
  transform: rotate(180deg);
  transition: .3s;
}

.main-cosmetic-faq-wrap .accordion .pannel {
  display: none;
  padding: 0 18px 18px;
}

.main-cosmetic-faq-wrap .accordion_pannel svg {
  max-width: 20px;
  height: auto;
}

/* end faq */

/* start contact */
.main-cosmetic-contact {
  background-image: url(../image/cosmetic-contact-bg.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #F0F0F0;
  border-radius: 30px;
  padding: 80px;
}

.cosmetic-contact-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.cosmetic-contact-content .cosmetic-industry-title {
  margin-bottom: unset;
  max-width: 460px;
}

/* end contact */

/* start responsive for cosmetic industry */
@media only screen and (max-width: 1330px) {
  .main-cosmetic-banner {
    padding: 60px 0;
  }

  .left-cosmetic-hero h1 {
    font-size: 38px;
    line-height: 52px;
  }

  .cosmetic-hero-btn {
    margin-top: 35px;
    gap: 15px;
  }

  /* services */
  .cosmetic-industry-title h2 {
    margin-bottom: 12px !important;
    font-size: 32px;
    line-height: 44px;
  }

  .cosmetic-industry-spacer {
    padding: 50px 0;
  }

  .cosmetic-services-item .cosmetic-service-icon img,
  .cosmetic-services-item .cosmetic-service-icon svg {
    max-width: 45px;
  }

  .cosmetic-services-item .cosmetic-service-icon {
    padding: 3px;
    margin-bottom: 12px;
  }

  .left-cosmetic-our-work {
    padding-left: 50px;
  }

  .main-cosmetic-our-work {
    gap: 30px;
  }

  .left-cosmetic-our-work {
    max-width: 33%;
  }

  .right-cosmetic-our-work {
    max-width: 63%;
  }

  .left-cosmetic-our-work .cosmetic-work-btn {
    margin-top: 30px;
  }

  .cosmetic-achivement-item .achivement-icon svg {
    max-width: 38px;
  }

  .cosmetic-achivement-item .achivement-icon {
    padding: 6px;
    border-radius: 8px;
  }

  .main-cosmetic-archivment {
    gap: 15px;
  }

  .cosmetic-achivement-item {
    gap: 12px;
    padding: 20px 20px;
    max-width: calc(25% - 12px);
  }

  .cosmetic-process-item .cosmetic-process-icon img,
  .cosmetic-process-item .cosmetic-process-icon svg {
    max-width: 38px;
  }

  .main-cosmetic-faq {
    gap: 30px;
  }

  .main-cosmetic-faq .left-cosmetic-faq {
    max-width: 30%;
  }

  .main-cosmetic-faq .right-cosmetic-faq {
    max-width: 65%;
  }

  .main-cosmetic-contact {
    padding: 60px;
    border-radius: 20px;
  }

}

@media only screen and (max-width: 1024px) {
  .left-cosmetic-our-work {
    padding-left: 15px;
  }

  #cosmetic-our-work-slider .swiper-button-prev {
    right: 85px !important;
  }

  .cosmetic-wrap-main .swiper-button-next,
  .cosmetic-wrap-main .swiper-button-prev {
    width: 32px !important;
    height: 32px !important;
  }

  .cosmetic-wrap-main .swiper-button-next:after {
    margin-left: 2px;
  }

  .cosmetic-wrap-main .swiper-button-next:after,
  .cosmetic-wrap-main .swiper-button-prev:after {
    font-size: 13px !important;
    line-height: 13px !important;
  }

  .cosmetic-work-iocn a {
    padding: 8px;
  }

  .cosmetic-work-iocn a svg {
    max-width: 14px;
  }

  .cosmetic-work-content {
    padding: 8px;
  }

  .cosmetic-industry-achivement-sec {
    padding: 40px 0;
  }

  .cosmetic-achivement-item .achivement-content h3 {
    font-size: 28px;
    line-height: 28px;
  }

  .right-cosmetic-review {
    max-width: 60%;
  }

  .right-cosmetic-review .cosmetic-review-btn {
    margin-top: 40px;
  }

  .cosmetic-review-item {
    padding: 20px;
  }

  .cosmetic-review-name {
    margin-bottom: 15px;
  }

  #cosmetic-review-slider {
    padding-top: 65px;
  }

  #cosmetic-review-slider .swiper-button-next,
  #cosmetic-review-slider .swiper-button-prev {
    top: 25px !important;
  }

  .main-cosmetic-faq-wrap .accordion_pannel {
    padding: 15px;
  }

  .main-cosmetic-faq-wrap .accordion .pannel {
    padding: 0 15px 15px;
  }

  .main-cosmetic-faq-wrap .accordion {
    margin-bottom: 20px;
    border-radius: 8px;
  }
}

@media only screen and (max-width: 991px) {

  body.cosmetic-industry-body,
  main.cosmetic-wrap-main p {
    font-size: 14px;
    line-height: 22px;
  }

  .cosmetic-industry-btn {
    padding: 10px 18px;
    border-radius: 8px;
  }

  .left-cosmetic-hero h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .cosmetic-industry-title h2 {
    font-size: 28px;
    line-height: 36px;
  }

  .cosmetic-service-sec .cosmetic-industry-title {
    margin: 0 auto 40px;
  }

  .main-cosmetic-service-wrap {
    gap: 12px;
  }

  .cosmetic-services-item {
    padding: 12px;
    border-radius: 7px;
    max-width: calc(33.33% - 8px);
  }

  .cosmetic-services-item h3 {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 8px;
  }

  .cosmetic-fearture-content .cosmetic-industry-title {
    margin-bottom: 25px;
  }

  .cosmetic-feature-btn {
    margin-top: 25px;
  }

  .main-cosmetic-feature .right-cosmetic-feature {
    max-width: calc(50% - 15px);
  }

  .main-cosmetic-feature .left-cosmetic-feature {
    max-width: calc(45% - 10px);
  }

  .cosmetic-work-content h3 {
    font-size: 16px;
    line-height: 20px;
  }

  #cosmetic-our-work-slider {
    padding-top: 50px;
  }

  .cosmetic-achivement-item .achivement-content h3 {
    font-size: 26px;
    line-height: 26px;
  }

  .cosmetic-achivement-item .achivement-icon svg {
    max-width: 36px;
  }

  .cosmetic-achivement-item {
    gap: 8px;
    padding: 12px;
    max-width: calc(25% - 12px);
  }

  .cosmetic-achivement-item .achivement-icon svg {
    max-width: 26px;
  }

  .cosmetic-achivement-item .achivement-icon {
    padding: 5px;
    border-radius: 5px;
  }

  .cosmetic-achivement-item .achivement-content h3 {
    font-size: 22px;
    line-height: 22px;
  }

  .cosmetic-achivement-item .achivement-content p {
    font-size: 13px;
  }

  .cosmetic-process-item .cosmetic-process-content h3 {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 6px;
  }

  .main-cosmetic-process {
    gap: 15px;
  }

  .cosmetic-process-item {
    padding: 18px;
    max-width: calc(50% - 8px);
  }

  .cosmetic-review-name h3 {
    font-size: 16px;
    line-height: 21px;
  }

  .cosmetic-review-name .cosmetic-review-star svg {
    max-width: 13px;
  }

  .cosmetic-review-item {
    padding: 15px;
  }

  #cosmetic-review-slider .swiper-button-next,
  #cosmetic-review-slider .swiper-button-prev {
    top: 30px !important;
  }

  .main-cosmetic-faq .left-cosmetic-faq,
  .main-cosmetic-faq .right-cosmetic-faq {
    max-width: 100%;
  }

  .cs-breadcrumb {
    padding: 20px 0;
  }

}

@media only screen and (max-width: 767px) {
  .cosmetic-industry-spacer {
    padding: 40px 0;
  }

  .main-cosmetic-banner {
    justify-content: center;
    padding: 50px 0;
    gap: 30px;
  }

  .cosmetic-hero-btn {
    justify-content: center;
  }

  .left-cosmetic-hero {
    max-width: 100%;
    text-align: center;
  }

  .right-cosmetic-hero {
    max-width: 70%;
  }

  .cosmetic-industry-btn {
    padding: 10px 15px;
    border-radius: 8px;
    gap: 5px;
    font-size: 13px;
    line-height: 17px;
  }

  .cosmetic-hero-star p {
    font-size: 13px !important;
    line-height: 17px !important;
  }

  .cosmetic-hero-star {
    padding: 10px 12px;
    border-radius: 6px;
    gap: 5px;
  }

  .cosmetic-hero-star svg {
    max-width: 12px;
    height: auto;
  }

  .main-cosmetic-service-wrap {
    justify-content: center;
  }

  .cosmetic-services-item {
    max-width: calc(50% - 6px);
  }

  .main-cosmetic-feature {
    justify-content: center;
    gap: 40px;
  }

  .main-cosmetic-feature .left-cosmetic-feature {
    max-width: 60%;
  }

  .main-cosmetic-feature .right-cosmetic-feature {
    max-width: 100%;
  }

  .left-cosmetic-our-work {
    max-width: 80%;
    margin-bottom: -60px;
  }

  .right-cosmetic-our-work {
    max-width: 100%;
    padding-left: 20px;
  }

  #cosmetic-our-work-slider .swiper-button-next {
    right: 25px !important;
  }

  #cosmetic-our-work-slider .swiper-button-prev {
    right: 70px !important;
  }

  .cosmetic-industry-achivement-sec {
    padding: 30px 0;
  }

  .cosmetic-achivement-item {
    max-width: calc(50% - 12px);
    justify-content: left;
    padding: 15px;
  }

  .main-cosmetic-review {
    justify-content: center;
    gap: 30px;
  }

  .left-cosmetic-review {
    max-width: 60%;
  }

  .right-cosmetic-review {
    max-width: 100%;
  }

  #cosmetic-review-slider .swiper-button-next,
  #cosmetic-review-slider .swiper-button-prev {
    top: 35px !important;
  }

  .right-cosmetic-review .cosmetic-review-btn {
    margin-top: 30px;
  }

  .main-cosmetic-faq-wrap .accordion h4 {
    font-size: 14px;
    line-height: 20px;
    padding-right: 6px;
  }

  .main-cosmetic-contact {
    padding: 45px;
    border-radius: 15px;
  }

  .cosmetic-contact-content {
    flex-direction: column;
    align-items: start;
  }
}

@media only screen and (max-width: 575px) {

  body.cosmetic-industry-body,
  main.cosmetic-wrap-main p {
    font-size: 13px;
    line-height: 20px;
  }

  .right-cosmetic-hero {
    max-width: 100%;
  }

  .left-cosmetic-hero h1 {
    font-size: 26px;
    line-height: 36px;
  }

  .cosmetic-industry-title h2 {
    font-size: 22px;
    line-height: 30px;
  }

  .main-cosmetic-feature .left-cosmetic-feature {
    max-width: 100%;
  }

  .cosmetic-process-item .cosmetic-process-content h3 {
    font-size: 14px;
    line-height: 19px;
  }

  .cosmetic-process-item .cosmetic-process-icon img,
  .cosmetic-process-item .cosmetic-process-icon svg {
    max-width: 32px;
  }

  .cosmetic-process-item .cosmetic-process-icon {
    padding: 3px;
    border-radius: 6px;
    margin-bottom: 8px;
  }

  .cosmetic-process-item {
    padding: 14px;
    max-width: calc(50% - 6px);
  }

  .cosmetic-process-item .cosmetic-process-number {
    width: 50px;
    height: 50px;
    font-size: 34px;
  }

  .main-cosmetic-process {
    gap: 12px;
  }

  .left-cosmetic-review {
    max-width: 100%;
  }

  .main-cosmetic-faq-wrap .accordion_pannel {
    padding: 12px;
  }

  .main-cosmetic-faq-wrap .accordion .pannel {
    padding: 0 12px 12px;
  }

  .main-cosmetic-contact {
    padding: 30px;
    border-radius: 12px;
  }
}

/* end responsive for cosmetic industry */

/* end cosmetic industry css */


/* Start Table of Content css */

.article-toc {
  position: sticky;
  top: 100px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  width: 280px;
  flex-shrink: 0;
}

.article-toc-wrap {
  padding: 26px 16px 16px;
  border: solid 1px #dbdbdb;
  border-radius: 10px;
  background: #f9f9f9;
}

.article-toc-wrap li {
  padding-bottom: 10px;
}

.article-toc-wrap li a {
  color: inherit;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
  display: block;
}

.article-toc-wrap li.has-submenu>a:after {
  height: 8px;
  width: 8px;
  border-right: solid 2px #4c4c4c;
  content: '';
  display: block;
  position: absolute;
  border-bottom: solid 2px #4c4c4c;
  transform: rotate(45deg);
  top: 0;
  right: 0;
}

.article-toc-wrap li.has-submenu>a {
  position: relative;
  width: 100%;
  display: block;
  padding-right: 20px;
}

.article-toc-wrap li.has-submenu ul {
  padding-left: 20px;
  padding-top: 15px;
}

.blog-layout {
  display: flex;
  gap: 24px;
}

.blog-article .container {
  max-width: 1500px;
  padding: 0 15px;
}

.article-content {
  flex-grow: 1;
  max-width: calc(100% - 280px);
}

@media only screen and (max-width:767px) {
  .article-toc-wrap {
    display: none;
  }

  .article-content {
    max-width: 100%;
  }
}

/* End Table of Content css */



/* end case study list and details common css */
html {
  scroll-behavior: smooth;
}

body.cs-list-wrap-body,
main.cs-list-wrap-main p {
  font-family: "Inter", sans-serif !important;
  margin: unset;
  color: #656565;
}

main.cs-list-wrap-main h1,
main.cs-list-wrap-main h2,
main.cs-list-wrap-main h3,
main.cs-list-wrap-main h4 {
  margin: unset;
  color: #111827;
}

main.cs-list-wrap-main .container {
  max-width: 1230px;
}

.cs-list-hero-slide-img-wrap img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
  display: block;
}

.cs-list-hero-slide-img-wrap {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  padding-bottom: 28.4552%;
  display: block;
  width: 100%;
}

.cs-list-sec-spacing {
  padding: 50px 0 80px 0;
}

.cs-list-main-title {
  text-align: center;
  max-width: 815px;
  width: 100%;
  margin: 50px auto;
  padding: 0 15px;
}

.cs-list-main-title h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 10px !important;
}

.cs-list-main-title p {
  font-size: 16px;
  line-height: normal;
}

.cs-list-btn {
  display: inline-block;
  color: #0C7BF9;
  font-size: 16px;
  line-height: 28px;
  text-decoration: underline;
}

/* end case study list and details common css */

/* start hero sec */
.cs-list-hero-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 0 0 50px 0;
  position: relative
}

.cs-list-hero-content {
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
  position: relative;
  z-index: 1;
}

.cs-list-hero-content span.cs-hero-badge {
  font-size: 14px;
  line-height: 24px;
  background-color: #03A63F;
  font-weight: 800;
  padding: 6px 16px;
  border-radius: 30px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 16px;
  display: inline-block;
}

.cs-list-hero-content p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px !important;
}

.cs-list-hero-content .cs-list-growth-badge {
  padding: 5px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  max-width: fit-content;
  margin-bottom: 15px;

}

.cs-list-hero-content .cs-list-growth-badge svg {
  max-width: 18px;
  width: 100%;
  height: auto;
  display: block;
}

#cs-list-hero-banner-slide .swiper-pagination {
  bottom: 10px;
}

#cs-list-hero-banner-slide .swiper-pagination-bullet {
  background: #898989;
}

/* end hero sec */

/* start success story sec */
.cs-main-story-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.cs-main-story-item {
  max-width: calc(33.33% - 20px);
  width: 100%;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%);
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: auto;
}

.cs-main-story-item .cs-story-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cs-main-story-item .cs-story-img {
  position: relative;
  padding-bottom: 56.3157894737%;
  width: 100%;
  height: auto;
  display: block;
}

.cs-main-story-item .cs-story-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cs-story-content span.cs-pro-name {
  font-size: 14px;
  line-height: 20px;
  color: #0C7BF9;
  margin-bottom: 10px;
  display: block;
}

.cs-story-content h3 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 10px;
}

.cs-story-content p {
  padding: 10px 0;
}

.cs-story-content .cs-story-rate-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 20px;
}

.cs-story-rate-wrap .cs-story-rate-item h4 {
  font-size: 22px;
  line-height: 32px;
  display: flex;
  align-items: center;
  padding-bottom: 4px;
  gap: 5px;
}

.cs-story-rate-wrap .cs-story-rate-item h4 svg {
  max-width: 24px;
  height: auto;
}

.cs-story-rate-wrap .cs-story-rate-item p {
  font-size: 14px;
  line-height: 20px;
  padding: unset;
}

.cs-story-content a.cs-story-read-more {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  transition: .3s;
  margin-top: auto;
}

.cs-story-content a.cs-story-read-more svg {
  max-width: 24px;
  height: auto;
  transition: .3s;
}

.cs-story-content a.cs-story-read-more:hover {
  color: #0563cf;
}

.cs-story-content a.cs-story-read-more:hover svg {
  margin-left: 4px;
}

/* end success story sec */

/* start detail page */
/* start nav */
.cs-detail-title {
  margin-bottom: 30px;
}

.ca-detail-nav ul {
  display: flex;
  align-items: center;
  column-gap: 30px;
  flex-wrap: wrap;
  row-gap: 5px;
}

.cs-breadcrumb {
  padding: 30px 0;
}

.cs-main-detail {
  padding-top: 20px;
}

.ca-detail-nav ul li {
  position: relative;
  color: #111827;
  font-size: 14px;
  line-height: 20px;
}

.ca-detail-nav ul li a {
  color: #6B7280;
  transition: .3s;
}

.ca-detail-nav ul li a:hover {
  color: #111827;
}

.ca-detail-nav ul li:after {
  content: "";
  height: 7px;
  width: 7px;
  border-right: solid 1.8px #6B7280;
  border-bottom: solid 1.8px #6B7280;
  display: block;
  position: absolute;
  top: 50%;
  right: -20px;
  transform: rotate(315deg) translateY(-50%);
}

.ca-detail-nav ul li:last-child::after {
  content: unset;
}

.cs-detail-title h1 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 500;
}

.cs-detail-banner-image {
  position: relative;
  padding-bottom: 36.4583%;
}

.cs-detail-banner-image img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* end nav */
.cs-main-detail-banner {
  position: relative;
}

.cs-main-detail-banner .cs-detail-banner-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
  display: flex;
  gap: 24px;
  z-index: 2;
  flex-wrap: wrap;
}

.cs-detail-banner-content .cs-detail-card {
  background: rgb(255 255 255 / 90%);
  backdrop-filter: blur(5px);
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.cs-detail-banner-content .cs-detail-icon {
  font-size: 1.5rem;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.cs-detail-banner-content .cs-detail-success {
  background-color: #DCFCE7;
}

.cs-detail-banner-content .cs-detail-primary {
  background-color: #BFDBFF;
}

.cs-detail-banner-content .cs-detail-svg {
  padding: 12px;
  border-radius: 100%;
}

.cs-detail-banner-content .cs-detail-svg svg {
  max-width: 24px;
  height: auto;
  display: block;
}

.cs-detail-text .cs-detail-label {
  font-size: 14px;
  line-height: 20px;
  color: #4B5563;
  font-weight: 500;
  margin-bottom: 4px;
}

.cs-detail-text .cs-detail-value {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #111827;
}

.cs-main-detail-wrap {
  padding-top: 60px;
}

.cs-main-detail-content {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
}

.cs-main-detail-content .cs-detail-content {
  padding-right: 60px;
  max-width: 66.667%;
  width: 100%;
}

.cs-main-detail-content .cs-main-detail-sidebar {
  max-width: 33.334%;
  width: 100%;
}

.cs-main-detail-sidebar .cs-detail-sidebar {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #E5E7EB;
  box-shadow: 0px 1px 2px 0.01px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}

.cs-main-detail-sidebar .cs-detail-sidebar h4 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 15px;
}

.cs-sidebar-ad {
  margin-top: 20px;
  position: sticky;
  top: 200px;
}

.cs-main-detail-sidebar .cs-detail-sidebar ul {
  margin: unset;
}

.cs-main-detail-sidebar .cs-detail-sidebar ul li {
  margin-bottom: 12px;
}

.cs-main-detail-sidebar .cs-detail-sidebar ul li:last-child {
  margin-bottom: unset;
}

.cs-main-detail-sidebar .cs-detail-sidebar ul a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #8C8C8C;
  position: relative;
  padding-left: 8px;
  border-left: 4px solid #8C8C8C;
}

.cs-main-detail-sidebar .cs-detail-sidebar ul a.active {
  color: #1F2937;
  border-left: 4px solid #1F2937;
}

.cs-detail-content h2 {
  font-size: 24px;
  line-height: 30px;
  padding: 20px 0 15px;
}

.cs-detail-content ul {
  list-style: disc;
  padding-left: 20px;
  padding-bottom: 20px;
}

.cs-detail-content ul li {
  padding-bottom: 10px;
}

.cs-detail-content table {
  width: 100%;
  border: solid 1px #000;
  margin-bottom: 20px;
}

.cs-detail-content table th,
.cs-detail-content table td {
  padding: 10px;
  border: solid 1px #000;
}

.cs-detail-content h3 {
  font-size: 20px;
  line-height: 26px;
  padding: 15px 0;
}

.cs-detail-content p {
  font-size: 15px;
  line-height: 22px;
  color: #1F2937;
  padding-bottom: 15px;
}

.cs-detail-content .cs-detail-content-img {
  margin: 15px 0 40px;
  padding-bottom: 56.2162162%;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  border-radius: 16px;
}

.cs-detail-content .cs-detail-content-img img {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

.cs-detail-content img {
  margin-bottom: 20px;
  border-radius: 8px;
}

.cs-detail-faq-content {
  padding-left: 25px;
}

.cs-detail-faq-content li {
  font-size: 20px;
  line-height: 26px;
}

.cs-detail-faq-content li h3 {
  padding: 5px 0;
}

#cs-list-feature-slide {
  padding: 10px 10px 30px;
}

#cs-list-feature-slide .cs-main-story-item {
  max-width: 100%;
  height: 100%;
}

#cs-list-feature-slide .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}

#cs-list-feature-slide .swiper-pagination {
  bottom: -5px;
}

#cs-list-feature-slide .swiper-pagination-bullet-active {
  background: #0C7BF9;
}

.cs-detail-sidebar ul {
  list-style: none;
  padding-left: 0;
}

.cs-detail-sidebar .accordion-content {
  display: none;
  padding-left: 15px;
  margin-top: 5px;
}

.cs-detail-sidebar .accordion-content.open {
  display: block;
}

.cs-detail-sidebar .has-subpoints>.accordion-toggle::after {
  content: 'â–¼';
  float: right;
  font-size: 0.7em;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}

.cs-detail-sidebar .has-subpoints>.accordion-toggle.active::after {
  transform: rotate(180deg);
}

#toc-list .accordion-content {
  padding: 15px 0 20px 20px;
}

#toc-list .accordion-content li a {
  border-left: unset;
}



/* end detail page */

/* start case study list and details responsive */
@media only screen and (max-width: 1330px) {

  /* case study list */

  .cs-list-hero-content span.cs-hero-badge {
    font-size: 13px;
    line-height: 23px;
    padding: 5px 15px;
  }

  #cs-list-hero-banner-slide .swiper-pagination {
    bottom: 15px;
  }

  .cs-list-main-title h2 {
    font-size: 34px;
    line-height: 38px;
  }

  .cs-list-main-title {
    margin: 40px auto;
  }

  .cs-story-content h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .cs-story-content p {
    padding: 8px 0;
  }

  .cs-story-rate-wrap .cs-story-rate-item h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .cs-story-rate-wrap .cs-story-rate-item h4 svg {
    max-width: 22px;
  }

  /* case study detail */

  .cs-detail-title h1 {
    font-size: 32px;
    line-height: 42px;
  }

  .cs-detail-title {
    margin-bottom: 50px;
  }

  #cs-list-feature-slide {
    padding: 4px 4px 30px;
  }

  .cs-detail-banner-content .cs-detail-card {
    gap: 12px;
    padding: 20px;
  }

  .cs-detail-text .cs-detail-value {
    font-size: 22px;
    line-height: 28px;
  }

  .cs-detail-banner-content .cs-detail-svg {
    padding: 10px;
  }

  .cs-detail-banner-content .cs-detail-svg svg {
    max-width: 22px;
  }

  .cs-main-detail-banner .cs-detail-banner-content {
    gap: 15px;
  }

  .cs-detail-content h2 {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 15px;
  }

  .cs-detail-content p {
    padding-bottom: 10px;
  }

  .cs-main-detail-wrap {
    padding-top: 40px;
  }

  .cs-detail-content .cs-detail-content-img {
    margin: 12px 0 30px;
  }

  .cs-main-detail-content .cs-detail-content {
    padding-right: 40px;
  }

  .cs-main-detail-sidebar .cs-detail-sidebar {
    padding: 20px;
  }

  .cs-main-detail-sidebar .cs-detail-sidebar h4 {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 12px;
  }

  .cs-main-detail-sidebar .cs-detail-sidebar ul li {
    margin-bottom: 10px;
  }

}

@media only screen and (max-width: 1024px) {
  main.cs-list-wrap-main p {
    font-size: 14px;
    line-height: 24px;
  }

  .cs-list-hero-content span.cs-hero-badge {
    font-size: 12px;
    line-height: 22px;
  }

  .cs-list-hero-content p {
    margin-bottom: 25px !important;
  }

  .cs-list-btn {
    padding: 8px 25px;
    font-size: 14px;
    line-height: 26px;
  }

  .cs-list-sec-spacing {
    padding: 50px 0;
  }

  .cs-list-main-title h2 {
    font-size: 32px;
    line-height: 36px;
  }

  .cs-main-story-wrap {
    gap: 20px;
  }

  .cs-main-story-item {
    max-width: calc(33.33% - 14px);
  }

  .cs-main-story-item .cs-story-content {
    padding: 15px;
  }

  .cs-story-content h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .cs-story-content span.cs-pro-name {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
  }

  .cs-story-rate-wrap .cs-story-rate-item h4 {
    font-size: 18px;
    line-height: 28px;
    gap: 4px;
    padding-bottom: 0px;
  }

  .cs-story-rate-wrap .cs-story-rate-item h4 svg {
    max-width: 20px;
  }

  .cs-story-rate-wrap .cs-story-rate-item p {
    font-size: 13px;
    line-height: 18px;
  }

  .cs-story-content a.cs-story-read-more {
    font-size: 14px;
    line-height: 22px;
  }

  .cs-story-content a.cs-story-read-more svg {
    max-width: 20px;
  }

  /* case study detail */
  .cs-detail-title h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .cs-detail-title {
    margin-bottom: 40px;
  }

  .cs-detail-banner-content .cs-detail-card {
    gap: 10px;
    padding: 15px;
  }

  .cs-detail-text .cs-detail-value {
    font-size: 18px;
    line-height: 24px;
  }

  .cs-main-detail-banner .cs-detail-banner-content {
    bottom: 25px;
    left: 25px;
  }

  .cs-main-detail-wrap {
    padding-top: 30px;
  }

  .cs-detail-content h2 {
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 10px;
  }

  .cs-detail-content .cs-detail-content-img {
    margin: 10px 0 20px;
  }

  .cs-main-detail-content .cs-detail-content {
    padding-right: 25px;
  }

  .cs-main-detail-sidebar .cs-detail-sidebar {
    padding: 18px;
  }

  .cs-list-fetured {
    padding: 0 0 50px;
  }
}

@media only screen and (max-width: 767px) {
  main.cs-list-wrap-main p {
    line-height: 21px;
  }

  .cs-list-hero-content p {
    margin-bottom: 15px !important;
  }

  .cs-main-story-item {
    max-width: calc(50% - 10px);
  }

  .cs-story-rate-wrap .cs-story-rate-item p {
    font-size: 12px;
    line-height: 16px;
  }

  .cs-list-main-title h2 {
    font-size: 29px;
    line-height: 32px;
  }

  /* case study detail */

  .cs-detail-title {
    margin-bottom: 35px;
  }

  .cs-detail-banner-content .cs-detail-card {
    gap: 8px;
    padding: 12px;
  }

  .cs-detail-text .cs-detail-label {
    font-size: 13px;
    line-height: 17px;
  }

  .cs-detail-text .cs-detail-value {
    font-size: 16px;
    line-height: 20px;
  }

  .cs-detail-banner-content .cs-detail-svg svg {
    max-width: 19px;
  }

  .cs-detail-banner-content .cs-detail-svg {
    padding: 8px;
  }

  .cs-main-detail-banner .cs-detail-banner-content {
    gap: 10px;
    bottom: 15px;
    left: 15px;
  }

  .cs-main-detail-content .cs-detail-content {
    max-width: 100%;
    padding-right: unset;
  }

  .cs-main-detail-content .cs-main-detail-sidebar {
    display: none;
  }

  .cs-main-detail-wrap {
    padding-top: 25px;
  }

  .cs-detail-content {
    padding-left: 20px;
  }

  .cs-detail-content h2 {
    font-size: 18px;
    line-height: 23px;
    padding-bottom: 8px;
  }

  .cs-detail-content h3,
  .cs-detail-faq-content li {
    font-size: 16px;
    line-height: 22px;
  }

  .cs-detail-faq-content {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 425px) {

  .cs-list-btn {
    padding: 6px 20px;
    line-height: 22px;
  }

  .cs-list-sec-spacing {
    padding: 40px 0;
  }

  .cs-list-main-title h2 {
    font-size: 26px;
    line-height: 28px;
  }

  .cs-list-main-title {
    margin: 30px auto;
  }

  .cs-main-story-item {
    max-width: 100%;
  }

  /* case study detail */
  .ca-detail-nav ul {
    column-gap: 25px;
  }

  .ca-detail-nav ul li {
    font-size: 13px;
    line-height: 19px;
  }

  .ca-detail-nav ul li:after {
    height: 6px;
    width: 6px;
    right: -17px;
  }

  .cs-detail-title h1 {
    font-size: 26px;
    line-height: 36px;
  }

  .cs-detail-text .cs-detail-label {
    font-size: 12px;
    line-height: 15px;
  }

  .cs-detail-text .cs-detail-value {
    font-size: 14px;
    line-height: 18px;
  }

  .cs-detail-banner-content .cs-detail-svg {
    padding: 6px;
  }

  .cs-detail-banner-content .cs-detail-svg svg {
    max-width: 17px;
  }

  .cs-detail-banner-content .cs-detail-card {
    gap: 6px;
    padding: 10px;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  }

  .cs-main-detail-banner .cs-detail-banner-content {
    position: unset;
    justify-content: center;
    padding: 20px 10px 5px;
  }

  .cs-list-hero-slide {
    padding: 0 0 20px 0;
  }
}

/* end case study list and details responsive */

/* end case study list and details css */



/* white lable landing page */
main.white-label-main-wrapper *,
main.white-label-main-wrapper p {
  font-family: "Urbanist", sans-serif !important;
  letter-spacing: 0;
}

main.white-label-main-wrapper .container {
  max-width: 1220px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}

.wl-hero {
  position: relative;
}

.wl-hero-background-grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.wl-hero-background-grid .container {
  height: 100%;
  border-top: none;
  border-bottom: none;
}

.wl-hero-background-grid .bg-grid-columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  height: 100%;
  position: relative;
  padding-top: 20px;
}

.wl-hero-background-grid .bg-layer-col {
  background: linear-gradient(180deg, rgba(239, 239, 255, 0.5) 0%, rgba(239, 239, 255, 0) 100%);
  height: 100%;
}

.wl-hero .container {
  border: none;
  background-image:
    linear-gradient(to bottom, #DEDEDE 25%, transparent 25%),
    linear-gradient(to bottom, #DEDEDE 25%, transparent 25%);
  background-position: left, right;
  background-size: 1.5px 16px;
  background-repeat: repeat-y;
}

.wl-hero-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 80px 0;
  gap: 70px;
  position: relative;
  z-index: 2;
}

.wl-hero-content-wrapper .wl-hero-top-content {
  max-width: 1024px;
}

.wl-hero-content-wrapper h1 {
  font-size: 48px;
  line-height: 64px;
  font-weight: 800;
  color: #2B2B2B;
  margin-block: 25px;
}

.wl-hero-content-wrapper .hero-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.wl-hero-content-wrapper .hero-badge span {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  background: linear-gradient(90.85deg,
      #DA3DDB 0.33%,
      #4D49DA 50.33%,
      #70D9E8 100.33%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wl-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 15px;
  border-radius: 50px;
  background: transparent;
  box-shadow: 0px 0px 4px 0px #00000033;
}

.wl-badge span {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  background: linear-gradient(90.85deg,
      #DA3DDB 0.33%,
      #4D49DA 50.33%,
      #70D9E8 100.33%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.wl-header {
  max-width: 780px;
  width: 100%;
  margin-inline: auto;
}

.wl-header h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 800;
  margin: 15px 0 0;
}

.wl-btn-primary {
  background-color: #4D49DA;
  border: 1px solid transparent;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.wl-btn-primary:hover {
  background-color: transparent;
  border: 1px solid #4D49DA;
  color: #4D49DA;
  text-decoration: none;
}

.wl-btn-secondary {
  background-color: #fff;
  border: 1px solid transparent;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #4D49DA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.wl-btn-secondary:hover {
  background-color: #4D49DA;
  color: #fff;
  text-decoration: none;
}

.wl-hero-content-wrapper .wl-hero-desc {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #7B7B7B;
  max-width: 767px;
  margin: 0 auto;
}

.white-label-main-wrapper {
  background-color: #ffffff;
  position: relative;
}


/* Avatar Stack */
.wl-team-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
}

.wl-team-wrapper .wl-avatars {
  display: flex;
}

.wl-team-wrapper .wl-avatars img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid white;
  margin-left: -12px;
  object-fit: cover;
}

.wl-avatars img:first-child {
  margin-left: 0;
}

.wl-team-wrapper .wl-avatars-team-count {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #2B2B2B;
}

/* Stats Section */
.wl-stats-section {
  background-image:
    linear-gradient(to right, #DEDEDE 25%, transparent 25%),
    linear-gradient(to right, #DEDEDE 25%, transparent 25%);
  background-position: top, bottom;
  background-size: 16px 1.5px;
  background-repeat: repeat-x;
}

.wl-stats-section .container {
  border: none;
  background-image:
    linear-gradient(to bottom, #DEDEDE 25%, transparent 25%),
    linear-gradient(to bottom, #DEDEDE 25%, transparent 25%);
  background-position: left, right;
  background-size: 1.5px 16px;
  background-repeat: repeat-y;
}

.wl-stats-section .wl-stats-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.wl-stats-section .wl-stats-wrapper .state-card-outer {
  padding: 15px;
  background-image: linear-gradient(to bottom, #DEDEDE 25%, transparent 25%);
  background-position: right;
  background-size: 1.5px 16px;
  background-repeat: repeat-y;
}

.wl-stats-section .wl-stats-wrapper .state-card-outer:first-child {
  padding-left: 0;
}

.wl-stats-section .wl-stats-wrapper .state-card-outer:last-child {
  background-image: none;
  padding-right: 0;
}

.wl-stats-section .wl-stats-wrapper .stat-card {
  padding: 20px;
  background-color: #EFEFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 360px;
}

.wl-stats-section .wl-stats-wrapper .stat-card h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 900;
  color: #2B2B2B;
  margin: 0;
  padding-bottom: 20px;
}

.wl-stats-section .wl-stats-wrapper .stat-card p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #2B2B2B;
  margin: 6px 0 0 0;
}

.wl-stats-section .stat-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.wl-stats-section .stat-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}


/* trusted section */
.wl-trust-section {
  padding: 60px 5%;
  margin-bottom: 60px;
  background-image: linear-gradient(to right, #DEDEDE 25%, transparent 25%);
  background-position: bottom;
  background-size: 16px 1.5px;
  background-repeat: repeat-x;
}

.wl-trust-section .wl-trust-title {
  text-align: center;
  color: #B7B7B7;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 40px;
}

.wl-trust-section .wl-trust-grid {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 50px;
}

.wl-trust-section .wl-trust-grid .wl-trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.wl-trust-section .wl-trust-grid .wl-trust-item .logo-box {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.wl-trust-section .wl-trust-grid .wl-trust-item img {
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain
}

.wl-trust-section .wl-trust-grid .wl-trust-item p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #7B7B7B;
  margin: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}

.wl-trust-section .wl-trust-item p .wl-star-wrapper {
  display: inline-block;
}

.wl-trust-section .wl-trust-item p .wl-star-wrapper svg {
  display: block;
  width: 14px;
  height: auto;
}

.wl-trust-section .wl-trust-item p .trust-check-icon {
  display: inline-block;
}

.wl-trust-section .wl-trust-item p .trust-check-icon svg {
  display: block;
  width: 26px;
  height: auto;
}


/* our solution section */
.wl-solutions-section {
  padding: 60px 0;
  background-color: #ffffff;
}

.wl-solutions-section .wl-header {
  text-align: center;
  margin-bottom: 70px;
}

.wl-solutions-section .wl-solutions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: center;
}

.wl-solutions-section .wl-solution-col {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.wl-solutions-section .wl-solution-img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.wl-solutions-section .wl-solution-img-wrapper img {
  inset: 0;
  display: block;
}

.wl-solutions-section .wl-solution-col .wl-solution-card {
  background:
    repeating-linear-gradient(to right, #DEDEDE 0 6px, transparent 6px 18px) top / 100% 1.5px no-repeat,
    repeating-linear-gradient(to right, #DEDEDE 0 6px, transparent 6px 18px) bottom / 100% 1.5px no-repeat,
    repeating-linear-gradient(to bottom, #DEDEDE 0 6px, transparent 6px 18px) left / 1.5px 100% no-repeat,
    repeating-linear-gradient(to bottom, #DEDEDE 0 6px, transparent 6px 18px) right / 1.5px 100% no-repeat;
  position: relative;
  padding: 15px;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.wl-solutions-section .wl-solution-col .wl-solution-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}

.wl-solutions-section .wl-solution-card .wl-icon-box {
  width: 54px;
  height: 54px;
  background-color: #4D49DA;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.wl-solutions-section .wl-solution-card:hover .wl-icon-box svg {
  transform: scale(1.1);
}

.wl-solutions-section .wl-solution-card .wl-icon-box svg {
  display: block;
  width: 24px;
  height: auto;
  transition: transform 0.3s ease;
}

.wl-solutions-section .wl-solution-card .wl-solution-card-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #2B2B2B;
  margin-bottom: 10px;
}

.wl-solutions-section .wl-solution-card p {
  font-size: 14px;
  line-height: 20px;
  color: #2B2B2B;
  font-weight: 500;
  margin: 0;
}

/* logo section */
.wl-logo-section {
  padding: 60px 0;
  margin: 60px 0;
  background-color: #ffffff;
  position: relative;
  background-image: linear-gradient(to right, #DEDEDE 25%, transparent 25%), linear-gradient(to right, #DEDEDE 25%, transparent 25%);
  background-position: top, bottom;
  background-size: 16px 1.5px;
  background-repeat: repeat-x;
}

.wl-logo-section .wl-logo-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

.wl-logo-section .wl-logo-item {
  width: auto;
}

.wl-logo-section .wl-logo-item svg,
.wl-logo-section .wl-logo-item img {
  display: block;
  width: auto;
  height: 40px;
  object-fit: contain;
  filter: grayscale(1);
}

/* agency scetion */
.wl-agency-section {
  padding: 60px 0;
  overflow: hidden;
}

.wl-agency-section .wl-agency-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 20px;
}

.wl-agency-section .agency-content .wl-header {
  margin-bottom: 20px;
}

.wl-agency-section .agency-content h2 {
  margin-bottom: 15px;
}

.wl-agency-section .wl-agency-desc {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #7B7B7B;
  margin: 0;
}

.wl-agency-section .agency-feature-list {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}

.wl-agency-section .agency-feature-list li {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #2B2B2B;
  display: flex;
  align-items: center;
  gap: 6px;
}

.wl-agency-section .agency-feature-list li span {
  width: 20px;
  height: 20px;
  background: linear-gradient(90.85deg, #DA3DDB 0.33%, #4D49DA 50.33%, #70D9E8 100.33%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
}

.wl-agency-section .agency-feature-list li span svg {
  display: block;
  width: 10px;
  height: auto;
}

.wl-agency-section .agency-images-wrapper {
  position: relative;
  width: 85%;
  margin-left: auto;
}

.wl-agency-section .agency-main-image {
  aspect-ratio: 1/1;
}

.wl-agency-section .agency-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wl-agency-section .agency-badge {
  position: absolute;
  top: 30px;
  left: -70px;
  background: #2B2B2B;
  color: #fff;
  padding: 12px 15px;
  text-align: left;
}

.wl-agency-section .agency-badge h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 800;
  margin: 0 0 10px;
  color: #fff;
}

.wl-agency-section .agency-badge span {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}

.wl-agency-section .agency-sub-image {
  position: absolute;
  bottom: -40px;
  left: -130px;
  width: 50%;
  aspect-ratio: 1 / 0.8;
}

.wl-agency-section .agency-sub-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 2px dashed #fff;
  position: relative;
}

.wl-agency-section .agency-sub-image img::after {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px dashed #DEDEDE;
  pointer-events: none;
}


/* pricing-section */
.wl-pricing-section {
  padding: 120px 0;
  margin: 60px 0;
  background: #2B2B2B;
}

.wl-pricing-section .wl-header {
  text-align: center;
  margin: 0 auto 70px;
}

.wl-pricing-section .wl-header .wl-badge {
  background-color: #fff;
  box-shadow: none;
}

.wl-pricing-section .wl-header h2 {
  color: #fff;
}

.wl-pricing-section .wl-header p {
  color: #fff;
  margin: 15px 0 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #A7A7A7;
}

.wl-pricing-section .wl-pricing-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

.wl-pricing-section .wl-pricing-card {
  background: #383838;
  padding: 25px;
  transition: 0.3s ease;
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.wl-pricing-section .wl-pricing-grid .wl-pricing-card:nth-child(1),
.wl-pricing-section .wl-pricing-grid .wl-pricing-card:nth-child(2) {
  grid-column: span 3;
}

.wl-pricing-section .wl-pricing-card:hover {
  background: #4D49DA;
}

.wl-pricing-section .wl-pricing-icon {
  width: 60px;
  height: 60px;
  background: #4D49DA;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: 0.3s ease;
}

.wl-pricing-section .wl-pricing-icon svg {
  display: block;
  width: 30px;
  height: auto;
  color: #fff;
  transition: 0.3s ease;
}

.wl-pricing-section .wl-pricing-card:hover .wl-pricing-icon {
  background: #fff;
}

.wl-pricing-section .wl-pricing-card:hover .wl-pricing-icon svg {
  color: #4D49DA;
}

.wl-pricing-section .wl-pricing-card .wl-pricing-content h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px;
}

.wl-pricing-section .wl-pricing-card .wl-pricing-content p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #BABABA;
  margin: 0;
}

.wl-pricing-section .wl-pricing-card ul {
  list-style: none;
  margin: 15px 0 0;
}

.wl-pricing-section .wl-pricing-card ul li {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #fff;
  position: relative;
  padding-left: 26px;
}

.wl-pricing-section .wl-pricing-card ul li:last-child {
  margin-bottom: 0;
}

.wl-pricing-section .wl-pricing-card ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13.6747 2.28821C13.2415 1.85448 12.5381 1.85475 12.1044 2.28821L5.03702 9.35588L1.89587 6.21476C1.46213 5.78102 0.759044 5.78102 0.325304 6.21476C-0.108435 6.6485 -0.108435 7.35158 0.325304 7.78532L4.25157 11.7116C4.46831 11.9283 4.7525 12.037 5.03672 12.037C5.32094 12.037 5.6054 11.9286 5.82213 11.7116L13.6747 3.85875C14.1084 3.42531 14.1084 2.72193 13.6747 2.28821Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

/* our process */
.wl-our-process {
  margin-top: 80px;
}

.wl-our-process .process-title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  color: #fff;
}

.wl-our-process .process-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.wl-our-process .process-card {
  background: #383838;
  padding: 25px;
  position: relative;
}

.wl-our-process .process-card h4 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px;
}

.wl-our-process .process-card p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #BABABA;
  margin: 0;
}

.wl-our-process .wl-trusted-badge-wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.wl-our-process .wl-trusted-badge-wrapper .wl-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 4px 0px #00000033;
  padding: 8px 15px;
  border-radius: 50px;
}

.wl-our-process .wl-trusted-badge-wrapper .wl-trust-badge svg {
  display: block;
  width: 22px;
  height: auto;
}

.wl-our-process .wl-trusted-badge-wrapper .wl-trust-badge span {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  color: #4D49DA;
}

.wl-our-process .process-card:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -24px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: #4D49DA;
  z-index: 10;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.0249 4.94168L17.0832 10L12.0249 15.0583' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.9165 10H16.9415' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}


/* faq section */
.wl-faq-section {
  padding: 60px 0;
}

.wl-faq-section .wl-faq-container {
  max-width: 780px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}

.wl-faq-section .wl-header {
  text-align: center;
  margin-bottom: 70px;
}

.wl-faq-section .wl-header h2 {
  color: #2B2B2B;
}

.wl-faq-section .wl-accordion-item {
  border-bottom: 1px solid #000;
}

.wl-faq-section .wl-accordion-header {
  width: 100%;
  padding: 20px 0;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  text-align: left;
  outline: none;
}

.wl-faq-section .wl-accordion-header span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #000;
  transition: color 0.3s ease;
}

.wl-faq-section .wl-accordion-icon {
  position: relative;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.wl-faq-section .wl-accordion-icon::before,
.wl-faq-section .wl-accordion-icon::after {
  content: "";
  position: absolute;
  background-color: #000;
  transition: transform 0.3s ease;
}

/* Horizontal bar */
.wl-faq-section .wl-accordion-icon::before {
  width: 100%;
  height: 1.5px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.wl-faq-section .wl-accordion-icon::after {
  width: 1.5px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.wl-faq-section .wl-accordion-item.active .wl-accordion-icon::after {
  transform: translateX(-50%) rotate(90deg);
  opacity: 0;
}

.wl-faq-section .wl-accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.wl-faq-section .wl-accordion-item.active .wl-accordion-content {
  grid-template-rows: 1fr;
}

.wl-faq-section .wl-content-inner {
  min-height: 0;
}

.wl-faq-section .wl-content-inner p {
  padding-bottom: 25px;
  margin: 0;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}


/* cta section */
.wl-cta-section {
  padding: 60px 0;
}

.wl-cta-section .wl-cta-card {
  background: linear-gradient(90deg, #DA3DDB 0%, #4D49DA 50%, #70D9E8 100%);
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px 40px;
}

.wl-cta-section .wl-cta-content {
  flex: 1;
  color: #ffffff;
}

.wl-cta-section .wl-cta-content h2 {
  font-size: 34px;
  line-height: 40px;
  font-weight: 800;
  margin: 0 0 20px 0;
  color: #fff;
}

.wl-cta-section .wl-cta-content p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
  max-width: 580px;
  color: #fff;
}

.wl-cta-section .wl-cta-button-wrapper {
  flex-shrink: 0;
}

/* work slider section */
.wl-work-section {
  padding: 60px 50px;
  overflow: hidden;
}

.wl-work-section .wl-header {
  text-align: center;
  margin-bottom: 70px;
}

.wl-work-section .wl-header h2 {
  color: #2B2B2B;
  margin-bottom: 15px;
}

.wl-work-section .wl-header p {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #7B7B7B;
  margin: 0;
}

.wl-work-section .swiper .swiper-wrapper {
  align-items: center;
}

.wl-work-section .wl-work-card {
  text-align: center;
}

.wl-work-section .wl-work-image {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
}

.wl-work-section .wl-work-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.5s ease;
}

.wl-work-section .wl-work-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #000;
  margin: 0;
}

/* responsive */
@media (max-width: 1320px) {
  .wl-trust-section {
    padding: 50px 5%;
    margin-bottom: 50px;
  }

  .wl-logo-section {
    padding: 50px 0;
    margin: 50px 0;
  }

  .wl-solutions-section,
  .wl-agency-section,
  .wl-work-section,
  .wl-faq-section,
  .wl-cta-section {
    padding: 50px 0;
  }

  .wl-pricing-section {
    padding: 100px 0;
    margin: 50px 0;
  }

  .wl-solutions-section .wl-header,
  .wl-pricing-section .wl-header,
  .wl-work-section .wl-header,
  .wl-faq-section .wl-header {
    margin-bottom: 60px;
  }

  .wl-hero-content-wrapper h1 {
    font-size: 48px;
    line-height: 64px;
  }

  /* stats */
  .wl-stats-section .wl-stats-wrapper .stat-card h2,
  .wl-header h2 {
    font-size: 36px;
    line-height: 46px;
  }

  .wl-stats-section .wl-stats-wrapper .stat-card {
    min-height: 320px;
  }

  /* solution */
  .wl-solutions-section .wl-solutions-grid {
    gap: 15px;
  }

  /* logo section */
  .wl-logo-section .wl-logo-grid {
    gap: 40px;
  }

  /* agency */
  .wl-agency-section .agency-images-wrapper {
    width: 75%;
  }

  /* work */
  .wl-work-section {
    padding-inline: 20px !important;
  }

  /* cta */
  .wl-cta-section .wl-cta-content h2 {
    font-size: 30px;
  }
}

@media (max-width: 1024px) {
  .wl-trust-section {
    padding: 40px 5%;
    margin-bottom: 40px;
  }

  .wl-logo-section {
    padding: 40px 0;
    margin: 40px 0;
  }

  .wl-solutions-section,
  .wl-agency-section,
  .wl-work-section,
  .wl-faq-section,
  .wl-cta-section {
    padding: 40px 0;
  }

  .wl-pricing-section {
    padding: 80px 0;
    margin: 40px 0;
  }

  .wl-solutions-section .wl-header,
  .wl-pricing-section .wl-header,
  .wl-work-section .wl-header,
  .wl-faq-section .wl-header {
    margin-bottom: 50px;
  }

  .wl-hero-content-wrapper {
    padding: 60px 0;
    gap: 50px;
  }

  .wl-hero-background-grid .bg-grid-columns {
    gap: 20px;
  }

  .wl-hero-content-wrapper h1 {
    font-size: 36px;
    line-height: 46px;
    margin-block: 20px;
  }

  .wl-hero-content-wrapper .hero-badge span {
    font-size: 18px;
  }

  .wl-hero-content-wrapper .wl-hero-desc {
    font-size: 16px;
  }

  /* stats */
  .wl-stats-section .wl-stats-wrapper .state-card-outer {
    padding: 10px;
  }

  .wl-stats-section .wl-stats-wrapper .stat-card {
    min-height: 280px;
    padding: 20px;
  }

  .wl-stats-section .wl-stats-wrapper .stat-card h2,
  .wl-header h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .wl-stats-section .wl-stats-wrapper .stat-card p {
    font-size: 18px;
    line-height: 28px;
  }

  /* trust */
  .wl-trust-section .wl-trust-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 50px;
  }

  /* solutions */
  .wl-solutions-section .wl-solutions-grid {
    gap: 10px;
  }

  .wl-solutions-section .wl-solution-card .wl-icon-box {
    width: 44px;
    height: 44px;
    margin-bottom: 15px;
  }

  .wl-solutions-section .wl-solution-card .wl-solution-card-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 7px;
  }

  /* logo section */
  .wl-logo-section .wl-logo-grid {
    gap: 30px;
  }

  .wl-logo-section .wl-logo-item svg,
  .wl-logo-section .wl-logo-item img {
    height: 30px;
  }

  /* agency */
  .wl-agency-section .agency-images-wrapper {
    width: 90%;
  }

  .wl-agency-section .agency-sub-image {
    bottom: -20px;
    left: -50px;
  }

  .wl-agency-section .agency-badge {
    left: -40px;
    padding: 10px;
  }

  .wl-agency-section .agency-badge span {
    font-size: 16px;
    line-height: 22px;
  }

  .wl-agency-section .agency-badge h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .wl-agency-section .agency-sub-image {
    left: -80px;
  }

  /* pricing */
  .wl-pricing-section .wl-pricing-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .wl-pricing-section .wl-pricing-grid .wl-pricing-card:nth-child(1),
  .wl-pricing-section .wl-pricing-grid .wl-pricing-card:nth-child(2) {
    grid-column: span 2;
  }

  .wl-pricing-section .wl-pricing-card {
    grid-column: span 2;
    padding: 20px;
  }

  .wl-pricing-section .wl-pricing-icon {
    width: 46px;
    height: 46px;
  }

  .wl-pricing-section .wl-pricing-card .wl-pricing-content h4 {
    font-size: 16px;
    line-height: 22px;
  }

  .wl-pricing-section .wl-pricing-card .wl-pricing-content p,
  .wl-pricing-section .wl-pricing-card ul li {
    font-size: 14px;
  }

  .wl-pricing-section .wl-pricing-card ul li {
    padding-left: 20px;
  }

  .wl-pricing-section .wl-pricing-card ul li::before {
    width: 12px;
    height: 12px;
  }

  .wl-pricing-section .wl-header p {
    font-size: 18px;
    line-height: 28px;
  }

  .wl-our-process .process-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .wl-our-process {
    margin-top: 60px;
  }

  .wl-our-process .process-title {
    font-size: 26px;
    line-height: 36px;
  }

  .wl-our-process .process-card {
    padding: 20px;
  }

  .wl-our-process .process-card:not(:last-child)::after {
    content: unset;
  }

  /* cta */
  .wl-cta-section .wl-cta-card {
    padding: 40px;
  }

  .wl-cta-section .wl-cta-content h2 {
    font-size: 26px;
    line-height: 36px;
    margin: 0 0 10px 0;
  }

  .wl-cta-section .wl-cta-content p {
    font-size: 14px
  }
}

@media (max-width: 991px) {

  /* stats */
  .wl-stats-section .wl-stats-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .wl-stats-section .wl-stats-wrapper .state-card-outer {
    background-image: linear-gradient(to bottom, #DEDEDE 25%, transparent 25%),
      linear-gradient(to right, #DEDEDE 25%, transparent 25%);
    background-position: right, bottom;
    background-size: 1.5px 16px, 16px 1.5px;
    background-repeat: repeat-y, repeat-x;
  }

  .wl-stats-section .wl-stats-wrapper .state-card-outer:nth-child(odd) {
    padding-left: 0;
  }

  .wl-stats-section .wl-stats-wrapper .state-card-outer:nth-child(2n) {
    background-position: bottom;
    padding-right: 0;
  }

  .wl-stats-section .wl-stats-wrapper .state-card-outer:nth-child(3),
  .wl-stats-section .wl-stats-wrapper .state-card-outer:nth-child(4) {
    background-position: right;
  }

  .wl-stats-section .wl-stats-wrapper .state-card-outer:last-child {
    background-image: none;
  }

  /* solutions */
  .wl-solutions-section .wl-solutions-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .wl-solutions-section .wl-solution-img-wrapper {
    order: -1;
  }

  .wl-solutions-section .wl-solution-img-wrapper img {
    margin: 0 auto;
  }

  .wl-solutions-section .wl-solution-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .wl-solutions-section .wl-solution-col .wl-solution-card {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .wl-trust-section {
    padding: 30px 5%;
    margin-bottom: 30px;
  }

  .wl-logo-section {
    padding: 30px 0;
    margin: 30px 0;
  }

  .wl-solutions-section,
  .wl-agency-section,
  .wl-work-section,
  .wl-faq-section,
  .wl-cta-section {
    padding: 30px 0;
  }

  .wl-pricing-section {
    padding: 60px 0;
    margin: 30px 0;
  }

  .wl-solutions-section .wl-header,
  .wl-pricing-section .wl-header,
  .wl-work-section .wl-header,
  .wl-faq-section .wl-header {
    margin-bottom: 40px;
  }

  .wl-hero-content-wrapper {
    padding: 50px 0;
    gap: 40px;
  }

  .wl-hero-content-wrapper h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .wl-hero-background-grid .bg-grid-columns {
    gap: 15px;
  }

  .wl-team-wrapper {
    flex-direction: column;
    gap: 8px;
  }

  .wl-team-wrapper .wl-avatars img {
    width: 45px;
    height: 45px;
  }

  /* stats */
  .wl-stats-section .wl-stats-wrapper .stat-card {
    padding: 16px;
  }

  .wl-stats-section .wl-stats-wrapper .stat-card h2,
  .wl-header h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .wl-stats-section .stat-icon {
    width: 36px;
    height: 36px;
  }

  /* trust */
  .wl-trust-section .wl-trust-grid {
    gap: 30px 20px;
  }

  .wl-trust-section .wl-trust-grid .wl-trust-item {
    flex: 0 1 calc(33.33% - 20px);
  }

  .wl-trust-section .wl-trust-grid .wl-trust-item .logo-box {
    height: 32px;
  }

  .wl-trust-section .wl-trust-grid .wl-trust-item p {
    font-size: 13px;
    white-space: normal;
    justify-content: center;
  }

  .wl-trust-section .wl-trust-item p .trust-check-icon svg {
    width: 20px;
  }

  .wl-trust-section .wl-trust-title {
    margin-bottom: 30px;
  }

  /* solution */
  .wl-solutions-section .wl-solution-col .wl-solution-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* logo section */
  .wl-logo-section .wl-logo-grid {
    gap: 30px 20px;
  }

  .wl-logo-section .wl-logo-item svg,
  .wl-logo-section .wl-logo-item img {
    height: 25px;
  }

  /* agency */
  .wl-agency-section .wl-agency-wrapper {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .wl-agency-section .agency-feature-list {
    text-align: left;
    margin: 0 0 24px;
  }

  .wl-agency-section .agency-images-wrapper {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }

  .wl-agency-section .agency-badge {
    top: -20px;
  }

  .wl-agency-section .agency-sub-image {
    left: -20px;
    bottom: -30px;
  }

  /* pricing */
  .wl-pricing-section .wl-pricing-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .wl-pricing-section .wl-pricing-grid .wl-pricing-card:nth-child(1),
  .wl-pricing-section .wl-pricing-grid .wl-pricing-card:nth-child(2),
  .wl-pricing-section .wl-pricing-card {
    grid-column: span 1;
  }

  .wl-our-process {
    margin-top: 50px;
  }

  .wl-our-process .process-title {
    font-size: 24px;
    line-height: 33px;
  }

  /* faq */
  .wl-faq-section .wl-accordion-header {
    padding: 15px 0;
  }

  .wl-faq-section .wl-accordion-header span {
    font-size: 15px;
  }

  .wl-faq-section .wl-content-inner p {
    padding-bottom: 15px;
  }

  /* cta */
  .wl-cta-section .wl-cta-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-layout {
    flex-wrap: wrap;
  }
}

@media (max-width: 575px) {
  .wl-trust-section {
    padding: 20px 5%;
    margin-bottom: 20px;
  }

  .wl-logo-section {
    padding: 20px 0;
    margin: 20px 0;
  }

  .wl-solutions-section,
  .wl-agency-section,
  .wl-work-section,
  .wl-faq-section,
  .wl-cta-section {
    padding: 20px 0;
  }

  .wl-pricing-section {
    padding: 40px 0;
    margin: 20px 0;
  }

  .wl-solutions-section .wl-header,
  .wl-pricing-section .wl-header,
  .wl-work-section .wl-header,
  .wl-faq-section .wl-header {
    margin-bottom: 40px;
  }

  .wl-badge span {
    font-size: 13px;
    line-height: 18px;
  }

  .wl-hero-content-wrapper {
    padding: 40px 0;
    gap: 35px;
  }

  .wl-hero-content-wrapper h1 {
    font-size: 26px;
    line-height: 36px;
    margin-block: 15px;
  }

  .wl-hero-content-wrapper .wl-hero-desc {
    font-size: 14px;
    line-height: 22px;
  }

  .wl-hero-content-wrapper .hero-badge svg {
    width: 24px;
    height: 24px;
  }

  .wl-hero-content-wrapper .hero-badge span {
    font-size: 16px;
  }

  .wl-hero-background-grid .bg-grid-columns {
    gap: 10px;
  }

  .wl-btn-primary,
  .wl-btn-secondary {
    font-size: 15px;
  }

  .wl-team-wrapper .wl-avatars img {
    width: 40px;
    height: 40px;
  }

  .wl-team-wrapper {
    margin-bottom: 20px;
  }

  /* stats */
  .wl-stats-section .wl-stats-wrapper {
    grid-template-columns: 1fr;
  }

  .wl-stats-section .wl-stats-wrapper .state-card-outer {
    padding: 10px 0;
    background-image: linear-gradient(to right, #DEDEDE 25%, transparent 25%) !important;
    background-position: bottom !important;
    background-size: 16px 1.5px !important;
    background-repeat: repeat-x !important;
  }

  .wl-stats-section .wl-stats-wrapper .state-card-outer:last-child {
    background-image: none !important;
  }

  .wl-stats-section .wl-stats-wrapper .stat-card {
    min-height: auto;
    gap: 40px;
  }

  .wl-stats-section .wl-stats-wrapper .stat-card h2,
  .wl-header h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .wl-stats-section .wl-stats-wrapper .stat-card p {
    font-size: 16px;
    line-height: 26px;
  }

  /* trust */
  .wl-trust-section .wl-trust-title {
    font-size: 16px;
    line-height: 24px;
    padding: 0 10px;
  }

  .wl-trust-section .wl-trust-grid {
    gap: 25px 15px;
  }

  .wl-trust-section .wl-trust-grid .wl-trust-item {
    flex: 0 1 calc(50% - 15px);
  }

  .wl-trust-section .wl-trust-item p .trust-check-icon svg {
    width: 22px;
  }

  .wl-trust-section .wl-trust-grid .wl-trust-item .logo-box {
    height: 24px;
  }

  /* solutions */
  .wl-solutions-section .wl-solution-img-wrapper {
    margin-bottom: 10px;
  }

  .wl-solutions-section .wl-solution-card .wl-solution-card-title {
    font-size: 18px;
  }

  .wl-solutions-section .wl-solution-card p {
    font-size: 14px;
    line-height: 22px;
  }

  .wl-solutions-section .wl-solution-col {
    grid-template-columns: 1fr;
  }

  /* logo section */
  .wl-logo-section .wl-logo-grid {
    gap: 25px 15px;
  }

  .wl-logo-section .wl-logo-item {
    flex: 0 1 calc(50% - 15px);
  }

  /* agency */
  .wl-agency-section .agency-badge h3 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 5px;
  }

  .wl-agency-section .agency-feature-list {
    gap: 16px;
  }

  .wl-agency-section .agency-feature-list li {
    font-size: 14px;
    line-height: 18px;
  }

  .wl-agency-section .agency-feature-list li span {
    width: 18px;
    height: 18px;
  }

  .wl-agency-section .agency-images-wrapper {
    width: 80%;
    margin-inline: auto;
  }

  .wl-agency-section .agency-sub-image {
    width: 60%;
    right: -10%;
    bottom: -20px;
    left: auto;
  }

  .wl-agency-section .agency-badge {
    left: -10%;
    top: 10px;
  }

  /* pricing */
  .wl-pricing-section .wl-pricing-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .wl-pricing-section .wl-header h2 br {
    display: none;
  }

  .wl-pricing-section .wl-header p {
    font-size: 16px;
  }

  .wl-our-process {
    margin-top: 40px;
  }

  .wl-our-process .process-wrapper {
    grid-template-columns: 1fr;
  }

  .wl-pricing-section .wl-pricing-card {
    text-align: center;
    align-items: center;
  }

  .wl-pricing-section .wl-pricing-card ul {
    display: inline-block;
    text-align: left;
  }

  .wl-our-process .process-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .wl-our-process .process-card {
    text-align: center;
  }

  .wl-our-process .wl-trusted-badge-wrapper .wl-trust-badge span {
    font-size: 14px;
  }

  .wl-our-process .wl-trusted-badge-wrapper .wl-trust-badge svg {
    width: 20px;
  }

  /* cta */
  .wl-cta-section .wl-cta-card {
    padding: 30px;
  }

  .wl-cta-section .wl-cta-content h2 {
    font-size: 22px;
    line-height: 32px;
    ;
  }
}