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