html,
body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: #3b3b3b !important;
}
:root {
  --text_primary: #2583e9;
  --bg_color: #fff;
  --text_color: #3b3b3b !important;
  --second_primary: #f1f8ff;
  --second_button: #ff7a2f;
  --text-align: center;
  --pt_80: 70px;
  --pt_70: 70px;
  --pb_70: 70px;
  --pb_70: 70px;
  --pt_30: 30px;
  --pt_50: 50px;
  --pt_40: 40px;
  --fs_40: 40px;
  --fs_60: 60px;
  --fs_38: 38px;
  --fs_36: 36px;
  --fs_20: 20px;
  --fs_24: 24px;
  --fs_20: 20px;
  --fs_18: 18px;
  --fs_16: 16px;
  --fw_800: 700;
  --fw_600: 600;
  --fw_500: 500;
  --fw_400: 400;
}
a {
  text-decoration: none !important;
}
.p-0 {
  padding: 0px !important;
}
.m-0 {
  margin: 0px;
}
.fs-14 {
  font-size: 14px !important;
}
.pt-80 {
  padding-top: var(--pt_80);
}
.pt-70 {
  padding-top: var(--pt_70) !important;
}
.pb-70 {
  padding-bottom: var(--pb_70) !important;
}
.pt-40 {
  padding-top: var(--pt_40) !important;
}
.pt-50 {
  padding-top: var(--pt_50);
}
.text_align {
  text-align: center;
}
.p-30 {
  padding: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-20 {
  margin-top: 20px;
}
.container_wrap {
  max-width: 1440px;
  margin: auto;
  padding: 0 20px;
}
.main-section {
  padding-top: 100px;
}
section.banner_section.financial_banner {
  height: 610px;
}
.banner_section {
  background-image: url("../images/services/banner_service.webp");
  background-size: cover;
  height: 800px;
  overflow: hidden;
}
.android_banner {
  background-image: url("../images/services/banner_service.webp");
  background-size: cover;
  height: 700px !important;
}
section.banner_section.android_banner.software_product {
  height: auto !important;
  padding-bottom: 50px;
}
.banner_wrap h1 {
  margin: 0px;
  font-size: var(--fs_40);
  color: var(--text_color) !important;
  font-weight: 800 !important;
}
.banner_wrap h1 span {
  color: var(--text_primary);
}
.startup_wrap .android_inner {
  padding-top: 80px;
}
.ios_company {
  font-size: var(--fs_60);
  font-weight: var(--fw_400);
  color: var(--text_primary);
  line-height: 66px;
}
.text_fs {
  margin: 0px;
  font-size: var(--fs_20) !important;
  font-weight: var(--fw_400);
  color: var(--text_color) !important;
  line-height: 34px;
  padding-top: var(--pt_30);
}
.ios_btn {
  font-size: var(--fs_24);
  font-weight: var(--fw_600);
  color: var(--second_primary);
  background-color: var(--text_primary);
  border: none;
  padding: 16px 28px 16px 28px;
  border-radius: 60px;
  transition: all 0.3s ease;
  position: relative;
  z-index: 9;
}
.banner_center {
  display: flex;
  align-items: end;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 100px 0 0px 0;
}
.banner_center.text-center_wrap {
  align-items: center;
}
.row.banner_center.text-center_wrap {
  padding-top: 50px;
}
.banner_center.nodejs_banner_center {
  align-items: center;
  padding-top: 50px;
}
.voip_banner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 20px;
}
.android_inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 80px;
}
.software_product .android_inner {
  padding-top: 40px;
}
.software_product .android_inner {
  padding-top: 40px;
}
.banner_wrap .process_inner ul li {
  font-size: var(--fs_16);
  line-height: 34px;
  font-weight: var(400);
}
.banner_wrapp {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
  /* padding-top: 30px; */
}
.banner-animation {
  width: 400px;
  height: 400px;
  position: relative;
  display: flex;
  align-items: center;
}
.banner-animation .main-borders {
  width: 100%;
  height: 100%;
  position: relative;
}
.animation-ones {
  width: 660px;
  height: 660px;
  position: absolute;
  right: -20px;
}
.animation_two {
  width: 560px;
  height: 560px;
  position: absolute;
  right: 0px;
}
.circle_warp {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(219, 237, 255, 1);
  border-radius: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  /* margin: auto; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.case_studie_bg .col-md-5 {
  padding: 0;
}
.case_studie img {
  border-radius: 40px;
  width: 100%;
  max-width: 100%;
object-position: center right;
}
.next_gen_title {
  position: relative;
}
.next_gen_title h2:after {
  content: "";
  position: absolute;
  /* bottom: -8px; */
  width: 80px;
  height: 3px;
  background: rgba(37, 131, 233, 1);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 320px;
}
.banner-animation .circle {
  animation: circle 11s linear infinite;
}
.banner-animation .circle2 {
  animation: circle2 12s linear infinite;
}
.banner-animation .circle3 {
  animation: circle3 11s linear infinite;
}
.banner-animation .circle4 {
  animation: circle3 14s linear infinite;
}
.banner-animation .circle5 {
  animation: circle5 10.5s linear infinite;
}
.banner-animation .circle6 {
  animation: circle6 12.8s linear infinite;
}
.animation_two {
  position: absolute;
  right: -20px;
}
.animation_three {
  position: absolute;
  right: -20px;
}
.cta_button .ios_btn:hover {
  background: var(--second_primary);
  transition: all 0.3s ease;
  color: var(--text_primary);
}
.ios_cta_section p {
  max-width: 975px;
  margin: auto;
}
.ios_btn:hover {
  background: var(--second_primary);
  color: var(--text_primary);
  transition: all 0.3s ease;
}
@keyframes circle {
  0% {
    transform: rotate(0deg) translate(-330px) rotate(0deg);
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: rotate(360deg) translate(-330px) rotate(-360deg);
  }
}
@keyframes circle2 {
  0% {
    transform: rotate(0deg) translate(-330px) rotate(0deg);
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: rotate(360deg) translate(-330px) rotate(-360deg);
  }
}
@keyframes circle5 {
  0% {
    transform: rotate(0deg) translate(-330px) rotate(0deg);
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: rotate(360deg) translate(-330px) rotate(-360deg);
  }
}
@keyframes circle3 {
  0% {
    transform: rotate(0deg) translate(-280px) rotate(0deg);
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: rotate(360deg) translate(-280px) rotate(-360deg);
  }
}
@keyframes circle4 {
  0% {
    transform: rotate(0deg) translate(-280px) rotate(0deg);
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: rotate(360deg) translate(-280px) rotate(-360deg);
  }
}
@keyframes circle6 {
  0% {
    transform: rotate(0deg) translate(-280px) rotate(0deg);
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: rotate(360deg) translate(-280px) rotate(-360deg);
  }
}
.node_animation_wrap {
  margin: 0px auto;
  width: 670px;
  height: 670px;
  position: relative;
  display: flex;
  justify-content: end;
  align-items: center;
}
.big-circle {
  height: 580px;
  width: 580px;
  position: relative;
  border: 0.91px solid rgba(29, 117, 211, 1);
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  animation: Rotate 20s linear infinite;
  -webkit-animation: Rotate 20s linear infinite;
}
.icon-block {
  width: 70px;
  height: 70px;
  position: absolute;
  /* border-radius: 50%; */
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.icon-block.laravel_block {
  width: 95px;
  height: 95px;
}
.node_circle.laravel_block {
  width: 95px;
  height: 95px;
}
.icon-block img {
  margin: 0px auto;
  width: 86%;
  animation: Rotate-reverse 20s linear infinite;
  -webkit-animation: Rotate-reverse 20s linear infinite;
}
.icon-block:first-child {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.icon-block_three:first-child {
  top: 15%;
  right: 83%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
}
.icon-block:nth-child(2) {
  top: 71%;
  right: 0;
  transform: translate(50%, -50%);
  -webkit-transform: translate(22%, -50%);
}
.icon-block.ios_left:first-child {
  left: 24%;
  top: 8%;
}
.icon-block:nth-child(3) {
  bottom: 0;
  left: 30%;
  transform: translate(-57%, 12%);
  -webkit-transform: translate(-57%, 12%);
}
.icon-block.laravel_block:nth-child(3) {
  left: 3%;
  top: 51%;
}
.icon-block.enterprise_4:first-child {
  left: 57%;
  top: 2%;
}

.icon-block.laravel_block.enterprise:nth-child(3) {
  left: 2%;
  top: 37%;
}
.icon-block.laravel_block:nth-child(2) {
  top: 70% !important;
  right: 4% !important;
}
.icon-block.laravel_block.laravel_01:nth-child(2) {
  top: 93% !important;
  right: 30% !important;
}
.icon-block:nth-child(4) {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.icon-block.laravel_block.enterprise_5:nth-child(2) {
  top: 87% !important;
  right: 18% !important;
}
.circle_node_two {
  animation: circle-rotate 20s linear infinite;
  -webkit-animation: circle-rotate 20s linear infinite;
  position: absolute;
  top: 50%;
  left: 57%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 470px;
  height: 470px;
  border: 0.91px solid rgba(29, 117, 211, 1);
  border-radius: 50%;
}
.circle_node_two.laravel_two {
  width: 460px;
  height: 460px;
}
.center-logo.logo_wrap img {
  max-width: 311px !important;
}
.circle_node_two .icon-block img {
  animation: img-rotate 20s linear infinite;
  -webkit-animation: img-rotate 20s linear infinite;
}
.center-logo {
  position: absolute;
  top: 50%;
  left: 57%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.center-logo img {
  max-width: 245px;
}

.circle_three {
  animation: circle-rotate 20s linear infinite;
  -webkit-animation: circle-rotate 20s linear infinite;
  position: absolute;
  top: 50%;
  left: 57%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  width: 360px;
  height: 360px;
  border: 0.91px solid rgba(29, 117, 211, 1);
  border-radius: 50%;
}
.circle_three .icon-block img,
.icon-block_three {
  animation: img-rotate 20s linear infinite;
  -webkit-animation: img-rotate 20s linear infinite;
}
@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes Rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes Rotate-reverse {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes circle-rotate {
  from {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(405deg);
  }
}
@-webkit-keyframes circle-rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(405deg);
  }
}
@keyframes img-rotate {
  from {
    transform: rotate(-45deg);
  }
  to {
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes img-rotate {
  from {
    -webkit-transform: rotate(-45deg);
  }
  to {
    -webkit-transform: rotate(-405deg);
  }
}
.trusted_client h2 {
  margin: 0px !important;
  font-size: var(--fs_38);
  font-weight: var(--fw_500);
  text-align: var(--text-align);
  line-height: 49px;
  position: relative;
}
.trusted_client h2.text_left:after {
  content: "";
  position: absolute;
  bottom: -15px;
  width: 80px;
  height: 4px;
  background: rgba(37, 131, 233, 1);
  left: 2px;
  border-radius: 320px;
}
.trusted_client p:first-child {
  padding-top: 28px;
}
.slider_wrap {
  position: relative;
}
.slider_wrap .item img {
  align-items: center;
  max-width: 100% !important;
  width: auto !important;
  margin: 0 auto;
}
.slider_wrap .item {
  border: 1px solid #f0f0f0;
  max-width: 228px;
  border-radius: 16px;
  min-height: 120px;
  max-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.slider_wrap:before {
  content: "";
  position: absolute;
  width: 228px;
  height: 120px;
  z-index: 9;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(180deg);
}
.slider_wrap:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 228px;
  height: 120px;
  z-index: 9;
  background: linear-gradient(91deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(180deg);
}
.ios_inner_text {
  font-size: var(--fs_18);
  font-weight: var(--fw_400);
  text-align: var(--text-align);
  padding-top: var(--pt_50);
  line-height: 34px;
  margin: 0;
  max-width: 1206px;
  margin: auto;
}
.ios_services h2 {
  position: relative;
}
.ios_services h2:after {
  content: "";
  position: absolute;
  bottom: -15px;
  width: 80px;
  height: 4px;
  background: rgba(37, 131, 233, 1);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 320px;
}
.card_common {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
}
.ios_card_box {
  border: 1px solid #f0f7ff;
  padding: 30px 35px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ios_card_box h3 {
  font-size: var(--fs_20);
  font-weight: var(--fw_500);
  margin: 0;
  padding-top: var(--fs_20);
  text-align: center;
}
.ios_card_box p {
  font-size: var(--fs_16);
  font-weight: var(--fw_400);
  text-align: var(--text-align);
  margin: 0;
  line-height: 30px;
  padding-top: 12px;
}
.pt-15 {
  padding-top: 15px;
}
.light_blue_bg {
  background: #f1f8ff;
  border-radius: 40px;
  max-width: 1400px;
  margin: auto;
}
.trusted_client h2.text_left {
  text-align: left;
}
span.d-block {
  display: block;
}
.pl-50 {
  padding: 50px 10px 50px 50px !important;
}
.text_left_size {
  font-size: var(--fs_18);
  font-weight: var(--fw_400);
  line-height: 34px;
  margin: 0px;
}
.img_bg_color {
  /* background: #e8f3ff; */
  border-radius: 16px;
  display: flex;
  justify-content: center;
}
.img_bg_color img {
  max-width: 100%;
}
.ios_ecosystem .align_left {
  align-items: flex-start;
}
.ios_ecosystem .container_wrap .ios_services.trusted_client {
  width: 93%;
  margin: 0 auto;
}
.ios_card_box.align_left p {
  text-align: left;
}
.cta_bg {
  background: #252525;
  border-radius: 40px;
  background-image: url("../images/cta_bg.webp");
  background-size: cover;
}
.ios_cta_section {
  color: var(--bg_color);
}
.ios_cta_section p {
  text-align: center;
  font-size: var(--fs_18);
  padding-top: var(--pt_30);
  font-weight: var(--fw_500);
}
.cta_button {
  text-align: center;
}
.cta_button .ios_btn {
  color: var(--bg_color);
  font-size: var(--fs_20);
}
.pt-30 {
  padding-top: 30px;
}
.our_achievement {
  background: #f1f8ff;
  outline: 1px solid #f1f8ff;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  padding: 30px;
  border-radius: 20px;
  height: 100%;
}
.our_achievement p.p-0.fs-14 {
  font-weight: 500 !important;
}
.our_achievement .our-client-logos {
  min-height: 33px;
}
.our_achievement:hover {
  outline: none;
}
.our_achievement p {
  text-align: center;
  padding-top: 10px;
  font-size: var(--fs_16);
  font-weight: 400;
  line-height: 24px;
}
.our_achievement span {
  font-weight: var(--fw_600);
  margin-top: -9px;
}
.max_width_1200 {
  max-width: 1230px;
  margin: auto !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.case_studie_bg {
  background: rgba(241, 248, 255, 1);
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border-radius: 40px;
  align-items: center;
}
.case_studie {
  background: rgba(232, 243, 255, 1);
  border-radius: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.case_studie_bg .col-md-6 {
  padding: 0;
}
.case_wrap ul {
  display: flex;
  column-gap: 20px;
  list-style-type: none;
  padding: 0 0px 40px 40px;
}
.moon_tab li {
  font-size: var(--fs_18);
  color: var(--text_color);
  text-decoration: none;
  padding: 10px 20px 10px 20px;
  border-radius: 10px;
  border: 1px solid rgba(159, 205, 255, 0.5);
  cursor: pointer;
  color: rgba(66, 105, 147, 1);
  font-weight: var(--fw_500);
}
.moon_tab li:hover {
  background: rgba(232, 243, 255, 1);
}
.case_studie_bg .tab-content {
  display: none;
}
.zero_eyes_img img {
  display: flex;
  margin: auto;
}
.case_studie_bg .tab-content.active {
  display: block;
}
.tab-links li.active {
  background: rgba(232, 243, 255, 1);
  color: rgba(37, 131, 233, 1);
  font-weight: var(--fw_500);
}
.moon_invoce h2 {
  font-size: var(--fs_36);
  font-weight: var(--fw_600);
  line-height: 39.6px;
  margin: 0 !important;
}
.moon_invoce p {
  font-size: var(--fs_18);
  font-weight: var(--fw_400);
  line-height: 34px;
  color: var(--text_color);
  padding-top: 20px;
  margin: 0;
}
.key_feature h3 {
  font-size: var(--fs_18);
  font-weight: var(--fw_500);
  line-height: 19px;
  padding-top: 20px;
  margin: 0;
}
.key_feature ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  column-gap: 12px;
  row-gap: 12px;
  padding: 15px 0px 0px 0px;
}
.key_feature ul li {
  background: rgba(59, 59, 59, 0.05);
  font-size: 12px;
  font-weight: var(--fw_500);
  padding: 10px 15px 10px 15px;
  border-radius: 6px;
}
.case_button .ios_btn {
  background: var(--text_primary);
  color: var(--bg_color);
  font-size: var(--fs_20);
  transition: all 0.3s ease;
}
.case_button .ios_btn:hover {
  background: var(--second_primary);
  color: var(--text_primary);
  outline: 1px solid var(--text_primary);
}
.kay_feature_wrap {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 60px;
}
.pl-40 {
  padding: 0px 40px;
}
.client_slider_info {
  display: flex;
  align-items: center;
  column-gap: 70px;
}
.client_img {
  max-width: 635px;
  width: 100%;
  position: relative;
}
.play_icon_btn {
  position: absolute;
  cursor: pointer;
  right: 20px;
  bottom: 20px;
}
.client_review h5 {
  font-size: var(--fs_20);
  font-weight: var(--fw_500);
  line-height: 22px;
  margin: 0px;
}
.client_review h6 {
  font: var(--fs_16);
  font-weight: var(--fw_400);
  line-height: 17px;
  margin: 0;
  margin-top: 10px;
}
.clinet_location {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding-top: 10px;
  max-width: 150px;
}
.clinet_location span {
  font-size: var(--fs_16);
  font-weight: 500;
  line-height: 17px;
}
.client_img img {
  max-width: 635px;
  min-height: 400px;
}
.client_slider_info p {
  font-size: 16px;
  font-weight: var(--fw_400);
  line-height: 34px;
  margin: 0;
  padding-top: 20px;
}
.owl-carousel .owl-item img {
  width: unset !important;
}
.relative {
  position: relative;
}
.slider_info .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: 99;
}
.slider_info .owl-nav .owl-prev .nav-btn.prev-slide,
.slider_info .owl-nav .owl-next .nav-btn.next-slide {
  border: 1px solid rgba(37, 131, 233, 1);
  color: rgba(37, 131, 233, 1);
  background: var(--bg_color);
  padding: 10px 20px 10px 20px;
  border-radius: 60px;
  margin-left: 10px;
}
.active-button {
  background-color: rgba(37, 131, 233, 1) !important;
  color: #fff !important;
}
.process_wrap {
  border: 1.6px solid rgba(240, 247, 255, 1);
  padding: 30px;
  border-radius: 30px;
  cursor: pointer;
}
.process_wrap:hover {
  background: rgba(37, 131, 233, 1);
  transition: 0.8s;
}
.process_wrap:hover .process_inner h4 {
  color: var(--bg_color);
  transition: 0.8s;
}
.process_wrap:hover .process_inner li {
  color: var(--bg_color);
  transition: 0.8s;
}
.process_inner h4 {
  font-size: var(--fs_18);
  line-height: 22px;
  font-weight: var(--fw_500);
  color: rgba(59, 59, 59, 1);
  margin: 0;
}
.process_inner ul {
  margin: 0;
  padding: 20px 0px 0px 32px;
}
.process_inner ul li {
  list-style-type: none;
  position: relative;
  font-size: var(--fs_16);
  font-weight: var(--fw_400);
  line-height: 30px;
}
.process_inner ul li::before {
  content: "";
  position: absolute;
  left: -33px;
  top: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3874 7.62326L18.5776 5.80161C18.6275 5.32304 18.3638 4.8667 17.9242 4.67108L16.2504 3.9263C16.1716 3.89133 16.1087 3.82835 16.0737 3.74976L15.3292 2.0762C15.1336 1.63648 14.6772 1.37268 14.1986 1.4227L12.3766 1.61312C12.2914 1.62161 12.206 1.59853 12.1367 1.54845L10.6521 0.472528C10.2631 0.190631 9.73704 0.190632 9.34807 0.472528L7.86345 1.54845C7.79403 1.59853 7.70864 1.62161 7.6236 1.61312L5.80145 1.4227C5.3228 1.37267 4.86636 1.63648 4.67076 2.07619L3.9263 3.74976C3.8915 3.82835 3.82852 3.89133 3.74976 3.92596L2.07585 4.67104C1.63631 4.86668 1.37263 5.32299 1.42259 5.80151L1.61279 7.62326C1.62161 7.70847 1.5987 7.79403 1.54845 7.86345L0.472529 9.34807C0.190632 9.73704 0.190632 10.2631 0.472528 10.6521L1.54845 12.1367C1.5987 12.2061 1.62161 12.2917 1.61279 12.3769L1.4226 14.1984C1.37263 14.677 1.63638 15.1333 2.07599 15.3289L3.74976 16.0737C3.82835 16.1087 3.89133 16.1716 3.9263 16.2504L4.67076 17.924C4.86636 18.3637 5.3228 18.6275 5.80144 18.5775L7.6236 18.387C7.63531 18.387 7.64753 18.3852 7.65823 18.3852C7.73156 18.3852 7.80285 18.4084 7.8621 18.4517L9.34818 19.5279C9.73712 19.8096 10.263 19.8095 10.6518 19.5277L12.1367 18.4517C12.206 18.4013 12.2914 18.3782 12.3766 18.387L14.1985 18.5775C14.6772 18.6275 15.1336 18.3637 15.3292 17.924L16.0737 16.2504C16.1087 16.1716 16.1716 16.1088 16.2504 16.074L17.9243 15.329C18.3639 15.1333 18.6275 14.677 18.5776 14.1985L18.3874 12.3769C18.3784 12.2917 18.4013 12.2061 18.4517 12.1367L19.5276 10.6521C19.8094 10.2631 19.8094 9.73707 19.5276 9.34811L18.4517 7.86345C18.4013 7.79403 18.3784 7.70847 18.3874 7.62326Z' fill='%232583E9'/%3E%3Cpath d='M8.5962 12.7777C8.37775 12.7778 8.16824 12.691 8.0139 12.5364L6.2534 10.7765C6.06397 10.587 6.06397 10.2799 6.2534 10.0904C6.44289 9.90096 6.75006 9.90096 6.93955 10.0904L8.5962 11.747L12.979 7.36424C13.1685 7.17481 13.4757 7.17481 13.6652 7.36424C13.8546 7.55373 13.8546 7.8609 13.6652 8.05039L9.17851 12.5364C9.02417 12.691 8.81466 12.7778 8.5962 12.7777Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.process_wrap.active li::before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS40OCAxOS40OCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzI1ODNlOTsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIgewogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CiAgICA8Zz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTguMTMsNy4zNmwuMTktMS44MmMuMDUtLjQ4LS4yMS0uOTMtLjY1LTEuMTNsLTEuNjctLjc0Yy0uMDgtLjAzLS4xNC0uMS0uMTgtLjE4bC0uNzQtMS42N2MtLjItLjQ0LS42NS0uNy0xLjEzLS42NWwtMS44Mi4xOWMtLjA5LDAtLjE3LS4wMS0uMjQtLjA2bC0xLjQ4LTEuMDhjLS4zOS0uMjgtLjkyLS4yOC0xLjMsMGwtMS40OCwxLjA4Yy0uMDcuMDUtLjE1LjA3LS4yNC4wNmwtMS44Mi0uMTljLS40OC0uMDUtLjk0LjIxLTEuMTMuNjVsLS43NCwxLjY3Yy0uMDMuMDgtLjEuMTQtLjE4LjE4bC0xLjY3Ljc1Yy0uNDQuMi0uNy42NS0uNjUsMS4xM2wuMTksMS44MmMwLC4wOS0uMDEuMTctLjA2LjI0bC0xLjA4LDEuNDhjLS4yOC4zOS0uMjguOTIsMCwxLjNsMS4wOCwxLjQ4Yy4wNS4wNy4wNy4xNi4wNi4yNGwtLjE5LDEuODJjLS4wNS40OC4yMS45My42NSwxLjEzbDEuNjcuNzRjLjA4LjAzLjE0LjEuMTguMThsLjc0LDEuNjdjLjIuNDQuNjUuNywxLjEzLjY1bDEuODItLjE5cy4wMiwwLC4wMywwYy4wNywwLC4xNC4wMi4yLjA3bDEuNDksMS4wOGMuMzkuMjguOTEuMjgsMS4zLDBsMS40OC0xLjA4Yy4wNy0uMDUuMTUtLjA3LjI0LS4wNmwxLjgyLjE5Yy40OC4wNS45NC0uMjEsMS4xMy0uNjVsLjc0LTEuNjdjLjAzLS4wOC4xLS4xNC4xOC0uMThsMS42Ny0uNzRjLjQ0LS4yLjctLjY1LjY1LTEuMTNsLS4xOS0xLjgyYzAtLjA5LjAxLS4xNy4wNi0uMjRsMS4wOC0xLjQ4Yy4yOC0uMzkuMjgtLjkyLDAtMS4zbC0xLjA4LTEuNDhjLS4wNS0uMDctLjA3LS4xNS0uMDYtLjI0WiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjM0LDEyLjUyYy0uMjIsMC0uNDMtLjA5LS41OC0uMjRsLTEuNzYtMS43NmMtLjE5LS4xOS0uMTktLjUsMC0uNjkuMTktLjE5LjUtLjE5LjY5LDBsMS42NiwxLjY2LDQuMzgtNC4zOGMuMTktLjE5LjUtLjE5LjY5LDAsLjE5LjE5LjE5LjUsMCwuNjlsLTQuNDksNC40OWMtLjE1LjE1LS4zNi4yNC0uNTguMjRaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=");
}
.auto_height {
  overflow-y: scroll;
  width: 100%;
  min-height: 664px;
  max-height: 664px;
  overflow-x: hidden;
}
.next_gen_title h2 {
  font-size: var(--fs_38);
}
.ux_design {
  position: relative;
}
.copyright_wrap .img_wrap img {
  max-width: 100%;
  height: 24px;
  width: 121px;
}
.ux_design:after {
  content: "";
  position: absolute;
  right: 50px;
  background-image: url("../images/services/ui_ux.webp");
  width: 116px;
  height: 140px;
  background-repeat: no-repeat;
  bottom: 0;
}
.ios_one:after {
  background-image: url("../images/services/app_ios_iocn01.webp");
}
.ios_three:after {
  background-image: url("../images/services/app_ios_iocn03.webp");
}
.ios_four:after {
  background-image: url("../images/services/app_ios_iocn04.webp");
}
.ios_five:after {
  background-image: url("../images/services/app_ios_iocn05.webp");
}
.ios_six:after {
  background-image: url("../images/services/app_ios_iocn06.webp");
}
.ios_seven:after {
  background-image: url("../images/services/ui_ux.webp");
}
.process_img img {
  width: 100%;
}
.tab-img {
  display: none;
  transition: 0.8s;
}
.ios_service_pages .active {
  display: block;
  transition: 0.8s;
}
.process_wrap.active {
  background: rgba(37, 131, 233, 1);
}
.process_wrap.active,
.process_wrap.active h4 {
  color: var(--bg_color);
}
.framework_inner {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 0px 20px;
}
.ios_fremework {
  background: rgba(241, 248, 255, 1);
  border-radius: 40px;
}
.web_rtc_fremework {
  background: rgba(241, 248, 255, 1);
  border-radius: 40px;
  padding: 30px;
}
.framework_card {
  background: rgba(255, 255, 255, 1);
  padding: 20px 20px 50px 20px;
  border-radius: 20px;
  cursor: pointer;
  height: 100%;
}
.card_img {
  width: 60px;
  height: 60px;
  background: rgba(37, 131, 233, 1);
  border: 1px solid var(--text_primary);
  padding: 14px 12px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.framework_card:hover {
  background: var(--text_primary);
  transition: 0.8s;
}
.framework_card:hover .card_img {
  background: var(--bg_color);
  transition: 0.8s;
}
.framework_card:hover .card_img svg path {
  fill: rgba(37, 131, 233, 1);
  transition: 0.8s;
}
.framework_card:hover .card_contnet {
  color: #fff;
}
.card_contnet h3 {
  margin: 0;
  font-size: var(--fs_20);
  font-weight: var(--fw_500);
  line-height: 22px;
  padding-top: 20px;
}
.card_contnet p {
  font-size: var(--fs_16);
  font-weight: var(--fw_400);
  line-height: 30px;
  padding-top: 10px;
  margin: 0;
}
.ios_build.webrtc_build {
  max-width: 100%;
}
ul.width_50 {
  width: 50%;
}
.webrtc_soft {
  display: flex;
  width: 100%;
  column-gap: 20px;
}
.webrtc_soft ul {
  list-style-type: none;
  padding: 0 0 0 28px;
}
.webrtc_soft ul li {
  position: relative;
  font-size: var(--fs_16);
  font-weight: var(--fw_400);
  line-height: 30px;
  color: var(--text_color);
}
.framework_card:hover img {
  filter: invert(56%) sepia(49%) saturate(6136%) hue-rotate(193deg)
    brightness(92%) contrast(97%);
}
.app_service img {
  width: 36px;
}
.ios-app-sections .app_service {
  min-height: 78px;
}
.webrtc_soft ul li::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljg1MDUgNy42MjMyNkwxOS4wNDA3IDUuODAxNjFDMTkuMDkwNyA1LjMyMzA0IDE4LjgyNjkgNC44NjY3IDE4LjM4NzMgNC42NzEwOEwxNi43MTM1IDMuOTI2M0MxNi42MzQ4IDMuODkxMzMgMTYuNTcxOCAzLjgyODM1IDE2LjUzNjggMy43NDk3NkwxNS43OTI0IDIuMDc2MkMxNS41OTY4IDEuNjM2NDggMTUuMTQwMyAxLjM3MjY4IDE0LjY2MTcgMS40MjI3TDEyLjgzOTcgMS42MTMxMkMxMi43NTQ1IDEuNjIxNjEgMTIuNjY5MSAxLjU5ODUzIDEyLjU5OTkgMS41NDg0NUwxMS4xMTUyIDAuNDcyNTI4QzEwLjcyNjMgMC4xOTA2MzEgMTAuMjAwMiAwLjE5MDYzMiA5LjgxMTIgMC40NzI1MjhMOC4zMjY1OSAxLjU0ODQ1QzguMjU3MTYgMS41OTg1MyA4LjE3MTc4IDEuNjIxNjEgOC4wODY3MyAxLjYxMzEyTDYuMjY0NTggMS40MjI3QzUuNzg1OTMgMS4zNzI2NyA1LjMyOTQ5IDEuNjM2NDggNS4xMzM4OSAyLjA3NjE5TDQuMzg5NDMgMy43NDk3NkM0LjM1NDYzIDMuODI4MzUgNC4yOTE2NSAzLjg5MTMzIDQuMjEyODkgMy45MjU5NkwyLjUzODk5IDQuNjcxMDRDMi4wOTk0NSA0Ljg2NjY4IDEuODM1NzYgNS4zMjI5OSAxLjg4NTcyIDUuODAxNTFMMi4wNzU5MiA3LjYyMzI2QzIuMDg0NzUgNy43MDg0NyAyLjA2MTgzIDcuNzk0MDMgMi4wMTE1OSA3Ljg2MzQ1TDAuOTM1NjY0IDkuMzQ4MDdDMC42NTM3NjcgOS43MzcwNCAwLjY1Mzc2NiAxMC4yNjMxIDAuOTM1NjYzIDEwLjY1MjFMMi4wMTE1OSAxMi4xMzY3QzIuMDYxODMgMTIuMjA2MSAyLjA4NDc1IDEyLjI5MTcgMi4wNzU5MiAxMi4zNzY5TDEuODg1NzQgMTQuMTk4NEMxLjgzNTc3IDE0LjY3NyAyLjA5OTUxIDE1LjEzMzMgMi41MzkxMiAxNS4zMjg5TDQuMjEyODkgMTYuMDczN0M0LjI5MTQ4IDE2LjEwODcgNC4zNTQ0NiAxNi4xNzE2IDQuMzg5NDMgMTYuMjUwNEw1LjEzMzg5IDE3LjkyNEM1LjMyOTQ5IDE4LjM2MzcgNS43ODU5MyAxOC42Mjc1IDYuMjY0NTggMTguNTc3NUw4LjA4NjczIDE4LjM4N0M4LjA5ODQ1IDE4LjM4NyA4LjExMDY3IDE4LjM4NTIgOC4xMjEzNiAxOC4zODUyQzguMTk0NjkgMTguMzg1MiA4LjI2NTk5IDE4LjQwODQgOC4zMjUyMyAxOC40NTE3TDkuODExMzEgMTkuNTI3OUMxMC4yMDAzIDE5LjgwOTYgMTAuNzI2MSAxOS44MDk1IDExLjExNSAxOS41Mjc3TDEyLjU5OTkgMTguNDUxN0MxMi42NjkxIDE4LjQwMTMgMTIuNzU0NSAxOC4zNzgyIDEyLjgzOTcgMTguMzg3TDE0LjY2MTcgMTguNTc3NUMxNS4xNDAzIDE4LjYyNzUgMTUuNTk2OCAxOC4zNjM3IDE1Ljc5MjQgMTcuOTI0TDE2LjUzNjggMTYuMjUwNEMxNi41NzE4IDE2LjE3MTYgMTYuNjM0OCAxNi4xMDg4IDE2LjcxMzUgMTYuMDc0TDE4LjM4NzQgMTUuMzI5QzE4LjgyNyAxNS4xMzMzIDE5LjA5MDcgMTQuNjc3IDE5LjA0MDcgMTQuMTk4NUwxOC44NTA1IDEyLjM3NjlDMTguODQxNSAxMi4yOTE3IDE4Ljg2NDQgMTIuMjA2MSAxOC45MTQ5IDEyLjEzNjdMMTkuOTkwNyAxMC42NTIxQzIwLjI3MjUgMTAuMjYzMSAyMC4yNzI1IDkuNzM3MDcgMTkuOTkwNyA5LjM0ODExTDE4LjkxNDkgNy44NjM0NUMxOC44NjQ0IDcuNzk0MDMgMTguODQxNSA3LjcwODQ3IDE4Ljg1MDUgNy42MjMyNloiIGZpbGw9IiMyNTgzRTkiLz4KPHBhdGggZD0iTTExLjIwNDIgNi45OTE5NEwxNC4yMTIzIDEwTDExLjIwNDIgMTMuMDA4MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUuNzg3NyAxMEgxNC4xMjgxIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  width: 20px;
  height: 20px;
  position: absolute;
  left: -28px;
  top: 6px;
}
.web_rtc_fremework .webrtc_soft ul li {
  font-size: 16px;
  font-weight: 400;
}
.owl-carousel .clinet_location img {
  width: 32px !important;
  height: 30px;
}
.main_section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.build_img img {
  width: 100%;
  object-fit: contain;
}
.ios_build {
  max-width: 618px;
  width: 100%;
  position: relative;
}
.ios_build h2 {
  font-size: var(--fs_38);
  font-weight: var(500);
  line-height: 49px;
  margin: 0;
  position: relative;
}
.webrtc_build h2 {
  font-size: var(--pt_30) !important;
  line-height: 41px !important;
}
.ios_build p {
  font-size: var(--fs_18);
  font-weight: var(--fw_400);
  line-height: 34px;
}
.ios_build h2:after {
  content: "";
  position: absolute;
  bottom: -15px;
  width: 80px;
  height: 4px;
  background: rgba(37, 131, 233, 1);
  left: 5px;
  border-radius: 320px;
}
.app_service:hover {
  background: #2583e9;
  color: #fff !important;
}
.app_service:hover h4 {
  color: #fff;
}
.app_service:hover img {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
}
.app_service img {
  padding: 2px;
}
.text_center {
  text-align: center;
}
.fw-600 {
  font-weight: 600;
}
.mt-0 {
  margin-top: 0 !important;
}
.faq .faq-card:not(:last-child) {
  margin-bottom: 30px;
}
.faq .faq-card {
  border-radius: 8px;
  padding: 18px 30px;
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
  background: #ffffff;
  fill: var(--neutral-100, #fff);
  filter: drop-shadow(4px 2px 5px rgba(0, 0, 0, 0.06));
  max-width: 1440px;
  margin: auto;
}
.faq .faq-card .heading {
  width: 10%;
  color: #dbf1ff;
  text-align: center;
  font-size: 65px;
  font-weight: 700;
}
.faq .faq-card .heading p {
  font-size: 65px;
  margin: 0px;
  padding: 2px 0px 0px 0px;
  line-height: 1.07 !important;
}
.faq .faq-card .faq-content {
  width: 90%;
}
.faq .faq-content h3 {
  font-size: 22px;
  font-weight: 500;
  margin-top: 8px;
}
.faq-content p {
  font-size: 18px;
  line-height: 30px;
}
.faq-content ul {
  padding: 0 0 0 30px;
  line-height: 1.8;
}
.faq-content ul li {
  font-size: 16px;
}
.faq-content ul li::marker {
  font-size: 17px;
}

.faq-content ol li {
  font-size: var(--fs_18);
  font-weight: var(--fw_400);
  line-height: 30px;
}
.service_blog {
  display: flex;
  flex-wrap: wrap;
}
.blog-height-100 {
  display: flex;
  flex-wrap: wrap;
}
.blog_card_box {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 6.30497px 30px 0px rgba(61, 61, 61, 0.3);
  padding: 25px 25px 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.blog_card_box h3 {
  font-size: var(--fs_20);
  color: #000;
}
.blog_img span {
  font-size: 15px;
  font-weight: var(--fw_400);
  line-height: 16px;
  padding-top: 15px;
  display: block;
  color: var(--text_primary);
}
.blog_date {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding-top: 20px;
  margin-top: auto !important;
}
.blog_date span {
  padding: 0;
  color: rgba(101, 101, 101, 1);
}
.blog_img {
  position: relative;
  float: unset;
}
.blog_button {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.blog_button a {
  background: rgba(37, 131, 233, 1);
  color: var(--second_primary);
  font-size: var(--fs_20);
  line-height: 24px;
  border-radius: 40px;
  padding: 20px 40px;
  font-weight: var(--fw_800);
  z-index: 9;
  position: relative;
}
.blog_button a:hover {
  background: var(--second_primary);
  color: var(--text_primary);
  outline: 1px solid var(--text_primary);
}
.blog_img img {
  width: auto;
  max-width: 100%;
  object-fit: contain !important;
  height: auto !important;
}
* {
  scrollbar-width: auto;
  scrollbar-color: rgba(37, 131, 233, 0.3);
}
.banner_wrapp img {
  object-fit: contain;
}
.container_wrap ::-webkit-scrollbar {
  width: 12px;
}
.container_wrap ::-webkit-scrollbar-track {
  background: #ffffff;
}
.container_wrap ::-webkit-scrollbar-thumb {
  background-color: rgba(37, 131, 233, 0.3);
  border-radius: 10px;
  border: 3px solid #fff;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadedown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.section-to-animate {
  animation: fadeIn 1s ease-in-out 5s forwards;
}
.img_bg_color.android_inner_img {
  max-width: 560px;
  margin-left: auto;
  padding: 30px;
}
.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > textarea + span::before {
  margin-right: 4px !important;
}
textarea {
  resize: vertical;
  min-height: 100px !important;
}
.mobile_wrap_inner a {
  color: #000;
}
.attach_file_div {
  padding: 7px 10px 7px 11px !important;
}
.desktop_hire {
  display: none;
}
.max-width_953 {
  max-width: 953px;
  margin: auto;
}
.app_service {
  border: 1px solid rgba(37, 131, 233, 0.25);
  padding: 15px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  border-radius: 8px;
  max-width: 100%;
}
.app_service h4 {
  font-size: var(--fs_20);
  font-weight: var(--fw_400);
  line-height: 23px;
  margin: 0;
  color: rgb(0 0 0 / 80%);
}
.app_service.mt-30 h4 {
  font-size: var(--fs_18) !important;
}
.android_inner_img img {
  object-fit: contain;
}
.service_number ol {
  padding: 0 0 0 25px;
}
.service_number ol li {
  font-size: 18px;
  font-weight: var(--fw_400);
  line-height: 34px;
  padding-bottom: 10px;
}
.service_number ol li span {
  font-weight: var(--fw_600);
}
.webrtc_build ul {
  padding: 0 0 0 25px;
}
.webrtc_build ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
  padding-bottom: 10px;
}
.desktop_none {
  display: none;
}
.key_feature h4 {
  margin: 0;
  padding-top: 30px;
}
.width_935 {
  max-width: 935px;
  margin: auto;
}
.case_studie img {
  object-fit: contain !important;
}
/* slider  */
.esteemed-images {
    min-height: 110px;
    height: 100%;
    display: flex;
    align-items: center;
}
.esteemed-clients .wrapper .owl-stage {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.owl-carousel .owl-item img {
    margin: auto;
}
.client-imgs img {
    height: auto;
}
h2.font-24.text-nowrap.fw-600.m-0 {
    font-weight: 800;
}

.bg-lightblue {
  background: rgb(209 233 250 / 0.5);
}
.bg-lightblue .d-md-flex {
    display: flex;
    align-items: center;
}
.trusted-title {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    min-height: 100%;
    padding: 15px 0;
}
.buttons-block{
  display: flex;
  justify-content: center;
  padding-top: 40px;
}
/* responisve */
@media screen and (min-width: 1400px) and (max-width: 1660px) {
  .container_wrap {
    width: 100% !important;
  }
  :root {
    --fs_18: 16px;
  }
  .android_inner {
    padding-top: 50px;
  }
}

@media screen and (min-width: 1440px) {
  .container_wrap {
    width: 100% !important;
  }
}
@media (min-width: 1399.98px) and (max-width: 1660px) {
  :root {
    --pt_80: 50px;
    --pt_70: 70px;
    --pb_70: 70px;
    --pt_30: 30px;
    --fs_60: 60px;
  }
  .circle_node_two {
    left: 54%;
  }
  .circle_three {
    left: 54%;
  }
  .center-logo {
    left: 54%;
  }
  .client_slider_info {
    column-gap: 50px;
  }
  .banner-animation {
  }
  .animation-ones,
  .animation_two,
  .animation_three {
    right: -25px;
  }
  .container_wrap {
    max-width: 1399px;
  }

  .moon_tab li {
    font-size: 16px;
  }
  .case_wrap ul {
    column-gap: 10px;
  }
  .case_wrap ul {
    column-gap: 10px;
  }
  .kay_feature_wrap {
    column-gap: 38px;
  }
  .key_feature ul {
    column-gap: 6px;
  }
  .case_button.pt-40 {
    padding-top: 10px !important;
  }
  span.d-block {
    display: unset !important;
  }
  .app_service {
    max-width: 100%;
    column-gap: 15px;
  }
  .banner_section.nodejs_banner {
    height: 730px;
  }
}
@media screen and (max-width: 1470px) {
  .banner_section .banner_wrap p,
  .banner_section .process_inner {
    padding-right: 60px;
  }
  .banner_center {
    align-items: center;
  }
  .android_banner .banner_wrapp img.blockchainbanner-img {
    height: auto !important;
  }
}
@media screen and (max-width: 1440px) {
  .container_wrap {
    width: 100%;
  }
  /* .container {
    padding: 0 20px !important;
  } */
  .android_banner {
    height: 800px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .circle_node_two {
    left: 50%;
  }
  .circle_three {
    left: 50%;
  }
  .center-logo {
    left: 50%;
  }

}
@media screen and (max-width: 1399.98px) {
  .main-section {
    padding-top: 100px !important;
  }
  .android_inner {padding-top: 30px;}
  .text_fs{ font-size: 18px !important; padding-right: 10px !important;  padding-top: 15px !important;}
  .banner_section{height: auto; padding-bottom: 30px;}
  .banner_wrap .pt-80{padding-top: 30px;}
  .banner_wrap .process_inner ul li{font-size: 18px !important;}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  :root {
    --fs_60: 50px;
    --pt_80: 60px;
    --fs_38: 30px;
    --pt_50: 20px;
    --pt_40: 20px;
    --fs_40: 32px;
    --fs_36: 30px;
  }
  .moon_tab.tab-links li {
    font-size: 14px;
    padding: 7px 12px 7px 12px;
    font-weight: 500;
  }
  .case_wrap ul {
    padding: 33px 0px 10px 40px;
  }
  .clinet_inner p {
    font-size: 16px;
  }
  .client_slider_info {
    column-gap: 35px;
  }
  .slider_button {
    right: 24px;
    bottom: 31px;
  }
  .client_img img {
    max-width: 500px;
  }
  .benner_two {
    max-width: 580px;
  }
  .benner_one {
    max-width: 350px;
  }
  .small_icon .box_icon_wrap {
    width: 50px;
    height: 50px;
  }
  .box_icon_wrap.box-1 {
    top: 14px;
  }
  .box_icon_wrap.box-3 {
    left: 82px;
  }
  .box_icon_wrap.box-2 {
    left: 51px;
  }
  .box_icon_wrap.box-5 {
    bottom: 179px;
    left: 194px;
  }
  .box_icon_wrap.box-6 {
    bottom: 97px;
    left: 288px;
  }
  .banner-animation {
  }
  .animation-ones,
  .animation_two,
  .animation_three {
  }
  .animation-ones {
    width: 600px;
    height: 600px;
  }
  .animation_two {
    width: 530px;
    height: 530px;
  }
  .banner_wrap h1 {
    line-height: 50px;
  }
  .circle_warp {
    width: 50px;
    height: 50px;
  }
  .ios_card_box h3 {
    text-align: center;
  }
  .container_wrap {
    max-width: 1399px;
  }
  .voip_banner {
    padding-top: 100px !important;
  }
  .case_wrap ul {
    padding: 28px 0px 10px 30px;
  }
  @keyframes circle {
    0% {
      transform: rotate(0deg) translate(-300px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-300px) rotate(-360deg);
    }
  }
  @keyframes circle2 {
    0% {
      transform: rotate(0deg) translate(-300px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-300px) rotate(-360deg);
    }
  }
  @keyframes circle5 {
    0% {
      transform: rotate(0deg) translate(-300px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-300px) rotate(-360deg);
    }
  }
  @keyframes circle3 {
    0% {
      transform: rotate(0deg) translate(-260px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-260px) rotate(-360deg);
    }
  }
  @keyframes circle4 {
    0% {
      transform: rotate(0deg) translate(-260px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-260px) rotate(-360deg);
    }
  }
  @keyframes circle6 {
    0% {
      transform: rotate(0deg) translate(-260px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-260px) rotate(-360deg);
    }
  }
  .container_wrap {
    width: 90% !important;
  }
  .banner_center.nodejs_banner_center {
    padding-top: 50px !important;
  }
  .android_banner {
    height: auto !important;
    padding-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .approach_wrap {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1199.98px) {
  :root {
    --fs_60: 40px;
    --fs_40: 24px;
    --fs_24: 18px;
    --pt_80: 40px;
    --fs_20: 18px;
    --pt_30: 20px;
    --pt_70: 60px;
    --fs_38: 28px;
    --pt_50: 20px;
    --pt_40: 20px;
    --fs_36: 28px;
    --pb_70: 50px;
  }
  .banner_wrap h1 {
    line-height: 50px;
  }
  .pt-80 {
    padding-top: var(--pt_80);
  }
  .case_wrap ul {
    padding: 27px 0 10px 20px;
    column-gap: 10px;
  }
  .moon_tab.tab-links li {
    font-size: 14px;
    padding: 6px 10px 6px 10px;
  }
  .pl-40 {
    padding: 0px 24px;
  }
  .case_studie_bg .tab-content p {
    font-size: 16px;
  }
  .moon_invoce p {
    padding-top: 15px;
  }
  .client_img img {
    max-width: 400px;
    min-height: auto;
  }
  .trusted_client h2 {
    line-height: 38px;
  }
  .client_slider_info {
    column-gap: 30px;
  }
  .client_slider_info p {
    padding-top: 7px;
    line-height: 28px;
  }
  .client_slider_info p {
    font-size: 18px !important;
    line-height: 34px;
  }
  .slider_button {
    bottom: -12px;
  }
  .banner-animation {
    width: 420px;
  }
  .animation-ones {
    width: 500px;
    height: 500px;
    right: 8px;
  }
  .ios_ecosystem .container_wrap .ios_services.trusted_client {
    width: 80%;
  }
  .img_bg_color {
    height: 460px;
    align-items: center;
  }
  .img_bg_color img {
    object-fit: contain;
  }
  .animation_two {
    width: 460px;
    height: 460px;
    right: 8px;
  }
  .ios_card_box h3 {
    text-align: center;
    font-weight: 600;
    color: #3b3b3b;
  }
  .animation_three {
    display: none;
  }
  .our_achievement {
    padding: 20px;
  }
  .case_studie_bg {
    align-items: center;
  }
  .kay_feature_wrap {
    column-gap: 10px;
  }
  .mt-mobile_30 {
    margin-top: 30px;
  }
  .faq .faq-card .heading p {
    font-size: 40px !important;
  }
  .voip_banner {
    padding-top: 70px;
  }
  .banner_section {
    height: 730px;
  }
  .container_wrap {
    width: 100%;
  }
  @keyframes circle {
    0% {
      transform: rotate(0deg) translate(-250px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-250px) rotate(-360deg);
    }
  }
  @keyframes circle2 {
    0% {
      transform: rotate(0deg) translate(-250px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-250px) rotate(-360deg);
    }
  }
  @keyframes circle5 {
    0% {
      transform: rotate(0deg) translate(-250px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-250px) rotate(-360deg);
    }
  }
  @keyframes circle3 {
    0% {
      transform: rotate(0deg) translate(-220px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-220px) rotate(-360deg);
    }
  }
  @keyframes circle4 {
    0% {
      transform: rotate(0deg) translate(-220px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-220px) rotate(-360deg);
    }
  }
  @keyframes circle6 {
    0% {
      transform: rotate(0deg) translate(-220px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-220px) rotate(-360deg);
    }
  }
  .circle_warp {
    width: 50px;
    height: 50px;
  }
  .approach_wrap span.d-block {
    display: unset;
  }
  .big-circle {
    display: none;
  }
  .circle_node_two,
  .circle_three,
  .center-logo {
    left: 45%;
  }
  .container_wrap {
    width: 100% !important;
  }
  .main-section {
    padding-top: 80px !important;
  }
  .android_inner {
    padding-top: 30px;
  }
  .bg-lightblue .d-md-flex{
    display: block;
  }
}
@media (max-width: 991.98px) {
  .startup_wrap .android_inner {
    padding-top: 50px;
  }
  .main-section {
    padding-top: 30px !important;
  }
  .banner_wrap h1 {
    line-height: 20px;
  }
  :root {
    --pt_80: 20px;
    --pt_70: 50px;
    --pb_70: 50px;
    --fs_20: 18px;
    --pt_30: 28px;
  }
  .img_bg_color {
    height: auto;
    align-items: center;
  }
  .kay_feature_wrap {
    column-gap: 50px;
  }
  svg.play_icon_btn {
    width: 42px;
  }
  .banner_section .banner_wrap p,
  .banner_section .process_inner {
    padding-right: 0px;
  }
  .banner_center.nodejs_banner_center {
    padding-top: 30px !important;
  }
  .banner_center {
    justify-content: center;
  }
  .play_icon_btn {
    right: 10px;
    bottom: 0px;
  }
  .container_wrap .ios_height .case_studie_bg .col-md-5 {
    width: 100% !important;
  }
  .container_wrap .ios_height .case_studie_bg .col-md-5 .case_studie img {
    width: 100% !important;
  }
  .process_img.process_one img {
    max-width: 500px !important;
    width: 100%;
  }
  .process_img.process_one {
    display: flex;
    justify-content: center;
  }
  .ios_build {
    width: 100%;
    max-width: 100%;
  }
  .banner_img {
    justify-content: center;
    padding-top: var(--pt_30);
  }
  .approach_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  ul.width_50 {
    width: 100%;
  }
  .pl-50 {
    padding: 30px 0px 30px 30px;
  }
  .mt-30 {
    margin-top: 30px;
  }
  .mt-20 {
    margin-top: 20px;
  }
  .case_studie_bg {
    justify-content: center;
  }
  .moon_tab.tab-links li {
    font-size: 18px;
    padding: 10px 15px 10px 15px;
  }
  .case_studie img {
    width: 100%;
  }
  .clinet_location {
    padding-top: 0px;
  }
  .slider_button {
    bottom: -27px;
  }
  .mt-mobile_30 {
    margin-top: 30px;
  }
  .banner-animation img {
    max-width: 350px !important;
  }
  .banner_center {
    padding-top: 50px;
  }
  .animation-ones {
    width: 430px;
    height: 430px;
    right: 33px;
  }
  .animation_two {
    width: 390px;
    height: 390px;
    right: 33px;
  }
  .banner_section {
    height: auto;
    padding-bottom: 35px;
    padding-top: 20px;
  }
  .circle_warp img {
    width: 25px;
    height: 25px;
  }
  .circle_warp {
    width: 35px;
    height: 35px;
  }
  .banner-animation {
    width: 400px;
  }
  .banner_wrapp {
    margin-top: 40px;
    justify-content: center;
  }
  .mobile_15 {
    padding-top: 15px;
  }
  .main-section {
    padding-top: 60px !important;
  }
  .img_bg_color {
    margin-top: 15px;
  }
  .case_studie_bg {
    padding-bottom: 30px;
  }
  .client_slider_info {
    padding: 15px;
    flex-wrap: wrap;
  }
  .clinet_inner {
    padding: 14px 0 0 5px;
  }
  svg.play_icon_btn {
    background: rgba(255, 255, 255, 0.6);
    width: 48px;
    height: 48px;
    border-radius: 30px;
    bottom: 15px;
  }
  .webrtc_soft {
    display: flex;
    flex-wrap: wrap;
  }
  .mt_10 {
    margin-top: -8px;
  }
  .voip_banner {
    padding-top: 25px;
  }
  .img_bg_color.android_inner_img {
    margin: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
  .icon-block.laravel_block {
    width: 80px;
    height: 80px;
  }
  @keyframes circle {
    0% {
      transform: rotate(0deg) translate(-210px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-210px) rotate(-360deg);
    }
  }
  @keyframes circle2 {
    0% {
      transform: rotate(0deg) translate(-210px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-210px) rotate(-360deg);
    }
  }
  @keyframes circle5 {
    0% {
      transform: rotate(0deg) translate(-210px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-210px) rotate(-360deg);
    }
  }
  @keyframes circle3 {
    0% {
      transform: rotate(0deg) translate(-190px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-190px) rotate(-360deg);
    }
  }
  @keyframes circle4 {
    0% {
      transform: rotate(0deg) translate(-190px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-190px) rotate(-360deg);
    }
  }
  @keyframes circle6 {
    0% {
      transform: rotate(0deg) translate(-190px) rotate(0deg);
    }
    40% {
      opacity: 0;
    }
    50% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg) translate(-190px) rotate(-360deg);
    }
  }
  .android_banner {
    height: auto !important;
    padding-bottom: 30px;
  }
  .big-circle {
    display: flex;
    right: 73px;
  }
  .mobile_none {
    display: none;
  }
  .desktop_none {
    display: block;
  }
  section.banner_section.financial_banner {
    height: auto;
  }
  .container_wrap {
    width: 95% !important;
  }
  .android_inner {
    padding-top: 50px;
  }
  .footer_contact .newsletter_wrap .connect_submit_btn {
    padding: 10px !important;
  }
  .slider_info .owl-nav {
    right: 21px;
    bottom: 34px;
  }
  .slider_info .owl-nav {
    right: 48px;
    bottom: 30px;
  }
  .p-30 {
    padding: 12px;
  }
    .esteemed-images{
    min-height: 140px;
  }
}
@media (max-width: 767px) {
  .trusted_client p:first-child {
    padding-top: 28px !important;
  }
  .card_common {
    display: block;
  }
  .client_slider_info {
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px;
  }
  .client_img img {
    max-width: 100% !important;
  }
  .clinet_inner {
    padding-top: 20px;
    padding-left: 5px;
  }
  .kay_feature_wrap {
    flex-wrap: wrap;
  }
  .client_img svg {
    height: 50px;
  }
  .slider_info .owl-nav {
    display: block !important;
    position: absolute;
    text-align: end;
    bottom: 40px !important;
    right: 19px !important;
  }

  .faq .faq-card {
    flex-direction: column;
  }
  .trusted_client h2 {
    line-height: 30px;
  }
  .ios_card_box p {
    padding-top: 0;
  }
  .case_button {
    display: flex;
    justify-content: center;
  }
  .auto_height {
    min-height: auto;
    max-height: fit-content;
    overflow-y: hidden;
  }
  .connect_submit_btn {
    position: absolute;
    /* top: 12px !important; */
  }
  .ios_height {
    background: rgba(241, 248, 255, 1);
    border-radius: 40px;
    /* min-height: 1250px; */
  }
  .moon_invoce p {
    padding-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }
  .big-circle {
    display: none;
  }
  .circle_three {
    display: none;
  }
  .node_animation_wrap {
    height: 380px;
  }
  .circle_node_two {
    width: 320px;
    height: 320px;
  }
  .circle_node_two,
  .circle_three,
  .center-logo {
    left: 50%;
  }
  .banner_center.nodejs_banner_center {
    padding-top: 30px !important;
  }
  .center-logo.logo_wrap img {
    max-width: 270px !important;
  }
  .circle_node_two.laravel_two {
    width: 340px;
    height: 340px;
  }
  .banner_section.nodejs_banner {
    height: auto;
  }
  .android_inner {
    justify-content: center;
  }
  .img_bg_color.android_inner_img {
    padding-left: 0px;
    padding-right: 0px;
  }
  .img_bg_color.android_inner_img {
    padding-bottom: 0;
  }
  .container_wrap .auto_height.mt-20 {
    padding-top: 20px;
  }
  .teck_stack_wrap ul li:nth-child(4) {
    display: none;
  }
  .card_img img {
    height: 36px !important;
  }
}
@media (max-width: 575.98px) {
  :root {
    --fs_60: 24px;
    --pt_70: 40px;
    --pb_70: 40px;
    --fs_36: 22px;
    --fs_20: 18px;
    --pt_40: 10px;
    --fs_40: 26px;
    --fs_38: 24px;
    --fs_18: 16px !important;
  }
  .startup_wrap .android_inner {
    padding-top: 30px;
  }
  .case_studie img {
    width: 70%;
  }
  .web_rtc_fremework {
    padding: 30px 15px;
  }
  .framework_inner {
    padding: 0px 0px;
  }
  .banner_wrap .pt-80 {
    text-align: center;
  }
  .webrtc_build h2 {
    line-height: 26px !important;
  }
  .ios_company {
    line-height: 30px;
  }
  .mobile_hide {
    display: none;
  }
  .desktop_hire {
    display: block;
    padding-top: 25px;
  }
  .ios_btn {
    padding: 15px 20px 15px 20px;
    font-size: 16px;
  }
  .slider_wrap:before,
  .slider_wrap:after {
    display: none;
  }
  .approach_wrap span.d-block {
    display: unset;
  }
  .img_bg_color {
    margin-top: 20px;
  }
  .pl-50 {
    padding: 20px 10px !important;
  }
  .moon_tab.tab-links li {
    font-size: 14px;
    padding: 5px 9px 5px 9px;
  }
  .case_wrap ul {
    padding: 27px 0 10px 4px;
    column-gap: 10px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .mt-50 {
    margin-top: 20px;
  }
  .pl-40 {
    padding: 0px 10px;
  }
  .banner-animation img {
    max-width: 290px !important;
  }
  .animation_two {
    display: none;
  }
  .banner_section {
    height: auto !important;
  }
  .animation-ones {
    width: 340px;
    height: 340px;
    right: 0;
  }
  .banner-animation {
    width: 330px;
    max-width: 100%;
    justify-content: center;
  }
  .banner_wrapp {
    margin-top: 20px;
  }
  .text_fs {
    line-height: 1.8;
    padding-top: 10px;
  }
  .process_inner ul {
    padding: 6px 0px 0px 32px;
  }
  .banner_center {
    padding-top: 18px;
    justify-content: center;
  }
  .ios_card_box h3 {
    font-size: 18px;
    padding: 15px 15px;
    text-align: center;
  }
  .ios_build h2 {
    line-height: 40px;
    position: relative;
  }
  .pt-30 {
    padding-top: 10px;
  }
  .ios_card_box {
    padding: 20px 20px;
  }
  .ios_ecosystem .container_wrap .ios_services.trusted_client {
    width: 100%;
  }
  .ios_ecosystem .align_left {
    align-items: center !important;
  }
  .ios_card_box.align_left p {
    text-align: center !important;
  }
  .ios_inner_text {
    line-height: 30px !important;
    padding-top: 30px;
  }
  .ios_build h2:after {
    bottom: -16px !important;
    left: 0;
  }
  .case_button .ios_btn {
    margin-top: 20px;
  }
  .teck_stack_wrap ul li:nth-child(4),
  .teck_stack_wrap ul li:nth-child(3) {
    display: none;
  }
  .app_service {
    max-width: 100%;
  }
  .moon_invoce p {
    padding-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }
  .case_studie_bg .col-md-7 {
    padding: 0;
  }
  .max_width_1200 {
    display: block;
  }
  @keyframes circle {
    0% {
      transform: rotate(0deg) translate(-170px) rotate(0deg);
    }
    100% {
      transform: rotate(360deg) translate(-170px) rotate(-360deg);
    }
  }
  @keyframes circle2 {
    0% {
      transform: rotate(0deg) translate(-170px) rotate(0deg);
    }
    100% {
      transform: rotate(360deg) translate(-170px) rotate(-360deg);
    }
  }
  @keyframes circle5 {
    0% {
      transform: rotate(0deg) translate(-170px) rotate(0deg);
    }
    100% {
      transform: rotate(360deg) translate(-170px) rotate(-360deg);
    }
  }
  svg.play_icon_btn {
    background: rgba(255, 255, 255, 0.6);
    width: 48px;
    height: 48px;
    border-radius: 30px;
    bottom: 6px;
  }
  .custom_span {
    padding-left: 0px;
  }
  .banner_wrap h1 {
    line-height: 30px;
  }
  .kay_feature_wrap {
    column-gap: 200px;
  }
  .blog_button {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .icon-block.laravel_block {
    width: 57px;
    height: 57px;
  }
  .icon-block.laravel_block.laravel_01:nth-child(2) {
    right: 24% !important;
  }
  .icon-block.laravel_block.enterprise_5:nth-child(2) {
    right: 17% !important;
  }
  .icon-block img {
    height: 76px !important;
    width: 70%;
  }
  .banner_center {
    padding-top: 40px;
  }
  .row.banner_center.text-center_wrap {
    padding-top: 20px;
  }
}
@media (max-width: 374.99px) {
  :root {
    --fs_40: 22px;
  }
  .banner_wrap h1 {
    line-height: 26px;
  }
  .ios_build h2:after {
    bottom: -13px !important;
  }
  .ios_build h2 {
    line-height: 30px;
  }
  .banner-animation img {
    max-width: 250px !important;
  }
  .animation-ones,
  .animation_two,
  .animation_three {
    width: 300px;
    height: 300px;
    right: 17px;
  }
  @keyframes circle {
    0% {
      transform: rotate(0deg) translate(-150px) rotate(0deg);
    }
    100% {
      transform: rotate(300deg) translate(-150px) rotate(-300deg);
    }
  }
  @keyframes circle2 {
    0% {
      transform: rotate(0deg) translate(-150px) rotate(0deg);
    }
    100% {
      transform: rotate(300deg) translate(-150px) rotate(-300deg);
    }
  }
  @keyframes circle5 {
    0% {
      transform: rotate(0deg) translate(-150px) rotate(0deg);
    }
    100% {
      transform: rotate(300deg) translate(-150px) rotate(-300deg);
    }
  }
}
/* form */
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span,
.pure-material-textfield-outlined
  > textarea:not(:focus):placeholder-shown
  + span {
  padding-left: 0px;
}
.contact_form_main .call_career {
  margin: 0px !important;
  padding-top: 15px;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.img_bg_color.android_inner_img.mobile_none.codeigniter {
  max-width: fit-content;
}
.play_icon_btn {
  background: rgb(165 155 155 / 60%) !important;
  border-radius: 50px !important;
  border: none;
}
.blog_date {
  justify-content: flex-start !important;
}
.max_width_1200 b {
  padding-left: 7px;
}