.process-steps{display:flex;justify-content:space-between;gap:45px;text-align:center}.process-item{flex:1;position:relative}.process-icon{width:90px;height:90px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;box-shadow:0 5px 15px rgba(0,0,0,.05);z-index:2;border:4px solid #ee322e;overflow:visible;transition:.3s ease}.process-item:not(:last-child)::after{content:"";position:absolute;top:45px;right:-50%;width:100%;height:2px;background:#ddd;z-index:0}.process-icon::after{content:attr(data-step);position:absolute;top:75px;right:30px;background:#ee322e;color:#fff;font-size:14px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;transition:.3s ease}.process-title{font-weight:700;font-size:18px;margin-top:40px}.process-desc{font-size:16px;color:#666}.process-icon::before{content:"";position:absolute;inset:0;width:100%;height:100%;background-size:50%;background-repeat:no-repeat;background-position:center;opacity:0;transition:.3s ease}.process-icon[data-step="1"]::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJhIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAxNTAgMTUwIj48cGF0aCBkPSJNMTA5LjE2LDkwLjM4YzAsMS44MS0uNzIsMy41NS0yLDQuODNzLTMuMDIsMi00LjgzLDJoLTQ0Ljk5Yy0xLjgxLDAtMy41NS43Mi00LjgzLDJsLTcuNTIsNy41MmMtLjM0LjM0LS43Ny41Ny0xLjI0LjY2cy0uOTYuMDUtMS40LS4xNGMtLjQ0LS4xOC0uODItLjQ5LTEuMDktLjg5LS4yNy0uNC0uNDEtLjg3LS40MS0xLjM1di01NS42M2MwLTEuODEuNzItMy41NSwyLTQuODMsMS4yOC0xLjI4LDMuMDItMiw0LjgzLTJoNTQuNjVjMS44MSwwLDMuNTUuNzIsNC44MywyLDEuMjgsMS4yOCwyLDMuMDIsMiw0LjgzdjQwLjk5WiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmUzMDc4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iNSI+PC9wYXRoPjwvc3ZnPg==")}.process-icon[data-step="2"]::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJhIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAxNTAgMTUwIj48cGF0aCBkPSJNMTA4Ljk4LDM2Ljc4SDQxLjAyYy00LjY5LDAtOC40OSwzLjgtOC40OSw4LjQ5djQyLjQ3YzAsNC42OSwzLjgsOC40OSw4LjQ5LDguNDloNjcuOTVjNC42OSwwLDguNDktMy44LDguNDktOC40OXYtNDIuNDdjMC00LjY5LTMuOC04LjQ5LTguNDktOC40OVoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzJlMzA3OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjUiPjwvcGF0aD48cGF0aCBkPSJNNTguMDEsMTEzLjIyaDMzLjk4IiBmaWxsPSJub25lIiBzdHJva2U9IiMyZTMwNzgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1Ij48L3BhdGg+PHBhdGggZD0iTTc1LDk2LjIzdjE2Ljk5IiBmaWxsPSJub25lIiBzdHJva2U9IiMyZTMwNzgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1Ij48L3BhdGg+PC9zdmc+")}.process-icon[data-step="3"]::before{background-image:url("https://saberbeam.co.th/wp-content/uploads/2026/03/ICON-Process_2-1.svg");--lzl-bg-img:"https://saberbeam.co.th/wp-content/uploads/2026/03/ICON-Process_2-1.svg"}.process-icon[data-step="4"]::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJhIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAxNTAgMTUwIj48cGF0aCBkPSJNNTIuMDcsOTcuOTNoLTcuNjRjLTIuMDMsMC0zLjk3LS44MS01LjQxLTIuMjQtMS40My0xLjQzLTIuMjQtMy4zOC0yLjI0LTUuNDF2LTE5LjExYzAtMi4wMy44MS0zLjk3LDIuMjQtNS40MSwxLjQzLTEuNDMsMy4zOC0yLjI0LDUuNDEtMi4yNGg2MS4xNmMyLjAzLDAsMy45Ny44MSw1LjQxLDIuMjQsMS40MywxLjQzLDIuMjQsMy4zOCwyLjI0LDUuNDF2MTkuMTFjMCwyLjAzLS44MSwzLjk3LTIuMjQsNS40MS0xLjQzLDEuNDMtMy4zOCwyLjI0LTUuNDEsMi4yNGgtNy42NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmUzMDc4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iNSI+PC9wYXRoPjxwYXRoIGQ9Ik01Mi4wNyw2My41M3YtMjIuOTNjMC0xLjAxLjQtMS45OSwxLjEyLTIuNy43Mi0uNzIsMS42OS0xLjEyLDIuNy0xLjEyaDM4LjIyYzEuMDEsMCwxLjk5LjQsMi43LDEuMTIuNzIuNzIsMS4xMiwxLjY5LDEuMTIsMi43djIyLjkzIiBmaWxsPSJub25lIiBzdHJva2U9IiMyZTMwNzgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1Ij48L3BhdGg+PHBhdGggZD0iTTk0LjExLDgyLjY0aC0zOC4yMmMtMi4xMSwwLTMuODIsMS43MS0zLjgyLDMuODJ2MjIuOTNjMCwyLjExLDEuNzEsMy44MiwzLjgyLDMuODJoMzguMjJjMi4xMSwwLDMuODItMS43MSwzLjgyLTMuODJ2LTIyLjkzYzAtMi4xMS0xLjcxLTMuODItMy44Mi0zLjgyWiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmUzMDc4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iNSI+PC9wYXRoPjwvc3ZnPg==")}.process-icon[data-step="3"].lzl:not(.lzl-ed)::before,.process-icon[data-step="3"].lzl-ing:not(.lzl-ed)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20150%22%20width%3D%22150%22%20height%3D%22150%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%2300000000%22%20%2F%3E%3C%2Fsvg%3E")}.process-icon[data-step="5"]::before{background-image:url("https://saberbeam.co.th/wp-content/uploads/2026/03/ICON-Process_4-1.svg");--lzl-bg-img:"https://saberbeam.co.th/wp-content/uploads/2026/03/ICON-Process_4-1.svg"}.process-icon[data-step="5"].lzl:not(.lzl-ed)::before,.process-icon[data-step="5"].lzl-ing:not(.lzl-ed)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20150%22%20width%3D%22150%22%20height%3D%22150%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%2300000000%22%20%2F%3E%3C%2Fsvg%3E")}.process-icon[data-step="6"]::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJhIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAxNTAgMTUwIj48cGF0aCBkPSJNODYuNyw1MC4zYy0uNzkuODEtMS4yNCwxLjktMS4yNCwzLjAzcy40NSwyLjIyLDEuMjQsMy4wM2w2Ljk0LDYuOTRjLjgxLjc5LDEuOSwxLjI0LDMuMDMsMS4yNHMyLjIyLS40NCwzLjAzLTEuMjRsMTMuNDYtMTMuNDZjMS4zOS0xLjQsMy43NC0uOTUsNC4yNi45NCwxLjMxLDQuNzYsMS4yNCw5LjgtLjIxLDE0LjUyLTEuNDUsNC43Mi00LjIxLDguOTMtNy45NywxMi4xNC0zLjc2LDMuMjEtOC4zNSw1LjI4LTEzLjI0LDUuOTgtNC44OS42OS05Ljg4LS4wMi0xNC4zOC0yLjA1bC0zNC4yOSwzNC4yOWMtMS43MiwxLjcyLTQuMDYsMi42OS02LjUsMi42OS0yLjQ0LDAtNC43OC0uOTctNi41LTIuNjktMS43Mi0xLjcyLTIuNjktNC4wNi0yLjY5LTYuNSwwLTIuNDQuOTctNC43OCwyLjY5LTYuNWwzNC4yOS0zNC4yOWMtMi4wNC00LjUtMi43NS05LjQ5LTIuMDUtMTQuMzguNjktNC44OSwyLjc3LTkuNDgsNS45OC0xMy4yNCwzLjIxLTMuNzYsNy40Mi02LjUyLDEyLjE0LTcuOTdzOS43Ni0xLjUyLDE0LjUyLS4yMWMxLjkuNTIsMi4zNCwyLjg3Ljk1LDQuMjdsLTEzLjQ3LDEzLjQ2WiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmUzMDc4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iNSI+PC9wYXRoPjwvc3ZnPg==")}.process-item:hover .process-icon{border:4px solid #2e3078}.process-item:hover .process-icon::after{background:#2e3078}.process-item:hover .process-icon::before{opacity:1}