.product-and-cycle{padding-top:50px}
.renewable-cycle.cycle-feature{margin-top:0;background:var(--forest);border:1px solid #28533c;border-radius:20px;padding:43px;color:#fff;position:relative;overflow:visible}
.cycle-feature-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:34px}
.cycle-feature-heading>div{max-width:700px}
.cycle-feature-heading .eyebrow{color:#c5dfa0;margin-bottom:17px;font-size:11px;letter-spacing:.13em}
.cycle-feature-heading h2{font-size:clamp(34px,3.15vw,46px);line-height:1.2;letter-spacing:-.045em;color:#fff}
.cycle-feature-heading>p{max-width:320px;color:#cfddc5;font-size:13px;line-height:1.9;flex-shrink:0}
.cycle-feature .cycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.cycle-feature .cycle-card{display:flex;flex-direction:column;min-width:0;position:relative;border-radius:13px;background:#f8faef;color:var(--forest);box-shadow:0 6px 20px #0a251d24}
.cycle-card-photo{height:205px;position:relative;overflow:hidden;border-radius:13px 13px 0 0;background:#dce4cf}
.cycle-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cycle-card:nth-child(2) .cycle-card-photo img{object-position:center 40%}
.cycle-feature .cycle-number{position:absolute;top:15px;left:15px;background:#fffef1;color:var(--forest);width:38px;height:38px;border:1px solid #fff9;border-radius:8px;display:grid;place-items:center;padding:0;font:700 14px Sora,Manrope,sans-serif;box-shadow:0 3px 12px #0820171a;z-index:1}
.cycle-photo-kind{position:absolute;right:11px;bottom:10px;background:#0a2c20b8;color:#f3f9ec;font-size:9px;line-height:1.5;padding:4px 8px;border-radius:4px;max-width:calc(100% - 22px);backdrop-filter:blur(3px)}
.cycle-card-body{display:flex;flex-direction:column;flex:1;padding:27px 24px 24px}
.cycle-card-heading{display:flex;align-items:center;gap:15px;min-height:65px;margin-bottom:17px}
.cycle-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:13px;background:#e1edc9;color:#345e30;border:1px solid #ccdfb2;flex-shrink:0}
.cycle-feature .cycle-icon svg{width:38px;height:38px;display:block;margin:0;color:inherit;stroke-width:1.45}
.cycle-card-heading h3{font-size:23px;line-height:1.25;letter-spacing:-.045em;color:var(--forest);margin:0;overflow-wrap:normal}
.cycle-feature .cycle-card-body>p{font-size:15px;line-height:1.9;max-width:none;color:#617058;margin:0 0 20px}
.cycle-topic{font-size:9px;font-weight:750;letter-spacing:.075em;text-transform:uppercase;color:#53723c;padding-top:15px;border-top:1px solid #e0e8d3;margin-top:auto;display:block}
.cycle-connector{position:absolute;left:calc(100% - 9px);top:189px;z-index:2;display:grid;place-items:center;background:var(--lime);border:4px solid var(--forest);border-radius:50%;width:42px;height:42px;color:var(--forest)}
.cycle-feature .cycle-connector svg{width:20px;height:20px;display:block;margin:0;color:inherit;stroke-width:2}
.cycle-feature-footer{margin-top:29px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.cycle-feature-footer>p{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#e0ecd4;line-height:1.8;max-width:620px}
.cycle-feature-footer>p svg{width:23px;height:23px;flex-shrink:0;stroke:#c2dfa0}
.cycle-feature-footer .btn{flex-shrink:0}
.portfolio-after-cycle{margin-top:65px}
@media(max-width:1200px){
 .renewable-cycle.cycle-feature{padding:34px}
 .cycle-feature-heading{gap:27px}
 .cycle-feature-heading>p{max-width:270px;font-size:12px}
 .cycle-feature .cycle-grid{gap:20px}
 .cycle-card-body{padding:24px 20px 21px}
 .cycle-card-heading{gap:12px}
 .cycle-icon{width:52px;height:52px;border-radius:11px}
 .cycle-feature .cycle-icon svg{width:34px;height:34px}
 .cycle-card-heading h3{font-size:21px}
 .cycle-feature .cycle-card-body>p{font-size:14px}
 .cycle-connector{left:calc(100% - 11px)}
}
@media(max-width:900px){
 .renewable-cycle.cycle-feature{padding:28px}
 .cycle-feature-heading{display:block;margin-bottom:28px}
 .cycle-feature-heading h2{font-size:37px;max-width:650px}
 .cycle-feature-heading>p{max-width:none;margin-top:18px;font-size:13px;line-height:1.8}
 .cycle-feature .cycle-grid{gap:16px}
 .cycle-card-photo{height:165px}
 .cycle-card-body{padding:20px 16px 19px}
 .cycle-card-heading{flex-direction:column;align-items:flex-start;gap:14px;min-height:119px;margin-bottom:14px}
 .cycle-card-heading h3{font-size:21px;line-height:1.3}
 .cycle-feature .cycle-card-body>p{font-size:13px;line-height:1.85}
 .cycle-photo-kind{font-size:8px;padding:4px 6px;right:8px;bottom:8px;max-width:calc(100% - 16px)}
 .cycle-connector{top:149px;width:38px;height:38px;left:calc(100% - 11px)}
 .cycle-feature-footer>p{font-size:12px}
 .cycle-feature-footer .btn{font-size:11px;padding-inline:15px}
}
@media(max-width:700px){
 .product-and-cycle{padding-top:30px}
 .renewable-cycle.cycle-feature{padding:24px 20px 25px;border-radius:16px}
 .cycle-feature-heading{margin-bottom:26px}
 .cycle-feature-heading .eyebrow{font-size:9px;letter-spacing:.11em;line-height:1.7;margin-bottom:16px}
 .cycle-feature-heading h2{font-size:32px;line-height:1.25;letter-spacing:-.05em}
 .cycle-feature-heading>p{font-size:13px;line-height:1.85;margin-top:19px}
 .cycle-feature .cycle-grid{grid-template-columns:1fr;gap:28px}
 .cycle-feature .cycle-card{padding:0;border:0}
 .cycle-card-photo{height:195px}
 .cycle-feature .cycle-number{width:38px;height:38px;top:14px;left:14px;font-size:14px}
 .cycle-card-body{padding:24px}
 .cycle-card-heading{flex-direction:row;align-items:center;gap:17px;min-height:65px;margin-bottom:17px}
 .cycle-icon{width:60px;height:60px;border-radius:13px}
 .cycle-feature .cycle-icon svg{width:38px;height:38px}
 .cycle-card-heading h3{font-size:24px;line-height:1.25}
 .cycle-feature .cycle-card-body>p{font-size:15px;line-height:1.85;margin-bottom:18px}
 .cycle-topic{font-size:9px;padding-top:14px}
 .cycle-photo-kind{font-size:9px;padding:4px 8px;right:11px;bottom:10px}
 .cycle-connector{left:calc(50% - 21px);top:calc(100% - 5px);width:42px;height:42px;transform:rotate(90deg)}
 .cycle-feature-footer{margin-top:28px;align-items:stretch;flex-direction:column;gap:20px}
 .cycle-feature-footer>p{font-size:13px;line-height:1.8}
 .cycle-feature-footer .btn{font-size:12px;width:100%}
 .portfolio-after-cycle{margin-top:43px}
}
@media(max-width:380px){
 .renewable-cycle.cycle-feature{padding-inline:17px}
 .cycle-feature-heading h2{font-size:29px}
 .cycle-card-body{padding:22px 20px}
 .cycle-card-heading{gap:13px}
 .cycle-icon{width:54px;height:54px}
 .cycle-card-heading h3{font-size:22px}
}