#steps-block .content {
  display: flex;
  gap: clamp(30px,3.125vw + 20px, 80px);
  justify-content: space-between; }
  @media (max-width: 900px) {
    #steps-block .content {
      flex-direction: column;
      gap: 25px; } }
  #steps-block .content .left {
    width: 360px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between; }
    @media (max-width: 900px) {
      #steps-block .content .left {
        width: 100%; } }
    #steps-block .content .left .title {
      position: sticky;
      top: 120px;
      z-index: 2; }
      @media (max-width: 900px) {
        #steps-block .content .left .title {
          top: 0;
          margin-bottom: 20px; } }
    #steps-block .content .left .image {
      height: 240px;
      border-radius: 20px;
      overflow: hidden;
      position: relative;
      z-index: 4; }
      @media (max-width: 900px) {
        #steps-block .content .left .image {
          height: clamp(270px,5.625vw + 252px, 360px); } }
  #steps-block .content .steps {
    width: 100%;
    display: flex;
    flex-direction: column; }
    #steps-block .content .steps .step {
      display: flex;
      gap: 25px;
      padding-top: clamp(15px,0.625vw + 13px, 25px);
      padding-bottom: clamp(15px,0.625vw + 13px, 25px);
      border-bottom: 1px dashed var(--stroke); }
      @media (max-width: 500px) {
        #steps-block .content .steps .step {
          flex-direction: column;
          gap: 0; } }
      #steps-block .content .steps .step:first-child {
        border-top: 1px dashed var(--stroke); }
      #steps-block .content .steps .step__num {
        position: relative;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--card);
        border-radius: 50%;
        box-shadow: 0 0 30px 0 rgba(70, 76, 117, 0.2);
        flex-shrink: 0; }
        #steps-block .content .steps .step__num::before {
          content: '';
          position: absolute;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          display: block;
          border: 1px dashed var(--accent-1);
          inset: 0;
          margin: auto; }
      #steps-block .content .steps .step__info .title {
        margin-bottom: 10px;
        margin-top: 12px; }
      #steps-block .content .steps .step__info .text a {
        font-size: 16px;
        line-height: 140%;
        font-weight: 700;
        color: var(--head);
        white-space: nowrap; }
      #steps-block .content .steps .step__info .callback {
        margin-top: 10px;
        display: flex;
        gap: 5px;
        align-items: center;
        cursor: pointer;
        width: fit-content;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        background: linear-gradient(90deg, #ebc444 0%, #006a39 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
        #steps-block .content .steps .step__info .callback:hover svg {
          transform: rotate(45deg); }
        #steps-block .content .steps .step__info .callback svg {
          width: 18px;
          height: 18px;
          transition: all 0.3s ease-in; }
          #steps-block .content .steps .step__info .callback svg path {
            stroke: var(--accent-1);
          }

/*# sourceMappingURL=block.css.map */