.demo-promo{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:27px;margin-top:25px;margin-bottom:25px;padding:25px 30px;border:1px solid var(--line);background:#fbfcfa}
.demo-promo-icon{width:72px;height:72px;display:flex;align-items:end;justify-content:center;gap:5px;padding:14px;border-radius:50%;background:#e8f1dc}
.demo-promo-icon span{position:relative;z-index:1;margin:-44px -22px 0 0;color:var(--coral);font-size:19px}
.demo-promo-icon i{width:9px;border-radius:4px 4px 1px 1px;background:#9bb78d}
.demo-promo-icon i:nth-of-type(1){height:19px}
.demo-promo-icon i:nth-of-type(2){height:29px;background:#76966f}
.demo-promo-icon i:nth-of-type(3){height:39px;background:var(--forest)}
.demo-promo h2{margin:7px 0;font-size:22px;line-height:1.17;letter-spacing:-.04em}
.demo-promo h2 em{font-family:'Playfair Display',serif;font-weight:500}
.demo-promo>div:nth-child(2)>p:last-child{max-width:560px;margin:0;color:#75807b;font-size:10px;line-height:1.6}
.demo-promo .button{white-space:nowrap}
@media(max-width:650px){.demo-promo{grid-template-columns:54px 1fr;gap:14px;padding:18px 14px}.demo-promo-icon{width:52px;height:52px;padding:9px;gap:4px}.demo-promo-icon i{width:7px}.demo-promo-icon i:nth-of-type(1){height:13px}.demo-promo-icon i:nth-of-type(2){height:20px}.demo-promo-icon i:nth-of-type(3){height:27px}.demo-promo-icon span{margin:-31px -16px 0 0;font-size:15px}.demo-promo h2{font-size:18px}.demo-promo .button{grid-column:1/-1;justify-self:start}}
