.so-widget-steps .step { position:relative; }

.so-widget-steps .step .line { width:8px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); }
.so-widget-steps .step:first-child .line { border-top-left-radius:4px; border-top-right-radius:4px; }
.so-widget-steps .step:last-child .line { border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.so-widget-steps .step.dark-orange .line { background-color:#FE5716; }
.so-widget-steps .step.medium-orange .line { background-color:#FF861D; }
.so-widget-steps .step.light-orange .line { background-color:#FFB210; }
.so-widget-steps .step.dark-blue .line { background-color:#001A70; }
.so-widget-steps .step.medium-blue .line { background-color:#1057C8; }
.so-widget-steps .step.light-blue .line { background-color:#1089FF; }
.so-widget-steps .step.dark-green .line { background-color:#4F9E30; }
.so-widget-steps .step.medium-green .line { background-color:#88D910; }
.so-widget-steps .step.light-green .line { background-color:#C0E410; }

.so-widget-steps .step .arrow { position:absolute; bottom:0; left:50%; transform:translate(-50%, 45%); z-index:1; }
.so-widget-steps .step .arrow::before { content:'\f107'; font-family:'Font Awesome 6 Pro'; font-size:64px; font-weight:400; }
.so-widget-steps .step:last-child .arrow::before { content:none; }
.so-widget-steps .step.dark-orange .arrow { color:#FE5716; }
.so-widget-steps .step.medium-orange .arrow { color:#FF861D; }
.so-widget-steps .step.light-orange .arrow { color:#FFB210; }
.so-widget-steps .step.dark-blue .arrow { color:#001A70; }
.so-widget-steps .step.medium-blue .arrow { color:#1057C8; }
.so-widget-steps .step.light-blue .arrow { color:#1089FF; }
.so-widget-steps .step.dark-green .arrow { color:#4F9E30; }
.so-widget-steps .step.medium-green .arrow { color:#88D910; }
.so-widget-steps .step.light-green .arrow { color:#C0E410; }

.so-widget-steps .step .flex { align-items:stretch; position:relative; }

.so-widget-steps .step .left, .so-widget-steps .step .middle, .so-widget-steps .step .right { display:flex; align-items:center; padding:60px 0; }

.so-widget-steps .step .left { justify-content:flex-end; }

.so-widget-steps .step .middle { justify-content:center; width:20%; }

.so-widget-steps .step .left, .so-widget-steps .step .right { width:40%; }

.so-widget-steps .step .image img { border-radius:50%; }

.so-widget-steps .step .number { border:4px solid #fff; border-radius:50%; color:#fff; font-size:30px; font-weight:700; text-align:center; width:72px; height:72px; line-height:64px; }
.so-widget-steps .step.dark-orange .number { background-color:#FE5716; }
.so-widget-steps .step.medium-orange .number { background-color:#FF861D; }
.so-widget-steps .step.light-orange .number { background-color:#FFB210; }
.so-widget-steps .step.dark-blue .number { background-color:#001A70; }
.so-widget-steps .step.medium-blue .number { background-color:#1057C8; }
.so-widget-steps .step.light-blue .number { background-color:#1089FF; }
.so-widget-steps .step.dark-green .number { background-color:#4F9E30; }
.so-widget-steps .step.medium-green .number { background-color:#88D910; }
.so-widget-steps .step.light-green .number { background-color:#C0E410; }

.so-widget-steps .step .content { width:300px; max-width:100%; }
.so-widget-steps .step .content .title { color:#10367A; font-size:36px; font-weight:400; line-height:1.1; margin-bottom:15px; }
.so-widget-steps .step .content > *:last-child { margin-bottom:0; }

@media (max-width:991px) {
	.so-widget-steps .step .flex { padding:90px 0; }
	.so-widget-steps .step.odd .flex { flex-wrap:wrap; }
	.so-widget-steps .step.even .flex { flex-wrap:wrap-reverse; }

	.so-widget-steps .step .left, .so-widget-steps .step .middle, .so-widget-steps .step .right { justify-content:center; padding:30px 0; width:100%; }

	.so-widget-steps .step .content { background-color:#fff; box-shadow:3px 3px 9px rgba(0, 0, 0, 0.1); padding:30px; width:100%; }
}