.loading3d-how{padding:120px 0;background:#f8f9fb}.loading3d-how .page-width{max-width:1400px;margin:0 auto;padding:0 30px}.loading3d-how__intro{max-width:760px;margin:0 auto 80px;text-align:center}.loading3d-how__eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;margin-bottom:22px;border-radius:999px;background:#fff3eb;color:#ff6b00;font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.loading3d-how__title{font-size:60px;font-weight:800;line-height:1.05;color:#111;margin-bottom:24px}.loading3d-how__text{font-size:20px;line-height:1.8;color:#666}.loading3d-how__grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.loading3d-how__grid:before{content:"";position:absolute;top:98px;left:9%;right:9%;height:3px;background:#e4e4e4;border-radius:999px;z-index:0}.loading3d-how__card{position:relative;z-index:2;padding:50px 36px;text-align:center;background:#fff;border-radius:28px;box-shadow:0 15px 40px #0000000f;transition:all .35s ease}.loading3d-how__card:hover{transform:translateY(-12px);box-shadow:0 30px 70px #0000001f}.loading3d-how__icon{position:relative;z-index:3;width:96px;height:96px;margin:0 auto 32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3eb;color:#ff6b00;transition:all .35s ease}.loading3d-how__icon-svg{width:44px;height:44px;display:block}.loading3d-how__card:hover .loading3d-how__icon{background:#ff6b00;color:#fff;transform:translateY(-4px) scale(1.08);box-shadow:0 12px 30px #ff6b0059}.loading3d-how__card h3{margin:0 0 16px;font-size:28px;font-weight:800;color:#111;line-height:1.2}.loading3d-how__card p{margin:0;color:#666;font-size:17px;line-height:1.8}@media screen and (max-width:1200px){.loading3d-how__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.loading3d-how__grid:before{display:none}.loading3d-how{padding:80px 0}.loading3d-how .page-width{padding:0 20px}.loading3d-how__grid{grid-template-columns:1fr;gap:24px}.loading3d-how__title{font-size:40px}.loading3d-how__text{font-size:18px}.loading3d-how__card{padding:40px 28px}.loading3d-how__icon{width:76px;height:76px;font-size:34px}.loading3d-how__card h3{font-size:24px}}.loading3d-how__number{position:absolute;top:22px;right:28px;font-size:72px;font-weight:900;line-height:1;color:#1111110d;pointer-events:none;-webkit-user-select:none;user-select:none;transition:.35s ease}.loading3d-how__card:hover .loading3d-how__number{color:#ff6b002e;transform:scale(1.06)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/loading3d-how-it-works.css.map */