.list_style02 {
 counter-reset: number;
 list-style-type: none!important;
 padding: 35px 35px;
 border: solid 2px var(--main-color);
 margin: 0 0 40px;
 background: #fff;
 display: flex;
 flex-direction: column;
 gap: 20px 0;
}

.list_style02:last-child {
 margin-bottom: 0;
}

.list_style02 li {
 border-bottom: dashed 1px var(--main-color);
 padding: 10px 10px 20px 40px;
 position: relative;
}

.list_style02 li:before{
 position: absolute;
 counter-increment: number;
 content: counter(number);
 display: inline-block;
 background: var(--main-color);
 color: #fff;
 font-weight: bold;
 font-size: 14px;
 border-radius: 50%;
 left: 0;
 width: 25px;
 height: 25px;
 line-height: 25px;
 text-align: center;
 top: 10px;
}


@media (max-width : 810px){
.list_style02 {
 padding: 35px 20px;
}
 
}