.system-preview{margin:auto;max-width:1300px;padding:0 150px;position:relative}.system-preview__logo{padding:12px 6px}.system-preview__logo img{height:30px}.system-preview__mockup{border-radius:30px;box-shadow:0 4px 16px rgba(0,0,0,.2);overflow:hidden}.system-preview__mockup img{display:block;width:100%}.system-preview__features__feature{backdrop-filter:blur(20px);background:hsla(0,0%,100%,.64);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.1);font-size:14px;gap:16px;padding:20px;position:absolute;width:400px}.system-preview__features__feature i{align-items:center;background-color:#f1efff;border-radius:50%;color:#3c0086;display:inline-flex;font-size:18px;height:40px;justify-content:center;margin-bottom:15px;width:40px}.system-preview__features__feature h5{font-size:18px;font-weight:500}.system-preview__features__feature p{color:rgba(14,14,30,.7);font-weight:400;margin:0}.system-preview__features__feature:first-child{left:0;top:30%;transform:translateY(-50%)}.system-preview__features__feature:nth-child(2){right:0;top:35%;transform:translateY(-50%)}.system-preview__features__feature:nth-child(3){right:5%;top:85%;transform:translateY(-50%)}@media (max-width:1200px){.system-preview{padding:0 50px}.system-preview__features__feature{width:300px}}@media (max-width:992px){.system-preview{padding:0 20px}.system-preview__features{display:none}}