.new-ios-banner {
  background-image: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/new-hiring-dev/banner.jpg);
  height: auto;
}
.navbar-light .navbar-nav .nav-link.active {
  color: rgb(255 255 255 / 90%);
}
.hire_app_dev_for_ios .ios-grid-slider .owl-nav button i:hover {
  color: #fff;
  background: linear-gradient(96.07deg, #356eff 33.22%, #2d42ff 107.94%);
}
.yourzazz-contact-us .disable {
  pointer-events: none !important;
}

#userMessage {
  height: 83px;
}
.banner-form form .sub-button {
  margin-left: 17px;
}
.banner-form form .sub-button {
  margin-top: 10px;
  margin-bottom: 10px;
}

.sum-captcha-r {
  margin: -32px 12px;
}

.sum-captcha-l {
  padding-top: 1px;
}

.mobiledev {
  display: none !important;
}

.hvr-float-shadow.all_btns a {
  text-transform: initial;
}

.new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
  width: 500px;
}

.ios-top-brands h3 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  line-height: 32px;
  color: #212121;
}

.brandslogo {
  width: 1242.83px;
  height: 89.42px;
}

.ios-top-brands {
  background: #f7fcff;
  padding-top: 63px;
  padding-bottom: 42px;
}

.ios-top-brands .brandslogo {
  margin-left: -14px;
}

.numbering-style ul li span {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-size: 36px;
  line-height: 54px;
  text-align: center;
  color: #0091ff;
  position: relative;
  margin-right: 246px;
  left: 131px;
}

.numbering-style ul li .cir::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  right: -16px;
  border: 2px solid #0091ff;
  border-radius: 50%;
}

.numbering-style ul li .arrow1:after {
  content: "";
  position: absolute;
  width: 228px;
  height: 1.8px;
  background-color: #0091ff;
  top: 50%;
  left: 42px;
}

.arrow {
  border: solid #0091ff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
}

.right {
  transform: rotate(-45deg);
  position: relative;
  left: 100px;
  bottom: 6px;
}

.right1 {
  bottom: 5px;
}

.numbering-style ul li .circle1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  right: -19px;
  border: 2px solid #0091ff;
  border-radius: 50%;
}

.numbering-style ul li .arrow2:after {
  content: "";
  position: absolute;
  width: 218px;
  height: 1.8px;
  background-color: #0091ff;
  top: 51%;
  left: 42px;
}

.process .heading-text h2 {
  margin: 88px 0 56px 34px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 42px;
  line-height: 63px;
  color: #000000;
}

.eng-model-text-flex h4 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  text-align: center;

  color: #212121;
}

.eng-model-text p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  color: #767676;
}

.hire-detail {
  margin: 40px 0 0px 150px;
}

h2 span {
  border: none;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 42px;
  line-height: 63px;
  color: #000000;
}

.my-border .strips {
  position: absolute;
  width: 350px;
  height: 3px;
  left: 559px;
  bottom: 16px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anim;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anim {
  0% {
    width: 0%;
  }

  100% {
    width: 350px;
  }
}

.hire-heading p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  text-align: center;

  color: #1e1e1e;

  opacity: 0.7;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

a {
  font-family: "Poppins" !important;
}

.ios-facilities .icon-bx img {
  float: left;
  width: 48px;
  height: 48px;
}

.ios-facilities .icon-bx {
  display: flex;
  margin-bottom: 33px;
}

.facilities-body {
  position: relative;
  left: 35px;
}

.ios-facilities {
  padding-bottom: 30px;
}

.specific-sec {
  padding-bottom: 60px;
}

.ios-facilities .icon-bx p {
  margin: 12px 0 0 9px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000;
}

.ios-facilities .icon-bx p a {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}

.showskills {
  position: relative;
  top: 12px;
}

.ios-cta .ctareal {
  background-image: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/new-hiring-dev/cta-min.png);
}

.ios-cta .ctaBtn a {
  position: relative;
  left: 855px;
  bottom: 97px;
}

.ios-cta h2 {
  font-family: "Poppins" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 133%;
  letter-spacing: -1px;
  color: #ffffff;
  margin-bottom: 10px;
}

.ios-cta p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  color: #d4e0ee;
}

.ios-cta .ctaBtn {
  margin-bottom: 9px;
}

.ios-cta .ctabg {
  padding: 43px 0 0 72px;
}

.hiringmodel h2 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: 63px;
  text-align: center;
  color: #000000;
  margin-bottom: 45px;
}

.hiringmodel {
  margin-top: 60px;
  margin-bottom: 60px;
}

.extra-padding {
  padding: 30px 0 40px;
}

.desktop-view {
  display: flex;
}

.full-time {
  display: flex;
  justify-content: flex-end;
  padding-right: 0px;
}

.interview-box {
  border-top-left-radius: 39px;
  border-top-right-radius: 39px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border: 2px solid #0091ff;
  width: 100%;
  height: 388px;
}

.interview-box .full {
  padding: 39px 30px 32px;
}

.interview-box .full > div {
  width: 100%;
  display: -webkit-inline-box;
}

.interview-box .full h4 {
  font-weight: 600;
  font-size: 36px;
  letter-spacing: -1px;
  color: #212121;
  width: 87%;
  margin-bottom: 0;
  font-family: "Poppins" !important;
}

.interview-box .full img.clock {
  width: 12%;
  opacity: 1;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

.interview-box .full img {
  opacity: 0.8;
  width: 100%;
}

.interview-box .time {
  padding: 0px 40px 31px 30px;
  display: -webkit-inline-box;
  width: 100%;
}

.interview-box .time div {
  width: 56%;
}

.interview-box .time h6 {
  font-size: 20px !important;
  font-family: "Poppins" !important;
  line-height: 103%;
  color: #212121;
  font-weight: 600;
}

.interview-box .time h3 {
  color: #0091ff;
  font-weight: 600;
  font-size: 64px;
  line-height: 43px;
  margin-top: 28px;
}

.interview-box .time p {
  font-size: 18px;
  font-weight: 500;
  color: #676767;
  margin-bottom: 0pc;
}

p {
  font-family: "Poppins" !important;
}

.interview-btn:before,
.interview-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: all 0.5s ease 0s;
}

.part-time {
  display: flex;
  justify-content: center;
}

.interview-box.main-box {
  border-top: 15px solid #0091ff;
  border-left: 4px solid #0091ff;
  border-right: 4px solid #0091ff;
  border-bottom: 4px solid #0091ff;
  box-shadow: 0px 16px 60px rgb(0 0 0 / 8%);
  height: 405px;
  margin-top: -16px;
}

.interview-box .full h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.02em;
  color: #0091ff;
  margin-bottom: 0;
  margin-top: -20px;
  font-family: "Poppins" !important;
}

.interview-box .full h4 {
  font-weight: 600;
  font-size: 36px;
  letter-spacing: 0px;
  color: #212121;
  width: 87%;
  margin-bottom: 0;
  font-family: "Poppins" !important;
}

.interview-box .full img {
  opacity: 0.8;
  width: 100%;
}

.hourly {
  padding-left: 0px;
}

.interview-box .time h3.Flexible {
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 0pc;
  margin-top: 34px;
}

.interview-btn {
  font-family: "Poppins" !important;
}

.interview-btn {
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5)
    ),
    #0091ff;
  border-radius: 14px;
  width: 93%;
  padding: 20px 36px;
  height: 71px;
  border: 0px;
  font-weight: 600;
  font-size: 18px;
  color: #ffffff !important;
  font-family: "Poppins" !important;
  position: relative;
}

.interview-box.main-box:hover .interview-btn {
  background: #0091ff;
}

.interview-box.main-box .interview-btn {
  border-radius: 14px;
}

.interview-btn:hover {
  color: #fff;
}

button:hover {
  outline: 0 !important;
}

.interview-btn:hover:before {
  background: rgba(255, 255, 255, 0.7);
  left: 60%;
  right: 60%;
}

.interview-btn:hover:after {
  background: rgba(255, 255, 255, 0.7);
  top: 60%;
  bottom: 60%;
}

.interview-box:hover .interview-btn {
  background: #0091ff;
}

.hiringmodel .my-border .strips {
  position: absolute;
  width: 408px;
  height: 3px;
  left: 409px;
  bottom: 41px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anim1;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anim1 {
  0% {
    width: 0%;
  }

  100% {
    width: 408px;
  }
}

.dev-tabs {
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.dev-tabs button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 16px;
  font-size: 22px;
  margin: 25px 10px;
}

/* .dev-tabs button:hover {
    color: #FFFFFF;
  } */
.dev-tabs button {
  background: #f0f6ff;
  border-radius: 54px;
  width: auto;
  height: auto;
  color: #626262;
}

.dev-tabs button.active {
  color: #ffffff;
  width: auto;
  height: auto;
  background: #0091ff;
  border-radius: 54px;
}

.devtabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.ios-developers .owl-nav {
  display: flex;
  justify-content: flex-start;
  margin-top: -16px;
  margin-bottom: 21px;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.Demand-iOS .ios-developers img {
  width: 100% !important;
  /* height: 348px; */
  object-fit: cover;
}

.martin {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-around;
}

.ios-developers button:hover {
  background: #212121;
  color: #fff;
}

.ios-developers button {
  font-weight: 500;
  font-family: "Poppins" !important;
}

.ios-developers button {
  border: 2px solid #212121;
  box-sizing: border-box;
  width: 127px;
  height: 48px;
  border-radius: 36px;
  font-size: 16px;
  background: none;
}

.ios-developers h6 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  /* font-size: 20px; */
  line-height: 32px;
  color: #212121;
}

.ios-developers p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #636363;
}

.ios-developers .owl-nav .owl-prev i:hover {
  background: linear-gradient(96.07deg, #2d42ff 33.22%, #356eff 107.94%);
  color: #fff;
}

.ios-developers .owl-nav button i {
  background: #f6f7fb;
  width: 67px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.ios-developers .owl-nav button i.fa-arrow-right {
  margin-left: 0px !important;
}

.ios-developers button.owl-next,
.ios-developers button.owl-prev {
  width: revert;
}

.ios-developers .owl-nav .owl-next i:hover {
  background: linear-gradient(96.07deg, #356eff 33.22%, #2d42ff 107.94%);
}

/* .owl-theme .owl-nav [class*='owl-']:hover {
    background: 0 0;
    color: inherit;
} */
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #86979100;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #86979100;
}

.topdev .container h2 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 42px;
  line-height: 63px;
  color: #000000;
}

.topdev .container h2 span {
  font-weight: bolder;
}

.topdev .container p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #626262;
  margin-bottom: 0px;
}

.topdev .my-border .strips {
  position: absolute;
  width: 450px;
  height: 3px;
  left: 463px;
  bottom: 16px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anim2;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anim2 {
  0% {
    width: 0%;
  }

  100% {
    width: 450px;
  }
}

.toptech .my-border .strips {
  position: absolute;
  width: 230px;
  height: 3px;
  left: 74px;
  bottom: 79px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anim4;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anim4 {
  0% {
    width: 0%;
  }

  100% {
    width: 230px;
  }
}

.process .my-border .strips {
  position: absolute;
  width: 260px;
  height: 3px;
  left: 546px;
  bottom: 64px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anim5;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anim5 {
  0% {
    width: 0%;
  }

  100% {
    width: 260px;
  }
}

.techtabcontent .container {
  margin-top: 47px;
}

.toptech .ios-facilities .icon-bx {
  display: flex;
  flex-direction: column;
}

.techtabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.toptech .ios-facilities .icon-bx img {
  width: 74.81px;
  height: 74.81px;
}

.toptech .ios-facilities .icon-bx p a {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 29px;
  text-transform: uppercase;
  position: relative;
  left: -52px;
  display: flex;
  justify-content: center;
  color: #1e1e1e;
  align-items: center;
  text-align: center;
}

.section1 {
  /* padding: 80px 0 0; */
  position: relative;
}

.process-sec,
.In-Demand,
.Reasons {
  margin-bottom: 39px;
}

.Reasons h2 {
  position: relative;
  z-index: 2;
}

.desktop-view {
  display: flex;
}

.about-section5 .row,
.col-md-4,
.col-md-8 {
  padding: 0 15px !important;
}

.hire-ios-bo {
  width: 100%;
  height: 415px;
  /* background: #FFFFF5; */
  border-radius: 22.7666px;
  padding: 50px 20px 40px 23px;
  margin-bottom: 41px;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

.hire-ios-bo img {
  max-width: 100%;
  margin-bottom: 19px;
}

.mobile-view {
  display: none;
}

body {
  overflow: hidden;
}

.desktop-view h4 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  line-height: 34px;
  color: #212121;
}

.desktop-view p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #767676;
}

.timezone {
  background: #e8f4f8;
}

.productivity {
  background: #eff9f2;
}

.transparent {
  background: #f8f5ff;
}

.craftsmanship {
  background: #fff7f5;
}

.stacks {
  background: #fffff3;
}

.experienced {
  background: #f5f8ff;
}

.adaptability {
  background: #fff5f9;
}

.expertise {
  background: #eef9e9;
}

.inexpensive {
  background: rgba(226, 242, 242, 0.8);
}

.portfoliobg {
  background: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/about-new/portfolio-bg.png);
  /* background-size: contain; */
  background-repeat: no-repeat;
  padding: 62px 167px;
  text-align: center;
}

.portfolio-bg {
  padding-bottom: 0;
  padding-top: 75px;
}

.portfolio-bg a span {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.portfoliobg p span {
  font-family: "Poppins" !important;
  font-style: normal;
  font-weight: 600;
  font-size: 28.5113px;
  line-height: 143%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #ffa800;
}

.portfoliobg p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 28.5113px;
  line-height: 143%;
  /* text-align: center; */
  letter-spacing: -0.01em;
  color: #ffffff;
  margin-bottom: 44px;
}

.ctaBtn a:hover:after {
  background: rgba(97, 156, 233, 0.7);
  top: 60%;
  bottom: 60%;
}

.ctaBtn1 {
  position: absolute;
  /* width: 245px; */
  width: 380px;
  height: 48px;
  margin-top: -62px;
  margin-left: 210px;
  background: #ffa800;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.1s;
}

.ctaBtn1 a:hover {
  color: #1c81ff;
}

.ctaBtn1 a {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff !important;
}

.ctac {
  position: relative;
  bottom: 36px;
}

.ctaBtn1 a img {
  width: 20px;
  height: auto;
  margin-left: 7px;
  /* margin-bottom: 3px; */
}

.presence-sec {
  position: relative;
  left: 59px;
}

img.presence {
  position: absolute;
}

.iOS-market {
  height: 416px;
  justify-content: center;
  align-content: center;
}

.Presence h2 {
  position: relative;
  z-index: 2;
  /* font-weight: 300; */
  padding-top: 14px;
  padding-left: 11px;
}

.process-sec h2,
.In-Demand h2,
.Reasons h2,
.Leaders h2,
.Presence h2 {
  letter-spacing: -2px;
  color: #212121;
  /* font-weight: 600; */
  font-size: 56px;
  line-height: 112%;
}

.counter-ios {
  display: -webkit-inline-box;
  width: 90%;
}

.counter-ios .c-1,
.counter-ios .c-2 {
  width: 50%;
}

.counter-box {
  position: absolute;
}

.counter-ios span,
.counter-ios strong {
  color: #0091ff;
  letter-spacing: -0.03em;
  font-weight: 500;
  font-size: 84px;
  line-height: 102%;
  font-family: "Poppins";
  font-style: normal;
}

.counter-ios p {
  color: #696969;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
}

.counter-ios .app-download {
  margin-top: 153px;
}

.circle1 {
  background: none;
}

.locatio {
  padding: 0 170px !important;
}

.loca-head h2 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 42px;
  line-height: 152%;
  color: #000000;
}

.expertisec .container h2 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 42px;
  line-height: 152%;
  color: #000000;
}

.expertisec .container p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 33px;
  color: #373d47;
}

.hire-faq h2 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
  line-height: 121.5%;
  text-align: center;
  color: #000000;
  margin-bottom: 61px;
}

.hire-faq h3 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 33px;
  letter-spacing: -0.01em;
  color: #000000;
}

.hire-faq p {
  font-family: "Poppins" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 33px !important;
  color: #373d47 !important;
  opacity: initial !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

.hire-faq ul li {
  font-family: "Poppins" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 33px !important;
  color: #373d47 !important;
}

.card-link-sect .card-box {
  padding: 42px 50px 37px 50px;
  width: 100%;
  height: 321px;
}

.card-link-sect .img1 {
  float: left;
  margin-right: 32px;
}

.card-link-sect h2 {
  margin-bottom: 21px;
  padding-left: 15px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  color: #000000;
}

.card-link-sect p {
  margin-bottom: 0;
  height: 131px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 32px;
  color: #485463;
}

.card-link-sect {
  padding-top: 38px;
  padding-bottom: 39px;
}

.card-link-sect a {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232d39;
}

.hire-faq .my-border .strips {
  position: absolute;
  width: 340px;
  height: 3px;
  left: 427px;
  bottom: 44px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anima;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anima {
  0% {
    width: 0%;
  }

  100% {
    width: 340px;
  }
}

.hire-faqs {
  padding-top: 25px;
  padding-bottom: 0px;
}

.expertisec .my-border .strips {
  position: absolute;
  width: 480px;
  height: 3px;
  left: 246px;
  bottom: 84px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anima1;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anima1 {
  0% {
    width: 0%;
  }

  100% {
    width: 480px;
  }
}

.Reasons h2 {
  font-size: 42px;
}

.section1 .my-border .strips {
  position: absolute;
  width: 330px;
  height: 3px;
  left: 535px;
  bottom: 16px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anima2;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anima2 {
  0% {
    width: 0%;
  }

  100% {
    width: 330px;
  }
}

.presence-sec .my-border .strips {
  position: absolute;
  width: 350px;
  height: 3px;
  left: 559px;
  bottom: 16px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anima3;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anima3 {
  0% {
    width: 0%;
  }

  100% {
    width: 330px;
  }
}

.presence-sec .b1 .strips {
  left: 16px;
  bottom: 138px;
}

.presence-sec .b2 .strips {
  left: 16px;
  width: 380px;
  bottom: 75px;
  animation: 5s linear infinite alternate forwards border_anima4;
}

@keyframes border_anima4 {
  0% {
    width: 0%;
  }

  100% {
    width: 380px;
  }
}

.b3 .strips {
  position: absolute;
  width: 480px;
  height: 3px;
  left: 177px;
  bottom: 59px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anima5;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anima5 {
  0% {
    width: 0%;
  }

  100% {
    width: 480px;
  }
}

/* .ctaBtn1:hover{
    background: #726242;
} */
.skills-bnner {
  background-image: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/new-hiring-dev/skills-directory.jpg);
  width: 100%;
  height: 442px;
}

.skills-bnner h1 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 42px;
  line-height: 63px;
  text-align: center;
  letter-spacing: -1px;

  color: #ffffff;
}

.skills-bnner p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 32px !important;
  text-align: center;

  color: #ffffff;

  opacity: 0.6;
}

.skills-bnner .all_btns {
  margin-top: 43px;
  margin-bottom: 20px;
  position: relative;
  left: 28rem;
}

.skills-bnner .hvr-float-shadow.all_btns a {
  background: #0091ff;
  border-radius: 40px;
  padding: 15px 33px 15px;
  font-size: 16px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #ffffff;
}

.skills-bnner .my-border .strips {
  position: absolute;
  width: 280px;
  height: 3px;
  left: 614px;
  bottom: 16px;
  background-color: #d42654;
  animation: 5s linear infinite alternate forwards border_anima6;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
}

@keyframes border_anima6 {
  0% {
    width: 0%;
  }

  100% {
    width: 280px;
  }
}

.skills ul li {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 35px;
  color: #626262;
}

.skills {
  width: 100vw;
}

.skills .container {
  /* margin-left: 145px; */
  margin-top: 56px;
  padding-bottom: 66px;
}

.Btntn .hvr-float-shadow.all_btns {
  position: relative;
  left: 30rem;
  padding-bottom: 0rem;
}

.Btntn .hvr-float-shadow.all_btns a {
  background: #0091ff;
  border-radius: 4px;
  padding: 15px 28px 15px;
  font-size: 16px;
}

/* .bannertxt{
    position: absolute;
    top: 139px;
    left: 18px;
} */
.new-ios-banner .banner-heading h1 {
  text-shadow: 3px 3px 1px #8c8f9117, 3px 2px 1px #8c8f9117, 4px 2px #8e919d,
    3px 2px #8c8f9117 !important;
}

.about-section5 {
  padding-top: 17px;
}

.arrowdown img {
  width: 65px;
  position: relative;
  bottom: 100px;
}

.new-web-section14 .ctaBtn1 a:after,
.new-web-section14 .ctaBtn1 a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: all 0.5s ease 0s;
}

.new-web-section14 .ctaBtn1 a:hover:after {
  background: rgba(255, 255, 255, 0.7);
  top: 60%;
  bottom: 60%;
}

.new-web-section14 .ctaBtn1 a:hover:before {
  background: rgba(255, 255, 255, 0.7);
  left: 60%;
  right: 60%;
}

.ios-top-brands h3 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: bolder;
  font-size: 21px;
  line-height: 32px;
  color: #212121;
}

.ios-top-brands h3 br {
  display: none;
}

.hirstrip {
  display: none;
}

.hiringmodel h2 br {
  display: none;
}

.mobiledev1 {
  display: none !important;
}

.mobiledev {
  display: none;
}

#interview-slider {
  display: none;
}

.mobiledev .owl-item {
  width: 100px !important;
}

.mobiledev button {
  width: 89px;
}

.mobiledev button.active {
  width: 89px;
}

.mobiledev .owl-nav {
  display: none;
}

.mobiledev1 {
  display: none;
}

.mobiledev1 .owl-item {
  width: auto !important;
}

.mobiledev1 button {
  width: auto;
}

.mobiledev1 button.active {
  width: auto;
}

.mobiledev1 .owl-nav {
  display: none;
}

.Reasons h2 br {
  display: none;
}

.bo1 {
  display: none;
}

.mbo {
  display: none;
}

.hire_app_dev_for_ios {
  display: none;
}

.experthead {
  padding-bottom: 0px;
}

.mob-b1 {
  display: none;
}

/* .banner-form {
    margin-top: 88px;} */
.new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
  background: #0091ff;
  border-radius: 5px;
}

.topdev .container {
  margin-bottom: 12px;
}

.topdev {
  padding-bottom: 0px;
  margin-top: 53px;
}

.ios-faq .accordion_head_ad .plusminus {
  color: #000000;
  font-weight: bolder;
}

.ad-form-submit button {
  background: #0091ff;
}

.ios-top-brands .brandslogo img {
  width: 95%;
  margin: 0;
}

/* Skills */
.skills-bnner h1 br {
  display: none;
}

.cat-background {
  margin-left: -145px !important;
  width: 188% !important;
}

.ios-top-brands h3 {
  margin-left: 0px;
}

@media (max-width: 1366px) {
  .new-ios-banner .banner-heading h1 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size: 70px;
    line-height: 67px;
  }

  .new-ios-banner .banner-heading h1 {
    color: #fff;
    margin-bottom: 20px;
  }

  .new-ios-banner .banner-heading p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    opacity: 0.6;
  }

  .new-ios-banner .banner-heading p {
    padding-bottom: 4px;
    padding-top: 4px;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1228px;
  }

  #adMobile {
    top: 1px !important;
    left: 12px !important;
  }

  .iti {
    position: relative;
    display: inline-block;
    top: 9px;
  }

  .sticky-header.sticky .nav-link.active {
    font-family: "Poppins" !important;
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .hire-banner-form .iti--separate-dial-code .iti__selected-flag {
    margin-top: 6px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .hire-ios-bo {
    width: 369px;
    height: 576.49px;
  }
}

/* Desktop Media */

@media screen and (min-width: 1400px) {
  .hire-ios-bo {
    height: 572px;
  }

  .b3 .strips {
    position: absolute;
    width: 370px;
    height: 3px;
    left: 372px;
    bottom: 49px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards border_anima5;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }
}

@media screen and (min-width: 1500px) {
  .my-border .strips {
    left: 571px;
  }

  .b3 .strips {
    position: absolute;
    width: 370px;
    height: 3px;
    left: 251px;
    bottom: 58px;

    background-color: #d42654;
    animation: 5s linear infinite alternate forwards border_anima5;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }

  .locatio {
    padding: 0 144px !important;
  }
}

@media screen and (min-width: 1600px) {
  .b3 .strips {
    left: 310px;
  }
}

@media screen and (min-width: 1706px) {
  .b3 .strips {
    position: absolute;
    width: 370px;
    height: 3px;
    left: 346px;
    bottom: 57px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards border_anima5;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }
}

@media screen and (min-width: 1706px) {
  .b3 .strips {
    left: 463px;
  }
}

/* Mobile Version */
@media screen and (max-width: 767px) {
  .navbar-light .navbar-nav .nav-link {
    margin-left: 0 !important;
  }
  .navbar-light .navbar-nav .call_btn {
    left: 10px !important;
  }
  .ad-formSection .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
    top: 6px !important;
  }
  #new-nav .call_btn {
    margin-top: -3px;
    margin-right: 27px !important;
  }
  #new-nav .contactubtn a span {
    padding: 10px 20px 10px 20px !important;
  }
  .ad-formSection .ad-field textarea {
    height: 158px;
    resize: none;
  }
  #touchsec form .sum-captcha-r input {
    margin-bottom: 9px;
    border-radius: 4px !important;
  }
  #scrolltotop .sticky-header.sticky {
    padding: 0px !important;
  }
  .sticky-header.sticky {
    padding: 0px !important;
  }
  .navbar {
    padding: 0px;
    background: #fff !important;
  }
  .call_btn img {
    width: 24px;
    height: 24px;
  }
  .new-ios-banner {
    height: 100vh;
  }

  .label_num {
    position: relative;
    left: 41% !important;
    top: 27px !important;
  }

  .navbar-light .navbar-toggler {
    display: block !important;
  }

  .call_btn {
    top: 10px !important;
    left: -28px !important;
  }

  a.nav-link.header-contact span {
    margin-left: -46px;
  }

  .navbar-light .navbar-nav .call_btn {
    margin-right: 14px !important;
    padding-left: 0 !important;
  }

  .new-ios-banner .banner-heading h1 {
    font-weight: 700;
    font-size: 38px !important;
    line-height: 53px !important;
    text-align: center;
    color: #ffffff;
  }

  .new-ios-banner .banner-heading h1 br {
    display: none;
  }

  #ios-banner .banner-heading p {
    display: block !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    opacity: 0.7;
  }

  .arrowdown img {
    display: none;
    width: 65px;
    position: relative;
    bottom: -105px;
  }

  .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
    width: 396px;
  }

  .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
    padding: 22px 5px 22px 5px;
    font-size: 14px;
    height: calc(100% + 10px) !important;
  }

  .ios-top-brands {
    padding-top: 38px !important;
    padding-bottom: 188px !important;
    background: #f7f9fa;
  }

  .ios-top-brands .container {
    margin: 0;
  }

  .ios-top-brands h3 {
    margin-left: 0;
    font-weight: bolder;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    color: #212121;
  }
  .ios-top-brands h5 {
    margin-left: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    color: #212121;
  }

  .ios-top-brands .brandslogo {
    margin: 0 10px;
  }

  .ios-top-brands .hide-in-md {
    display: flex;
  }

  .ios-top-brands .brandslogo img {
    /* height: auto;
        width: 100%; */
    margin: 0 !important;
    width: auto !important;
    height: 217.89px;
  }

  .form-hd h2 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    color: #000000;
    display: initial;
    position: relative;
    left: 45px;
  }

  .form-hd p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #666666;
  }

  .form-hd .my-border .strips {
    position: absolute;
    width: 150px;
    height: 3px;
    left: 176px;
    bottom: 4px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards border_anima8;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }

  @keyframes border_anima8 {
    0% {
      width: 0%;
    }

    100% {
      width: 150px;
    }
  }

  .ios-top-brands h3 br {
    display: block;
  }

  .process .heading-text h2 {
    position: relative;
    left: -16px;
    bottom: 78px;
  }

  .hirstrip {
    display: block;
  }

  .process .my-border .strips {
    position: absolute;
    width: 150px;
    height: 3px;
    left: 168px;
    bottom: 203px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards border_animat;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }

  @keyframes border_animat {
    0% {
      width: 0%;
    }

    100% {
      width: 150px;
    }
  }

  .process .hirstrip .strips {
    position: absolute;
    width: 110px;
    height: 3px;
    left: 54px;
    bottom: 143px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards border_animat1;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }

  @keyframes border_animat1 {
    0% {
      width: 0%;
    }

    100% {
      width: 110px;
    }
  }

  .list-inline-item {
    display: flex;
    padding-bottom: 117px;
    position: relative;
    right: 109px;
    bottom: 81px;
  }
  span.number-line::before {
    content: "";
    border: 2px solid #0091ff;
    border-radius: 50%;
    height: 3rem;
    bottom: 0px;
    width: 3rem;
    position: absolute;
    left: -16px;
  }
  span.number-line {
    position: relative;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    line-height: 24px;
    text-align: center;
    color: #0091ff;
    text-align: center;
  }
  span.number-line::after {
    background: #0091ff;
    position: absolute;
    content: "";
    width: 1px;
    height: 6rem;
    bottom: x;
    left: 50%;
    top: 46px;
  }
  .number-spans .row {
    height: 10rem;
  }
  .circleone {
    right: 104px;
  }

  .numbering-style ul li .arrow2:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 106px;
    background-color: #0091ff;
    top: 119%;
    left: 4.5px;
  }
  .num-last-l::after {
    display: none;
  }
  .number-spans .col-2::before {
    position: absolute;
    content: "";
    border: blue transparent transparent transparent;
    content: ">";
    position: absolute;
    color: #0091ff;
    bottom: 6%;
    font-size: 2rem;
    opacity: 0.5;
    transform: rotate(90deg);
    margin-left: -5px;
  }
  .number-spans .col-2::before {
    position: absolute;
    content: "";
    border: blue transparent transparent transparent;
    content: ">";
    position: absolute;
    color: #0091ff;
    bottom: 6%;
    font-size: 2rem;
    opacity: 0.5;
    transform: rotate(90deg);
    left: 19px;
  }

  .num-line-first .col-2::before {
    left: 15px;
  }
  h2 {
    font-size: 28px !important;
    line-height: 38px !important;
  }
  h2 span {
    font-size: inherit !important;
    line-height: inherit !important;
  }
  .topdev .container h2 {
    font-size: 24px !important;
  }
  .ios-cta .ctabg {
    padding-inline: 5px;
  }
  .num-line-last .col-2::before {
    display: none;
  }
  .numbering-style ul li .arrow1:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 110px;
    background-color: #0091ff;
    top: 111%;
    left: 9.5px;
  }

  .right {
    transform: rotate(43deg);
    position: relative;
    left: 8px;
    bottom: 82px;
  }

  .arrow {
    border: solid #0091ff;
    border-width: 0 2.5px 2.5px 0;
    display: inline-block;
    padding: 13px;
    cursor: none;
  }

  .numbering-style ul li .circle1::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    right: -24px;
    bottom: 0px;
    border: 2px solid #0091ff;
    border-radius: 50%;
  }

  .numbering-style ul li .cir::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    right: -21px;
    bottom: 0px;
    border: 2px solid #0091ff;
    border-radius: 50%;
  }

  .eng-model-bg {
    width: 80%;
    left: 6rem;
    position: unset;
    bottom: 52rem;
  }

  .eng-model-text-flex h4 {
    text-align: initial;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: #212121;
  }

  .eng-model-text p {
    text-align: initial;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #767676;
  }

  .process {
    height: auto;
  }

  .specific-sec .hire-heading h2 {
    padding-bottom: 14px;
  }

  .specific-sec .hire-heading h2 span {
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
  }

  .hire-detail {
    margin: 45px 0 0px 0;
  }

  .hire-heading p {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
  }

  .ios-facilities .icon-bx p {
    margin: 56px 0 0 -46px;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #000;
    position: relative;
    left: -33px;
    text-align: center;
  }

  .showskills {
    position: relative;
    top: 12px;
    right: 34px;
  }

  .ios-facilities {
    padding-bottom: 44px;
  }

  .ios-cta .ctareal {
    background-image: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/new-hiring-dev/cta-mobile.jpg);
    height: auto !important;
    padding-bottom: 5rem !important;
  }

  .ios-cta .ctabg {
    padding: 0;
  }

  .ios-cta .container {
    padding: 0;
  }

  .ios-cta h2 {
    font-size: 42px;
    line-height: 133%;
    text-align: center;
    letter-spacing: -1px;
    color: #ffffff;
    padding: 37px 0 0 0;
  }

  .ios-cta p {
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
    color: #d4e0ee;
    width: 99%;
  }

  .ios-cta .ctaBtn a {
    position: relative;
    left: 75px;
    bottom: -32px;
  }

  .ios-cta .ctaBtn a {
    padding: 18px 77px;
  }

  .my-border .strips {
    position: absolute;
    width: 250px;
    height: 3px;
    left: 72px;
    bottom: 26px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards border_anim;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }

  @keyframes border_anim {
    0% {
      width: 0%;
    }

    100% {
      width: 250px;
    }
  }

  .hiringmodel h2 {
    /* font-weight: 500;
                font-size: 36px;
                letter-spacing: -1px; */
    line-height: 40px;
  }

  .hiringmodel h2 br {
    display: block;
  }

  .hiringmodel .my-border .strips {
    position: absolute;
    width: 265px;
    height: 12px;
    left: 69px;
    bottom: 46px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards border_anim1;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }

  @keyframes border_anim1 {
    0% {
      width: 0%;
    }

    100% {
      width: 265px;
    }
  }

  .desktop-view {
    display: none;
  }

  #interview-slider {
    display: block;
  }

  .interview-box {
    min-height: 463px;
    margin-top: 0 !important;
  }

  .interview-box {
    border: 2px solid #0091ff;
    width: 100%;
  }

  .desktopdev {
    display: none;
  }

  .mobiledev {
    display: block;
  }

  .topdev .container h2 br {
    display: none;
  }

  .toptech .container h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    padding-top: 37px;
  }

  .topdev .container h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 54px;
  }

  .topdev .container h2 span {
    line-height: 48px;
    font-size: 32px;
  }

  @keyframes border_anim4 {
    0% {
      width: 0%;
    }

    100% {
      width: 175px;
    }
  }

  .topdev .container p br {
    display: none;
  }

  .topdev .container p {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    opacity: 0.7;
    padding-bottom: 45px;
  }

  .mobiledev1 {
    display: block;
  }

  .dev-tabs button {
    height: auto;
    font-size: 16px;
  }

  .toptech .ios-facilities .icon-bx img {
    width: 60px;
    height: 60px;
  }

  .topdev .container p {
    font-weight: 500;
    font-size: 14px;
    line-height: 29px;
    color: #1e1e1e;
    opacity: initial;
    padding-bottom: 0px;
  }

  .techtabcontent .ios-facilities .icon-bx p {
    margin: 9px 0 0 38px;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #000;
    position: relative;
    left: -38px;
    text-align: center;
  }

  .techtabcontent .container {
    padding: 0;
  }

  .Reasons h2 br {
    display: block;
  }

  .Reasons h2 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    color: #000000;
  }

  .section1 .my-border .strips {
    left: 25px;
  }

  .desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  }

  .hire-ios-bo {
    height: 535px;
    padding: 29px 21px 29px 23px;
    border-radius: 12px;
    margin-left: 13px;
  }

  /* .owl-item {
            margin-right: 16px;
        } */
  .mobile-view h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #212121;
    font-family: "Poppins";
    font-style: normal;
  }

  .mobile-view p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14.0748px;
    line-height: 22px;
    color: #767676;
  }

  .owl-nav {
    display: none;
  }

  .portfoliobg {
    background-image: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/new-hiring-dev/cta-mobile1.svg);
    background-size: initial;
    background-repeat: initial;
    padding: 0;
    height: 363px;
  }

  .portfolio-bg .container {
    padding: 0;
  }

  .portfoliobg p br {
    display: none;
  }

  .portfoliobg p {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    padding-inline: 9px;
  }

  .ctac {
    position: relative;
    bottom: -29px;
  }

  .ctaBtn1 {
    height: 55px;
    margin-top: 11px;
    margin-left: 24px;
  }

  /* .mobile-view .owl-carousel .owl-item{
    margin-right: 16px;
} */
  .mobiledev {
    display: block !important;
  }

  .mobiledev1 {
    display: block !important;
  }

  .Presence h2 br {
    display: none;
  }

  .Presence h2 {
    font-weight: 400;
    font-size: 34px;
    line-height: 44px;
    text-align: center;
    color: #212121;
    bottom: 52px;
  }

  .presence-sec .b1 .strips {
    left: 286px;
    bottom: 150px;
    width: 100px;
  }

  @keyframes border_anima3 {
    0% {
      width: 0%;
    }

    100% {
      width: 100px;
    }
  }

  .presence-sec .b2 .strips {
    left: 38px;
    width: 300px;
    bottom: 107px;
  }

  @keyframes border_anima4 {
    0% {
      width: 0%;
    }

    100% {
      width: 300px;
    }
  }

  .counter-ios {
    width: 100%;
  }

  .counter-ios p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
  }

  .counter-ios span,
  .counter-ios strong {
    font-weight: 500;
    font-size: 64px;
  }

  .counter-ios {
    position: relative;
    left: 38px;
    bottom: 5px;
  }

  .loca-head h2 {
    font-weight: 400;
    font-size: 33px;
    line-height: 48px;
    margin-top: 2rem;
  }

  .bo1 {
    display: block;
  }

  .bo1 .strips {
    position: absolute;
    width: 230px;
    height: 3px;
    left: 95px;
    bottom: 149px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards border_animati;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }

  @keyframes border_animati {
    0% {
      width: 0%;
    }

    100% {
      width: 230px;
    }
  }

  .b3 .strips {
    left: 49px;
    bottom: 102px;
  }

  @keyframes border_anim {
    0% {
      width: 0%;
    }

    100% {
      width: 150px;
    }
  }

  .expandSlider .owl-nav {
    display: block;
  }

  .expertisec .container h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    width: 86%;
    margin-left: 38px;
  }

  .expertisec .container {
    padding: 0;
  }

  .expertisec .container p {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
  }

  .expertisec .facilities-body br {
    display: none;
  }

  .expertisec .facilities-body {
    left: 0;
  }

  .expertisec .facilities-body .row {
    margin: 0px;
  }

  .mbo {
    display: block;
  }

  .expertisec .my-border .strips {
    width: 150px;
    left: 71px;
    bottom: 110px;
  }

  @keyframes border_anima1 {
    0% {
      width: 0%;
    }

    100% {
      width: 150px;
    }
  }

  .expertisec .mbo .strips {
    position: absolute;
    width: 220px;
    height: 3px;
    left: 109px;
    bottom: 158px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards border_animatio;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }

  @keyframes border_animatio {
    0% {
      width: 0%;
    }

    100% {
      width: 220px;
    }
  }

  .expertisec {
    display: none;
  }

  .hire_app_dev_for_ios {
    display: block;
  }

  .frameworkSlider .icon-bx p,
  .ios-grid-slider .icon-bx p {
    margin: 12px 0 0 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
  }

  .ios-grid-slider .icon-bx img {
    border-radius: 13px;
  }

  .frameworkSlider .icon-bx img,
  .ios-grid-slider .icon-bx img {
    float: left;
    width: 48px !important;
    height: 48px;
    margin-right: 12px;
    margin-top: -11px;
  }

  .hourly,
  .ios-grid-slider ul li .icon-bx {
    padding-left: 15px;
  }

  .ios-grid-slider .icon-bx p,
  .ios-grid-slider .icon-bx p a,
  .ios-grid-slider .icon-bx p a:hover {
    color: #000;
  }

  .ios-grid-slider ul li {
    list-style: none;
    width: 100%;
    height: 48px;
    margin-bottom: 30px;
  }

  .ios-grid-slider .owl-nav button i {
    color: #000;
    background: #e5e5e5;
    border: 2px solid #e5e5e5;
    font-size: 20px;
    width: 60px;
    height: 60px;
    padding: 19px 12px;
  }

  .frameworkSlider .owl-nav button i,
  .ios-grid-slider .owl-nav button i {
    border-radius: 50%;
  }

  /* .hire_app_dev_for_ios .ios-grid-slider .owl-carousel .owl-nav button.owl-next, .hire_app_dev_for_ios .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        margin: 20px;
    } */
  .ios-grid-slider .owl-nav .owl-prev {
    margin: 0 17px !important;
  }

  .owl-theme .owl-nav {
    margin-top: -7px !important;
  }

  .owl-theme .owl-dots,
  .owl-theme .owl-nav {
    text-align: right;
  }

  .ios-grid-slider .owl-nav {
    display: block !important;
    float: left !important;
    padding-bottom: 20px;
  }

  .ios-grid-slider .owl-nav [class*="owl-"] {
    margin: -17px;
  }

  .experthead {
    display: block;
  }

  .experthead {
    padding-bottom: 0px;
    padding-inline: 5px;
  }

  .ios-faq .accordion_head_ad .plusminus {
    display: block;
    float: right;
    margin-left: 12px;
    font-size: 24px;
  }

  .hire-faq h2 {
    border: none;
    position: relative;
    left: 29px;
    top: 11px;
  }

  .hire-faq h2 span {
    font-weight: 500;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    color: #212121;
  }

  .ios-faq {
    padding-top: 152px;
  }

  .hire-faq .my-border .strips {
    width: 160px;
    left: 119px;
    bottom: 49px;
  }

  @keyframes border_anima {
    0% {
      width: 0%;
    }

    100% {
      width: 160px;
    }
  }

  .ios-faq .accordion_head_ad h3 {
    font-weight: 500;
    font-size: 15.9082px;
    line-height: 27px;
    color: #363d48;
    line-height: 24px;
    width: 92%;
  }

  .card-link-sect {
    padding-top: 50px;
  }

  .card-box {
    padding: 30px 25px !important;
    width: 100% !important;
    border-radius: 8px !important;
    margin-bottom: 35px !important;
    text-align: left !important;
    height: auto;
  }

  .card-link-sect .img1 {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    margin-top: 6px;
    float: left;
    margin-right: 32px;
  }

  .card-link-sect h2 {
    margin-bottom: 17px;
    font-size: 32px;
    line-height: 38px;
  }

  .card-link-sect p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #485463;
  }

  .card-link-sect .img2 {
    float: left;
    margin-left: -10px;
    margin-bottom: 16px;
  }

  .card-link-sect .img1 {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
  }

  .card-link-sect h2 {
    margin-bottom: 21px;
    padding-left: 0;
    padding-top: 84px;
  }

  .headll {
    position: relative;
    right: 55px;
  }

  .card-link-sect .img2 {
    float: left;
    margin-left: -297px;
    margin-bottom: 16px;
  }

  .card-link-sect .card-box {
    height: 415px;
  }

  .imgflip {
    -webkit-transform: scaleX(-1);
    position: relative;
    left: 113px;
  }

  .reff {
    margin-left: -38px;
  }

  .btom {
    position: relative;
    bottom: 20px;
  }

  .mobile-expand-slider .owl-prev {
    left: -32px;
  }

  .mobile-expand-slider .owl-prev {
    padding-left: 2%;
  }

  .mob-b .strips {
    width: 250px;
    animation: 5s linear infinite alternate forwards mob-b;
  }

  @keyframes mob-b {
    0% {
      width: 0%;
    }

    100% {
      width: 250px;
    }
  }

  .mob-b1 {
    display: block;
  }

  .topdev .mob-b1 .strips {
    position: absolute;
    width: 170px;
    height: 3px;
    left: 196px;
    bottom: 69px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards mob-b1;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }

  @keyframes mob-b1 {
    0% {
      width: 0%;
    }

    100% {
      width: 170px;
    }
  }

  .topdev .mob-b2 .strips {
    position: absolute;
    width: 180px;
    height: 3px;
    left: 108px;
    bottom: 16px;
    background-color: #d42654;
    animation: 5s linear infinite alternate forwards mob-b2;
    background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
      no-repeat;
  }

  @keyframes mob-b2 {
    0% {
      width: 0%;
    }

    100% {
      width: 180px;
    }
  }

  .toptech .my-border .strips {
    left: 20px;
    bottom: 174px;
  }

  .interview-box .time {
    padding: 0px 40px 0 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .toptech .ios-facilities .icon-bx p a {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    text-transform: uppercase;
    position: relative;
    left: -12px;
    display: flex;
    justify-content: center;
    color: #1e1e1e;
    align-items: center;
    text-align: center;
    word-wrap: break-all;
  }

  .interview-box .time h3 {
    color: #0091ff;
    font-weight: 600;
    font-size: 64px;
    line-height: 43px;
    margin-top: 28px;
    position: relative;
    left: 168px;
    bottom: 75px;
  }

  .interview-btn {
    bottom: 66px;
  }

  .presence-sec {
    position: relative;
    left: 0;
  }

  .iOS-market {
    height: 542px !important;
  }

  .techtabcontent {
    padding: 0;
  }

  .techtabcontent .container {
    margin-top: 13px;
  }

  .skills-bnner {
    background-image: url(https://d2yq1wt6p3tg8m.cloudfront.net/assets/images/new-hiring-dev/skills-mobile.jpg);
    width: 100% !important;
    height: 606px !important;
  }

  .skills-bnner h1 br {
    display: block;
  }

  .skills-bnner h1 {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400 !important;
    font-size: 36px !important;
    line-height: 54px !important;
    text-align: center;
    color: #ffffff;
  }

  .skills-bnner p br {
    display: none;
  }

  .skills-bnner p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center !important;
    color: #ffffff;
  }

  .skills-bnner .banner-heading {
    position: relative;
    right: 0px !important;
    top: 0px !important;
  }

  .skills-bnner .hvr-float-shadow.all_btns a {
    padding: 20.5px 69px !important;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    color: #ffffff;
  }

  .skills-bnner .all_btns {
    left: 2.5rem;
  }

  .skills-bnner .my-border .strips {
    width: 230px;
    height: 4px;
    left: 79px;
    bottom: 15px;
  }

  @keyframes border_anima6 {
    0% {
      width: 0%;
    }

    100% {
      width: 230px;
    }
  }

  .skills .container {
    margin-left: 5px;
    margin-top: -34px;
    display: flex;
  }

  .skills ul li {
    list-style: none;
    text-align: center;
  }

  .Btntn .hvr-float-shadow.all_btns a {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: #ffffff;
    padding: 23px 16px !important;
  }

  .Btntn .hvr-float-shadow.all_btns {
    left: 18px;
    margin-top: -50px;
    padding-bottom: 2rem;
  }
  .mobilesection .col-md-9 {
    width: 80%;
    margin-top: -68px;
    padding-right: 0px;
  }
  .mobilesection .width20 {
    width: 20%;
  }
  .eng-model-bg {
    width: 100%;
    left: none;
    position: unset;
    bottom: none;
  }
}

@media screen and (max-width: 415px) {
  .expertisec .my-border .strips {
    left: 65px;
    bottom: 157px;
  }

  .expertisec .mbo .strips {
    left: 103px;
    bottom: 206px;
  }

  .ad-art1 {
    top: -117px;
    left: 318px;
  }

  .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
    right: 5px;
  }

  .skills-bnner .my-border .strips {
    left: 73px;
  }

  .skills-bnner .all_btns {
    left: 1.7rem;
  }

  .Btntn .hvr-float-shadow.all_btns {
    /* left: 14px; */
    left: 9px;
  }
  .toptech .my-border .strips {
    left: 14px;
    bottom: 231px;
  }
}

@media screen and (max-width: 391px) {
  .Btntn .hvr-float-shadow.all_btns a {
    padding: 23px 5px !important;
  }
  .new-ios-banner .banner-heading {
    padding-top: 48px;
  }
  .hire-ios-bo {
    height: 580px;
  }

  .showskills {
    display: flex;
    flex-flow: wrap;
  }

  .skills-bnner .hvr-float-shadow.all_btns a {
    padding: 20.5px 55px !important;
  }

  .new-ios-banner .banner-heading h1 {
    font-size: 42px !important;
  }

  .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
    width: 370px;
  }

  .arrowdown img {
    bottom: -46px;
  }

  .ios-top-brands .brandslogo img {
    width: 356.48px !important;
  }

  .process .my-border .strips {
    left: 148px;
    bottom: 208px;
  }

  .process .hirstrip .strips {
    left: 35px;
    bottom: 146px;
  }

  .list-inline-item {
    padding-bottom: 131px;
    position: relative;
    right: 109px;
    bottom: 66px;
  }

  .eng-model-bg {
    left: 6rem;
    position: unset;
    bottom: 56rem;
  }

  .circleone {
    padding-bottom: 118px !important;
  }

  .mob-b .strips {
    left: 52px;
  }

  .ios-cta .ctaBtn a {
    padding: 18px 60px;
  }

  .topdev .mob-b1 .strips {
    left: 179px;
  }

  .topdev .mob-b2 .strips {
    left: 91px;
  }

  .toptech .my-border .strips {
    left: 1px;
    bottom: 231px;
  }

  .section1 .my-border .strips {
    left: 6px;
  }

  .ctaBtn1 {
    width: 339px;
  }
  .Presence h2 {
    font-size: 33px;
  }

  .presence-sec .b1 .strips {
    left: 266px;
  }

  .presence-sec .b2 .strips {
    left: 24px;
  }

  .counter-ios {
    left: 21px;
  }

  .b3 .strips {
    left: 33px;
  }

  .bo1 .strips {
    left: 78px;
  }

  .about-section5 {
    padding-left: 3%;
  }

  .expertisec .my-border .strips {
    left: 55px;
  }

  .expertisec .mbo .strips {
    left: 91px;
  }

  .hire-faq .my-border .strips {
    left: 108px;
  }

  .card-link-sect .img2 {
    margin-left: -266px;
  }

  .right1 {
    left: 3px;
  }

  .numbering-style ul li .arrow1:after {
    height: 131px;
  }
  .numbering-style ul li .arrow2:after {
    height: 112px;
  }

  .interview-box .time h3 {
    left: 142px;
  }

  .hiringmodel .my-border .strips {
    left: 55px;
  }
}

@media only screen and (min-width: 393) and (max-width: 392) {
  .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
    width: 366px;
    right: 9px;
  }

  .skills-bnner .hvr-float-shadow.all_btns a {
    padding: 20.5px 54px !important;
  }

  .skills-bnner .my-border .strips {
    left: 60px;
  }

  .skills .container {
    margin-top: 24px;
  }

  .Btntn .hvr-float-shadow.all_btns {
    left: 8px;
  }

  .Btntn .hvr-float-shadow.all_btns a {
    padding: 23px 9px !important;
  }

  .arrowdown img {
    bottom: -35px;
  }

  .ios-top-brands .brandslogo img {
    width: 359.48px !important;
  }

  .mob-b .strips {
    left: 52px;
  }

  .hiringmodel .my-border .strips {
    left: 49px;
  }

  
  .topdev .mob-b1 .strips {
    left: 217px;
    width: 80px;
  }

  @keyframes mob-b1 {
    0% {
      width: 0%;
    }

    100% {
      width: 80px;
    }
  }

  .topdev .mob-b2 .strips {
    left: 33px;
    width: 260;
  }

  @keyframes mob-b2 {
    0% {
      width: 0%;
    }

    100% {
      width: 260px;
    }
  }

  .toptech .my-border .strips {
    left: 38px;
  }

  h2 span {
    font-size: 41px;
  }

  .expertisec .my-border .strips {
    left: 45px;
  }

  .expertisec .mbo .strips {
    left: 84px;
  }

  .card-link-sect .img2 {
    margin-left: -252px;
  }

  .btom {
    position: relative;
    bottom: 26px;
  }
}

@media screen and (max-width: 375px) {
  .skills-bnner .all_btns {
    left: 1.9rem;
  }
  /* .ios-cta .ctaBtn a {
		left: 29px;} */

  .skills-bnner .hvr-float-shadow.all_btns a {
    padding: 20.5px 51px !important;
  }

  .toptech .ios-facilities .icon-bx p a {
    left: -2px;
  }

  .new-ios-banner .banner-heading h1 {
    font-size: 41px !important;
  }

  .skills-bnner .my-border .strips {
    left: 52px;
  }

  .Btntn .hvr-float-shadow.all_btns a {
    padding: 23px 10px !important;
    font-size: 13px !important;
  }

  .process .my-border .strips {
    left: 143px;
  }

  .process .hirstrip .strips {
    left: 30px;
  }

  .mob-b .strips {
    left: 80px;
  }

  .hiringmodel .my-border .strips {
    left: 49px;
  }

  .topdev .container h2 {
    font-size: 35px;
  }

  .topdev .mob-b1 .strips {
    left: 170px;
  }

  .topdev .mob-b2 .strips {
    left: 82px;
  }

  .toptech .my-border .strips {
    left: 82px;
    bottom: 231px;
  }

  h2 span {
    font-size: 41px;
  }

  .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
    right: 4px;
  }
  .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
    width: 100%;
  }
  .Presence h2 {
    font-size: 31px;
  }

  .presence-sec .b1 .strips {
    left: 253px;
  }

  .presence-sec .b2 .strips {
    left: 28px;
  }
  .card-link-sect .img2 {
    margin-left: -253px;
  }

  .b3 .strips {
    left: 27px;
  }

  .bo1 .strips {
    left: 73px;
  }

  .expertisec .my-border .strips {
    left: 50px;
  }

  .expertisec .mbo .strips {
    left: 87px;
  }
  .list-inline-item {
    padding-bottom: 143px;
  }
  .numbering-style ul li .arrow1:after {
    height: 140px;
  }
}

@media screen and (max-width: 360px) {
  .skills-bnner .hvr-float-shadow.all_btns a {
    padding: 20.5px 47px !important;
  }

  .new-ios-banner .banner-heading h1 {
    font-size: 33px !important;
  }

  .mob-b .strips {
    left: 74px;
  }

  .topdev .container h2 {
    font-size: 32px;
  }

  .topdev .mob-b1 .strips {
    left: 154px;
  }

  .topdev .mob-b2 .strips {
    left: 74px;
  }

  .skills-bnner .my-border .strips {
    left: 45px;
  }

  .Btntn .hvr-float-shadow.all_btns a {
    padding: 23px 4px !important;
  }

  .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
    /* width: 354px; */
    right: 0px;
    bottom: 11px;
    padding: 16px 8px 20px 0px;
    font-size: 14px;
  }

  .arrowdown img {
    bottom: -8px;
  }

  .ios-top-brands .brandslogo img {
    width: 345.48px !important;
  }

  .form-hd h2 {
    left: 26px;
  }

  .form-hd .my-border .strips {
    left: 156px;
  }

  .process .my-border .strips {
    left: 132px;
  }

  .process .hirstrip .strips {
    left: 20px;
  }

  .eng-model-bg {
    bottom: 57.3rem;
  }

  .circleone {
    padding-bottom: 117px !important;
  }

  .right {
    left: 8px;
    bottom: 86px;
  }

  .right1 {
    left: 3px;
    bottom: 89px;
  }

  .numbering-style ul li .arrow2:after {
    height: 106px;
  }

  .numbering-style ul li .arrow1:after {
    height: 139px;
  }


  .ios-cta .ctaBtn a {
    padding: 18px 45px;
  }

  .hiringmodel .my-border .strips {
    left: 40px;
  }

  .topdev .mob-b2 .strips {
    left: 76px;
  }

  .toptech .my-border .strips {
    left: 75px;
  }

  .techtabcontent {
    padding: 0px 24px 0 0;
  }

  h2 span {
    font-size: 39px;
  }

  .ctaBtn1 {
    width: 323px;
  }

  .Presence h2 {
    font-size: 30px;
  }

  .presence-sec .b1 .strips {
    left: 242px;
  }

  .presence-sec .b2 .strips {
    left: 26px;
  }

  .counter-ios .c-1,
  .counter-ios .c-2 {
    width: 53%;
  }

  .bo1 .strips {
    left: 62px;
    bottom: 198px;
  }

  .b3 .strips {
    left: 88px;
    bottom: 150px;
  }

  .mobile-expand-slider .owl-prev {
    left: -31px;
  }

  .mobile-expand-slider .owl-next {
    left: 221px;
  }

  .about-section5 {
    padding-left: 1%;
  }

  .expertisec .my-border .strips {
    left: 42px;
  }

  .expertisec .mbo .strips {
    left: 79px;
  }

  .hire-faq .my-border .strips {
    left: 94px;
  }

  .card-link-sect .img2 {
    margin-left: -239px;
  }

  .interview-box .time h3 {
    left: 126px;
  }
  .list-inline-item {
    padding-bottom: 146px;
  }
  .hire-ios-bo {
    height: 622px;
  }
}

@media screen and (max-width: 320px) {
  .ios-cta p {
    width: 100%;
  }
  .skills-bnner .hvr-float-shadow.all_btns a {
    padding: 18.5px 25px !important;
  }
  @keyframes border_anim4 {
    0% {
      width: 0%;
    }

    100% {
      width: 140px;
    }
  }

  .Btntn .hvr-float-shadow.all_btns a {
    padding: 23px 5px !important;
    font-size: 11px !important;
  }

  .toptech .ios-facilities .icon-bx p a {
    left: 8px;
  }

  .skills-bnner {
    height: 545px !important;
  }

  .skills-bnner .my-border .strips {
    left: 25px;
  }

  .new-ios-banner .banner-heading h1 {
    font-size: 29px !important;
    line-height: 40px !important;
    margin-bottom: 18px;
  }

  .new-ios-banner .banner-heading p {
    padding: 0;
  }

  .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
    width: 306px;
    right: 11px;
    bottom: 11px;
    padding: 16px 0px 20px 0px;
    font-size: 12px;
  }

  .arrowdown img {
    bottom: 5px;
  }

  .ios-top-brands h3 {
    font-size: 15px;
  }

  .ios-top-brands .brandslogo img {
    width: 307.48px !important;
  }

  .form-hd h2 {
    left: 5px;
  }

  .form-hd .my-border .strips {
    left: 135px;
  }

  .process .heading-text h2 {
    font-size: 36px;
    line-height: 39px;
  }

  .process .my-border .strips {
    left: 117px;
    bottom: 173px;
  }
  @keyframes border_animat {
    0% {
      width: 0%;
    }

    100% {
      width: 127px;
    }
  }

  .process .hirstrip .strips {
    left: 20px;
    bottom: 135px;
  }

  .circleone {
    padding-bottom: 243px !important;
  }

  .eng-model-bg {
    bottom: 76rem;
  }

  .itemsp {
    bottom: 167px;
    padding-bottom: 184px;
  }

  .right {
    left: 0px;
    bottom: 195px;
  }

  .right1 {
    left: -5px;
    bottom: 195px;
  }

  .numbering-style ul li .arrow2:after {
    height: 124px;
  }

  .numbering-style ul li .arrow1:after {
    height: 171px;
  }

  .topdev .container h2 span {
    line-height: 32px;
    font-size: 25px;
  }

  .specific-sec .hire-heading h2 span {
    font-size: 26px;
  }

  .mob-b .strips {
    left: 64px;
  }

  .facilities-body {
    left: 27px;
  }

  .ios-cta .ctareal {
    height: auto !important;
  }

  .ios-cta .ctaBtn a {
    padding: 18px 26px;
  }

  .hiringmodel .my-border .strips {
    left: 21px;
  }

  .interview-box .full {
    padding: 39px 19px 24px;
  }

  .interview-box .time {
    padding: 0 19px 5px;
  }

  .interview-box .full {
    padding: 39px 19px 24px;
  }

  .interview-box .time {
    padding: 0 19px 5px;
  }

  .interview-btn {
    padding: 13px 35px;
    font-size: 15px;
    height: 60px;
    border-radius: 13.4716px;
  }

  .interview-box .time div {
    width: 64%;
  }

  .interview-box .time h3 {
    left: 110px;
  }

  .topdev .mob-b1 .strips {
    left: 140px;
    bottom: 63px;
  }

  .topdev .mob-b2 .strips {
    left: 74px;
    width: 135px;
  }

  @keyframes mob-b2 {
    0% {
      width: 0%;
    }

    100% {
      width: 135px;
    }
  }

  @keyframes mob-b1 {
    0% {
      width: 0%;
    }

    100% {
      width: 131px;
    }
  }

  .topdev .container h2 {
    font-size: 26px;
    line-height: 48px;
  }

  .toptech .my-border .strips {
    left: 10px;
    bottom: 160px;
  }

  h2 span {
    font-size: 35px;
  }

  .section1 .my-border .strips {
    left: 3px;
  }

  .portfoliobg {
    height: 417px;
  }

  .ctaBtn1 {
    width: 275px;
  }

  .ctaBtn1 a {
    font-size: 13px;
  }

  .Presence h2 {
    font-size: 27px;
  }

  .presence-sec .b1 .strips {
    left: 216px;
  }

  .presence-sec .b2 .strips {
    left: 24px;
  }

  .counter-ios .c-1,
  .counter-ios .c-2 {
    width: 55%;
  }

  .counter-ios span,
  .counter-ios strong {
    font-weight: 500;
    font-size: 56px;
  }

  .hire-ios-bo {
    height: 699px;
  }

  .counter-ios {
    left: -2px;
    bottom: 21px;
  }

  .bo1 .strips {
    left: 42px;
  }

  .b3 .strips {
    left: 68px;
  }

  .mobile-expand-slider .owl-next {
    left: 190px;
  }

  .expertisec .container h2 {
    font-size: 29px;
    margin-left: 26px;
  }

  .expertisec .my-border .strips {
    left: 27px;
  }

  .expertisec .mbo .strips {
    left: 61px;
  }

  .hire-faq h2 span {
    font-size: 30px;
  }

  .hire-faq .my-border .strips {
    left: 84px;
  }

  .card-link-sect h2 {
    margin-bottom: 21px;
    padding-left: 13px;
    padding-top: 66px;
  }

  .card-link-sect .img2 {
    margin-left: -191px;
  }

  .card-link-sect .img1 {
    margin-top: -7px;
  }
  .list-inline-item {
    right: 117px;
  }
  .mobilesection .width20 {
    height: 300px;
  }
}

@media screen and (max-width: 427px) and (min-width: 424px) {
  .expertisec .my-border .strips {
    bottom: 158px;
  }

  .expertisec .mbo .strips {
    height: 3px;
    left: 107px;
    bottom: 207px;
  }
}

@media screen and (max-width: 843px) and (min-width: 767px) {
  .skills .container {
    margin-left: 58px;
    margin-top: 47px;
    padding-bottom: 25px;
  }

  .skills-bnner .all_btns {
    margin-top: 43px;
    margin-bottom: 20px;
    position: relative;
    left: 12.2rem;
  }

  .skills-bnner {
    height: 411px !important;
  }

  .skills-bnner .my-border .strips {
    width: 213px;
    left: 354px;
    bottom: 11px;
  }

  @keyframes border_anima6 {
    0% {
      width: 0%;
    }

    100% {
      width: 213px;
    }
  }

  .Btntn .hvr-float-shadow.all_btns {
    left: 10.4rem;
    padding-bottom: 5rem;
  }

  .skills-bnner .banner-heading {
    right: 313px;
    top: 59px;
  }

  .skills-bnner h1 {
    font-size: 33px;
    line-height: 42px;
  }

  .navbar-light .navbar-toggler {
    display: block;
  }

  .new-ios-banner .banner-heading h1 {
    margin-bottom: 46px;
  }

  .new-ios-banner .banner-heading p {
    padding-bottom: 13px;
  }
  h2 span {
    font-size: inherit;
    line-height: inherit;
  }
  .iti--separate-dial-code .iti__selected-flag {
    margin-top: -2px;
  }
  .p1 {
    height: auto !important;
  }
  .p2 {
    height: auto !important;
  }
  .hire-ios-bo {
    height: 61rem !important;
  }
  .arrowdown img {
    display: none;
  }

  .brandslogo {
    width: 786.83px;
    height: 88.42px;
  }

  .process .my-border .strips {
    left: 114px;
  }

  .numbering-style ul li span {
    margin-right: 121px;
    left: 72px;
  }

  .numbering-style ul li .arrow2:after {
    width: 96px;
    left: 42px;
  }

  .right1 {
    left: 42px;
    bottom: 6px;
  }

  .numbering-style ul li .arrow1:after {
    width: 104px;
  }

  .right {
    transform: rotate(-45deg);
    position: relative;
    left: 42px;
    bottom: 6px;
  }

  .my-border .strips {
    left: 91px;
  }

  .ios-cta h2 {
    font-size: 22px;
    line-height: 119%;
    margin-bottom: 10px;
    margin-top: -17px;
  }

  .ios-cta p {
    font-size: 14px;
    line-height: 19px;
    margin-right: 10px;
  }

  .ios-cta .ctaBtn {
    margin-bottom: 0;
  }

  .ct {
    position: relative;
    right: 40px;
  }

  .ios-cta .ctaBtn a {
    position: relative;
    left: 409px;
  }

  .interview-box {
    height: 459px;
  }

  .interview-box.main-box {
    height: 476px;
  }

  .interview-box .time {
    padding: 0px 0px 29px 7px;
    display: -webkit-inline-box;
    width: 100%;
  }

  .interview-btn {
    padding: 7px 21px;
    font-size: 12px;
  }

  .hiringmodel .my-border .strips {
    left: 187px;
  }

  .topdev .my-border .strips {
    left: 211px;
  }

  .toptech .my-border .strips {
    left: 40px;
    bottom: 142px;
  }

  .section1 .my-border .strips {
    left: 281px;
  }

  .hire-ios-bo {
    height: 989px;
  }

  .b3 .strips {
    left: 141px;
    bottom: 121px;
  }

  .portfoliobg {
    background-size: auto;
    padding: 44px 0;
  }

  .portfoliobg p {
    font-size: 21.5113px;
  }

  .ctaBtn1 {
    margin-left: 158px;
  }

  .Presence h2 {
    font-size: 47px;
  }

  .counter-ios span,
  .counter-ios strong {
    font-size: 67px;
  }

  .counter-ios .c-1,
  .counter-ios .c-2 {
    width: 46%;
  }

  .counter-ios {
    width: 129%;
  }

  .presence-sec .b1 .strips {
    bottom: 115px;
  }

  .presence-sec .b2 .strips {
    bottom: 64px;
  }

  .facilities-body {
    position: relative;
    left: 2px;
  }

  .hire-faq .my-border .strips {
    left: 136px;
    bottom: 46px;
  }

  .card-link-sect .card-box {
    padding: 20px;
    width: 100%;
    height: 239px;
  }

  .card-link-sect h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 30px;
    padding-right: 10px;
  }

  .card-link-sect .img1 {
    width: 96%;
    margin-top: 6px;
  }

  .card-link-sect p {
    height: 70px;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 12px;
  }

  .expertisec .my-border .strips {
    left: 78px;
    bottom: 208px;
  }

  .presence-sec {
    position: relative;
    left: 1px;
  }

  .dev-tabs button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 14px;
    font-size: 14px;
    margin: 25px 2px;
  }
}
@media screen and (max-width: 1026px) and (min-width: 1023px) {
  .new-ios-banner .banner-heading h1 {
    font-size: 51px;
    line-height: 53px;
  }
  .Presence h2 {
    font-size: 55px;
  }
  .counter-ios span,
  .counter-ios strong {
    font-size: 74px;
  }
  .new-ios-banner .banner-heading p {
    font-size: 14px;
    line-height: 20px;
  }
  .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
    padding: 11px 0 11px 11px;
    font-size: 13px;
    width: 357px;
  }
  .banner-form h5 {
    padding-top: 11px;
  }
  .banner-form p {
    margin-bottom: 8px;
  }
  #admodal1 form input,
  .banner-form form input {
    height: 70px;
  }
  .banner-form {
    width: 473px;
    margin-top: 126px;
  }
  .arrowdown img {
    bottom: 119px;
    right: 48px;
  }
  .ios-top-brands h3 {
    font-size: 16px;
  }
  .brandslogo {
    width: 923.83px;
    height: 63.42px;
  }
  .process .my-border .strips {
    left: 415px;
  }
  .list-inline-item:not(:last-child) {
    margin-right: -5.5rem;
  }
  .list-inline-item {
    position: relative;
    right: 37px;
  }
  .circleone {
    margin-right: -3.1rem !important;
  }
  .itemsp {
    margin-right: -4.1rem !important;
  }
  .right {
    left: 74px;
  }
  .numbering-style ul li .arrow2:after {
    width: 171px;
    height: 2.8px;
  }
  .numbering-style ul li .arrow1:after {
    width: 165px;
  }
  h2 span {
    font-size: 32px;
  }
  .hire-heading p {
    font-size: 15px;
  }
  .mob-b .strips {
    left: 405px;
    bottom: 21px;
  }
  @keyframes border_anim {
    0% {
      width: 0%;
    }

    100% {
      width: 272px;
    }
  }
  .ios-cta h2 {
    font-size: 32px;
  }
  .ios-cta p {
    font-size: 14px;
  }
  .ios-cta .ctaBtn a {
    left: 613px;
  }
  .hiringmodel .my-border .strips {
    left: 263px;
  }
  .interview-box {
    height: 399px;
  }
  .interview-box.main-box {
    height: 413px;
  }
  .topdev .my-border .strips {
    left: 364px;
  }
  @keyframes border_anim2 {
    0% {
      width: 0%;
    }

    100% {
      width: 350px;
    }
  }
  .ios-developers h6 {
    font-size: 9px;
  }
  .ios-developers p {
    font-size: 11px;
    line-height: 16px;
  }
  .topdev .container h2 {
    font-size: 33px;
  }
  .toptech .my-border .strips {
    left: 55px;
    bottom: 84px;
  }
  @keyframes border_anim4 {
    0% {
      width: 0%;
    }

    100% {
      width: 171px;
    }
  }
  .topdev .container p {
    font-size: 16px;
  }
  .dev-tabs button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 14px;
    font-size: 14px;
    margin: 25px 2px;
  }
  .section1 h2 span {
    font-size: 43px;
  }
  .section1 .my-border .strips {
    left: 396px;
  }
  .hire-ios-bo {
    height: 737px;
  }
  .portfoliobg p {
    font-size: 20.5113px;
  }
  .portfoliobg p span {
    font-size: 20.5113px;
  }
  .ctaBtn1 {
    margin-left: 112px;
  }
  .portfoliobg {
    padding: 77px 167px 45px;
  }
  .loca-head h2 {
    font-size: 37px;
  }
  .b3 .strips {
    left: 74px;
    bottom: 57px;
  }
  @keyframes border_anima5 {
    0% {
      width: 0%;
    }

    100% {
      width: 430px;
    }
  }
  .about-section5 {
    padding-left: 0%;
  }
  .strip {
    width: 93px;
  }
  .expertisec .my-border .strips {
    left: 113px;
  }
  .hire-faq .my-border .strips {
    left: 275px;
    bottom: 52px;
  }
  .card-link-sect h2 {
    font-size: 29px;
  }
  .card-link-sect p {
    font-size: 16px;
  }
  .eng-model-text-flex h4 {
    font-size: 19px;
  }
}
@media screen and (max-width: 1442px) and (min-width: 1438px) {
  .b3 .strips {
    left: 224px;
    bottom: 58px;
  }
}

@-moz-document url-prefix() {
  #admodal11 .sum-captcha-r {
    width: 41%;
  }
  .eng-model-text-flex h4 {
    font-size: 23px;
  }
  .ios-top-brands h3 {
    font-size: 20px;
  }
  #skillssearch .form input::placeholder {
    color: #000 !important;
    display: block;
    opacity: 1;
  }

  @media screen and (max-width: 767px) {
    #admodal11 .label_num {
      position: relative;
      left: 27.5%;
      top: 28px !important;
    }
    .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
      width: auto !important;
      right: 0 !important;
    }
    #touchsec input {
      margin-bottom: 9px;
      border-radius: 4px !important;
    }
    .mobilesection .width20 {
      width: 20%;
      height: 300px;
    }
    .mobilesection .col-md-9 {
      padding-left: 25px;
    }
    .numbering-style ul li .arrow2::after {
      height: 108px;
    }
    .list-inline-item {
      display: flex;
      padding-bottom: 123px;
    }
    .numbering-style ul li .arrow2::after {
      height: 113px;
    }
    .numbering-style ul li .arrow1::after {
      height: 115px;
    }
  }

  @media screen and (max-width: 480px) and (min-width: 450px) {
    .ios-top-brands .brandslogo img {
      height: 261.89px;
    }
    .process .heading-text h2 {
      font-size: 49px;
    }
    .process .my-border .strips {
      left: 186px;
    }
    .list-inline-item {
      padding-bottom: 91px;
    }
    .process .hirstrip .strips {
      left: 53px;
    }
    .itemsp {
      padding-bottom: 106px;
      bottom: 69px;
    }
    .numbering-style ul li .arrow2::after {
      height: 82px;
    }
    .mob-b .strips {
      left: 89px;
    }
    .ios-cta .ctaBtn a {
      padding: 18px 107px;
    }
    .hiringmodel .my-border .strips {
      left: 94px;
    }
    .topdev .mob-b1 .strips {
      left: 222px;
    }
    .topdev .mob-b2 .strips {
      left: 132px;
    }
    .section1 .my-border .strips {
      left: 51px;
    }
    .ctaBtn1 {
      margin-left: 45px;
    }
    .presence-sec .b1 .strips {
      left: 312px;
    }
    .presence-sec .b2 .strips {
      left: 24px;
    }
    .loca-head h2 {
      font-size: 36px;
    }
    .b3 .strips {
      left: 64px;
    }
    .bo1 .strips {
      left: 108px;
    }
    .expertisec .container h2 {
      font-size: 35px;
    }
    .expertisec .my-border .strips {
      left: 77px;
    }
    .expertisec .mbo .strips {
      left: 117px;
    }
    .hire-faq .my-border .strips {
      width: 160px;
      left: 140px;
      bottom: 55px;
    }
    .card-link-sect .img2 {
      margin-left: -341px;
    }
    .ios-cta .ctabg {
      padding: 1px;
    }
  }

  @media screen and (max-width: 435px) and (min-width: 420px) {
    .ios-top-brands .brandslogo img {
      height: auto;
      width: 100%;
      margin: 0 !important;
      width: 360.48px !important;
      position: relative;
      left: 21px;
    }
  }

  @media only screen and (min-width: 400px) and (max-width: 430px) {
    .process .my-border .strips {
      left: 160px;
    }

    .process .hirstrip .strips {
      left: 45px;
    }
    .my-border .strips {
      left: 58px;
    }

    .hiringmodel .my-border .strips {
      left: 63px;
    }

    topdev .mob-b2 .strips {
      left: 100px;
    }

    .toptech .my-border .strips {
      left: 53px;
      bottom: 231px;
    }

    .presence-sec .b1 .strips {
      left: 243px;
    }

    .presence-sec .b2 .strips {
      left: 25px;
    }

    .mob-b .strips {
      left: 62px;
    }

    .bo1 .strips {
      left: 86px;
    }

    .ios-top-brands .brandslogo img {
      margin: 0 !important;
      width: auto !important;
      height: 217.89px;
    }

    .toptech .my-border .strips {
      left: 16px;
      bottom: 177px;
    }
    .process .my-border .strips {
      left: 168px;
    }
    .process .hirstrip .strips {
      left: 52px;
    }
    .presence-sec .b1 .strips {
      left: 285px;
    }
    .presence-sec .b2 .strips {
      left: 30px;
    }
    .b3 .strips {
      left: 51px;
    }
    .bo1 .strips {
      left: 93px;
    }
  }

  @media screen and (max-width: 414px) {
    .topdev .container h2 {
      font-size: 34px;
    }

    .process .my-border .strips {
      left: 159px;
    }
    .process .hirstrip .strips {
      left: 45px;
    }
    .topdev .mob-b1 .strips {
      left: 185px;
    }
    .topdev .mob-b2 .strips {
      left: 99px;
    }
    .section1 .my-border .strips {
      left: 19px;
    }
    .presence-sec .b1 .strips {
      left: 277px;
    }
    .presence-sec .b2 .strips {
      left: 25px;
    }
    .b3 .strips {
      left: 44px;
    }
    .bo1 .strips {
      left: 87px;
    }
    .expertisec .my-border .strips {
      left: 63px;
    }
    .expertisec .mbo .strips {
      left: 100px;
    }
    .new-ios-banner .banner-heading h1 {
      font-size: 41px !important;
    }
  }

  @media screen and (max-width: 412px) and (min-width: 411px) {
    .topdev .mob-b1 .strips {
      left: 184px;
    }
    .topdev .mob-b2 .strips {
      left: 99px;
    }
    .section1 .my-border .strips {
      left: 17px;
    }
    .b3 .strips {
      left: 43px;
    }
    .card-link-sect .img2 {
      margin-left: -285px;
    }
  }
  @media screen and (max-width: 393px) and (min-width: 392px) {
    .ctaBtn1 {
      width: 342px;
    }
    .numbering-style ul li .arrow2::after {
      height: 120px;
    }
    .card-link-sect .img2 {
      margin-left: -270px;
    }
    .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
      width: 375px;
    }
    .mob-b .strips {
      left: 50px;
    }
    .ios-top-brands .brandslogo img {
      width: 369.48px !important;
    }
    .process .my-border .strips {
      left: 150px;
    }
    .process .hirstrip .strips {
      left: 35px;
    }
    .ios-cta .ctaBtn a {
      padding: 18px 57px;
    }
    .hiringmodel .my-border .strips {
      left: 54px;
    }
    .interview-box .time h3 {
      left: 150px;
    }
    .topdev .mob-b1 .strips {
      left: 175px;
    }
    .topdev .mob-b2 .strips {
      left: 89px;
    }
    .topdev .container h2 {
      font-size: 31px;
    }
    .toptech .my-border .strips {
      left: 4px;
    }
    .section1 .my-border .strips {
      left: 9px;
    }
    .presence-sec .b1 .strips {
      left: 233px;
    }
    .presence-sec .b2 .strips {
      left: 14px;
    }
    .b3 .strips {
      left: 33px;
    }
    .bo1 .strips {
      left: 76px;
    }
    .expertisec .my-border .strips {
      left: 55px;
    }
    .expertisec .mbo .strips {
      left: 90px;
    }
    .hire-faq .my-border .strips {
      left: 101px;
    }
    .topdev .mob-b1 .strips {
      left: 166px;
    }
    .toptech .my-border .strips {
      left: 48px;
      bottom: 178px;
    }
    .list-inline-item {
      padding-bottom: 119px;
    }
  }
  @media screen and (max-width: 391px) {
    .ios-top-brands .brandslogo img {
      width: auto !important;
      left: 23px;
      position: absolute;
      height: auto !important;
    }

    .numbering-style ul li .arrow2::after {
      height: 114px;
    }
    .list-inline-item {
      padding-bottom: 145px;
    }
    .numbering-style ul li .arrow1::after {
      height: 144px;
    }
    .hiringmodel .my-border .strips {
      left: 51px !important;
    }

    .Presence h2 {
      font-size: 31px !important;
    }
 
    .process .my-border .strips {
      left: 147px;
    }
    .process .hirstrip .strips {
      left: 33px;
    }
    .mob-b .strips {
      left: 47px;
    }
    .topdev .mob-b1 .strips {
      left: 172px;
    }
    .topdev .mob-b2 .strips {
      left: 88px;
    }
    .section1 .my-border .strips {
      left: 8px;
    }
    .presence-sec .b1 .strips {
      left: 261px;
    }
    .b3 .strips {
      left: 32px;
    }
    .bo1 .strips {
      left: 75px;
    }
    .expertisec .my-border .strips {
      left: 53px;
    }
    .expertisec .mbo .strips {
      left: 88px;
    }
    .circleone {
      padding-bottom: 133px !important;
    }
    .numbering-style ul li .arrow2::after {
      height: 128px;
    }
  }
  @media screen and (max-width: 388px) and (min-width: 376px) {
    .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
      width: auto;
      right: 0;
    }
  }
  @media screen and (max-width: 375px) {
    .topdev .container h2 {
      font-size: 34px;
    }
 
    .new-ios-banner .banner-heading h1 {
      font-size: 39px !important;
    }
    .process .my-border .strips {
      left: 140px;
    }
    .process .hirstrip .strips {
      left: 26px;
    }
    .list-inline-item {
      padding-bottom: 143px;
    }
    .specific-sec .hire-heading h2 span {
      font-size: 29px;
    }
    .mob-b .strips {
      left: 43px;
    }
    .hiringmodel .my-border .strips {
      left: 37px !important;
    }
    .topdev .mob-b1 .strips {
      left: 166px;
    }
    .topdev .mob-b2 .strips {
      left: 80px;
    }
    .presence-sec .b1 .strips {
      left: 250px;
    }
    .presence-sec .b2 .strips {
      left: 17px;
    }
    .b3 .strips {
      left: 26px;
    }
    .bo1 .strips {
      left: 67px;
    }
    .expertisec .my-border .strips {
      left: 47px;
    }
    .expertisec .mbo .strips {
      left: 83px;
    }

    .list-inline-item {
      padding-bottom: 163px;
    }
    .numbering-style ul li .arrow1::after {
      height: 163px;
    }
  }

  @media screen and (max-width: 360px) {
    .ios-top-brands .brandslogo img {
      left: 11px;
    }
    .numbering-style ul li .arrow1::after {
      height: 159px;
    }
    .list-inline-item {
      padding-bottom: 164px;
    }
    .circleone {
      padding-bottom: 153px !important;
    }
    .numbering-style ul li .arrow2::after {
      height: 141px;
    }
    .ctaBtn1 {
      width: 314px;
    }
    .ctaBtn1 a {
      font-size: 14px;
    }

    .specific-sec .hire-heading h2 span {
      font-size: 28px;
    }

    .mob-b .strips {
      left: 39px;
    }

    .hiringmodel .my-border .strips {
      left: 35px !important;
    }

    .topdev .container h2 {
      font-size: 31px;
    }

    .Presence h2 {
      font-size: 30px !important;
    }

    .expertisec .container h2 {
      font-size: 31px;
    }

    .process .heading-text h2 {
      font-size: 41px;
    }

    .interview-btn {
      font-size: 16px;
    }
    .ctaBtn1 {
      width: 309px;
    }
    .process .my-border .strips {
      left: 133px;
    }
    .process .hirstrip .strips {
      left: 22px;
    }
    .topdev .mob-b1 .strips {
      left: 151px;
    }
    .topdev .mob-b2 .strips {
      left: 72px;
    }
    .presence-sec .b1 .strips {
      left: 239px;
    }
    .presence-sec .b2 .strips {
      left: 19px;
    }
    .loca-head h2 {
      font-size: 32px;
    }
    .new-ios-banner .banner-heading h1 {
      font-size: 37px !important;
    }
    .b3 .strips {
      left: 24px;
      bottom: 102px;
    }
    .bo1 .strips {
      left: 62px;
      bottom: 150px;
    }
  }
  @media screen and (max-width: 343px) and (min-width: 321px) {
    .skills-bnner .hvr-float-shadow.all_btns a {
      padding: 18.5px 25px !important;
    }

    .Btntn .hvr-float-shadow.all_btns a {
      padding: 23px 5px !important;
      font-size: 11px !important;
    }

    .toptech .ios-facilities .icon-bx p a {
      left: 8px;
    }

    .skills-bnner {
      height: 545px !important;
    }

    .skills-bnner .my-border .strips {
      left: 25px;
    }

    .new-ios-banner .banner-heading h1 {
      font-size: 31px !important;
      line-height: 40px !important;
      margin-bottom: 18px;
    }

    .new-ios-banner .banner-heading p {
      padding: 0;
    }

    .new-ios-banner .project-btn .hvr-float-shadow.all_btns a {
      width: 306px;
      right: 11px;
      bottom: 11px;
      padding: 16px 0px 20px 0px;
      font-size: 12px;
    }

    .arrowdown img {
      bottom: 5px;
    }

    .ios-top-brands h3 {
      font-size: 15px;
    }

    .ios-top-brands .brandslogo img {
      width: 307.48px !important;
    }

    .form-hd h2 {
      left: 5px;
    }

    .form-hd .my-border .strips {
      left: 135px;
    }

    .process .heading-text h2 {
      font-size: 28px;
      line-height: 39px;
    }

    .process .my-border .strips {
      left: 81px;
      bottom: 176px;
    }

    .process .hirstrip .strips {
      left: 92px;
      bottom: 136px;
    }

    .circleone {
      padding-bottom: 286px !important;
    }

    .eng-model-bg {
      bottom: 76rem;
    }

    .itemsp {
      bottom: 174px;
      padding-bottom: 180px;
    }

    .right {
      left: 8px;
      bottom: 192px;
    }

    .right1 {
      left: 3px;
      bottom: 195px;
    }

    .numbering-style ul li .arrow2:after {
      height: 166px;
    }

    .numbering-style ul li .arrow1:after {
      height: 189px;
    }

    .topdev .container h2 span {
      line-height: 32px;
      font-size: 25px;
    }

    .specific-sec .hire-heading h2 span {
      font-size: 25px;
    }

    .mob-b .strips {
      left: 36px;
    }

    .facilities-body {
      left: 27px;
    }

    .ios-cta .ctareal {
      height: 539px !important;
    }

    .ios-cta .ctaBtn a {
      padding: 18px 26px;
    }

    .hiringmodel .my-border .strips {
      left: 16px !important;
    }

    .interview-box .full {
      padding: 39px 19px 24px;
    }

    .interview-box .time {
      padding: 0 19px 5px;
    }

    .interview-box .full {
      padding: 39px 19px 24px;
    }

    .interview-box .time {
      padding: 0 19px 5px;
    }

    .interview-btn {
      padding: 13px 35px;
      font-size: 14px;
      height: 60px;
      border-radius: 13.4716px;
    }

    .interview-box .time div {
      width: 64%;
    }

    .interview-box .time h3 {
      left: 110px;
    }

    .topdev .mob-b1 .strips {
      left: 140px;
      bottom: 63px;
    }

    .topdev .mob-b2 .strips {
      left: 74px;
      width: 135px;
    }

    @keyframes mob-b2 {
      0% {
        width: 0%;
      }

      100% {
        width: 135px;
      }
    }

    @keyframes mob-b1 {
      0% {
        width: 0%;
      }

      100% {
        width: 131px;
      }
    }

    .topdev .container h2 {
      font-size: 26px;
      line-height: 48px;
    }

    .toptech .my-border .strips {
      left: 2px;
      bottom: 160px;
    }

    h2 span {
      font-size: 35px;
    }

    .section1 .my-border .strips {
      left: 3px;
    }

    .portfoliobg {
      height: 417px;
    }

    .ctaBtn1 {
      width: 275px;
    }

    .ctaBtn1 a {
      font-size: 13px;
    }

    .Presence h2 {
      font-size: 28px !important;
    }

    .presence-sec .b1 .strips {
      left: 192px;
    }

    .presence-sec .b2 .strips {
      left: 11px;
    }

    .counter-ios .c-1,
    .counter-ios .c-2 {
      width: 55%;
    }

    .counter-ios span,
    .counter-ios strong {
      font-weight: 500;
      font-size: 56px;
    }

    .hire-ios-bo {
      height: 644px;
    }

    .counter-ios {
      left: -2px;
      bottom: 21px;
    }

    .bo1 .strips {
      left: 42px;
    }

    .b3 .strips {
      left: 68px;
    }

    .mobile-expand-slider .owl-next {
      left: 190px;
    }

    .expertisec .container h2 {
      font-size: 28px;
      margin-left: 26px;
    }

    .expertisec .my-border .strips {
      left: 27px;
    }

    .expertisec .mbo .strips {
      left: 61px;
    }

    .hire-faq h2 span {
      font-size: 30px;
    }

    .hire-faq .my-border .strips {
      left: 84px;
    }

    .card-link-sect h2 {
      margin-bottom: 21px;
      padding-left: 13px;
      padding-top: 66px;
    }

    .card-link-sect .img2 {
      margin-left: -191px;
    }

    .card-link-sect .img1 {
      margin-top: -7px;
    }
  }
  @media screen and (max-width: 320px) {
    .ios-top-brands .brandslogo img {
      width: 286px !important;
    }
    .circleone {
      padding-bottom: 324px !important;
    }
    .right {
      left: 1px;
      bottom: 212px;
    }
    .right1 {
      left: -4.5px;
      bottom: 207px;
    }

    .itemsp {
      bottom: 195px;
      padding-bottom: 194px;
    }
    .numbering-style ul li .arrow2::after {
      height: 165px;
      width: 3px;
    }
    .numbering-style ul li .arrow1::after {
      height: 191px;
      width: 3px;
    }
    .facilities-body {
      left: 16px;
    }

    .loca-head h2 {
      font-size: 28px;
    }

    .form-hd h2 {
      font-size: 29px;
    }

    .process .heading-text h2 {
      font-size: 35px;
    }

    .process .my-border .strips {
      left: 116px;
      width: 100px;
    }

    @keyframes border_animat {
      0% {
        width: 0%;
      }

      100% {
        width: 100px;
      }
    }

    .process .hirstrip .strips {
      left: 20px;
      bottom: 136px;
    }


    .specific-sec .hire-heading h2 span {
      font-size: 24px;
    }

    .mob-b .strips {
      width: 200px;
    }

    @keyframes mob-b {
      0% {
        width: 0%;
      }

      100% {
        width: 200px;
      }
    }

    .hiringmodel .my-border .strips {
      left: 16px !important;
    }

    .topdev .container h2 {
      font-size: 28px;
    }

    .topdev .container h2 {
      font-size: 25px;
    }

    .Presence h2 {
      font-size: 26px !important;
    }

    .presence-sec .b1 .strips {
      left: 209px;
      width: 80px;
    }

    @keyframes border_anima3 {
      0% {
        width: 0%;
      }

      100% {
        width: 80px;
      }
    }

    .presence-sec .b2 .strips {
      left: 22px;
    }

    @keyframes border_anima4 {
      0% {
        width: 0%;
      }

      100% {
        width: 250px;
      }
    }

    .expertisec .container h2 {
      font-size: 28px;
    }

    @keyframes border_anima1 {
      0% {
        width: 0%;
      }

      100% {
        width: 120px;
      }
    }

    @keyframes border_animatio {
      0% {
        width: 0%;
      }

      100% {
        width: 180px;
      }
    }

    .interview-btn {
      font-size: 14px;
    }

    .toptech .my-border .strips {
      left: 10px;
      bottom: 160px;
    }

    @keyframes border_anim4 {
      0% {
        width: 0%;
      }

      100% {
        width: 150px;
      }
    }

    .b3 .strips {
      left: 19px;
      bottom: 107px;
    }

    .bo1 .strips {
      left: 56px;
      bottom: 153px;
    }
    .interview-box .time h3 {
      left: 105px;
    }
    .topdev .mob-b1 .strips {
      left: 134px;
    }
    .new-ios-banner .banner-heading h1 {
      font-size: 33px !important;
    }
    .section1 .my-border .strips {
      left: 5px;
    }
    .ctaBtn1 a {
      font-size: 13px;
    }
    .ctaBtn1 {
      width: 280px;
    }
    .expertisec .my-border .strips {
      left: 30px;
    }
    .expertisec .mbo .strips {
      left: 61px;
    }
  }
  @media (min-height: 420px) and (max-height: 485px) {
  
    .ios-top-brands .brandslogo img {
      position: initial;
    }
    .ctaBtn1 {
      width: 276px;
    }
  }

}

/* footer form in new hire */
#touchsec .sum-captcha {
  height: 53px;
}
#touchsec .sum-captcha-r {
  width: 74%;
  margin: 0px 2px;
}

/* Skills Search bar */
#skillssearch .form {
  text-align: center;
}
#skillssearch .form input {
  position: relative;
  left: 73px;
  width: 777px;
  padding: 14px;
  padding-left: 24px;
  text-transform: capitalize;
  color: black;
  background: #f0f5fa;
  border-radius: 200px;
}
#skillssearch .form input::placeholder {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #757575 !important;
  display: block;
  opacity: 1;
}

#skillssearch .form ul {
  background: #f5f9fc;
  margin-top: 47px;
  width: 62vw;
  margin-left: 16.5rem;
  border-radius: 4px;
}
#skillssearch .form li {
  padding: 24px 56px;
  margin: 8px 0;
  text-transform: capitalize;
  list-style: none;
  text-align: left;

  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 35px;
  color: #161616;
}
#skillssearch {
  margin: 48px 0 0 0;
}
.sresult {
  display: flex;
  justify-content: space-between;
  padding: 40px;
}
#showresult {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #626262;
  float: right;
}
.erresult {
  display: block;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 68vw;
  height: 68vh;
  text-align: center;
}
#serchlist {
  display: block;
}
.erresult h3 {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 24.4829px;
  line-height: 36px;
}
.erresult p {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-size: 16.3219px;
  line-height: 36px;
  text-align: center;
  color: #161616;
  opacity: 0.5;
}
.ex-mark {
  color: #0091ff !important;
  height: 150px !important;
  width: 150px;
  padding: 62px;
  font-size: 75px !important;
  border-radius: 200px;
  border: 3px solid #0091ff;
  font-weight: 500 !important;
  margin-left: 23rem;
}
.erresult .hvr-float-shadow.all_btns a {
  background: #0091ff;
  border-radius: 4px;
  padding: 12px 20px 12px 20px;
  /* right: 22rem; */
  top: 16px;
}
.btn-visible-s {
  display: none;
  background-color: #0091ff !important;
  padding: 9.7px 13px !important;
  border: none !important;
  position: relative;
  right: 59px;
  bottom: 1px;
  border-radius: 200px !important;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff !important;
}
.dotte {
  visibility: hidden;
  display: flex;
  justify-content: space-between;
  margin-top: -69px;
}
.body {
  position: relative;
  bottom: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
  #skillssearch .form input {
    left: 52px;
    width: 603px;
    padding: 15px;
  }
  #skillssearch .form ul {
    width: 92vw;
    margin-left: 2.5rem;
  }
  .ex-mark {
    margin-left: 10.5rem;
  }
  .brandslogo {
    width: 719.83px;
  }
  .hourly .full {
    padding: 77px 30px 21px;
  }
  .interview-box .time h6 {
    font-size: 18px;
  }
  .interview-box .time h3 {
    font-size: 59px;
  }
  .dev-tabs button {
    background: #f0f6ff;
  }
  .hire-ios-bo {
    height: 1010px;
  }
  .expertisec .icon-bx p {
    margin: 4px 0 0 8px;
    font-size: 12px;
    line-height: 19px;
  }
  .expertisec .icon-bx img {
    width: 30px;
    height: 30px;
  }
  .expertisec .container p {
    color: #000000;
  }
  .expertisec .icon-bx p a {
    color: #000000;
    font-size: 12px;
    line-height: 19px;
  }
  .process .my-border .strips {
    left: 380px;
    bottom: 126px;
  }
  .ios-cta .ctaBtn a {
    left: 454px;
    bottom: 128px;
  }
  .mob-b .strips {
    left: 114px;
  }
  .interview-box .time div {
    width: 51%;
  }
}
@media only screen and (min-width: 800px) and (max-width: 900px) {
  #skillssearch .form input {
    width: 602px;
  }
  .skills .container {
    margin-left: 108px;
  }
  #skillssearch .form ul {
    width: 90vw;
    margin-left: 3.5rem;
  }
  .ex-mark {
    margin-left: 12rem;
  }
  .process .my-border .strips {
    left: 380px;
    bottom: 126px;
  }
  .ios-cta .ctaBtn a {
    left: 454px;
    bottom: 128px;
  }
  .hourly .full {
    padding: 84px 30px 21px;
  }
  .interview-box .time h6 {
    font-size: 18px;
  }
  .interview-box .time h3 {
    font-size: 59px;
  }
  .dev-tabs button {
    background: #f0f6ff;
  }
  .hire-ios-bo {
    height: 1010px;
  }
  .expertisec .icon-bx p {
    margin: 4px 0 0 8px;
    font-size: 12px;
    line-height: 19px;
  }
  .expertisec .icon-bx img {
    width: 30px;
    height: 30px;
  }
  .expertisec .container p {
    color: #000000;
  }
  .expertisec .icon-bx p a {
    color: #000000;
    font-size: 12px;
    line-height: 19px;
  }
  .interview-box .time div {
    width: 51%;
  }
}

@media screen and (max-width: 767px) {
  .footersec .addresslidernew .owl-nav {
    display: block;
  }
  #skillssearch .form input {
    left: 0;
    width: 403px;
  }
  .body {
    position: unset;
    bottom: 0;
  }
  .dotte {
    display: none;
  }
  .btn-visible-s {
    right: 16px !important;
    top: -50px !important;
    float: right;
  }
  .btn-visible-s {
    display: block;
  }
  #skillssearch .btn-primary {
    display: none;
  }
  #skillssearch .form ul {
    background: none;
    width: 100vw;
    margin-left: 0rem;
    border-radius: 4px;
  }
  .searchresu {
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    text-decoration-line: underline;
    color: #000000;
  }
  #showresult {
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    text-align: right;
    color: #626262;
  }
  #skillssearch .form li {
    font-weight: 600;
    font-size: 18px;
    line-height: 35px;
    color: #161616;
    text-align: center;
    padding: 31px 56px;
  }
  #btttn .hvr-float-shadow.all_btns a {
    padding: 18.5px 31px !important;
    bottom: 0 !important;
    top: 1rem;
  }
  #btttn .project-btn {
    float: initial !important;
  }
  #skillssearch {
    margin: 48px 0 89px 0;
  }
  .ex-mark {
    margin-left: 7.5rem;
  }
  .erresult {
    width: 100vw;
  }
  .erresult h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #161616;
  }
  .erresult p {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #161616;
    opacity: 0.5;
  }
  #skillssearch .form input::placeholder {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #757575;
  }
}
@media screen and (max-width: 414px) {
  .btn-visible-s {
    right: 9px !important;
  }
}
@media screen and (max-width: 390px) {
  #skillssearch .form input {
    width: 378px;
  }
  #btttn .hvr-float-shadow.all_btns a {
    padding: 18.5px 13px !important;
  }
  .ex-mark {
    margin-left: 6.8rem;
  }
}
@media screen and (max-width: 375px) {
  #skillssearch .form input {
    width: 366px;
  }
  .skills-bnner .all_btns {
    left: 1.9rem;
  }
  .ex-mark {
    margin-left: 6rem;
  }
}
@media screen and (max-width: 360px) {
  #skillssearch .form input {
    width: 349px;
  }
  #btttn .hvr-float-shadow.all_btns a {
    padding: 18.5px 14px !important;
    font-size: 13px !important;
  }
  .ex-mark {
    margin-left: 5.8rem;
  }
  #skillssearch {
    margin: 49px 0 60px 0;
  }
}
@media screen and (max-width: 320px) {
  #skillssearch .form input {
    width: 310px;
  }
  .skills-bnner .all_btns {
    left: 1.6rem;
  }
  #skillssearch {
    margin: 49px 0 46px 0;
  }
  #btttn .hvr-float-shadow.all_btns a {
    padding: 17.5px 9px !important;
    font-size: 11px !important;
  }
  .ex-mark {
    margin-left: 4.3rem;
  }
}

@media screen and (min-width: 1500px) {
  .ex-mark {
    margin-left: 26.5rem;
  }
  #skillssearch .form ul {
    margin-left: 19.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .ex-mark {
    margin-left: 27.5rem;
  }
}

@media screen and (min-width: 1700px) {
  .ex-mark {
    margin-left: 30.5rem;
  }
  #skillssearch .form ul {
    margin-left: 22.5rem;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .ex-mark {
    margin-left: 21rem;
  }
}

@-moz-document url-prefix() {
  @media screen and (max-width: 414px) {
    #btttn .hvr-float-shadow.all_btns a {
      padding: 18.5px 21px !important;
    }
  }
  @media screen and (max-width: 390px) {
    #btttn .hvr-float-shadow.all_btns a {
      padding: 18.5px 16px !important;
    }
  }
  @media screen and (max-width: 375px) {
    #btttn .hvr-float-shadow.all_btns a {
      padding: 18.5px 8px !important;
    }
  }
  @media screen and (max-width: 360px) {
  }
  @media screen and (max-width: 320px) {
    #btttn .hvr-float-shadow.all_btns a {
      padding: 15.5px 8px !important;
      font-size: 10px !important;
    }
  }
}
@media (min-width: 1600px) and (max-width: 1690px) {
  .skills .container {
    /* margin-left: 178px; */
    transform: translate(55px, 0px);
  }
  .banner-heading {
    padding-top: 58px;
  }
  .arrowdown img {
    bottom: 4px;
  }
  .new-ios-banner .banner-heading {
    padding-top: 40px;
  }
  .banner-form {
    margin-top: 30px;
  }
}
@media (min-width: 1199px) and (max-width: 1399px) {
  .skills .container {
    margin-left: 114px;
  }
}
/* header */
@media only screen and (min-width: 767px) and (max-width: 993px) {
  .navbar {
    padding: 0px;
    background: #fff !important;
  }
}
@media only screen and (min-width: 400px) and (max-width: 415px) {
  .process .my-border .strips {
    left: 162px;
  }
  .process .hirstrip .strips {
    left: 47px;
  }
  .mob-b .strips {
    left: 64px;
  }
  .section1 .my-border .strips {
    left: 20px;
  }
}

@-moz-document url-prefix() {
  @media screen and (min-width: 1000px) {
    .hire-banner-form input::-moz-placeholder {
      color: transparent !important;
    }
  }
}
#admodal11 .label_num {
  position: relative;
  left: 27.5%;
  top: 60px;
}
@media (max-width: 1199px) and (min-width: 900px) {
  #touchsec .sum-captcha-l {
    width: 41%;
  }
}
#new-nav .contactubtn a span {
  padding: 10px 20px 10px 20px !important;
}
.navbar-light .navbar-nav .call_btn i {
  font-size: 14px;
}
@media (max-width: 325px) {
  #new-nav .contactubtn a span {
    padding: 7.5px 12px 7.5px 12px !important;
    font-size: 11px !important;
  }
  .sum-captcha-l {
    width: 66% !important;
  }
  #new-nav .call_btn {
    margin-top: 2px;
  }
}

@media (max-width: 1300px) and (min-width: 1200px) {
  .ios-top-brands .brandslogo {
    margin-left: 0 !important;
    width: 1162.83px !important;
  }
}
#touchsec input:-internal-autofill-selected,
#touchsec input:-webkit-autofill,
#touchsec input:-webkit-autofill:focus {
  background-color: transparent !important;
  -webkit-box-shadow: transparent !important;
  transition: #000 600000s 0s, #fff 600000s 0s;
}
@media (min-width: 1199px) and (max-width: 1399px) {
  .banner-form {
    margin-top: 71px;
  }
}

.new-ios-banner .label_num1 {
  position: relative;
  left: 25%;
  top: 50px;
}
/* Redesin */
.pride-sec {
  display: flex;
  justify-content: space-evenly;
  padding: 1rem;
}
.pride-sec .pride h3 {
  color: #3278ff;
  font-size: 20px;
  line-height: 17px;
}
.pride-sec .pride p {
  font-size: 14px;
  color: #ffffff;
  line-height: 16px;
}
#border {
  font-weight: bolder;
  position: relative;
}
#border::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 4px;
  width: 100%;
  animation: 5s linear infinite alternate forwards borderanimate;
  background: linear-gradient(90deg, #ff4995 65%, #0091ff 35%) top/100% 3px
    no-repeat;
  -webkit-animation: 5s linear infinite alternate forwards borderanimate;
}
@keyframes borderanimate {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.row1 .p1 {
  height: 8rem;
}
.hire-ios-bo {
  height: 38rem;
  padding: 1rem;
}
.row1 .p2 {
  height: 7rem;
}
.row2.hire-ios-bo {
  height: 34rem;
}
.row3.hire-ios-bo {
  height: 34rem;
}
.portfoliobg p span {
  color: #0161ff;
}
.ctaBtn1 {
  background: #0161ff;
}
@media screen and (max-width: 900px) {
  body::-webkit-scrollbar {
    display: none !important;
  }
  .process .heading-text h2 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media screen and (max-width: 600px) {
  .hire-ios-bo {
    height: 36rem;
  }
}
@media screen and (max-width: 390px) {
  h2 {
    font-size: 25px !important;
    line-height: 38px !important;
  }
}
@media screen and (max-width: 380px) {
  h2 {
    font-size: 22px !important;
    line-height: 38px !important;
  }
  .topdev .container h2 {
    font-size: 21px !important;
  }
  .hire-ios-bo {
    height: 39rem;
  }
  .form-hd {
    text-align: center;
    left: 0px;
  }
  .form-hd h2 {
    left: 0px;
  }
  .process .heading-text h2 {
    margin: 69px 0 0px 34px;
  }
}
@media screen and (max-width: 360px) {
  h2 {
    font-size: 20px !important;
    line-height: 38px !important;
  }
}
@media screen and (max-width: 320px) {
  .topdev .container h2 {
    font-size: 19px !important;
  }
  .hire-ios-bo {
    height: 43rem;
  }
}

/* Budget */
.budget-select {
  position: relative;
}
.budget-select #budget-value-brainstrome {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px !important;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  width: 100%;
  height: 62px;
  background: #ffffff;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  outline: none;
}

.budget-select #budget-value-brainstrome option {
  color: #929292;
}

#budgeterror-brainstrome {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  position: absolute;
  bottom: 0px !important;
  left: 14px;
  letter-spacing: -0.02em;
  color: #eb3636 !important;
}
@media screen and (min-width: 1400px) {
  .banner-form {
    background-color: #fff;
    margin-top: 75px;
  }
}
@media screen and (min-width: 1500px) {
}
@media screen and (min-width: 1530px) {
}
@media screen and (min-width: 1600px) {
}
@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1900px) {
}
@media screen and (min-width: 1000px) and (max-width: 1030px) {
}
@media screen and (min-width: 700px) and (max-width: 999px) {
  .ios-cta.brainstorm #mobileno-dem {
    top: 114px;
    left: 12px !important;
  }
  #citizenForm .row {
    flex-direction: column;
  }
  .budget-select #budget-value-brainstrome {
    width: 349px;
  }
}
@media screen and (max-width: 999px) {
  body::-webkit-scrollbar {
    display: none;
  }
  .budget-select #budget-value-brainstrome-mobile {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.18);
    box-sizing: border-box;
    border-radius: 4px !important;
    padding: 10px;
    font-weight: 600;
    font-size: 14px;
    font-family: "poppins";
    line-height: 121.5%;
  }
  .budget-select {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 500px) {
  .ios-cta.brainstorm .ctabg {
    height: auto;
  }
}