.morph_negative_container {
  height: 540px;
  width: 470px;
  left: 51%;
  top: 111%;
}

.moving_shape1 {
  width: 100%;
  height: 100%;
  background: #fb383b;
  background-size: 1000%;
}

.morphing_container {
  height: 95vh;
  width: 170%;
  left: 90%;
  top: 50vh;
  overflow: -moz-hidden-unscrollable;
}

.morph_negative_container,
.morphing_container {
  transform: translate(-50%, -50%);
  position: absolute;
}

.moving_shape {
  width: 84%;
  height: 76%;
  background-size: cover;
  background-repeat: repeat;
  color: #fff;
  animation: bg-move 0s linear infinite forwards, border-move 40s linear infinite forwards;
}

@keyframes bg-move {

  0%,
  to {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 70%
  }
}

@keyframes border-move {

  0%,
  100% {
    border-radius: 51% 49% 34% 66%/39% 66% 34% 61%
  }

  10% {
    border-radius: 39% 61% 38% 62%/53% 54% 46% 47%
  }

  20% {
    border-radius: 56% 44% 52% 48%/57% 35% 65% 43%
  }

  30% {
    border-radius: 41% 59% 45% 55%/33% 56% 44% 67%
  }

  40% {
    border-radius: 46% 54% 60% 40%/55% 74% 26% 45%
  }

  50% {
    border-radius: 44% 56% 22% 78%/31% 74% 26% 69%
  }

  60% {
    border-radius: 31% 69% 32% 68%/31% 71% 29% 69%
  }

  70% {
    border-radius: 44% 56% 60% 40%/63% 36% 64% 37%
  }

  80% {
    border-radius: 46% 54% 38% 62%/44% 48% 52% 56%
  }

  90% {
    border-radius: 66% 34% 57% 43%/49% 51%
  }
}

.moving_shape1,
.moving_shape2 {
  color: #fff;
  animation: bg-move 10s linear infinite forwards, border-move 25s linear infinite forwards;
}

.moving_shape2 {
  width: 100%;
  height: 100%;
  border: 1px solid #000;
  background: 0 0;
  background-size: 1000%
}

.top_cover_page {
  margin-top: 8%;
  height: 100vh;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.web_dev_top h3,
.web_dev_top p {
  color: #191727 !important;
}

.top_cover_page h3 {
  width: 100%;
  font-family: serif;
  color: #fff;
  font-size: 80px;
}

@media only screen and (max-width: 1000px) {
  .marketing_ndda img {
    width: 90%;
    margin-top: 47%;
  }

  .many_services_cards.aos-init.ng-scope.aos-animate {
    text-align: center;
  }

  .top_cover_page .morphing_container {
    top: 0;
  }

  .morphing_container,
  .top_cover_page.extra_video_section .morph_negative_container {
    transform: translate(-50%, -27%);
    position: absolute;
  }

  .morph_negative_container {
    height: 392px;
    width: 404px;
    left: 55%;
    top: 13rem;
  }

  .top_cover_page .row {
    flex-direction: column-reverse;
  }

  .top_cover_page {
    height: auto;
    margin-bottom: 20%;
  }

  .mobile-mg {
    margin-top: 96%
  }

  .mobile-mg1 {
    margin-top: 20%
  }

  .top_cover_page h3 {
    font-size: 70px;
  }

  .moving_shape {
    width: 58%;
    height: 49%;
    margin-top: 26%;
  }
}

.mobile-mg {
  padding-top: 11%
}

/* .third_parts_3{
  font-family: serif;
  margin-top: 5%;
  margin-bottom: 8%;
  text-align: center;
} */
.third_parts_3 img {
  width: 30%;
  height: 130px;
  object-fit: contain;
}

.third_parts_3 h5 {
  color: black !important;
  font-weight: 700;
  font-size: xx-large;
}

.third_parts_3 {
  text-align: center;
}

.third_parts_3 p {
  color: #000 !important;
}

.we_general_a {
  font-family: serif;
  margin-top: 5%;
  margin-bottom: 8%;
}

.marketing_ndda .morph_negative_container {
  left: 44%;
  top: 51%;
}

@media only screen and (min-width: 1000px) {
  .marketing_ndda img {
    width: 70% !important;
    margin-left: 10%;
  }

  .marketing_mobile img {
    width: 100% !important;
    margin-left: -5% !important;
  }

}

.default_box_shadow {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -7px rgba(0, 0, 0, .2);
}

.marketing_ndda {
  margin-top: 20%;
  margin-bottom: 13%;
}

.marketing_ndda h2 {
  color: black !important;
  font-weight: 700;
}

.marketing_ndda p {
  color: black !important;
}

.benefits_many {
  background-position: center;
  background-image: url('../img/Group 298.png');
  padding: 5% 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #000;
}

.benefits_many h5 {
  color: #000;
}

.benefits_many h6 {
  font-size: 70px;
  letter-spacing: -3px;
  color: #000;
}

.benefits_many h6,
.third_parts_3 h5 {
  margin-top: 20px;
  font-family: Poppins-bold;
  color: #000 !important;
}

.benefits_many .row {
  align-items: stretch;
  justify-content: space-between;
  margin: 0;
}

.more_w_wdo {
  background: #f5f5f5;
  padding: 5% 0;
}

._one1ss {
  align-items: center;
  margin-bottom: 4%;
}

.more_w_wdo h4 {
  font-size: 60px;
  letter-spacing: -3px;
  transition: ease all .3s;
}

._one1ss p {
  font-size: 25px;
}

.input_row,
.more_w_wdo .row:nth-child(2) {
  justify-content: space-between;
}

.more_w_wdo,
.more_w_wdo h4,
.more_w_wdo h5 {
  color: black;
}

.more_w_wdo p {
  font-size: 19px;
  text-align: justify;
}

.more_description .description-box {
  padding: 20px 20px 20px 20px;
  background: #e7e7e769;
  height: 100%;
  border-radius: 3%;
}

.more_description h5 {
  font-size: 21px;
}

.mobile_container {
  left: 72%
}

.mobile_container .moving_shape {
  animation: none;
}

.about-header,
.about-header h2 {
  color: black;
}