.custom-list li{position:relative;padding-left:50px;list-style-type:none;margin-bottom:1rem}.custom-list li::before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:30px;line-height:30px;text-align:center;background-color:#169a23;color:white;border-radius:50%}.custom-list{counter-reset:step-counter}.margin{margin:20px}.custom-list-arabic li{position:relative;padding-right:50px;list-style-type:none;margin-bottom:1rem}.custom-list-arabic li::before{content:counter(step-counter);counter-increment:step-counter;position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;line-height:30px;text-align:center;background-color:#169a23;color:white;border-radius:50%}.custom-list-arabic{counter-reset:step-counter}