.step-item-v4{
margin-bottom: 1.6rem;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 3.2rem;
border-radius: 0.8rem;
}
.step-item-v4:last-child{
margin-bottom: 0;
}
.step-icon-v4{
width: 10rem;
height: 10rem;
display: flex;
align-items: center;
justify-content: center;
}
.step-title-v4{
margin-left: 4.8rem;
width: 28.6rem;
}
.step-info-v4{
width: calc(100% - 43.4rem);
padding-left: 0.8rem;
}
.step-info-v4 p{
margin: 0;
font-size: 1.4rem;
line-height: 2.2rem;
}
@media(min-width:992px) and (max-width:1199.98px){
.step-icon-v4 {
width: 9rem;
height: 9rem;
}
.step-title-v4 {
margin-left: 4rem;
width: 24rem;
}
.step-title-v4 .h5 * {
font-size: 2.3rem !important;
line-height: 3.3rem !important;
}
.step-info-v4 {
width: calc(100% - 37rem);
}
}
@media(min-width:768px) and (max-width:991.98px){
.step-item-v4 {
padding: 2.4rem;
}
.step-icon-v4 {
width: 9rem;
height: 9rem;
}
.step-title-v4 {
margin-left: 2.4rem;
width: 26.6rem;
}
.step-info-v4 {
width: calc(100% - 38rem);
}
}
@media(max-width:767.98px){
.step-title-v4 {
margin-left: 0;
width: 100%;
margin-top: 2.4rem;
}
.step-title-v4 .h5 * {
line-height: 3.3rem !important;
}
.step-info-v4 {
width: 100%;
padding-left: 0;
margin-top: 1.6rem;
}
.step-info-v4 p {
font-size: 1.2rem;
line-height: 2rem;
}
}