.floating-cards{align-items:start;display:grid;grid-gap:4px;background-color:inherit}@media screen and (width >= 991px){.floating-cards--fat{grid-template-columns:repeat(auto-fit,minmax(calc(33.3333% - 4px),1fr))}}@media screen and (width >= 768px){.floating-cards:not(.floating-cards--fat){grid-template-columns:repeat(auto-fit,minmax(calc(33.3333% - 4px),1fr))}}.eco-block{background-color:var(--green-400);padding-block:80px}@media screen and (width >= 768px){.eco-block{padding-block:110px}}@media screen and (width >= 1440px){.eco-block{padding-block:140px}}.eco-block__container{background-color:inherit}.eco-block__header{align-items:center;color:var(--white);display:flex;flex-direction:column;margin-bottom:40px;text-align:center}.eco-block__title{margin-bottom:16px}@media screen and (width >= 768px){.eco-block__title{max-width:682px}}@media screen and (width >= 1440px){.eco-block__title{max-width:80%}}.eco-block__description{color:var(--white-alpha-80);max-width:512px}@media screen and (width >= 768px){.eco-block__description{max-width:682px}}.eco-block__buttons{gap:16px;justify-content:center}.eco-block__buttons,.eco-block__tags{align-items:center;display:flex;flex-wrap:wrap;margin-top:24px}.eco-block__tags{gap:8px}.floating-cards .floating-card{--offsetIndex:var(--ac62024c);background-color:inherit}@media screen and (width >= 768px){.floating-cards .floating-card{padding-top:calc(var(--offsetIndex)*140px)}}.floating-cards--fat .floating-card{--offsetIndex:var(--ac62024c);background-color:inherit}@media screen and (width >= 768px){.floating-cards--fat .floating-card{padding-top:0}}@media screen and (width >= 991px){.floating-cards--fat .floating-card{padding-top:calc(var(--offsetIndex)*140px)}}.floating-card__inner{border:1px solid var(--white-alpha-30);border-radius:16px;color:var(--white);display:flex;flex-direction:column;opacity:0;position:relative;transform:translateY(140px);transition:transform 1s calc(var(--offsetIndex)*.5s) ease-in-out,opacity 1s calc(var(--offsetIndex)*.5s) ease-in-out}.floating-card__inner:before{background-color:var(--white-alpha-30);border-radius:50%;content:"";display:block;height:12px;position:absolute;right:24px;top:24px;width:12px}@media screen and (width >= 1440px){.floating-card__inner:before{right:40px;top:40px}}.floating-card--without-dot .floating-card__inner:before{display:none}.floating-card--visible .floating-card__inner{opacity:1;transform:translateY(0)}
