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

body {
  font-family: 'DM Sans', sans-serif;
}


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

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

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

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

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

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

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

.cm-rn-choose-container .cm-rn-choose-item+.cm-rn-choose-item,
.cm-scale-num-item+.cm-scale-num-item,
.cm-star-ul li {
  margin-top: 30px
}

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

.cm-sec-font,
section {
  font-family: 'Montserrat', sans-serif;
  ;
  color: #13363d
}

.cm-section-h-sm {
  font-size: 24px;
  display: block
}

.cm-fs-20,
.cm-joomla-content p,
.cm-laravelbox-point h3,
.cm-left-col.cm-txt-center.cm-content.cm-lr-pad.cm-wd-80.cm-pos-relative h5 {
  font-size: 20px
}

.cm-teal-bg {
  background-color: #367c88
}

.cm-teal-col {
  color: #367c88
}

.cm-services-banner-container {
  padding-top: 160px;
  padding-bottom: 80px;
  background-color: #f1f7f5
}

.cm-services-banner-container-opencart {
  padding-top: 160px;
  padding-bottom: 80px;
  background-color: #fff
}

.cm-services-banner-container-1 {
  padding-top: 160px;
  padding-bottom: 80px;
  /* background: linear-gradient(#ce282700, #ce282700), url(https://grainy-gradients.vercel.app/noise.svg); */
  filter: contrast(122%) brightness(104%)
}

.cm-services-banner-container .cm-services-banner-container-1 .cm-content h1 {
  font-size: 40px;
  margin-bottom: 15px
}

.cm-services-banner-container .cm-services-banner-container-1 .cm-content p {
  margin-bottom: 20px
}

.cm-feat-icon-container .cm-content p {
  margin-top: 15px
}

.cm-feat-icon-item {
  width: calc(33.33% - 30px);
  margin: 0 15px 25px
}

.cm-feat-icon-item .cm-img-col,
.cm-feat-icon-item1 .cm-img-col {
  width: 80px;
  height: 80px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 50%
}

.cm-feat-icon-item .cm-img-col img {
  display: block;
  max-width: 60px
}

.cm-feat-icon-item .cm-content,
.cm-feat-icon-item1 .cm-content {
  width: calc(100% - 80px);
  padding-left: 15px
}

.cm-feat-icon-item .cm-content h4 {
  font-size: 20px;
  font-weight: 600
}

.cm-magento-scale-container .cm-left-col {
  width: 45%
}

.cm-magento-scale-container .cm-right-col {
  background-color: #f1f7f5;
  width: 55%;
  padding-left: 150px
}

.cm-scale-num-item h3 {
  font-size: 42px;
  font-weight: 400
}

.cm-magento-scale-container .cm-left-col img {
  position: absolute;
  bottom: -40px;
  width: 560px;
  left: calc((100% - 1200px)/ 2 + 50px)
}

.cm-magento-scale-container {
  margin-bottom: 60px
}

.cm-service-solution-container {
  background-color: #f1f7f5
}

.cm-service-solution-item h4 {
  font-size: 24px;
  margin-bottom: 5px
}

.cm-service-solution-item+.cm-service-solution-item {
  margin-top: 50px
}

.cm-serv-choose-container .cm-right-col img,
.cm-service-solution-container .cm-right-col img {
  max-width: 100%
}

.cm-star-ul li {
  position: relative;
  padding-left: 40px;
  font-size: 20px
}

.cm-star-ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../../assets/new-assets/services/magento/Group 286.png");
  height: 32px;
  width: 32px;
  background-size: contain;
  background-repeat: no-repeat
}

.cm-icon-strip-item h5 a,
.cm-serv-projects-container .cm-serv-projects-header a,
.cm-serv-projects-type2-container .cm-serv-projects-header a {
  text-decoration: none
}

.cm-serv-projects-container .cm-serv-projects-item {
  width: calc(50% - 30px);
  margin: 0 15px 25px
}

.cm-serv-projects-item img {
  max-width: 100%;
  height: 250px;
  object-fit: contain
}

.cm-serv-projects-item .cm-content {
  margin-top: 10px
}

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

.cm-transparent-btn {
  border: 1px solid #367c88
}

.cm-serv-projects-item .cm-btn {
  border-radius: 25px;
  padding: 10px 35px
}

.cm-serv-projects-item .cm-proj-op a:hover {
  background-color: #367c88;
  color: #fff;
  transition: .3s
}

.cm-serv-projects-header a img {
  width: 42px;
  margin-left: 10px
}

.cm-serv-projects-item .cm-img-col {
  background-color: #4975da;
  padding: 15px;
  border-radius: 15px
}

.cm-serv-projects-item:nth-child(2n) .cm-img-col {
  background-color: #57aa40
}

.cm-serv-faq-item .cm-faq-header,
.cm-serv-look-container .cm-serv-look-wrapper,
.cm-serv-projects-type2-container .cm-proj-op {
  justify-content: flex-start
}

.cm-serv-faq-item+.cm-serv-faq-item .cm-faq-header {
  padding-top: 20px
}

.cm-serv-faq-item .cm-faq-header span {
  padding: 0 15px;
  font-size: 21px;
  font-weight: 700
}

.cm-serv-faq-item+.cm-serv-faq-item {
  margin-top: 20px;
  border-top: 1px solid #000
}

.cm-serv-faq-item .cm-faq-content-inner {
  padding: 15px
}

.cm-serv-faq-item .cm-faq-content {
  display: none
}

.cm-other-stacks-container .cm-logo-marq {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 200px;
  overflow-x: hidden
}

.cm-other-stacks-container .cm-other-stacks-wrapper {
  background-color: #e2fbfe;
  padding: 50px 0;
  margin-top: 40px
}

.cm-other-stacks-container .cm-logo-marq-item {
  padding: 0 15px;
  margin: 10px 5px;
  border-radius: 15px;
  display: inline-block
}

.cm-other-stacks-container .cm-logo-marq-item img {
  max-width: 150px
}

.cm-other-stacks-container .cm-marq-track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: 60s linear infinite marq
}

.cm-other-stacks-container .cm-marq-track-reverse {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: 60s linear infinite marq-reverse
}

@keyframes marq {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(-50%)
  }
}

@keyframes marq-reverse {
  from {
    transform: translateX(-50%)
  }

  to {
    transform: translateX(0)
  }
}

.cm-proj-disc-container {
  margin: 40px 0
}

.cm-proj-disc-container .cm-proj-disc-wrapper {
  background: linear-gradient(#234f7b 0, grey 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  border-radius: 15px
}

.cm-proj-disc-container p {
  font-size: 20px;
  margin-top: 10px
}

.cm-proj-disc-container .cm-btn {
  margin-top: 60px;
  border-radius: 25px;
  font-size: 18px
}

.cm-proj-disc-container .cm-btn img {
  margin-left: 5px
}

.cm-serv-review-slider .cm-serv-review-slide {
  background-color: #7ccdb9;
  padding: 80px 0;
  position: relative;
  overflow: visible;
  margin: 0 30px 30px
}

.cm-serv-review-slide .cm-rev-img {
  position: absolute;
  left: -20px;
  max-width: 90px;
  top: 20px;
  z-index: 1
}

.cm-serv-review-slider .cm-serv-review-slide:nth-child(2n) {
  background-color: #d5f8a3
}

.cm-serv-review-container .slick-list {
  margin: 0 -30px
}

.cm-serv-review-slider .cm-serv-review-slide:after,
.cm-serv-review-slider .cm-serv-review-slide:before {
  content: "";
  position: absolute;
  left: 0;
  width: 150px;
  background-color: #000;
  height: 1px;
  top: 60px
}

.cm-serv-review-slide .cm-rev-content {
  font-size: 24px;
  padding-left: 95px;
  padding-right: 15px
}

.cm-serv-review-slide .cm-rev-content .fa-quote-left {
  font-size: 40px;
  color: #fff;
  position: absolute;
  right: 30px;
  top: 10px
}

.cm-serv-review-slide .cm-rev-content .cm-rev-meta {
  font-size: 18px;
  font-weight: 700;
  display: block;
  margin-top: 30px;
  font-style: italic
}

.cm-serv-review-slider .cm-serv-review-slide:after {
  top: unset;
  bottom: 60px
}

.cm-serv-review-slider .cm-serv-review-slide .cm-rev-count {
  position: absolute;
  font-size: 75px;
  right: 20px;
  bottom: -50px;
  font-weight: 900
}

.cm-serv-review-container .slick-dots {
  list-style: none;
  display: flex;
  justify-content: center;
  margin-top: 40px
}

.cm-serv-review-container .slick-dots li+li {
  margin-left: 15px
}

.cm-serv-review-container .slick-dots button {
  width: 20px;
  height: 5px;
  border: none;
  font-size: 0;
  background-color: #ccc;
  cursor: pointer;
  border-radius: 20px;
  transition: .3s
}

.cm-serv-review-container .slick-dots .slick-active button {
  width: 40px;
  background-color: #666
}

.cm-rn-solution-container .cm-rn-solution-item {
  width: calc(33.33% - 30px);
  margin: 0 15px 25px;
  background-color: #ebfefe;
  padding: 30px;
  border-radius: 15px
}

.cm-drupal-solution-item h4,
.cm-rn-solution-item h4 {
  font-size: 20px;
  margin-bottom: 10px;
  padding-left: 25px
}

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

.cm-rn-choose-container {
  background: linear-gradient(to right, rgba(190, 213, 218, .1), #bed5da);
  padding-bottom: 0
}

.cm-rn-choose-item img {
  width: 100px
}

.cm-rn-choose-item h4 {
  width: calc(100% - 100px);
  padding-left: 15px;
  font-weight: 400;
  font-size: 22px
}

.cm-rn-choose-container .cm-left-col img {
  display: block;
  max-width: 500px
}

.cm-serv-look-container {
  padding-bottom: 0
}

.cm-serv-look-container .cm-serv-look-item {
  background-color: #f7fbfe;
  padding: 30px 15px;
  border-radius: 15px;
  width: calc(50% - 30px);
  margin: 0 15px 25px;
  font-size: 16px
}

.cm-woocomm-banner-container .cm-hero-banner-img {
  position: absolute;
  right: 5%;
  max-width: 500px;
  bottom: 0
}

.cm-woocomm-banner-container .cm-right-col:before {
  content: "";
  position: absolute;
  background-image: url("../services/woocommerce/Group 269.png");
  width: 479px;
  height: 246px;
  right: calc((100% - 1200px)/ 2 + 45px);
  top: 100px;
  opacity: .6
}

.cm-woocomm-banner-container .cm-left-col:before {
  content: "";
  position: absolute;
  background-image: url("../services/woocommerce/Group 270.png");
  width: 600px;
  height: 200px;
  left: calc((100% - 1200px)/ 2 + 200px);
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .6
}

.cm-woocomm-solution-container .cm-left-col {
  background-color: #f4fef8;
  padding: 50px 0
}

.cm-woocomm-solution-wrapper .cm-woocomm-solution-item {
  padding: 0 35px;
  align-items: flex-start
}

.cm-woocomm-solution-item .cm-num {
  width: 64px;
  height: 64px;
  background-color: #fff;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 700;
  box-shadow: 0 10px 20px rgb(126 231 161 / 19%), 0 6px 6px rgb(126 231 161 / 23%)
}

.cm-woocomm-solution-item .cm-content {
  width: calc(100% - 64px);
  padding-left: 20px;
  color: #244e1a
}

.cm-woocomm-solution-item h4 {
  font-size: 20px;
  margin-bottom: 10px
}

.cm-woocomm-solution-wrapper .cm-woocomm-solution-item+.cm-woocomm-solution-item {
  margin-top: 95px
}

.cm-shopify-banner-container {
  background: linear-gradient(to left, #93c03c 0, #fff 100%)
}

.cm-icon-strip-container {
  padding: 10px 0;
  background-color: #f5f5f5
}

.cm-enterp-serv-container .cm-enterp-serv-item,
.cm-icon-strip-item {
  width: 33.33%;
  padding: 0 15px
}

.cm-icon-strip-item h5 {
  width: calc(100% - 84px);
  padding-left: 15px;
  font-size: 16px
}

.cm-serv-projects-type2-container .cm-serv-projects-item .cm-content {
  padding-right: 15px;
  width: calc(100% - 450px);
  padding-left: 35px
}

.cm-serv-projects-type2-container .cm-serv-projects-item .cm-img-col {
  width: 450px
}

.cm-serv-projects-type2-container .cm-serv-projects-item+.cm-serv-projects-item,
.cm-serv-review-type2-container .cm-serv-review-type2-item+.cm-serv-review-type2-item {
  margin-top: 25px
}

.cm-shopify-cta-container {
  background-color: #f5ba93
}

.cm-shopify-cta-container .cm-left-col {
  width: 60%;
  padding: 0 15px
}

.cm-shopify-cta-container .cm-page-center {
  justify-content: flex-start;
  position: relative;
  z-index: 2
}

.cm-shopify-cta-container:after {
  content: "";
  background-color: #fae2d2;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40%;
  clip-path: polygon(20% 1%, 100% 0, 100% 100%, 0% 100%)
}

.cm-shopify-cta-container .cm-left-col h2 {
  font-weight: 400
}

.cm-serv-review-type2-container .cm-serv-review-type2-item>img {
  width: 90px
}

.cm-serv-review-type2-item .cm-content {
  width: calc(100% - 90px);
  padding-left: 20px
}

.cm-serv-review-type2-item .cm-content i {
  font-size: 30px;
  color: #ea5b5f
}

.cm-box-feture-codeig p,
.cm-feture-codignite-heading p,
.cm-serv-review-type2-item {
  font-size: 16px
}

.cm-serv-review-type2-item .cm-review-meta {
  font-weight: 700
}

.cm-serv-review-type2-container .cm-left-col h2,
.form-group {
  margin-bottom: 15px
}

.cm-enterp-serv-item .cm-enterp-serv-item-header {
  background: #ee9ca7;
  background: -webkit-linear-gradient(to right, #ffdde1, #ee9ca7);
  background: linear-gradient(to right, #ffdde1, #ee9ca7);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 20px
}

.cm-enterp-serv-item .cm-enterp-serv-item-header li {
  font-size: 20px;
  font-weight: 500
}

.cm-enterp-serv-item .cm-enterp-serv-item-header li+li {
  margin-top: 5px
}

.cm-enterp-serv-item .cm-content h3 {
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
  margin-bottom: 15px
}

.cm-accl-container .cm-accl-item {
  width: calc(25% - 30px);
  margin: 0 15px 25px
}

.cm-accl-item .cm-accl-header {
  background-color: #212121;
  padding: 12px 25px;
  font-size: 18px;
  font-weight: 500;
  width: calc(100% - 25px);
  margin-right: 25px
}

.cm-accl-item .cm-content {
  width: calc(100% - 25px);
  margin-left: 25px;
  border: 1px solid #212121;
  padding: 15px;
  margin-top: -10px
}

.cm-technology-wrapper+.cm-technology-wrapper {
  margin-top: 65px;
  position: relative;
  padding-top: 35px
}

.cm-technology-wrapper .cm-technology-icon {
  width: 100px;
  height: 100px;
  border-radius: 50%
}

.cm-technology-wrapper .cm-technology-header {
  align-items: center
}

.cm-technology-wrapper h4 {
  width: calc(100% - 100px);
  padding-left: 15px;
  font-size: 28px
}

.cm-technology-wrapper .cm-technology-icon img {
  width: 60px
}

.cm-technology-wrapper .cm-technology-content li {
  padding: 0 15px 0 20px;
  width: 33.33%;
  font-size: 18px;
  position: relative
}

.cm-technology-wrapper .cm-technology-content li a {
  text-decoration: none;
  transition: .3s
}

.cm-technology-wrapper .cm-technology-content li:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #000;
  top: 9px;
  left: 0
}

.cm-technology-wrapper+.cm-technology-wrapper:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 5px;
  background-color: #6c63ff;
  top: 0;
  left: calc(50% - 40px);
  border-radius: 10px
}

.cm-technology-wrapper .cm-technology-content li a:hover {
  color: #6c63ff
}

.cm-mt-20 {
  margin-top: 20px
}

.cm-left-laravel,
.cm-right-laravel {
  animation-timing-function: linear;
  align-self: flex-end;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  margin: 0 auto;
  transform-origin: bottom
}

.cm-left-laravel {
  top: 55%;
  animation-name: cm-left-laravel
}

.cm-right-laravel {
  right: 0;
  top: 30%;
  animation-name: cm-right-laravel
}

.cm-brading-laravel {
  position: absolute;
  top: -40px;
  right: 92px;
  z-index: 0
}

.cm-building-image {
  margin-left: 185px;
  width: 532px
}

.cm-building-image1 {
  width: 500px;
  margin: -48px -113px
}

@keyframes cm-right-laravel {

  0%,
  100% {
    transform: scaleX(-1)
  }

  50% {
    transform: translateY(-100px)
  }
}

@keyframes cm-left-laravel {

  0%,
  100% {
    transform: scaleX(-1)
  }

  50% {
    transform: translateY(-100px)
  }
}

.cm-left-col.cm-txt-center.cm-content.cm-lr-pad.cm-wd-80.cm-pos-relative h1 {
  font-size: 50px;
  line-height: 1.2
}

#background-wrap {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1
}

@-webkit-keyframes animateBubble {
  0% {
    margin-top: 1000px
  }

  100% {
    margin-top: -100%
  }
}

@-moz-keyframes animateBubble {
  0% {
    margin-top: 1000px
  }

  100% {
    margin-top: -100%
  }
}

@keyframes animateBubble {
  0% {
    margin-top: 1000px
  }

  100% {
    margin-top: -100%
  }
}

@-webkit-keyframes sideWays {
  0% {
    margin-left: 0
  }

  100% {
    margin-left: 50px
  }
}

@-moz-keyframes sideWays {
  0% {
    margin-left: 0
  }

  100% {
    margin-left: 50px
  }
}

@keyframes sideWays {
  0% {
    margin-left: 0
  }

  100% {
    margin-left: 50px
  }
}

.x1 {
  -webkit-animation: 25s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  -moz-animation: 25s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  animation: 25s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  left: -5%;
  top: 5%;
  -webkit-transform: scale(.6);
  -moz-transform: scale(.6);
  transform: scale(.6)
}

.x2 {
  -webkit-animation: 20s linear infinite animateBubble, 4s ease-in-out infinite alternate sideWays;
  -moz-animation: 20s linear infinite animateBubble, 4s ease-in-out infinite alternate sideWays;
  animation: 20s linear infinite animateBubble, 4s ease-in-out infinite alternate sideWays;
  left: 5%;
  top: 80%;
  -webkit-transform: scale(.4);
  -moz-transform: scale(.4);
  transform: scale(.4)
}

.x3 {
  -webkit-animation: 28s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  -moz-animation: 28s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  animation: 28s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  left: 10%;
  top: 40%;
  -webkit-transform: scale(.7);
  -moz-transform: scale(.7);
  transform: scale(.7)
}

.x4 {
  -webkit-animation: 22s linear infinite animateBubble, 3s ease-in-out infinite alternate sideWays;
  -moz-animation: 22s linear infinite animateBubble, 3s ease-in-out infinite alternate sideWays;
  animation: 22s linear infinite animateBubble, 3s ease-in-out infinite alternate sideWays;
  left: 20%;
  top: 0;
  -webkit-transform: scale(.3);
  -moz-transform: scale(.3);
  transform: scale(.3)
}

.x5 {
  -webkit-animation: 29s linear infinite animateBubble, 4s ease-in-out infinite alternate sideWays;
  -moz-animation: 29s linear infinite animateBubble, 4s ease-in-out infinite alternate sideWays;
  animation: 29s linear infinite animateBubble, 4s ease-in-out infinite alternate sideWays;
  left: 30%;
  top: 50%;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  transform: scale(.5)
}

.x6 {
  -webkit-animation: 21s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  -moz-animation: 21s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  animation: 21s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  left: 50%;
  top: 0;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  transform: scale(.8)
}

.x7 {
  -webkit-animation: 20s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  -moz-animation: 20s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  animation: 20s linear infinite animateBubble, 2s ease-in-out infinite alternate sideWays;
  left: 65%;
  top: 70%;
  -webkit-transform: scale(.4);
  -moz-transform: scale(.4);
  transform: scale(.4)
}

.x8 {
  -webkit-animation: 22s linear infinite animateBubble, 3s ease-in-out infinite alternate sideWays;
  -moz-animation: 22s linear infinite animateBubble, 3s ease-in-out infinite alternate sideWays;
  animation: 22s linear infinite animateBubble, 3s ease-in-out infinite alternate sideWays;
  left: 80%;
  top: 10%;
  -webkit-transform: scale(.3);
  -moz-transform: scale(.3);
  transform: scale(.3)
}

.bubble {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 20px 30px rgb(0 0 0 / 20%), inset 0 10px 30px 5px rgb(255 255 255);
  -moz-box-shadow: 0 20px 30px rgba(0, 0, 0, .2), inset 0 10px 30px 5px #fff;
  box-shadow: 0 20px 30px 0 rgb(0 0 0 / 42%), inset 0 10px 30px 5px rgb(207 53 53);
  height: 113px;
  position: absolute;
  width: 113px
}

.bubble:after {
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 70%);
  background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(255, 255, 255, .5)), color-stop(70%, rgba(255, 255, 255, 0)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 70%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 70%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, .3);
  -moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, .3);
  box-shadow: inset 0 20px 30px rgba(255, 255, 255, .3);
  content: "";
  height: 100px;
  left: 10px;
  position: absolute;
  width: 100px
}

.cm-bigcommerce-attach-after::after,
.cm-bigcommerce-attach-before::before {
  content: '';
  background-image: url(../services/big-commerce/pngwing.webp);
  z-index: -2;
  position: absolute
}

.cm-laravel-why p {
  padding-left: 15px
}

.cm-lv-best-solution {
  box-shadow: 0 0 20px 0 #cdcbcb;
  width: calc(33.33% - 30px);
  margin: 10px;
  background: #fff;
  padding: 20px
}

.cm-lv-best-solution a {
  text-decoration: none;
  color: #ce2827;
  font-size: initial;
  font-weight: 500
}

.cm-feat-icon-item1 {
  width: calc(50.33% - 36px);
  margin: 0 10px 80px
}

.cm-feat-icon-item1 .cm-img-col img {
  display: block;
  max-width: 144px
}

.cm-feat-icon-item1 .cm-content h4 {
  font-size: 22px;
  font-weight: 500
}

.cm-form-project {
  background: linear-gradient(147deg, #31697c, #5a5a5a);
  padding: 30px;
  border-top: 20px solid #dfed1d;
  border-right: 20px solid #dfed1d;
  border-radius: 12px;
  color: #fff
}

.breath-pixel.cm-pos-relative {
  background-color: #dfed1d;
  padding: 30px 50px;
  border-radius: 30px;
  text-align: initial
}

.breath-pixel.cm-pos-relative a {
  text-decoration: none;
  background: #fff;
  color: #000;
  padding: 10px 30px;
  display: inline-block;
  border-radius: 8px
}

.breath-pixel.cm-pos-relative h3 {
  font-size: 35px;
  color: #000
}

.breath-pixel.cm-pos-relative p {
  color: #000;
  font-size: 16px;
  padding-right: 55px
}

.h3-form-project {
  font-style: italic;
  font-size: 35px;
  padding-bottom: 30px
}

.breath-form-lv {
  padding-left: 50px;
  padding-right: 50px
}

.breath-form-lv input[type=text] {
  width: 100%;
  padding: 25px 10px;
  font-size: 16px;
  border: none;
  border-radius: 8px
}

.breath-form-lv select {
  padding: 25px 10px;
  font-size: 16px;
  border: none;
  border-radius: 8px
}

.breath-form-lv textarea {
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 10px
}

.form-group.cm-flex-type-1 select {
  margin-right: 10px
}

.breath-form-lv input[type=submit] {
  padding: 11px 50px;
  font-size: 20px;
  border: none;
  background: #000;
  color: #fff;
  border-radius: 5px;
  width: 100%
}

.breath-pixel.cm-pos-relative img {
  position: absolute;
  top: -60px;
  width: 170px;
  right: -30px
}

.cm-woocomm-banner-container-opencart .cm-hero-banner-img {
  position: absolute;
  right: 0;
  max-width: 400px;
  bottom: 0
}

.cm-right-col.cm-hide-mob.cm-wd-50.cm-lr-pad.cm-txt-center a {
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  color: #ce2827
}

.cm-codeigniter-industry a {
  text-decoration: none;
  font-size: 22px
}

.cm-flex-type-1.cm-codeigniter-industry-box {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -15px
}

.cm-box-industry {
  width: calc(33.33% - 30px);
  margin: 31px 14px;
  text-align: center;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 0 3px grey
}

.cm-box-industry img {
  width: 90px;
  height: 132px;
  padding: 20px 0
}

.cm-drupal-points,
.cm-feture-codignite-heading,
.cm-joomla-customise {
  margin-bottom: 30px
}

.cm-box-feture-codeig {
  width: calc(50% - 40px);
  margin-bottom: 25px
}

.cm-box-feture-codeig span.cm-number-feture {
  position: absolute;
  top: -40px;
  left: -45px;
  font-weight: 700;
  font-size: 100px;
  color: gray
}

.cm-box-codeig-content {
  border: 1px solid gray;
  border-radius: 10px;
  padding: 31px 30px;
  position: relative;
  background-color: #fff;
  z-index: 999
}

.cm-codeigniter-seeking {
  background: linear-gradient(110deg, #16363d 60%, #2a5c63 60%);
  padding: 75px 30px;
  color: #fff
}

.cm-codeigniter-seeking h3 {
  font-size: 30px
}

.cm-codeigniter-seeking img {
  position: absolute;
  bottom: 0;
  right: 105px;
  width: 140px;
  height: 255px
}

.cm-box-industry.cm-full-wd-mob p {
  font-size: 16px;
  padding-top: 15px
}

.cm-drupal-solution-item {
  width: calc(50% - 20px);
  padding: 20px;
  background: #fefcec;
  margin: 6px;
  color: #000;
  border-radius: 10px
}

.drupal-1 {
  width: calc(50% - 20px);
  padding: 10px;
  background: #fff;
  margin: 6px;
  color: #000;
  border-radius: 10px;
  border: 1px solid #000;
}

.cm-drupal-solution-item h4:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #c25c1f;
  border-radius: 50%;
  left: 0;
  top: 8px
}

.drupal-servs p {
  font-size: 16px;
}

.cm-codeigniter-industry-box h3 a {
  text-decoration: none;
}

.drupal-1 h4:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #6c63ff;
  border-radius: 50%;
  left: 7px;
  top: 6px;
}

.cm-flex-drupal-point {
  display: flex;
  align-items: center;
  margin-bottom: 12px
}

.cm-flex-drupal-point span {
  font-size: 30px;
  font-weight: 900;
  border: 1px outset;
  border-radius: 50%;
  margin-right: 20px;
  width: 50px;
  text-align: center;
  height: 50px
}

.cm-drupal-point-content p {
  font-size: 22px
}

/* .cm-page-wordpress-development {
  background-size: cover;
  background-image: url(../services/wordpress/Bg-1.png);
  background-position: center;
  background-repeat: no-repeat
} */

.cm-wordp-box-sup {
  width: calc(25% - 60px);
  margin-top: 40px;
  margin-right: auto
}

.wordpress-red-point,
.wordpress-skyblue-point,
.wordpress-violate-point,
.wordpress-yellow-point {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  margin-bottom: 15px
}

.wordpress-violate-point {
  background: violet;
  box-shadow: 0 0 5px violet
}

.wordpress-yellow-point {
  background: #ff0;
  box-shadow: 0 0 5px #ff0
}

.wordpress-red-point {
  background: red;
  box-shadow: 0 0 5px red
}

.wordpress-skyblue-point {
  background: #87ceeb;
  box-shadow: 0 0 5px #87ceeb
}

.cm-wordpress-industry {
  width: calc(33.33% - 30px);
  margin: 10px
}

.wordpress-analyze-content {
  margin-left: 20px
}

.wordpress-analyze-content h4 {
  font-size: 20px;
  margin-top: 12px
}

.cm-wordpress-industry img {
  width: 100%;
  object-fit: fill;
  border-radius: 17px 17px 0 0
}

.cm-wordpress-industry .cm-word-ind-content {
  padding: 0 20px 20px
}

.cm-wordpress-industry.cm-full-wd-mob:hover {
  box-shadow: 0 0 4px 0 #c3c3c3;
  transition: .6s;
  border-radius: 17px
}

.cm-big-withoutlimit {
  background-color: #632aea;
  color: #fff;
  padding: 45px;
  border-radius: 15px
}

.cm-bigcommerce-attach-after::after {
  height: 600px;
  width: 654px;
  right: 0;
  top: -136px;
  background-repeat: no-repeat
}

.cm-bigcommerce-attach-before::before {
  height: 750px;
  width: 750px;
  left: -123px;
  top: -26px;
  background-repeat: no-repeat
}

.cm-big-option-box.cm-flex-type-1.cm-wd-100 {
  box-shadow: -1px 1px 50px 10px #ababab;
  padding: 20px 30px;
  border-radius: 15px;
  background: linear-gradient(275deg, #fff, #3054f024);
  background-color: #fff;
  margin-bottom: 35px;
  text-align: center
}

.cm-big-option-box.cm-flex-type-1.cm-wd-100 h4 {
  color: #440909
}

.cm-big-option-box.cm-flex-type-1.cm-wd-100 p {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  text-align: initial
}

.cm-wd-70.cm-reactjs-choose.cm-flex-wrap.cm-flex-type-1.cm-full-wd-mob {
  padding: 20px 0
}

.cm-wd-70.cm-reactjs-choose.cm-flex-wrap.cm-flex-type-1.cm-full-wd-mob .cm-wd-30 {
  background: #fff;
  margin: 20px 0;
  padding: 16px 10px;
  cursor: pointer;
  text-align: center;
  box-shadow: 0 0 2px #959595
}

.cm-reactwhy-icon i {
  font-size: 37px;
  padding: 32px 20px;
  color: #ffb428
}

.cm-reactwhy-icon {
  height: 100px;
  text-align: center;
  width: 100px;
  border-radius: 50%;
  margin: auto;
  border: 2px solid
}

.cm-reactwhy-icon:hover {
  background-color: #ed9720;
  transition-duration: .4s;
  border: none
}

.your-class.cm-react-slider-1.cm-pos-relative.slick-initialized.slick-slider button.slick-next.slick-arrow {
  font-size: 0px;
  border-radius: 50%;
  position: absolute;
  left: 60px;
  width: 52px;
  cursor: pointer;
  border: 1px solid;
  margin: 0 20px;
  background: #ffff;
  height: 52px;
  bottom: -95px
}

.cm-slider-clients.slick-initialized.slick-slider button.slick-next.slick-arrow:hover,
.cm-slider-clients.slick-initialized.slick-slider button.slick-prev.slick-arrow:hover,
.your-class.cm-react-slider-1.cm-pos-relative.slick-initialized.slick-slider button.slick-next.slick-arrow:hover,
.your-class.cm-react-slider-1.cm-pos-relative.slick-initialized.slick-slider button.slick-prev.slick-arrow:hover {
  background-color: #ed9720;
  transition: .6s;
  border: none;
  color: #fff
}

.your-class.cm-react-slider-1.cm-pos-relative.slick-initialized.slick-slider button.slick-prev.slick-arrow {
  position: absolute;
  bottom: -95px;
  border: 1px solid;
  background-color: #fff;
  left: 0;
  cursor: pointer;
  font-size: 0px;
  width: 52px;
  height: 52px;
  border-radius: 505%
}

.slick-next:before {
  content: '→'
}

.slick-prev:before {
  content: '←'
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 30px;
  line-height: 1;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.cm-slider-clients.slick-initialized.slick-slider button.slick-prev.slick-arrow {
  position: absolute;
  right: 0;
  top: -72px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid;
  width: 52px;
  font-size: 0;
  height: 52px;
  border-radius: 50%
}

.cm-slider-clients.slick-initialized.slick-slider button.slick-next.slick-arrow {
  position: absolute;
  right: 83px;
  top: -72px;
  background-color: #fff;
  border: 1px solid;
  cursor: pointer;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  font-size: 0
}

.cm-client-sliderbox {
  background: #fff;
  text-align: center;
  padding: 35px 65px;
  margin: 10px;
  font-size: 15px
}

.cm-star-react-rating span.fa.fa-star.checked {
  color: orange;
  font-size: 23px
}

.cm-star-react-rating span.fa.fa-star {
  color: #000;
  font-size: 23px
}

.cm-star-react-rating {
  margin-bottom: 25px
}

.cm-react-service .text-danger {
  color: red;
  font-size: 22px;
  font-weight: 500
}

.cm-wd-100.cm-react-getinfo.cm-pos-relative {
  background-color: #1d202f;
  color: #fff;
  padding: 40px;
  border-radius: 20px
}

.cm-wd-70.cm-reactjs-choose.cm-flex-wrap.cm-flex-type-1.cm-full-wd-mob .cm-wd-30:hover {
  -webkit-transform: translate(4px, -4px);
  -moz-transform: translate(4px, -4px);
  -ms-transform: translate(4px, -4px);
  transform: translate(4px, -4px);
  box-shadow: -8px 8px 0 #000;
  transition: .4s
}

.cm-wd-50.cm-react-getinfo-content {
  padding: 0 30px
}

.cm-wd-50.cm-react-getinfo-content h2 {
  font-size: 48px
}

.cm-wd-50.cm-react-getinfo-content p {
  font-size: 18px
}

.cm-reactjs-choose h3 {
  font-size: 18px;
  margin: 10px 0
}

.cm-getmoreimage {
  background-color: #eaedf2;
  height: 309px;
  border-radius: 20px
}

.cm-page-center.cm-lr-pad.cm-servicestart-uis {
  padding: 50px;
  border-radius: 20px
}

.cm-wd-70.cm-reactjs-choose.cm-flex-wrap.cm-flex-type-1.cm-full-wd-mob .cm-wd-30:hover>.cm-reactwhy-icon {
  background: #ff9300
}

.cm-type-1-ball.cm-type-1-ball {
  background-color: #ec8823;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  top: -25px;
  right: 60px
}

span.cm-type-2-ball.cm-pos-absolute {
  width: 20px;
  height: 20px;
  background: red;
  left: 40px;
  bottom: 0;
  border-radius: 50%
}

.cm-kotlin-feature-img {
  background: #fff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: 0 auto 20px
}

.cm-wd-25.cm-kotlin-feature-box {
  text-align: center;
  margin: 0 20px
}

.cm-kotlin-feature img {
  max-width: 80px
}

.cm-page-center.cm-kotlin-feature.cm-pos-relative {
  padding: 45px 10px;
  border-radius: 20px
}

.cm-wd-100.cm-txt-center.cm-kotline-feature-heading h3 {
  padding: 20px 0;
  font-size: 40px
}

.cm-slider-clients-kotlin.slick-initialized.slick-slider .cm-client-sliderbox {
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 0 20px #e9e9e9
}

.cm-kotlin-clients {
  background: #f1fbfc;
  padding: 51px 0;
  margin: 0 50px;
  border-radius: 30px
}

.cm-slider-clients-kotlin.slick-initialized.slick-slider {
  margin: 60px -50px
}

.cm-slider-clients-kotlin.slick-initialized.slick-slider button.slick-prev.slick-arrow {
  position: absolute;
  bottom: -80px;
  border-radius: 50%;
  font-size: 0;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border: none;
  cursor: pointer;
  left: calc(50% - 100px);
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%)
}

.cm-slider-clients-kotlin.slick-initialized.slick-slider button.slick-next.slick-arrow {
  position: absolute;
  bottom: -80px;
  border-radius: 50%;
  font-size: 0;
  width: 60px;
  border: none;
  background-color: #fff;
  height: 60px;
  cursor: pointer;
  left: calc(50% - 15px);
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%)
}

.cm-slider-clients-kotlin.slick-initialized.slick-slider button.slick-next.slick-arrow:hover,
.cm-slider-clients-kotlin.slick-initialized.slick-slider button.slick-prev.slick-arrow:hover {
  background: #0b0d3a;
  transition-duration: .6s;
  color: #fff
}

.cm-industry-new .cm-wordpress-industry.cm-full-wd-mob {
  border-radius: 18px;
  box-shadow: 0 0 11px #e1d8d8
}

.cm-industry-new .cm-wordpress-industry.cm-full-wd-mob img {
  padding: 20px;
  border-radius: 40px
}

.cm-reactwhy-icon img {
  padding: 26px 0
}

.box-nopcom-feature {
  width: calc(50% - 30px);
  margin: 15px;
  border-radius: 10px;
  padding: 30px
}

.box-nopcom-feature img {
  width: 100px;
  box-shadow: 0 0 15px 0 #c9c9c9
}

.box-nopcom-solution {
  width: calc(33.33% - 30px);
  margin: 20px 10px;
  padding: 40px;
  border-radius: 10px;
  background-color: #0065f4;
  color: #fff
}

.box-whychoose-nop {
  background-color: #eff7ff;
  padding: 40px 0
}

.box-whychoose-nop ul {
  margin: 0 auto;
  width: 60%;
  list-style: decimal
}

.box-whychoose-nop ul li {
  font-size: 25px;
  padding: 10px 0;
  font-weight: 700
}

.box-whychoose-nop ul li p {
  background: linear-gradient(to right, red, #3f51b3, #0027ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #00000003
}

.cm-flex.cm-mt-30.cm-flex-wrap.cm-appointment-solution {
  background: #474b64;
  border-radius: 30px;
  padding: 30px;
  color: #fff
}

.cm-flex.cm-mt-30.cm-flex-wrap.cm-appointment-solution ul {
  list-style: number
}

.cm-flex.cm-mt-30.cm-flex-wrap.cm-appointment-solution ul li {
  padding: 9px 10px;
  font-size: 18px;
  margin-left: 15px
}

.cm-wd-30.cm-appointment-app.cm-full-wd-mob.box-shadow-2 {
  width: calc(33.33% - 30px);
  margin: 10px;
  padding: 50px 40px;
  border-radius: 20px
}

.cm-box-industry-1 {
  width: calc(33.33% - 30px);
  margin: 10px 15px;
  text-align: center;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0 0 3px grey;
}

.cm-rn-solution-container h2 {
  font-size: 20px;
}

.cm-drupal-solution-item p {
  font-size: 16px;
}

.drupal-servs ul {
  list-style: none;
}

.drupal-servs ul li {
  margin: 15px 0;
}

.drupal-servs ul li h3 {
  font-size: 18px;
  position: relative;
  margin-bottom: 10px;
}

.drupal-servs ul li h3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 3px;
  background-color: #000;
}

.drupal-servs ul li p {
  font-size: 16px;
}

.drupal-1 h4 {
  font-size: 17px;
}

.drupal-1 p {
  font-size: 16px;
}

@media screen and (max-width:1200px) {
  .cm-services-banner-container .cm-content h1 {
    font-size: 35px
  }

  .cm-magento-scale-container .cm-left-col img {
    left: calc(2.5% + 15px);
    width: 500px;
    bottom: 0
  }
}

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

  .cm-enterp-serv-item .cm-enterp-serv-item-header li,
  .cm-fs-20 {
    font-size: 16px
  }

  .cm-section-h-sm {
    font-size: 22px
  }

  .cm-services-banner-container {
    padding-top: 100px;
    padding-bottom: 40px
  }

  .cm-services-banner-container .cm-content h1 {
    font-size: 28px
  }

  .cm-services-banner-container .cm-content h1 br {
    display: none
  }

  .cm-feat-icon-item .cm-content h4,
  .cm-star-ul li,
  .cm-woocomm-solution-item h4 {
    font-size: 18px
  }

  .cm-feat-icon-item .cm-img-col {
    width: 64px;
    height: 64px
  }

  .cm-feat-icon-item .cm-img-col img {
    max-width: 45px
  }

  .cm-magento-scale-container .cm-right-col,
  .cm-woocomm-solution-item .cm-content {
    padding-left: 15px
  }

  .cm-magento-scale-container .cm-left-col img {
    position: static;
    max-width: 100%;
    margin-top: 30px
  }

  .cm-magento-scale-container {
    margin-bottom: auto
  }

  .cm-proj-disc-container .cm-proj-disc-wrapper {
    margin: 0 15px
  }

  .cm-feat-icon-item .cm-content {
    width: calc(100% - 64px)
  }

  .cm-serv-projects-item .cm-btn {
    padding: 10px 15px
  }

  .cm-rn-solution-container .cm-rn-solution-item {
    width: calc(50% - 30px)
  }

  .cm-rn-choose-container .cm-left-col img {
    width: 100%
  }

  .cm-rn-choose-item img {
    width: 75px
  }

  .cm-woocomm-banner-container .cm-hero-banner-img {
    max-width: 320px
  }

  .cm-woocomm-solution-container .cm-left-col {
    width: calc(50% - 15px);
    margin-left: 15px;
    padding: 30px 0
  }

  .cm-woocomm-solution-wrapper .cm-woocomm-solution-item+.cm-woocomm-solution-item {
    margin-top: 45px
  }

  .cm-woocomm-solution-container .cm-right-col img {
    max-height: 800px
  }

  .cm-woocomm-solution-wrapper .cm-woocomm-solution-item {
    padding: 0 15px
  }

  .cm-shopify-banner-container .cm-hero-banner-img {
    max-width: 100%
  }

  .cm-serv-projects-type2-container .cm-serv-projects-item .cm-img-col {
    width: 300px
  }

  .cm-serv-projects-type2-container .cm-serv-projects-item .cm-content {
    width: calc(100% - 300px);
    padding-left: 15px
  }

  .cm-enterp-serv-item .cm-enterp-serv-item-header {
    padding: 15px
  }

  .cm-enterp-serv-item .cm-enterp-serv-item-header>img {
    width: 64px
  }

  .cm-accl-container .cm-accl-item {
    width: calc(33.33% - 30px)
  }

  .cm-technology-wrapper .cm-technology-content li {
    width: 50%;
    margin-bottom: 20px
  }

  .cm-technology-wrapper+.cm-technology-wrapper {
    margin-top: 25px
  }

  .cm-technology-wrapper h4 {
    font-size: 24px;
    width: calc(100% - 75px)
  }

  .cm-technology-wrapper .cm-technology-icon {
    width: 75px;
    height: 75px
  }

  .cm-technology-wrapper .cm-technology-icon img {
    width: 40px
  }

  .cm-wd-30.cm-full-wd-mob.cm-mob-platform {
    width: calc(50% - 10px)
  }
}

@media screen and (max-width:767px) {
  .bred-menu {
    padding-top: 90px;
    padding-bottom: 10px;
  }

  .cm-hide-mob {
    display: none !important
  }

  .cm-flex-wrap-mob {
    flex-wrap: wrap
  }

  .cm-reactjs-project,
  .cm-what-our-client {
    margin-bottom: 70px
  }

  .cm-client-sliderbox,
  .cm-wd-100.cm-react-getinfo.cm-pos-relative {
    padding: 15px
  }

  .box-whychoose-nop ul {
    width: 80%
  }

  .cm-wd-50.cm-react-getinfo-content {
    padding: 10px 0
  }

  .cm-getmoreimage {
    height: 248px
  }

  .cm-section-h-sm,
  .cm-service-solution-item h4,
  .cm-technology-wrapper h4 {
    font-size: 20px
  }

  .cm-services-banner-container .cm-left-col,
  .cm-shopify-cta-container .cm-left-col {
    width: 100%
  }

  .cm-rn-choose-container,
  .cm-services-banner-container {
    padding-bottom: 30px
  }

  .cm-services-banner-container .cm-btn {
    padding: 10px 20px;
    margin-top: 0
  }

  .cm-feat-icon-item {
    width: calc(50% - 30px)
  }

  .cm-feat-icon-item .cm-content h4 {
    font-size: 16px;
    font-weight: 500
  }

  .cm-magento-scale-container .cm-right-col {
    margin: 20px 15px 0;
    border-radius: 15px
  }

  .cm-serv-review-type2-container .cm-serv-review-type2-item,
  .cm-service-solution-item+.cm-service-solution-item {
    margin-top: 25px
  }

  .cm-serv-choose-container .cm-star-ul li {
    width: calc(50% - 15px);
    margin: 0 7.5px 20px;
    font-size: 16px
  }

  .cm-serv-choose-container .cm-star-ul {
    display: flex;
    flex-wrap: wrap
  }

  .cm-star-ul li+li {
    margin-top: 0
  }

  .cm-serv-review-slider .cm-serv-review-slide {
    margin: 0 15px 30px;
    padding: 30px 15px 40px;
    display: flex;
    align-items: center;
    border-radius: 15px
  }

  .cm-serv-review-container .slick-list {
    margin: 0 -15px
  }

  .cm-serv-review-slide .cm-rev-img {
    left: 15px;
    position: static;
    width: 90px
  }

  .cm-serv-review-slider .cm-serv-review-slide:after,
  .cm-serv-review-slider .cm-serv-review-slide:before,
  .cm-woocomm-banner-container .cm-left-col:before,
  .cm-woocomm-banner-container .cm-right-col:before {
    content: none
  }

  .cm-serv-review-slide .cm-rev-content {
    padding-left: 15px;
    font-size: 16px;
    position: relative
  }

  .cm-serv-review-slide .cm-rev-content .cm-rev-meta {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px
  }

  .cm-serv-review-slide .cm-rev-content .fa-quote-left {
    font-size: 30px;
    left: 15px;
    right: unset;
    top: -30px;
    opacity: .2
  }

  .cm-serv-review-slider .cm-serv-review-slide .cm-rev-count {
    font-size: 55px;
    bottom: -38px;
    right: 40px
  }

  .cm-serv-review-container .slick-dots,
  .cm-top-icon-content-container .cm-top-icon-content-item+.cm-top-icon-content-item,
  .cm-woocomm-solution-wrapper .cm-woocomm-solution-item+.cm-woocomm-solution-item {
    margin-top: 20px
  }

  .cm-other-stacks-container .cm-other-stacks-wrapper {
    padding: 30px 0;
    margin-top: 20px
  }

  .cm-other-stacks-container .cm-logo-marq-item img {
    max-width: 120px
  }

  .cm-other-stacks-container .cm-logo-marq {
    height: 170px
  }

  .cm-proj-disc-container .cm-btn {
    margin-top: 20px;
    font-size: 16px;
    padding: 10px 25px
  }

  .cm-proj-disc-container p,
  .cm-rn-solution-item h4 {
    font-size: 18px
  }

  .cm-serv-projects-item img {
    height: 150px
  }

  .cm-rn-solution-container .cm-rn-solution-item,
  .cm-serv-look-container .cm-serv-look-item {
    width: calc(100% - 30px)
  }

  .cm-rn-solution-item h4:before {
    top: 5px
  }

  .cm-rn-choose-item img {
    width: 64px
  }

  .cm-rn-choose-item h4 {
    width: calc(100% - 64px);
    font-size: 18px
  }

  .cm-woocomm-solution-container .cm-left-col {
    width: calc(100% - 30px);
    margin: 0 15px
  }

  .cm-woocomm-solution-item .cm-num {
    width: 40px;
    height: 40px;
    font-size: 18px
  }

  .cm-woocomm-solution-item .cm-content {
    width: calc(100% - 40px)
  }

  .cm-icon-strip-item {
    width: 50%
  }

  .cm-serv-projects-type2-container .cm-serv-projects-item .cm-img-col {
    width: 200px
  }

  .cm-serv-projects-type2-container .cm-serv-projects-item .cm-content {
    width: calc(100% - 200px)
  }

  .cm-shopify-cta-container .cm-right-col {
    padding: 0 15px
  }

  .cm-serv-review-type2-container .cm-left-col,
  .cm-serv-review-type2-container .cm-right-col {
    padding: 0
  }

  .cm-enterp-serv-container .cm-enterp-serv-item {
    width: 50%;
    margin-bottom: 25px
  }

  .cm-accl-container .cm-accl-item:last-child,
  .cm-enterp-serv-container .cm-enterp-serv-item:last-child,
  .cm-rn-solution-container .cm-rn-solution-item:last-child {
    margin-bottom: 0
  }

  .cm-accl-item .cm-accl-header {
    width: calc(100% - 15px);
    margin-right: 15px
  }

  .cm-accl-item .cm-content {
    width: calc(100% - 15px);
    margin-left: 15px
  }

  .cm-accl-container .cm-accl-item {
    width: 100%;
    margin: 0 0 25px
  }

  .cm-technology-wrapper .cm-technology-content {
    padding-top: 20px
  }

  .cm-technology-wrapper .cm-technology-content li {
    font-size: 16px;
    width: 100%
  }

  .cm-technology-wrapper .cm-technology-content li:before {
    top: 7px
  }

  .cm-building-image {
    margin-left: 0
  }

  .cm-building-image1 {
    margin: 0
  }

  .breath-form-lv {
    padding: 30px 0 0
  }

  .breath-pixel.cm-pos-relative img {
    position: absolute;
    top: -31px;
    width: 96px
  }

  .cm-kotlin-clients {
    margin: 0 10px
  }

  .cm-slider-clients-kotlin.slick-initialized.slick-slider {
    margin: 15px -10px
  }

  .cm-page-center.cm-lr-pad.cm-servicestart-uis {
    padding: 45px 0;
    border-radius: 20px
  }
}

@media screen and (max-width:480px) {
  .cm-services-banner-container .cm-content h1 {
    font-size: 24px
  }

  .cm-services-banner-container-1 .cm-content h1 {
    font-size: 24px !important
  }

  .cm-left-col.cm-txt-center.cm-content.cm-lr-pad.cm-wd-80.cm-pos-relative h5 {
    font-size: 14px !important
  }

  .cm-rn-choose-item h4,
  .cm-section-h-sm,
  .cm-woocomm-solution-item h4 {
    font-size: 16px
  }

  .cm-proj-disc-container .cm-btn {
    margin-top: 20px;
    font-size: 16px;
    padding: 10px 25px
  }

  .cm-proj-disc-container p,
  .cm-service-solution-item h4 {
    font-size: 18px
  }

  .cm-services-banner-container {
    padding-top: 120px;
    padding-bottom: 20px
  }

  .cm-feat-icon-item {
    width: 100%;
    margin: 0 15px 25px
  }

  .cm-scale-num-item h3 {
    font-size: 30px
  }

  .cm-serv-choose-container .cm-star-ul li {
    width: 100%;
    margin: 0 0 25px
  }

  .cm-feat-icon-item:last-child,
  .cm-serv-choose-container .cm-star-ul li:last-child {
    margin-bottom: 0
  }

  .cm-enterp-serv-container .cm-enterp-serv-item,
  .cm-serv-projects-container .cm-serv-projects-item,
  .cm-serv-projects-type2-container .cm-serv-projects-item .cm-content,
  .cm-serv-projects-type2-container .cm-serv-projects-item .cm-img-col {
    width: 100%
  }

  .cm-serv-projects-container .cm-serv-projects-item+.cm-serv-projects-item {
    margin: 25px 15px 0
  }

  .cm-serv-faq-item .cm-faq-header span {
    padding-left: 0
  }

  .cm-serv-faq-item .cm-faq-header {
    padding-right: 25px
  }

  .cm-proj-disc-container {
    margin: 30px 0
  }

  .cm-rn-solution-container .cm-rn-solution-item {
    padding: 15px
  }

  .cm-serv-projects-type2-container .cm-serv-projects-item,
  .cm-serv-review-type2-container .cm-serv-review-type2-item {
    flex-wrap: wrap
  }

  .cm-serv-review-type2-item .cm-content {
    width: 100%;
    padding: 0
  }

  .cm-technology-wrapper .cm-technology-icon img {
    width: 25px
  }

  .cm-technology-wrapper .cm-technology-icon {
    width: 45px;
    height: 45px
  }

  .cm-technology-wrapper h4 {
    font-size: 18px;
    width: calc(100% - 45px)
  }

  .drupal-1 {
    width: 100%;
    padding: 0;
  }

  .cm-drupal-solution-item {
    width: 100%;
  }

  .bred-menu {
    padding-top: 90px;
    padding-bottom: 10px;
  }

  .brd-menu ul li {
    font-size: 12px;
  }
}