.heading_with_left_right_step_content {
    background: var(--Color_Blue);
    margin: 90px 0;
    padding: 90px 0 167px
}

.heading_with_left_right_step_content_inner {
    gap: 40px;
    max-width: 872px
}

.heading_with_left_right_step_content_inner .tagline_heading_section {
    row-gap: 6px
}

.heading_with_left_right_step_content_inner .tagline_heading_section .tagline_text {
    color: var(--Color_Pure_White)
}

.heading_with_left_right_step_content_inner .tagline_heading_section .heading_section .heading {
    color: var(--Color_Pure_White);
    font-size: 63px
}

.heading_with_left_right_step_content_inner .list_steps_section {
    counter-reset: step-counter;
    gap: 20px
}

.heading_with_left_right_step_content_inner .list_steps_section .list {
    counter-increment: step-counter;
    gap: 20px
}

.heading_with_left_right_step_content_inner .list_steps_section .list.image_on_right .step_counter {
    order: 1
}

.heading_with_left_right_step_content_inner .list_steps_section .list .step_counter {
    background: var(--Color_Pure_White);
    border-radius: 20px;
    max-width: 128px;
    min-height: 128px;
    width: 100%
}

.heading_with_left_right_step_content_inner .list_steps_section .list .step_counter:after {
    background: var(--Color_Pure_Black);
    border-radius: 20px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 6px;
    width: 100%;
    z-index: -1
}

.heading_with_left_right_step_content_inner .list_steps_section .list .step_counter .step:before {
    color: var(--Color_Medium_Blue);
    content: counter(step-counter);
    font-family: var(--Fonts_Manrope_Extra_Bold);
    font-size: 43.52px;
    line-height: 68px
}

.heading_with_left_right_step_content_inner .list_steps_section .list .step_counter .step:after {
    background-color: var(--Color_Medium_Blue);
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 3px;
    width: 6px
}

.heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon {
    background: var(--Color_Pure_White);
    border-radius: 20px;
    flex: 1;
    gap: 20px;
    padding: 20px;
    width: calc(100% - 148px)
}

.heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon:after {
    background: var(--Color_Pure_Black);
    border-radius: 20px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 6px;
    width: 100%;
    z-index: -1
}

.heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon .icon_section {
    max-width: 92px;
    width: 100%
}

.heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon .heading_content_section {
    row-gap: 6px
}

.heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon .heading_content_section .heading_section .heading {
    color: var(--Color_Drak);
    font-family: var(--Fonts_MonaSans_Bold);
    font-size: 21px;
    line-height: 32px
}

.heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon .heading_content_section .content_section {
    color: var(--Color_Drak);
    font-family: var(--Fonts_Manrope_SemiBold);
    line-height: 25px
}

@media (max-width:1359px) {
    .heading_with_left_right_step_content {
        margin: 80px 0;
        padding: 80px 0 130px
    }

    .heading_with_left_right_step_content_inner .tagline_heading_section .heading_section .heading {
        font-size: 55px
    }

    .heading_with_left_right_step_content_inner .list_steps_section .list .step_counter .step:before {
        font-size: 35px;
        line-height: 50px
    }

    .heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon .icon_section {
        max-width: 80px
    }
}

@media (max-width:1199px) {
    .heading_with_left_right_step_content {
        margin: 70px 0 100px;
        padding: 70px 0
    }

    .heading_with_left_right_step_content_inner {
        max-width: 100%
    }

    .heading_with_left_right_step_content_inner .tagline_heading_section .heading_section .heading {
        font-size: 50px
    }

    .heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon .icon_section {
        max-width: 60px
    }
}

@media (max-width:991px) {
    .heading_with_left_right_step_content {
        margin: 60px 0 70px;
        padding: 60px 0
    }

    .heading_with_left_right_step_content_inner .tagline_heading_section .heading_section .heading {
        font-size: 46px
    }
}

@media (max-width:767px) {
    .heading_with_left_right_step_content {
        margin: 48px 0;
        padding: 48px 0
    }

    .heading_with_left_right_step_content_inner {
        gap: 35px
    }

    .heading_with_left_right_step_content_inner .tagline_heading_section .heading_section .heading {
        font-size: 35px
    }

    .heading_with_left_right_step_content_inner .list_steps_section .list .step_counter .step:before {
        font-size: 30px;
        line-height: 40px
    }

    .heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon {
        gap: 10px
    }
}

@media (max-width:575px) {
    .heading_with_left_right_step_content_inner .list_steps_section .list.image_on_right .step_counter {
        order: 0
    }

    .heading_with_left_right_step_content_inner .list_steps_section .list .step_counter {
        max-width: 65px;
        min-height: 65px
    }

    .heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon {
        width: 100%
    }

    .heading_with_left_right_step_content_inner .list_steps_section .list .heading_content_with_icon .icon_section {
        max-width: 35px
    }
}

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