.two_column_steps {
background: #FAFAFA;
}
.two_column_steps .steps_wrapper  {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 100px;
}
.two_column_steps .title_section .h_title  {
font-size: 3.5rem; 
}
.two_column_steps .steps {
margin-top: 3rem;
}
.two_column_steps .left_side {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 20rem;
}
.two_column_steps .step {
display: flex;
align-items: center;
border-bottom: 2px solid #EEEEEE;
margin-bottom: 3rem;
padding-bottom: 3rem;
}
.two_column_steps .step:last-child {
border-bottom: none;
}
.two_column_steps  .icon_image {
width: 78px;
height: 78px;
display: flex;
align-items: center;
justify-content: center;
}
.two_column_steps .step_list {
display: flex;
flex-direction: column;
margin-left: 2rem;
max-width: 600px;
}
.two_column_steps .content {
color: #fff;
line-height: 1.3;
}
.two_column_steps img.img.steps_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.two_column_steps .steps_right_image {
height: 100%;
}
.two_column_steps span.icon_title {
color: #28BECE;
font-size: 20px;
font-weight: 600;
display: block;
margin-bottom: 1rem;
}
.two_column_steps .btn_wrapper {
display: flex;
margin-top: 3rem;
}
.two_column_steps .btn_wrapper a {
min-width: 240px;
}
.two_column_steps_white .content {
color: #fff;
}
.two_column_steps_black .content {
color: #000;
}
.two_column_steps_turquise .content {
color: #28BECE;
}
.two_column_steps_green .content {
color: #9ECC3C;
}
.two_column_steps_white .step {
border-bottom: 2px solid #223549;
}
.two_column_steps .steps_wrapper.reverse_section  .left_side {
padding-right: 20rem;
padding-left: 0rem;
order: 2;
}
.two_column_steps .steps_wrapper.reverse_section  .right_side {
order: 1;
}
.two_column_steps .steps_wrapper.compact .h_title   {
margin: 0;
}
.two_column_steps .steps_wrapper.compact .step {
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.two_column_steps .steps_wrapper.compact .left_side {
padding-bottom: 8rem;
padding-top: 8rem;
}
@media (max-width: 1800px) {
.two_column_steps .left_side {
padding-top: 3rem;
padding-bottom: 3rem;
padding-left: 10rem;
}
}
@media (max-width: 1300px) {
.two_column_steps .left_side {
padding-left: 5rem;
}
}
@media (max-width: 1024px) {
.two_column_steps .steps_wrapper {
display: flex;
gap: 0;
flex-direction: column-reverse;
}
.two_column_steps .steps_right_image {
height: 500px;
}
.two_column_steps .icon_image img {
max-width: 100%;
}
.two_column_steps .steps_wrapper.reverse_section .left_side {
padding-right: 3rem;
padding-left: 3rem;
order: 1;
}
.two_column_steps .steps_wrapper.reverse_section  .right_side {
order: 2;
}
}
@media (max-width: 500px) {
.two_column_steps .left_side {
padding-left: 2rem!important;
padding-right: 2rem!important;
}
.two_column_steps .title_section .h_title {
font-size: 3rem;
}
.two_column_steps .btn_wrapper {
margin-top: 0rem;
}
.two_column_steps .icon_image img {
max-width: 100%;
}
.two_column_steps span.icon_title {
line-height: 1.3;
}
.about_steps .two_column_steps .step_list {
max-width: 310px;
}
.two_column_steps .step_list {
max-width: 320px; 
}
}
@media (max-width: 400px) {
.two_column_steps .step_list {
max-width: 230px;
}
.two_column_steps span.icon_title {
font-size: 18px;
}
}