/*--------------- MOBILE ------------------*/ body[data-elementor-device-mode="mobile"] .elementor-custom-step-item { width: 30%; } /*--------------- TABLET ------------------*/ body[data-elementor-device-mode="tablet"] .elementor-custom-step-item { width: 15%; } /*--------------- DESKTOP ------------------*/ body[data-elementor-device-mode="desktop"] .elementor-custom-step-item { width: 10%; } .elementor-custom-step-list { display: flex; flex-wrap: wrap; justify-content: flex-start; position: relative; } .elementor-custom-step-list .elementor-custom-step-item { text-align: center; position: relative; width: 10%; margin-left: 0.5%; margin-right: 0.5%; } .elementor-custom-step-list .elementor-custom-step-item .elementor-custom-step-description { word-break: break-all; width: 140%; margin: 80px 20% 0 -20%; } .elementor-custom-step-list .elementor-custom-step-item .elementor-custom-step-image-container { width: 100%; position: relative; margin: auto; border-radius: 50%; padding: 10px; } .elementor-custom-step-list .elementor-custom-step-item .elementor-custom-step-image-container .elementor-custom-step-linker { position: absolute; display: block; left: 50%; z-index: -1; } .elementor-custom-step-list .elementor-custom-step-item .elementor-custom-step-image-container .elementor-custom-step-image-circle { display: block; height: 20px; width: 20px; border-radius: 10px; position: absolute; top: 100%; left: 50%; margin-left: -10px; margin-top: 60px; } .elementor-custom-step-list .elementor-custom-step-item .elementor-custom-step-image-container .elementor-custom-step-image-circle::after { content: ''; display: block; position: absolute; width: 14px; height: 14px; border-radius: 8px; background-color: white; top: 3px; left: 3px; cursor: pointer; } .elementor-custom-step-list .elementor-custom-step-item .elementor-custom-step-image { display: block; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; z-index: 2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .elementor-custom-step-list .elementor-custom-step-item .elementor-custom-step-image-line { display: block; height: 70px; width: 4px; position: absolute; top: 100%; left: 50%; margin-left: -2px; }