@layer bricks {.brxe-code{width:100%}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-zwkpok {font-family: "Inter"; font-weight: 500}@media (max-width: 478px) { html body .services .services__grid.services__grid { flex-direction: row; flex-wrap: nowrap; align-items: stretch; }}html body .services a.service-card { color: inherit; text-decoration: none;}html body .services a.service-card:focus-visible { outline: 2px solid var(--n-primary); outline-offset: 3px;}@media (prefers-reduced-motion: reduce) { html body .services .service-card { transition: background-color 0.25s ease, color 0.25s ease; } html body .services .service-card:is(:hover, :focus-within) { transform: none; }}@media (max-width: 991px) { html body .services .services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 478px) { html body .services .services__grid { display: flex; gap: var(--space-s); width: calc(100% + 48px); max-width: none; margin-inline: -24px; padding-inline: 48px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 48px; scrollbar-width: none; } html body .services .services__grid::-webkit-scrollbar { display: none; } html body .services .service-card { flex: 0 0 calc(100vw - 96px); max-width: 334px; align-items: center; gap: var(--space-s); padding: 25px; text-align: center; scroll-snap-align: center; } html body .services .service-card.service-card:is(:hover, :focus-within) { transform: none; } html body .services .service-card__body { align-items: center; } html body .services .services__controls-wrap:has(.services__controls) { display: block; } html body .services .services__controls-wrap > pre { display: none; }} .services .services__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-l);} .services .services__grid { position: relative; width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-s);} .services .service-card { height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 40px; padding: 32px; border-radius: var(--radius-l); background-color: var(--n-lilac); transition: background-color 0.25s ease, color 0.25s ease, transform 0.3s ease, box-shadow 0.3s ease;} .services .service-card__image { width: 100px; height: 100px; flex-shrink: 0; padding: 30px; border-radius: 48px; background-color: rgba(255, 255, 255, 0.4); object-fit: contain; transition: background-color 0.25s ease, filter 0.25s ease;} .services .service-card__body { width: 100%; display: flex; flex-direction: column; gap: 8px;} .services .service-card__title { margin: 0; color: var(--n-heading); transition: color 0.25s ease;} .services .service-card__text { margin: 0; transition: color 0.25s ease;} .services .service-card__link { margin-top: auto;} .services .service-card:is(:hover, :focus-within) { background-color: var(--n-deep); transform: translateY(-4px); box-shadow: 0 24px 48px -20px rgba(56, 45, 102, 0.55);} .services .service-card:is(:hover, :focus-within) :is(.service-card__title, .service-card__text) { color: var(--n-white);} .services .service-card:is(:hover, :focus-within) .service-card__image { background-color: rgba(255, 255, 255, 0.1); filter: brightness(0) invert(1);} .services .service-card:is(:hover, :focus-within) .service-card__link { background-color: var(--n-white); border-color: var(--n-white); color: var(--n-deep);} .services .services__controls-wrap { display: none; width: 100%;} .services .services__controls { display: flex; align-items: center; justify-content: center; gap: 32px;} .services .services__nav { display: flex; align-items: center; justify-content: center; padding: 13px; border: 1px solid rgba(18, 18, 44, 0.2); border-radius: var(--radius-s); background: transparent; color: var(--n-navy); cursor: pointer;} .services .services__nav svg { width: 16px; height: 16px;} .services .services__dots { display: flex; gap: 8px;} .services .services__dot { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 3px; background-color: rgba(18, 18, 44, 0.2); cursor: pointer;} .services .services__dot.is-active { background-color: var(--n-primary);} .services :is(.services__nav, .services__dot):focus-visible { outline: 2px solid var(--n-primary); outline-offset: 2px;}