.our_process_section {
    background: #F5F5F5;
}

.our_process_section .our_process_section_inner {
    display: flex;
    flex-flow: wrap;
    gap: clamp(12px, 1.25vw, 24px);
}

.our_process_section .left_text_wpr {
    width: 50%;
    padding-right: clamp(16px, 4.167vw, 80px);
}

.our_process_section .left_text_wpr>h2 {
    margin-bottom: 16px;
    color: #060606;
}

.our_process_section .left_text_wpr>p {
    color: #060606;
}

.our_process_section .left_text_wpr .section_img_wpr {
    max-width: clamp(180px, 21.875vw, 420px);
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: clamp(12px, 3.125vw, 60px);
}

.our_process_section .left_text_wpr .section_img_wpr>img {
    width: 100%;
    height: auto;
}

.our_process_section .right_timeline_wpr {
    width: calc(50% - clamp(12px, 1.25vw, 24px));
    padding-left: 14px;
    display: flex;
}

.our_process_section .right_timeline_wpr .border_div_wpr {
    height: 100%;
    width: 2px;
    background-color: #959595;
}

.our_process_section .right_timeline_wpr .inner_timeline_wpr {
    padding-top: 16px;
    width: 100%;
    border-left: 2px solid #959595;
    height: max-content;
}

.our_process_section .right_timeline_wpr .inner_timeline_wpr .timeline_text {
    position: relative;
    padding-left: clamp(48px, 5.208vw, 100px);
    margin-bottom: clamp(16px, 3.75vw, 72px);
}

.our_process_section .right_timeline_wpr .inner_timeline_wpr .timeline_text>p {
    color: #060606;
}

.our_process_section .right_timeline_wpr .inner_timeline_wpr .timeline_text:last-child {
    margin-bottom: 36px;
}

.our_process_section .right_timeline_wpr .inner_timeline_wpr .timeline_text::after {
    content: '';
    background-image: url(/wp-content/themes/bytestech/images/bytes_3.0/point-images-hire-page.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    left: -12px;
    top: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.our_process_section .right_timeline_wpr .inner_timeline_wpr .timeline_text::before {
    content: '';
    background-image: url(/wp-content/themes/bytestech/images/bytes_3.0/black-arrow-hire.svg);
    width: 24px;
    height: 6px;
    position: absolute;
    left: clamp(12px, 1.458vw, 28px);
    top: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}