.hour-code-step-section{padding:100px 0}
.hour-code-step-inner{margin-bottom:125px}
.hour-code-step-hex-group-num{position:relative;margin:0 auto;display:flex;justify-content:center}
.hour-code-text.d-flex{margin-top:0;margin-bottom:20px}
.hour-code-text.d-flex p{margin-right:0}
.hour-code-heading{font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;text-transform:uppercase;margin-bottom:50px}
.hour-code-step-hexText{position:absolute;overflow:hidden;left:50%;top:50%;font-size:80px;transform:translate(-50%,-50%);font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center}
.hour-code-step-hex-group-num svg{width:95px;height:109.7px}
.hour-code-step-arrowImg{padding-left:14.8px;padding-top:15px}
.hour-code-step-arrowImg img{width:32.5px;height:22.9px}
.hour-code-text p{margin:0;line-height:18px;text-transform:uppercase}
.m-xy-2{margin:2rem 0}
.d-mobile{display:none}
@media(min-width:320px) and (max-width:800px){.hour-code-step-container{margin-bottom:50px;max-width:100%;flex:100%}
.hour-code-step-container:last-child{margin-bottom:0}
.hour-code-heading{font-size:35px;line-height:45px;margin-bottom:70px}
.hour-code-step-hex-group-num{margin:0 auto;text-align:center}
.hour-code-step-hex-group-num svg{width:75.7px;height:87.4px}
.hour-code-step-container::after{content:none}
.hour-code-text{margin:0}
.hour-code-text p{margin:0;width:auto;font-size:18px;line-height:1.44}
.hour-code-step-hexText{font-size:50px;line-height:95px}
.hour-code-step-container:nth-child(even){display:flex;flex-direction:column-reverse}
.step-hoc-arrow-icon{display:none}
.d-mobile{display:block}
.d-desktop{display:none}
}
@media(min-width:801px) and (max-width:991px){.hour-code-step{padding:100px 0 15px}
.hour-code-step-inner{padding-bottom:0}
.hour-code-step-container{margin-bottom:100px}
.hour-code-step-container::after{left:90%;top:15%}
.hour-code-heading{font-size:30px;line-height:40px;margin-bottom:70px}
.hour-code-step-hex-group-num svg{width:95px;height:109.7px}
.hour-code-step-hexText{left:50%;top:48%;font-size:80px}
.hour-code-step-container:nth-child(even)::after{content:none}
.hour-code-text p{margin:auto;width:100%;font-size:18px;line-height:26px}
.d-desktop{display:block}
}
@media(min-width:992px) and (max-width:1199px){.hour-code-step-inner{margin-bottom:90px}
}
@media(min-width:881px) and (max-width:991px){.hour-code-step-inner{margin-bottom:0}
.hour-code-step-section{padding:20px 0}
}
@media(min-width:801px) and (max-width:880px){.hour-code-step-inner{margin-bottom:0}
.hour-code-step-section{padding:50px 0}
}
@media(min-width:768px) and (max-width:800px){.hour-code-step-inner{margin-bottom:35px}
}
@media(min-width:320px) and (max-width:767px){.hour-code-step-inner{margin-bottom:60px}
}