.demos{display:flex;gap:30px;width:90%;max-width:1100px;justify-content:flex-start;align-items:center;margin:6rem auto;flex-wrap:wrap}@media screen and (max-width:1024px){.demos{width:92%;flex-direction:column;justify-content:center;align-items:center;margin:40px auto}}.demos:only-child{justify-content:flex-start}.demos__wrapper{padding:15rem 0}@media screen and (max-width:1024px){.demos__wrapper{width:90%;margin:0 auto}}.demos__subtitle{color:#1ac067;font-size:1.8rem;max-width:1100px;margin:2.4rem auto 1rem auto}@media screen and (max-width:1024px){.demos__subtitle{text-align:center}}.demos__title{font-size:3.8rem;font-weight:600;max-width:1100px;margin:0 auto 3.2rem auto}@media screen and (max-width:1024px){.demos__title{text-align:center}}.demos__title-border{width:100%;height:1px;background:#1c3244}.demo{display:block;width:calc((100% - 60px)/ 3);border:solid 1px #1ac067;border-radius:10px;position:relative;transition:.3s}.demo:hover{transform:translateY(-5px);transition:.3s}@media screen and (max-width:1024px){.demo{width:100%}}.demo__icon{position:absolute;width:20px;right:10px;bottom:10px}.demo__title{margin-top:1rem;font-size:2rem;font-weight:600;line-height:1.6}@media screen and (max-width:1024px){.demo__title{font-size:1.6rem}}.demo__img{width:100%}.demo__img img{width:100%;height:auto;border-radius:10px 10px 0 0}.demo__text{padding:20px;height:15rem}.demo__function{display:inline-block;background-color:#1ac067;padding:8px;font-size:14px;border-radius:5px;color:#fff;letter-spacing:1px}