.how-screenshot{background:var(--white-color)}.how-screenshot .section-title{margin-bottom:24px}.how-screenshot__descr{color:#6d727e;font-size:18px}.how-screenshot__steps-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px}.how-screenshot__steps-dots{display:flex;justify-content:center;gap:12px;margin-top:24px;display:none}.how-screenshot__steps-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.1);transition:all .3s ease-in-out}.how-screenshot__steps-dots span.active{transform:scale(1.1);background:var(--main-color)}.how-screenshot__step{display:flex;flex-direction:column;gap:24px;background:var(--white-color);border-radius:24px;box-shadow:0 0 120px 0 rgba(77,83,103,.12);border:1px solid rgba(0,0,0,0);padding:24px;transition:all .3s ease-in-out;position:relative}.how-screenshot__step:hover{border-color:var(--main-color);transform:translateY(-10px)}@media(max-width: 1024px){.how-screenshot__step:hover{border:none;transform:none}}.how-screenshot__step:hover .how-screenshot__step-number{background:var(--title-color)}.how-screenshot__step-number{flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;text-align:center;background:var(--main-color);color:var(--white-color);font-size:14px;font-weight:700;line-height:1;position:absolute;top:14px;right:14px;transition:background-color .3s ease-in-out}.how-screenshot__step-img{width:100%;aspect-ratio:3/2;border-radius:12px;border:1px solid rgba(0,180,205,.15);overflow:hidden}.how-screenshot__step-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.how-screenshot__step-text{display:flex;flex-direction:column;text-align:center}.how-screenshot__step-title{color:var(--title-color);font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}.how-screenshot__step-descr{color:#6d727e;font-size:15px;font-weight:400;line-height:1.5}.how-screenshot__btn{margin-top:48px}.how-screenshot__btn .btn{margin-top:0}@media(max-width: 1199px){.how-screenshot__steps-container{grid-template-columns:repeat(2, 1fr);width:100%;max-width:1008px;margin:0 auto}}@media(max-width: 1024px){.how-screenshot__steps-container{gap:24px}}@media(max-width: 640px){.how-screenshot__descr{font-size:16px}.how-screenshot__steps-dots{display:flex}.how-screenshot__steps-container{display:flex;gap:16px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;-ms-overflow-style:none}.how-screenshot__steps-container::-webkit-scrollbar{display:none}.how-screenshot__steps-container{-ms-overflow-style:none;scrollbar-width:none}.how-screenshot__step{flex-shrink:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;min-width:240px;max-width:320px;box-shadow:none;border-radius:16px;border:2px solid #f5f5f5 !important}.how-screenshot__btn{margin-top:32px}}/*# sourceMappingURL=how-screenshot.min.css.map */