section.implementation .shape-header-home {
top: 100px;
}
.implementation  .shape-complete-section-prod {
position: absolute;
right: -61px;
bottom: 60px;
}
.implementation h2 {
margin-bottom: 32px;
}
.list-implementation li {
border-radius: 0px 28px 28px 0px;
border: 1px solid transparent;
border-left: unset;
margin-bottom: 60px;
padding: 36px 22px 36px 40px;
position: relative;
background: transparent;
transition: transform 0.3s ease;
transform: translateY(0px);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 25px;
letter-spacing: 0.2px;
border-left: unset;
}
.implementation .remove-pt {
padding-top: 0;
padding-bottom: 0;
}
.list-implementation li:last-child {
margin: 0;
}
.list-implementation-active {
background: var(--tm-grey)!important;
border: var(--tm-border)!important;
margin-top: 0px!important;
transform: translateY(4px)!important;
transition: transform 0.3s ease;
border-left: unset !important;
position: relative;
top: -4px;
}
.illu-implementation {
position: absolute;
right: -14px;
top: -40px;
opacity: 0;
transition: all 0.3s ease;
}
.list-implementation-active .illu-implementation {
top: -26px;
opacity: 1;
transition: all 0.3s ease;
}
.list-implementation h3 {
color: var(--tm-dark-blue);
font-size: 18px;
margin: 0 0 12px 0;
position: relative;
line-height: 24px;
}
.circle-implementation {
position: absolute;
background: var(--tm-pink);
border: 3px solid #FFF;
filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.12));
width: 18px;
height: 18px;
z-index: 11;
display: block;
border-radius: 100px;
top: 0px;
left: -52px;
}
.list-implementation-active .circle-implementation {
transform: scale(1.10);
}
.list-implementation {
width: 50%;
margin: auto;
position: relative;
border-left: 4px;
border-style: dotted;
border-color: var(--tm-pink);
border-right: unset;
border-top: unset;
border-bottom: unset;
}
.list-implementation-itens p {
margin: 0px 0px 4px 14px;
display: block;
position: relative;
}
.list-implementation-itens p:before {
border-radius: 100px;
width: 6px;
height: 6px;
content: "";
position: absolute;
left: -16px;
background: var(--tm-dark-blue);
top: 9px;
}
@media (max-width: 767px) {
.list-implementation, .list-implementation li {
grid-template-columns: 1fr!important;
justify-items: center;
width: 100%;
display: flex;
flex-direction: column;
}
.list-implementation dotlottie-player {
width: auto;
}
.list-implementation li:nth-child(2) dotlottie-player  {
width: 75px;
}
.list-implementation li:nth-child(6) dotlottie-player  {
width: 88px;
}
.list-implementation h3 {
padding-right: 40px;
line-height: 27px;
}
}
@media (min-width: 250px) and (max-width: 359px) {
.list-implementation dotlottie-player {
width: 50px!important;
height: 40px!important;
}
.list-implementation-active .illu-implementation {
top: -16px;
}
.list-implementation li {
padding: 25px 13px 30px 19px;
}
.list-implementation h3 {
padding-right: 23px;
line-height: 22px;
}
.circle-implementation {
left: -31px;top: 2px;
}
}