.process-section{background:linear-gradient(135deg,#f5f3f0 0%,#fff 100%);position:relative;overflow:hidden visible}.process-section:before{content:"";pointer-events:none;background:linear-gradient(#b8956a08 0%,#0000 100%);height:400px;position:absolute;top:0;left:0;right:0}.process-timeline-wrapper{max-width:1200px;margin:0 auto;padding:60px 20px;position:relative}.timeline-vertical-line{background:var(--secondary-color);z-index:0;opacity:.4;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-step{opacity:0;align-items:center;margin-bottom:120px;animation:.6s ease-out forwards fadeInUp;display:flex;position:relative}.timeline-step:first-child{animation-delay:.1s}.timeline-step:nth-child(2){animation-delay:.2s}.timeline-step:nth-child(3){animation-delay:.3s}.timeline-step:nth-child(4){animation-delay:.4s}.timeline-step:nth-child(5){animation-delay:.5s}.timeline-step:nth-child(6){animation-delay:.6s}.timeline-step:last-child{margin-bottom:0}.timeline-step.step-left{justify-content:flex-start;padding-right:calc(50% + 60px)}.timeline-step.step-left .step-content-card{margin-right:auto}.timeline-step.step-left .timeline-node{position:absolute;right:calc(50% - 35px)}.timeline-step.step-right{justify-content:flex-end;padding-left:calc(50% + 60px)}.timeline-step.step-right .step-content-card{margin-left:auto}.timeline-step.step-right .timeline-node{position:absolute;left:calc(50% - 35px)}.timeline-node{z-index:3;flex-shrink:0;justify-content:center;align-items:center;display:flex}.node-circle{border:3px solid var(--secondary-color);z-index:3;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .4s;display:flex;position:relative;box-shadow:0 4px 16px #00000014}.timeline-step:hover .node-circle{transform:scale(1.1);box-shadow:0 8px 24px #b8956a40}.node-number{color:var(--text-dark);font-size:24px;font-weight:800;font-family:var(--font-poppins),sans-serif;justify-content:center;align-items:center;line-height:1;display:flex}.step-content-card{background:#f5f3f0;border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:520px;padding:120px 48px 48px;transition:all .3s;display:flex;position:relative}.timeline-step:hover .step-content-card{background:#f0ede8;transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.step-icon-wrapper{width:80px;height:80px;color:var(--text-dark);background:0 0;border-radius:20px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:40px;left:40px}.timeline-step:hover .step-icon-wrapper{transform:translateY(-4px)}.step-icon-wrapper svg{width:40px;height:40px;stroke:var(--text-dark)}.step-title{color:var(--text-dark);font-size:30px;font-weight:700;font-family:var(--font-poppins),sans-serif;margin:0;line-height:1.3}.step-description{color:var(--text-light);margin:0;font-size:17px;line-height:1.8}.process-benefits{background:#fff;border-radius:30px;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:80px;padding:50px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.process-benefits:before{content:"";background:linear-gradient(90deg,#b8956a,#c9a66b,#d4af6a,#a88b5e);height:4px;position:absolute;top:0;left:0;right:0}.benefit-box{text-align:center;border-radius:15px;flex-direction:column;align-items:center;padding:25px 15px;transition:all .3s;display:flex;position:relative}.benefit-box:after{content:"";opacity:0;background:linear-gradient(135deg,#b8956a0d,#0000);border-radius:15px;transition:opacity .3s;position:absolute;inset:0}.benefit-box:hover{transform:translateY(-8px)}.benefit-box:hover:after{opacity:1}.benefit-icon{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:20px;transition:all .3s;display:flex;box-shadow:0 8px 20px #b8956a4d}.benefit-box:hover .benefit-icon{transform:scale(1.1)rotate(10deg);box-shadow:0 12px 28px #b8956a66}.benefit-content h4{color:var(--text-dark);font-size:18px;font-weight:700;font-family:var(--font-poppins),sans-serif;margin-bottom:8px}.benefit-content p{color:var(--text-light);margin:0;font-size:14px;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.process-timeline-wrapper{max-width:900px}.timeline-step{margin-bottom:100px}.timeline-step.step-left{padding-right:calc(50% + 50px)}.timeline-step.step-right{padding-left:calc(50% + 50px)}.step-content-card{max-width:450px;padding:110px 40px 40px}.step-icon-wrapper{border-radius:18px;width:72px;height:72px;top:32px;left:32px}.step-icon-wrapper svg{width:36px;height:36px}.step-title{font-size:28px}.step-description{font-size:16px}.node-circle{width:65px;height:65px}.node-number{font-size:22px}.process-benefits{grid-template-columns:repeat(2,1fr);margin-top:60px;padding:40px 30px}}@media (max-width:768px){.process-section{padding:60px 0}.process-section .section-title h2 span{display:block}.process-timeline-wrapper{padding:40px 20px 40px 0}.timeline-vertical-line{left:28px}.timeline-step,.timeline-step.step-left,.timeline-step.step-right{margin-bottom:60px;position:relative;flex-direction:row!important;justify-content:flex-start!important;padding:0 20px 0 70px!important;display:block!important}.timeline-node,.timeline-step.step-left .timeline-node,.timeline-step.step-right .timeline-node{top:20px;position:absolute!important;left:0!important;right:auto!important}.node-circle{border-width:2.5px;width:56px;height:56px}.step-content-card,.step-left .step-content-card,.step-right .step-content-card{border-radius:20px;max-width:100%;padding:90px 28px 28px;margin:0!important}.node-number{font-size:20px}.step-icon-wrapper{border-radius:14px;width:60px;height:60px;top:24px;left:24px}.step-icon-wrapper svg{width:30px;height:30px}.step-title{margin-bottom:12px;font-size:22px;line-height:1.3}.step-description{font-size:15px;line-height:1.7}.process-benefits{border-radius:24px;grid-template-columns:1fr;gap:20px;margin-top:40px;padding:35px 20px}.benefit-box{text-align:left;flex-direction:row;gap:16px;padding:24px 16px}.benefit-icon{flex-shrink:0;width:56px;height:56px;margin-bottom:0}.benefit-icon svg{width:26px;height:26px}.benefit-content{flex:1}.benefit-content h4{margin-bottom:4px;font-size:16px}.benefit-content p{font-size:14px}}@media (max-width:480px){.process-timeline-wrapper{padding:30px 16px 30px 0}.timeline-vertical-line{left:24px}.timeline-step,.timeline-step.step-left,.timeline-step.step-right{margin-bottom:50px;padding:0 16px 0 62px!important}.timeline-node,.timeline-step.step-left .timeline-node,.timeline-step.step-right .timeline-node{top:16px;left:0!important;right:auto!important}.node-circle{border-width:2px;width:48px;height:48px}.node-number{font-size:18px}.step-content-card,.step-left .step-content-card,.step-right .step-content-card{border-radius:18px;padding:80px 24px 24px;margin:0!important}.step-icon-wrapper{border-radius:12px;width:52px;height:52px;top:20px;left:20px}.step-icon-wrapper svg{width:26px;height:26px}.step-title{font-size:20px;line-height:1.3}.step-description{font-size:14px;line-height:1.6}.process-benefits{border-radius:20px;gap:16px;padding:28px 16px}.benefit-box{gap:14px;padding:20px 14px}.benefit-icon{width:52px;height:52px}.benefit-icon svg{width:24px;height:24px}.benefit-content h4{font-size:15px}.benefit-content p{font-size:13px;line-height:1.5}}@media (max-width:360px){.process-timeline-wrapper{padding:25px 12px 25px 0}.timeline-vertical-line{left:21px}.timeline-step,.timeline-step.step-left,.timeline-step.step-right{padding:0 12px 0 54px!important}.timeline-node,.timeline-step.step-left .timeline-node,.timeline-step.step-right .timeline-node{left:0!important;right:auto!important}.node-circle{width:42px;height:42px}.node-number{font-size:16px}.step-content-card,.step-left .step-content-card,.step-right .step-content-card{padding:75px 20px 20px;margin:0!important}.step-icon-wrapper{border-radius:11px;width:48px;height:48px;top:18px;left:18px}.step-icon-wrapper svg{width:24px;height:24px}.step-title{font-size:18px}.step-description{font-size:13px}}
