.clearfix:after{content:"";display:block;clear:both}.howItWorksSection{position:relative;display:block;background:#334b35;z-index:1;overflow:hidden;padding:120px 0;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.howItWorksSection.animate-in{opacity:1;transform:translateY(0)}.howItWorksBg{position:absolute;bottom:-225px;right:0;opacity:.07;z-index:-1}.howItWorksBg img{display:block;width:auto;height:auto}.howItWorksShape{position:relative}.howItWorksShape:before{width:150px;height:171px;background-color:#6d8c54;top:-20px;right:57px}.howItWorksShape:after,.howItWorksShape:before{content:"";position:absolute;border-radius:10px;opacity:.1;animation:floatBobY 10s linear 0s infinite}.howItWorksShape:after{width:60px;height:60px;background-color:#fff;top:120px;right:177px}@keyframes floatBobY{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.howItWorksContainer{position:relative;max-width:1200px;width:100%;margin:0 auto;padding:0 15px}.howItWorksTitleWrapper{position:relative;display:block;text-align:center;margin-bottom:60px}.howItWorksSecTitle{position:relative;display:inline-block}.howItWorksTitle{font-size:50px;line-height:1em;font-weight:700;text-transform:none;letter-spacing:-.04em;color:#ffffff;margin:0 0 10px}.howItWorksSubtitle{font-size:20px;line-height:1.5em;color:#f1cf69;margin:0;font-weight:500}.howItWorksStepsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative}.howItWorksStepCard{position:relative;background:#ffffff;border-radius:10px;padding:40px 30px;box-shadow:0 10px 60px 0 rgba(0,0,0,.05);transition:all .5s ease;opacity:0;transform:translateY(30px)}.howItWorksStepCard.animate-in{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.howItWorksStepCard:hover{box-shadow:0 10px 60px 0 rgba(0,0,0,.1),0 4px 0 #f1cf69;transform:translateY(-5px)}.howItWorksStepNumber{position:absolute;top:-20px;left:30px;width:60px;height:60px;background:#f1cf69;color:#334b35;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 4px 15px rgba(241,207,105,.3);z-index:2}.howItWorksStepContent{position:relative;padding-top:20px}.howItWorksStepTitle{font-size:22px;line-height:1.3em;font-weight:700;color:#334b35;margin:0 0 15px;font-family:DM Sans,sans-serif}.howItWorksStepDescription{font-size:16px;line-height:1.6em;color:#687469;margin:0}.howItWorksConnector{position:absolute;top:50%;right:-30px;transform:translateY(-50%);display:flex;align-items:center;z-index:1}.howItWorksConnectorLine{width:40px;height:2px;background:#f1cf69;position:relative}.howItWorksConnectorArrow{color:#f1cf69;font-size:20px;font-weight:700;margin-left:5px}@media (max-width:1199px){.howItWorksSection{padding:100px 0}.howItWorksStepsGrid{gap:25px}.howItWorksStepCard{padding:35px 25px}.howItWorksTitle{font-size:42px}.howItWorksSubtitle{font-size:18px}.howItWorksConnector{right:-25px}.howItWorksConnectorLine{width:30px}}@media (max-width:991px){.howItWorksSection{padding:80px 0}.howItWorksStepsGrid{grid-template-columns:repeat(2,1fr);gap:40px 25px}.howItWorksStepCard{padding:35px 25px}.howItWorksTitleWrapper{margin-bottom:50px}.howItWorksTitle{font-size:38px}.howItWorksSubtitle{font-size:17px}.howItWorksStepTitle{font-size:20px}.howItWorksStepCard:nth-child(2n) .howItWorksConnector{display:none}.howItWorksStepCard:nth-child(odd) .howItWorksConnector{display:flex;right:-25px}.howItWorksStepCard:nth-child(3) .howItWorksConnector{display:none}}@media (max-width:767px){.howItWorksSection{padding:60px 0}.howItWorksStepsGrid{grid-template-columns:1fr;gap:40px}.howItWorksStepCard{padding:30px 25px}.howItWorksTitleWrapper{margin-bottom:40px}.howItWorksTitle{font-size:32px}.howItWorksSubtitle{font-size:16px}.howItWorksStepTitle{font-size:19px}.howItWorksStepDescription{font-size:15px}.howItWorksConnector{display:none}.howItWorksStepNumber{width:50px;height:50px;font-size:20px;top:-15px}}@media (max-width:480px){.howItWorksSection{padding:50px 0}.howItWorksStepsGrid{gap:35px}.howItWorksStepCard{padding:25px 20px}.howItWorksTitle{font-size:28px}.howItWorksSubtitle{font-size:15px}.howItWorksStepTitle{font-size:18px}.howItWorksStepDescription{font-size:14px;line-height:1.5em}.howItWorksStepNumber{width:45px;height:45px;font-size:18px;left:20px}}