.hire-dev-steps-wrap {
  padding: 80px 0; }
  @media (max-width: 1279px) {
    .hire-dev-steps-wrap {
      padding: 60px 0; } }
  @media (max-width: 991px) {
    .hire-dev-steps-wrap {
      padding: 50px 0; } }
  @media (max-width: 767px) {
    .hire-dev-steps-wrap {
      padding: 40px 0; } }
  .hire-dev-steps-wrap .hire-dev-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 80px;
    padding-top: 44px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODI5IiBoZWlnaHQ9IjIyOCIgdmlld0JveD0iMCAwIDgyOSAyMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjk0OTIxNCAxMTRDNTEuMDcwNCAtMzYuNjY2NiAxMjYuMjUyIC0zNi42NjY2IDIyNi40OTUgMTE0QzMyNi43MzcgMjY0LjY2NyA0MjYuOTggMjY0LjY2NyA1MjcuMjIyIDExNEM2MjcuNDY0IC0zNi42NjY3IDcyNy43MDcgLTM2LjY2NjcgODI3Ljk0OSAxMTQiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzc5XzI4MjkpIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1kYXNoYXJyYXk9IjggOCIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzc5XzI4MjkiIHgxPSIwLjk0OTIxOSIgeTE9IjIyNyIgeDI9IjExNDk0LjciIHkyPSItNDE4MzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzAwOTA5MyIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDFCN0JCIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: center; }
    @media (max-width: 1279px) {
      .hire-dev-steps-wrap .hire-dev-steps {
        gap: 64px 32px; } }
    @media (max-width: 991px) {
      .hire-dev-steps-wrap .hire-dev-steps {
        grid-template-columns: repeat(2, 1fr);
        background: none; } }
    @media (max-width: 767px) {
      .hire-dev-steps-wrap .hire-dev-steps {
        grid-template-columns: 1fr;
        gap: 64px; } }
    .hire-dev-steps-wrap .hire-dev-steps .hire-dev-step {
      padding: 24px 24px 48px;
      background: #fff;
      border: 1px solid #DEE2E6;
      border-radius: 16px;
      position: relative; }
      .dark .hire-dev-steps-wrap .hire-dev-steps .hire-dev-step {
        background: #101519;
        border: 1px solid #0C1B1D; }
      .hire-dev-steps-wrap .hire-dev-steps .hire-dev-step .hire-dev-step-number {
        font-weight: 600;
        font-size: 130px;
        line-height: 1;
        text-transform: uppercase;
        background-color: #ADB5BD;
        background-image: linear-gradient(135deg, transparent 45%, #fff 45%, #fff 55%, transparent 0);
        background-size: 4px 4px;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-top: -80px; }
        @media (max-width: 1279px) {
          .hire-dev-steps-wrap .hire-dev-steps .hire-dev-step .hire-dev-step-number {
            font-size: 90px;
            margin-top: -60px; } }
        .dark .hire-dev-steps-wrap .hire-dev-steps .hire-dev-step .hire-dev-step-number {
          opacity: .5; }
      .hire-dev-steps-wrap .hire-dev-steps .hire-dev-step .title-wrap {
        padding-bottom: 16px; }
      .hire-dev-steps-wrap .hire-dev-steps .hire-dev-step h5 {
        line-height: 1.68; }
      .hire-dev-steps-wrap .hire-dev-steps .hire-dev-step .hire-dev-step-text {
        font-size: 16px;
        line-height: 27px;
        color: #1c1c1c; }
        .hire-dev-steps-wrap .hire-dev-steps .hire-dev-step .hire-dev-step-text p:last-child {
          margin-bottom: 0; }
        .dark .hire-dev-steps-wrap .hire-dev-steps .hire-dev-step .hire-dev-step-text {
          color: #fff; }

/*# sourceMappingURL=hire-dev-steps.css.map */