/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* Theme colors
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* Theme styles
*/
/*
* Media Query
*/
/*
* Section margin
*/
/*
* Section padding
*/
/*
* Display list elements in column
*/
/*
* Menu item width in footer menu
*/
/*
* Small gray shadow
*/
/*
* Large gray shadow
*/
/*
* Headers
*/
.block-steps .steps-container .steps .step__number {
  font-size: 3.4rem;
  line-height: 1.25; }
  @media screen and (min-width: 768px) {
    .block-steps .steps-container .steps .step__number {
      font-size: 4rem; } }
  @media screen and (min-width: 1300px) {
    .block-steps .steps-container .steps .step__number {
      font-size: 4.8rem; } }

.block-steps .steps-container .steps .step__title {
  font-size: 2rem;
  line-height: 1.25; }
  @media screen and (min-width: 768px) {
    .block-steps .steps-container .steps .step__title {
      font-size: 2.4rem; } }

.block-steps .steps-container .steps .step__description {
  font-size: 1.2rem;
  line-height: 1.67; }
  @media screen and (min-width: 992px) {
    .block-steps .steps-container .steps .step__description {
      font-size: 1.4rem;
      line-height: 1.43; } }

/*
* Custom scrollbar
*/
@-moz-document url-prefix() { }

/*
* Reset list styles
*/
.block-steps .steps-container .steps {
  margin: 0;
  padding: 0; }

.block-steps .steps-container .steps .step {
  margin: 0;
  padding: 0;
  list-style: none; }

/*
* Link circle hover
*/
/*
* Button hover
*/
/*
* Button mobile full width
*/
/*
* Section width
*/
/*
* Section paddings
*/
/*
* Section header
*/
/*
* Element under section description
*/
/*
* Element under section description
*/
/*
* Link hover color
*/
/*
* Hero section styles
*/
@keyframes move-dot {
  0% {
    bottom: 0.4rem;
    opacity: 1; }
  20% {
    opacity: 1; }
  100% {
    bottom: 1rem;
    opacity: 0; } }

/*
* Position absolute - full width
*/
/*
* Image as cover or contain
*/
/*
* Icon wrapper
*/
.block-steps .steps-container .steps .step__number {
  width: 7rem;
  height: 7rem;
  border: 1px dashed rgba(51, 61, 71, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 992px) {
    .block-steps .steps-container .steps .step__number {
      width: 8rem;
      height: 8rem; } }
  .block-steps .steps-container .steps .step__number img {
    height: 100%;
    width: auto;
    max-width: 4.4rem;
    max-height: 3.5rem; }

/*
* Element border-radius
*/
/*
* checkbox checked
*/
/*
* language font
*/
/*
* Slider pagination
*/
/*
* Slider buttons
*/
/*
* News and slide component
*/
/*
* Download and job-offer component
*/
/*
* Services and blocks grid component
*/
/*
* Case studies filters
* Job offers filters
*/
/*
* Case studies tags
* Knowledge base tags
*/
/*
* Case studies and posts grid blocks
*/
/*
* Form label
*/
/*
* Contact form steps
*/
/*
* Contact form (steps form) buttons wrapper
*/
.block-steps {
  margin-top: 5rem;
  margin-bottom: 10rem; }
  @media screen and (min-width: 992px) {
    .block-steps {
      margin-top: 5rem;
      margin-bottom: 13rem; } }
  .block-steps.block-steps--bg-gray {
    padding-top: 4rem;
    padding-bottom: 2rem;
    background-color: #F9F9F9; }
    @media screen and (min-width: 992px) {
      .block-steps.block-steps--bg-gray {
        padding-top: 8rem;
        padding-bottom: 6rem; } }
    .block-steps.block-steps--bg-gray .steps-container .steps {
      margin-top: 0; }
  .block-steps .steps-container > .header {
    text-align: center; }
  .block-steps .steps-container > .description {
    text-align: center; }
  .block-steps .steps-container .steps {
    margin-top: 3rem; }
    @media screen and (min-width: 576px) {
      .block-steps .steps-container .steps {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(35%, 1fr));
        grid-gap: 5rem 3rem; } }
    @media screen and (min-width: 768px) {
      .block-steps .steps-container .steps {
        grid-gap: 5rem 6rem; } }
    @media screen and (min-width: 992px) {
      .block-steps .steps-container .steps {
        margin-top: 5rem; } }
    @media screen and (min-width: 1100px) {
      .block-steps .steps-container .steps {
        grid-template-columns: repeat(auto-fit, minmax(15%, 1fr)); } }
    @media screen and (min-width: 768px) {
      .block-steps .steps-container .steps--3 {
        grid-template-columns: repeat(auto-fit, minmax(15%, 1fr)); } }
    @media screen and (min-width: 768px) {
      .block-steps .steps-container .steps--5 {
        grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)); } }
    @media screen and (min-width: 1300px) {
      .block-steps .steps-container .steps--5 {
        grid-template-columns: repeat(auto-fit, minmax(15%, 1fr)); } }
    @media screen and (min-width: 768px) {
      .block-steps .steps-container .steps--more {
        grid-template-columns: repeat(auto-fit, minmax(25%, 1fr)); } }
    @media screen and (min-width: 1100px) {
      .block-steps .steps-container .steps--more {
        grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)); } }
    .block-steps .steps-container .steps .step {
      width: 100%;
      max-width: 28rem;
      margin: 0 auto 5rem auto;
      position: relative; }
      @media screen and (min-width: 576px) {
        .block-steps .steps-container .steps .step {
          max-width: unset;
          margin: 0;
          padding: 0 0.5rem; } }
      .block-steps .steps-container .steps .step__number {
        margin: 0 auto 2rem auto;
        color: #F8B322;
        font-weight: 500; }
        @media screen and (min-width: 992px) {
          .block-steps .steps-container .steps .step__number {
            margin: 0 auto 3rem auto; } }
      .block-steps .steps-container .steps .step__title {
        text-align: center;
        margin-bottom: 2rem; }
      .block-steps .steps-container .steps .step__description {
        text-align: center; }
      .block-steps .steps-container .steps .step:after {
        content: "";
        position: absolute;
        bottom: -2.8rem;
        left: 50%;
        transform: translateX(-50%);
        width: 1.4rem;
        height: 0.9rem;
        background: url("../src/images/arrow-down.svg") no-repeat;
        background-size: 100%; }
        @media screen and (min-width: 576px) {
          .block-steps .steps-container .steps .step:after {
            bottom: unset;
            left: unset;
            right: -2rem;
            top: 3rem;
            transform: rotate(-90deg); } }
        @media screen and (min-width: 768px) {
          .block-steps .steps-container .steps .step:after {
            right: -4rem; } }
      .block-steps .steps-container .steps .step:last-child:after {
        display: none; }
    @media screen and (min-width: 576px) {
      .block-steps .steps-container .steps--summarizing {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem 5rem; } }
    @media screen and (min-width: 768px) {
      .block-steps .steps-container .steps--summarizing {
        gap: 0 5rem;
        margin-top: 5rem; } }
    .block-steps .steps-container .steps--summarizing .step {
      flex-basis: 15%;
      flex-grow: 1; }
      @media screen and (min-width: 1300px) {
        .block-steps .steps-container .steps--summarizing .step .step__number {
          font-size: 7rem;
          position: relative;
          padding-top: 0.3rem; } }
      .block-steps .steps-container .steps--summarizing .step__separator {
        width: 100%;
        height: 3rem;
        border-bottom: 1px dashed rgba(51, 61, 71, 0.3);
        border-left: 1px dashed rgba(51, 61, 71, 0.3);
        border-right: 1px dashed rgba(51, 61, 71, 0.3); }
      .block-steps .steps-container .steps--summarizing .step__separator-vertical {
        width: 1px;
        height: 3.1rem;
        border-left: 1px dashed rgba(51, 61, 71, 0.3);
        margin: 0.4rem auto 4rem;
        position: relative; }
        .block-steps .steps-container .steps--summarizing .step__separator-vertical:after {
          content: "";
          position: absolute;
          bottom: -1.2rem;
          left: 50%;
          transform: translateX(-50%);
          width: 1.4rem;
          height: 0.9rem;
          background: url("../src/images/arrow-down.svg") no-repeat;
          background-size: 100%; }
      .block-steps .steps-container .steps--summarizing .step--new-row {
        flex-basis: 100%;
        margin-bottom: 1rem; }
        @media screen and (min-width: 576px) {
          .block-steps .steps-container .steps--summarizing .step--new-row {
            margin-bottom: 8rem; } }
        .block-steps .steps-container .steps--summarizing .step--new-row .step__title,
        .block-steps .steps-container .steps--summarizing .step--new-row .step__description {
          max-width: 70rem;
          margin: 0 auto; }
        @media screen and (min-width: 576px) {
          .block-steps .steps-container .steps--summarizing .step--new-row:last-child {
            margin-bottom: 0; } }
        @media screen and (min-width: 576px) {
          .block-steps .steps-container .steps--summarizing .step--new-row:after {
            top: unset;
            bottom: -3.8rem;
            left: 50%;
            transform: translateX(-50%) rotate(0); } }
      .block-steps .steps-container .steps--summarizing .step--hide-arrow {
        margin: 0 auto 2rem auto; }
        @media screen and (min-width: 576px) {
          .block-steps .steps-container .steps--summarizing .step--hide-arrow {
            margin: 0; } }
        .block-steps .steps-container .steps--summarizing .step--hide-arrow:after {
          display: none; }


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