@charset "UTF-8";

/* =============================================================================
 * 이 파일은 빌드 산출물처럼 보이지만 **손으로 관리하는 소스 파일**이다.
 *
 * 원래는 `assets/scss/style.scss` 가 이 파일을 만들었다:
 *   sass --load-path=node_modules assets/scss/style.scss static/assets/css/style.css
 * 그리고 내용의 대부분은 `@use "@kodebox-io-landing/zuzu-homepage-common/style"`
 * 한 줄에서 왔다.
 *
 * 2026-05-18 에 그 의존성을 제거했다(Netlify 빌드가 GitHub Packages private 패키지
 * 인증 401 로 깨져서). 그때 이 파일은 "이미 빌드된 산출물"이라며 그대로 뒀고,
 * 그래서 소스와 산출물의 연결이 끊겼다. 그 뒤로 팀은 이 파일을 직접 편집해 왔다 —
 * 즉 **이 파일이 이제 원본이다.**
 *
 * 2026-08-16 에 `assets/scss/` 를 지웠다. 남겨두면 고쳐도 반영 안 되는 파일을
 * 누군가 고치게 되고, 위 sass 명령을 실제로 돌리면 이 파일이 556KB → 33KB 로
 * 덮어써져 사이트 CSS 의 94% 가 사라진다(실측). guide.scss 의 셀렉터 108개 중
 * 살아 있는 것은 전부 이 파일에 이미 들어와 있었고, 없던 것은 `.main-cta-*` 계열
 * 뿐인데 그건 템플릿에서도 쓰이지 않는다(전수 확인).
 *
 * 스타일을 고치려면: v2 페이지는 `assets/css/v2.css`, 그 외는 이 파일.
 * 단 **버튼은 예외** — v2 페이지도 이 파일의 `.button` 을 쓴다(CLAUDE.md 참고).
 * ========================================================================== */

/* Only for imports */
:root {
  --baseUnit: 0.75rem;
  --gutter: 2.25rem;
  --xs: 375px;
  --sm: 480px;
  --md: 992px;
  --lg: 1180px;
  --xl: 1920px;
}

h1 {
  font-size: 3.052rem;
  font-weight: 700;
  letter-spacing: -0.025rem;
}

h2 {
  font-size: 2.441rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}

h3 {
  font-size: 1.953rem;
  font-weight: 700;
  letter-spacing: -0.015rem;
}

h4 {
  font-size: 1.563rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
}

h5 {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
}

p {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
}

.body-text {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
}

b {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

html {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 16px;
}

@media screen and (max-width: 992px) {
  html {
    font-size: 16px;
  }
}

@media screen and (max-width: 375px) {
  html {
    font-size: 12px;
  }
}

html,
body {
  background-origin: border-box;
  background-size: contain;
  color: #101828;
  font-weight: 400;
  scroll-snap-type: y mandatory;
}

h1,
h2,
h3,
h4,
h5 {
  color: #000;
  line-height: 1.4;
}

h1,
h2,
h3 {
  word-break: keep-all;
}

h1 {
  font-size: 3.052rem;
}

h2 {
  font-size: 2.441rem;
}

h3 {
  font-size: 1.753rem;
}

h4 {
  font-size: 1.563rem;
}

h5 {
  font-size: 1.5;
}

p {
  font-size: 1rem;
}

.body-text {
  font-size: 1rem;
}

h1 {
  font-weight: 700;
}

h2 {
  font-weight: 700;
}

h3 {
  font-weight: 700;
}

h4 {
  font-weight: 500;
}

h5 {
  font-weight: 700;
}

p {
  font-weight: 500;
}

body-text {
  font-weight: 500;
}

b {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

h1 {
  letter-spacing: -0.03rem;
}

h2 {
  letter-spacing: -0.025rem;
}

h3 {
  letter-spacing: -0.015rem;
}

h4 {
  letter-spacing: -0.01rem;
}

h5 {
  letter-spacing: -0.01rem;
}

p {
  letter-spacing: 0rem;
}

.body-text {
  letter-spacing: 0rem;
}

.zz-fw-regular {
  font-weight: 400;
}

.zz-fw-medium {
  font-weight: 500;
}

.zz-fw-bold {
  font-weight: 700;
}

.zz-fw-extra-bold {
  font-weight: 900;
}

/* Trivial style rules */
h1 {
  margin-top: 0;
}

@media screen and (max-width: 992px) {
  .sm-heading1 {
    font-size: 36px;
  }
}

p,
.body-text {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {

  p,
  .body-text {
    font-size: 15px;
  }
}

.zz-small-text,
caption {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.6;
}

@media screen and (max-width: 992px) {

  .zz-small-text,
  caption {
    font-size: 14px;
  }
}

.zz-line-height-compact {
  line-height: 1;
}

.zz-line-height-tight {
  line-height: 1.2;
}

.zz-line-height-normal {
  line-height: 1.4;
}

.zz-line-height-comfortable {
  line-height: 1.5;
}

.zz-line-height-loose {
  line-height: 1.6;
}

.zz-line-height-spacious {
  line-height: 1.7;
}

.zz-line-height-wide {
  line-height: 1.8;
}

.zz-line-height-extra-wide {
  line-height: 2;
}

#search-results a:visited {
  text-decoration-color: revert !important;
  color: revert;
}

#search-results a:visited h5,
#search-results a:visited mark {
  color: rgb(85, 26, 139) !important;
}

mark {
  padding: 0;
  background-color: transparent;
  color: inherit;
  filter: contrast(1.5);
  font-weight: 700;
}

/* 모바일에서 <br /> 를 줄바꿈 대신에 스페이스로 변경함. */
@media screen and (max-width: 992px) {
  br:not(.sm-show) {
    display: none;
  }
}

*[onclick] {
  cursor: pointer;
}

figure {
  overflow: hidden;
}

img {
  pointer-events: none;
}

img.img-fluid {
  max-width: 100%;
}

.flip-horizontal {
  transform: rotateY(180deg);
  transform-style: preserve-3d;
}

/* embedded Google 설문 Responsive */
.g-form-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding-bottom: 100%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

a {
  text-decoration: none;
}

@media (hover: hover) {
  a:hover {
    text-decoration: underline;
  }
}

a svg {
  transition: 0.121s ease-out;
}

@media (hover: hover) {
  a:hover svg {
    transition: 0.121s ease-out;
  }

  a:hover svg[class*=right] {
    transform: translateX(4px);
  }

  a:hover svg[class*=left] {
    transform: translateX(-4px);
  }
}

.user-select-none {
  user-select: none;
}

/* 셰브런이 좁은 컨테이너에서 찌그러지지 않게 한다. 2026-08-16 에 feather-icons 를
   걷어내면서 클래스 이름이 feather-chevron-right → lucide-chevron-right 로 바뀌었다
   (아이콘은 이제 layouts/partials/icons/lucide.html 이 빌드 타임에 인라인한다). */
svg.lucide-chevron-right {
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .mobile-screen {
    padding: 10vw 28vw;
  }
}

.pipedriveform {
  min-height: 560px;
  min-width: 440px;
}

@media screen and (max-width: 992px) {
  .pipedriveform {
    min-width: 280px;
  }
}

.zz-white-space-nowrap {
  white-space: nowrap;
}

.go-back-button {
  text-decoration: underline;
}

@media (hover: hover) {
  .go-back-button:hover {
    text-decoration: underline;
  }
}

.can-transform {
  transition: all 0.121s ease-out;
}

body.no-scroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

details summary {
  cursor: pointer;
}

.smooth-corners {
  visibility: hidden;
}

img[alt="장식용 이미지"] {
  pointer-events: auto;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}

@media screen and (max-width: 992px) {
  img {
    max-width: 100%;
  }
}

hr {
  height: 1.5px;
  background-color: #bdbdbd;
  border: none;
}

@media screen and (max-width: 992px) {
  .zz-sm-no-background {
    background-image: none !important;
  }
}

.swiper {
  filter: blur(1px);
  overflow: hidden;
}

.swiper::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: #000;
  color: #fff;
  opacity: 1;
  transition: opacity 0.3s ease-out;
  content: "로딩 중입니다.";
}

.swiper.blur-remove::after {
  display: none;
  opacity: 0;
  pointer-events: none;
}

:is(.hero-section-wrapper, .hero-section, [class*=hero-section]):has(+ :is(#intro, .pricing-section)) {
  padding-bottom: 0 !important;
}

.zz-p-20 {
  padding: 15rem;
}

.zz-m-20 {
  margin: 15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-20 {
    padding: 15rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-20 {
    margin: 15rem !important;
  }
}

.zz-p-t-20 {
  padding-top: 15rem;
}

.zz-p-t-20-negative {
  padding-top: -15rem;
}

.zz-m-t-20 {
  margin-top: 15rem;
}

.zz-m-t-20-negative {
  margin-top: -15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-20 {
    padding-top: 15rem;
  }

  .zz-sm-p-t-20-negative {
    padding-top: -15rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-20 {
    margin-top: 15rem;
  }

  .zz-sm-m-t-20-negative {
    margin-top: -15rem;
  }
}

.zz-p-r-20 {
  padding-right: 15rem;
}

.zz-p-r-20-negative {
  padding-right: -15rem;
}

.zz-m-r-20 {
  margin-right: 15rem;
}

.zz-m-r-20-negative {
  margin-right: -15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-20 {
    padding-right: 15rem;
  }

  .zz-sm-p-r-20-negative {
    padding-right: -15rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-20 {
    margin-right: 15rem;
  }

  .zz-sm-m-r-20-negative {
    margin-right: -15rem;
  }
}

.zz-p-b-20 {
  padding-bottom: 15rem;
}

.zz-p-b-20-negative {
  padding-bottom: -15rem;
}

.zz-m-b-20 {
  margin-bottom: 15rem;
}

.zz-m-b-20-negative {
  margin-bottom: -15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-20 {
    padding-bottom: 15rem;
  }

  .zz-sm-p-b-20-negative {
    padding-bottom: -15rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-20 {
    margin-bottom: 15rem;
  }

  .zz-sm-m-b-20-negative {
    margin-bottom: -15rem;
  }
}

.zz-p-l-20 {
  padding-left: 15rem;
}

.zz-p-l-20-negative {
  padding-left: -15rem;
}

.zz-m-l-20 {
  margin-left: 15rem;
}

.zz-m-l-20-negative {
  margin-left: -15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-20 {
    padding-left: 15rem;
  }

  .zz-sm-p-l-20-negative {
    padding-left: -15rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-20 {
    margin-left: 15rem;
  }

  .zz-sm-m-l-20-negative {
    margin-left: -15rem;
  }
}

.zz-p-19 {
  padding: 14.25rem;
}

.zz-m-19 {
  margin: 14.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-19 {
    padding: 14.25rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-19 {
    margin: 14.25rem !important;
  }
}

.zz-p-t-19 {
  padding-top: 14.25rem;
}

.zz-p-t-19-negative {
  padding-top: -14.25rem;
}

.zz-m-t-19 {
  margin-top: 14.25rem;
}

.zz-m-t-19-negative {
  margin-top: -14.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-19 {
    padding-top: 14.25rem;
  }

  .zz-sm-p-t-19-negative {
    padding-top: -14.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-19 {
    margin-top: 14.25rem;
  }

  .zz-sm-m-t-19-negative {
    margin-top: -14.25rem;
  }
}

.zz-p-r-19 {
  padding-right: 14.25rem;
}

.zz-p-r-19-negative {
  padding-right: -14.25rem;
}

.zz-m-r-19 {
  margin-right: 14.25rem;
}

.zz-m-r-19-negative {
  margin-right: -14.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-19 {
    padding-right: 14.25rem;
  }

  .zz-sm-p-r-19-negative {
    padding-right: -14.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-19 {
    margin-right: 14.25rem;
  }

  .zz-sm-m-r-19-negative {
    margin-right: -14.25rem;
  }
}

.zz-p-b-19 {
  padding-bottom: 14.25rem;
}

.zz-p-b-19-negative {
  padding-bottom: -14.25rem;
}

.zz-m-b-19 {
  margin-bottom: 14.25rem;
}

.zz-m-b-19-negative {
  margin-bottom: -14.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-19 {
    padding-bottom: 14.25rem;
  }

  .zz-sm-p-b-19-negative {
    padding-bottom: -14.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-19 {
    margin-bottom: 14.25rem;
  }

  .zz-sm-m-b-19-negative {
    margin-bottom: -14.25rem;
  }
}

.zz-p-l-19 {
  padding-left: 14.25rem;
}

.zz-p-l-19-negative {
  padding-left: -14.25rem;
}

.zz-m-l-19 {
  margin-left: 14.25rem;
}

.zz-m-l-19-negative {
  margin-left: -14.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-19 {
    padding-left: 14.25rem;
  }

  .zz-sm-p-l-19-negative {
    padding-left: -14.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-19 {
    margin-left: 14.25rem;
  }

  .zz-sm-m-l-19-negative {
    margin-left: -14.25rem;
  }
}

.zz-p-18 {
  padding: 13.5rem;
}

.zz-m-18 {
  margin: 13.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-18 {
    padding: 13.5rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-18 {
    margin: 13.5rem !important;
  }
}

.zz-p-t-18 {
  padding-top: 13.5rem;
}

.zz-p-t-18-negative {
  padding-top: -13.5rem;
}

.zz-m-t-18 {
  margin-top: 13.5rem;
}

.zz-m-t-18-negative {
  margin-top: -13.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-18 {
    padding-top: 13.5rem;
  }

  .zz-sm-p-t-18-negative {
    padding-top: -13.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-18 {
    margin-top: 13.5rem;
  }

  .zz-sm-m-t-18-negative {
    margin-top: -13.5rem;
  }
}

.zz-p-r-18 {
  padding-right: 13.5rem;
}

.zz-p-r-18-negative {
  padding-right: -13.5rem;
}

.zz-m-r-18 {
  margin-right: 13.5rem;
}

.zz-m-r-18-negative {
  margin-right: -13.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-18 {
    padding-right: 13.5rem;
  }

  .zz-sm-p-r-18-negative {
    padding-right: -13.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-18 {
    margin-right: 13.5rem;
  }

  .zz-sm-m-r-18-negative {
    margin-right: -13.5rem;
  }
}

.zz-p-b-18 {
  padding-bottom: 13.5rem;
}

.zz-p-b-18-negative {
  padding-bottom: -13.5rem;
}

.zz-m-b-18 {
  margin-bottom: 13.5rem;
}

.zz-m-b-18-negative {
  margin-bottom: -13.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-18 {
    padding-bottom: 13.5rem;
  }

  .zz-sm-p-b-18-negative {
    padding-bottom: -13.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-18 {
    margin-bottom: 13.5rem;
  }

  .zz-sm-m-b-18-negative {
    margin-bottom: -13.5rem;
  }
}

.zz-p-l-18 {
  padding-left: 13.5rem;
}

.zz-p-l-18-negative {
  padding-left: -13.5rem;
}

.zz-m-l-18 {
  margin-left: 13.5rem;
}

.zz-m-l-18-negative {
  margin-left: -13.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-18 {
    padding-left: 13.5rem;
  }

  .zz-sm-p-l-18-negative {
    padding-left: -13.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-18 {
    margin-left: 13.5rem;
  }

  .zz-sm-m-l-18-negative {
    margin-left: -13.5rem;
  }
}

.zz-p-17 {
  padding: 12.75rem;
}

.zz-m-17 {
  margin: 12.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-17 {
    padding: 12.75rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-17 {
    margin: 12.75rem !important;
  }
}

.zz-p-t-17 {
  padding-top: 12.75rem;
}

.zz-p-t-17-negative {
  padding-top: -12.75rem;
}

.zz-m-t-17 {
  margin-top: 12.75rem;
}

.zz-m-t-17-negative {
  margin-top: -12.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-17 {
    padding-top: 12.75rem;
  }

  .zz-sm-p-t-17-negative {
    padding-top: -12.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-17 {
    margin-top: 12.75rem;
  }

  .zz-sm-m-t-17-negative {
    margin-top: -12.75rem;
  }
}

.zz-p-r-17 {
  padding-right: 12.75rem;
}

.zz-p-r-17-negative {
  padding-right: -12.75rem;
}

.zz-m-r-17 {
  margin-right: 12.75rem;
}

.zz-m-r-17-negative {
  margin-right: -12.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-17 {
    padding-right: 12.75rem;
  }

  .zz-sm-p-r-17-negative {
    padding-right: -12.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-17 {
    margin-right: 12.75rem;
  }

  .zz-sm-m-r-17-negative {
    margin-right: -12.75rem;
  }
}

.zz-p-b-17 {
  padding-bottom: 12.75rem;
}

.zz-p-b-17-negative {
  padding-bottom: -12.75rem;
}

.zz-m-b-17 {
  margin-bottom: 12.75rem;
}

.zz-m-b-17-negative {
  margin-bottom: -12.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-17 {
    padding-bottom: 12.75rem;
  }

  .zz-sm-p-b-17-negative {
    padding-bottom: -12.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-17 {
    margin-bottom: 12.75rem;
  }

  .zz-sm-m-b-17-negative {
    margin-bottom: -12.75rem;
  }
}

.zz-p-l-17 {
  padding-left: 12.75rem;
}

.zz-p-l-17-negative {
  padding-left: -12.75rem;
}

.zz-m-l-17 {
  margin-left: 12.75rem;
}

.zz-m-l-17-negative {
  margin-left: -12.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-17 {
    padding-left: 12.75rem;
  }

  .zz-sm-p-l-17-negative {
    padding-left: -12.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-17 {
    margin-left: 12.75rem;
  }

  .zz-sm-m-l-17-negative {
    margin-left: -12.75rem;
  }
}

.zz-p-16 {
  padding: 12rem;
}

.zz-m-16 {
  margin: 12rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-16 {
    padding: 12rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-16 {
    margin: 12rem !important;
  }
}

.zz-p-t-16 {
  padding-top: 12rem;
}

.zz-p-t-16-negative {
  padding-top: -12rem;
}

.zz-m-t-16 {
  margin-top: 12rem;
}

.zz-m-t-16-negative {
  margin-top: -12rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-16 {
    padding-top: 12rem;
  }

  .zz-sm-p-t-16-negative {
    padding-top: -12rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-16 {
    margin-top: 12rem;
  }

  .zz-sm-m-t-16-negative {
    margin-top: -12rem;
  }
}

.zz-p-r-16 {
  padding-right: 12rem;
}

.zz-p-r-16-negative {
  padding-right: -12rem;
}

.zz-m-r-16 {
  margin-right: 12rem;
}

.zz-m-r-16-negative {
  margin-right: -12rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-16 {
    padding-right: 12rem;
  }

  .zz-sm-p-r-16-negative {
    padding-right: -12rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-16 {
    margin-right: 12rem;
  }

  .zz-sm-m-r-16-negative {
    margin-right: -12rem;
  }
}

.zz-p-b-16 {
  padding-bottom: 12rem;
}

.zz-p-b-16-negative {
  padding-bottom: -12rem;
}

.zz-m-b-16 {
  margin-bottom: 12rem;
}

.zz-m-b-16-negative {
  margin-bottom: -12rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-16 {
    padding-bottom: 12rem;
  }

  .zz-sm-p-b-16-negative {
    padding-bottom: -12rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-16 {
    margin-bottom: 12rem;
  }

  .zz-sm-m-b-16-negative {
    margin-bottom: -12rem;
  }
}

.zz-p-l-16 {
  padding-left: 12rem;
}

.zz-p-l-16-negative {
  padding-left: -12rem;
}

.zz-m-l-16 {
  margin-left: 12rem;
}

.zz-m-l-16-negative {
  margin-left: -12rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-16 {
    padding-left: 12rem;
  }

  .zz-sm-p-l-16-negative {
    padding-left: -12rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-16 {
    margin-left: 12rem;
  }

  .zz-sm-m-l-16-negative {
    margin-left: -12rem;
  }
}

.zz-p-15 {
  padding: 11.25rem;
}

.zz-m-15 {
  margin: 11.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-15 {
    padding: 11.25rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-15 {
    margin: 11.25rem !important;
  }
}

.zz-p-t-15 {
  padding-top: 11.25rem;
}

.zz-p-t-15-negative {
  padding-top: -11.25rem;
}

.zz-m-t-15 {
  margin-top: 11.25rem;
}

.zz-m-t-15-negative {
  margin-top: -11.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-15 {
    padding-top: 11.25rem;
  }

  .zz-sm-p-t-15-negative {
    padding-top: -11.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-15 {
    margin-top: 11.25rem;
  }

  .zz-sm-m-t-15-negative {
    margin-top: -11.25rem;
  }
}

.zz-p-r-15 {
  padding-right: 11.25rem;
}

.zz-p-r-15-negative {
  padding-right: -11.25rem;
}

.zz-m-r-15 {
  margin-right: 11.25rem;
}

.zz-m-r-15-negative {
  margin-right: -11.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-15 {
    padding-right: 11.25rem;
  }

  .zz-sm-p-r-15-negative {
    padding-right: -11.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-15 {
    margin-right: 11.25rem;
  }

  .zz-sm-m-r-15-negative {
    margin-right: -11.25rem;
  }
}

.zz-p-b-15 {
  padding-bottom: 11.25rem;
}

.zz-p-b-15-negative {
  padding-bottom: -11.25rem;
}

.zz-m-b-15 {
  margin-bottom: 11.25rem;
}

.zz-m-b-15-negative {
  margin-bottom: -11.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-15 {
    padding-bottom: 11.25rem;
  }

  .zz-sm-p-b-15-negative {
    padding-bottom: -11.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-15 {
    margin-bottom: 11.25rem;
  }

  .zz-sm-m-b-15-negative {
    margin-bottom: -11.25rem;
  }
}

.zz-p-l-15 {
  padding-left: 11.25rem;
}

.zz-p-l-15-negative {
  padding-left: -11.25rem;
}

.zz-m-l-15 {
  margin-left: 11.25rem;
}

.zz-m-l-15-negative {
  margin-left: -11.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-15 {
    padding-left: 11.25rem;
  }

  .zz-sm-p-l-15-negative {
    padding-left: -11.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-15 {
    margin-left: 11.25rem;
  }

  .zz-sm-m-l-15-negative {
    margin-left: -11.25rem;
  }
}

.zz-p-14 {
  padding: 10.5rem;
}

.zz-m-14 {
  margin: 10.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-14 {
    padding: 10.5rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-14 {
    margin: 10.5rem !important;
  }
}

.zz-p-t-14 {
  padding-top: 10.5rem;
}

.zz-p-t-14-negative {
  padding-top: -10.5rem;
}

.zz-m-t-14 {
  margin-top: 10.5rem;
}

.zz-m-t-14-negative {
  margin-top: -10.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-14 {
    padding-top: 10.5rem;
  }

  .zz-sm-p-t-14-negative {
    padding-top: -10.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-14 {
    margin-top: 10.5rem;
  }

  .zz-sm-m-t-14-negative {
    margin-top: -10.5rem;
  }
}

.zz-p-r-14 {
  padding-right: 10.5rem;
}

.zz-p-r-14-negative {
  padding-right: -10.5rem;
}

.zz-m-r-14 {
  margin-right: 10.5rem;
}

.zz-m-r-14-negative {
  margin-right: -10.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-14 {
    padding-right: 10.5rem;
  }

  .zz-sm-p-r-14-negative {
    padding-right: -10.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-14 {
    margin-right: 10.5rem;
  }

  .zz-sm-m-r-14-negative {
    margin-right: -10.5rem;
  }
}

.zz-p-b-14 {
  padding-bottom: 10.5rem;
}

.zz-p-b-14-negative {
  padding-bottom: -10.5rem;
}

.zz-m-b-14 {
  margin-bottom: 10.5rem;
}

.zz-m-b-14-negative {
  margin-bottom: -10.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-14 {
    padding-bottom: 10.5rem;
  }

  .zz-sm-p-b-14-negative {
    padding-bottom: -10.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-14 {
    margin-bottom: 10.5rem;
  }

  .zz-sm-m-b-14-negative {
    margin-bottom: -10.5rem;
  }
}

.zz-p-l-14 {
  padding-left: 10.5rem;
}

.zz-p-l-14-negative {
  padding-left: -10.5rem;
}

.zz-m-l-14 {
  margin-left: 10.5rem;
}

.zz-m-l-14-negative {
  margin-left: -10.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-14 {
    padding-left: 10.5rem;
  }

  .zz-sm-p-l-14-negative {
    padding-left: -10.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-14 {
    margin-left: 10.5rem;
  }

  .zz-sm-m-l-14-negative {
    margin-left: -10.5rem;
  }
}

.zz-p-13 {
  padding: 9.75rem;
}

.zz-m-13 {
  margin: 9.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-13 {
    padding: 9.75rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-13 {
    margin: 9.75rem !important;
  }
}

.zz-p-t-13 {
  padding-top: 9.75rem;
}

.zz-p-t-13-negative {
  padding-top: -9.75rem;
}

.zz-m-t-13 {
  margin-top: 9.75rem;
}

.zz-m-t-13-negative {
  margin-top: -9.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-13 {
    padding-top: 9.75rem;
  }

  .zz-sm-p-t-13-negative {
    padding-top: -9.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-13 {
    margin-top: 9.75rem;
  }

  .zz-sm-m-t-13-negative {
    margin-top: -9.75rem;
  }
}

.zz-p-r-13 {
  padding-right: 9.75rem;
}

.zz-p-r-13-negative {
  padding-right: -9.75rem;
}

.zz-m-r-13 {
  margin-right: 9.75rem;
}

.zz-m-r-13-negative {
  margin-right: -9.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-13 {
    padding-right: 9.75rem;
  }

  .zz-sm-p-r-13-negative {
    padding-right: -9.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-13 {
    margin-right: 9.75rem;
  }

  .zz-sm-m-r-13-negative {
    margin-right: -9.75rem;
  }
}

.zz-p-b-13 {
  padding-bottom: 9.75rem;
}

.zz-p-b-13-negative {
  padding-bottom: -9.75rem;
}

.zz-m-b-13 {
  margin-bottom: 9.75rem;
}

.zz-m-b-13-negative {
  margin-bottom: -9.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-13 {
    padding-bottom: 9.75rem;
  }

  .zz-sm-p-b-13-negative {
    padding-bottom: -9.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-13 {
    margin-bottom: 9.75rem;
  }

  .zz-sm-m-b-13-negative {
    margin-bottom: -9.75rem;
  }
}

.zz-p-l-13 {
  padding-left: 9.75rem;
}

.zz-p-l-13-negative {
  padding-left: -9.75rem;
}

.zz-m-l-13 {
  margin-left: 9.75rem;
}

.zz-m-l-13-negative {
  margin-left: -9.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-13 {
    padding-left: 9.75rem;
  }

  .zz-sm-p-l-13-negative {
    padding-left: -9.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-13 {
    margin-left: 9.75rem;
  }

  .zz-sm-m-l-13-negative {
    margin-left: -9.75rem;
  }
}

.zz-p-12 {
  padding: 9rem;
}

.zz-m-12 {
  margin: 9rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-12 {
    padding: 9rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-12 {
    margin: 9rem !important;
  }
}

.zz-p-t-12 {
  padding-top: 9rem;
}

.zz-p-t-12-negative {
  padding-top: -9rem;
}

.zz-m-t-12 {
  margin-top: 9rem;
}

.zz-m-t-12-negative {
  margin-top: -9rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-12 {
    padding-top: 9rem;
  }

  .zz-sm-p-t-12-negative {
    padding-top: -9rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-12 {
    margin-top: 9rem;
  }

  .zz-sm-m-t-12-negative {
    margin-top: -9rem;
  }
}

.zz-p-r-12 {
  padding-right: 9rem;
}

.zz-p-r-12-negative {
  padding-right: -9rem;
}

.zz-m-r-12 {
  margin-right: 9rem;
}

.zz-m-r-12-negative {
  margin-right: -9rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-12 {
    padding-right: 9rem;
  }

  .zz-sm-p-r-12-negative {
    padding-right: -9rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-12 {
    margin-right: 9rem;
  }

  .zz-sm-m-r-12-negative {
    margin-right: -9rem;
  }
}

.zz-p-b-12 {
  padding-bottom: 9rem;
}

.zz-p-b-12-negative {
  padding-bottom: -9rem;
}

.zz-m-b-12 {
  margin-bottom: 9rem;
}

.zz-m-b-12-negative {
  margin-bottom: -9rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-12 {
    padding-bottom: 9rem;
  }

  .zz-sm-p-b-12-negative {
    padding-bottom: -9rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-12 {
    margin-bottom: 9rem;
  }

  .zz-sm-m-b-12-negative {
    margin-bottom: -9rem;
  }
}

.zz-p-l-12 {
  padding-left: 9rem;
}

.zz-p-l-12-negative {
  padding-left: -9rem;
}

.zz-m-l-12 {
  margin-left: 9rem;
}

.zz-m-l-12-negative {
  margin-left: -9rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-12 {
    padding-left: 9rem;
  }

  .zz-sm-p-l-12-negative {
    padding-left: -9rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-12 {
    margin-left: 9rem;
  }

  .zz-sm-m-l-12-negative {
    margin-left: -9rem;
  }
}

.zz-p-11 {
  padding: 8.25rem;
}

.zz-m-11 {
  margin: 8.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-11 {
    padding: 8.25rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-11 {
    margin: 8.25rem !important;
  }
}

.zz-p-t-11 {
  padding-top: 8.25rem;
}

.zz-p-t-11-negative {
  padding-top: -8.25rem;
}

.zz-m-t-11 {
  margin-top: 8.25rem;
}

.zz-m-t-11-negative {
  margin-top: -8.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-11 {
    padding-top: 8.25rem;
  }

  .zz-sm-p-t-11-negative {
    padding-top: -8.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-11 {
    margin-top: 8.25rem;
  }

  .zz-sm-m-t-11-negative {
    margin-top: -8.25rem;
  }
}

.zz-p-r-11 {
  padding-right: 8.25rem;
}

.zz-p-r-11-negative {
  padding-right: -8.25rem;
}

.zz-m-r-11 {
  margin-right: 8.25rem;
}

.zz-m-r-11-negative {
  margin-right: -8.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-11 {
    padding-right: 8.25rem;
  }

  .zz-sm-p-r-11-negative {
    padding-right: -8.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-11 {
    margin-right: 8.25rem;
  }

  .zz-sm-m-r-11-negative {
    margin-right: -8.25rem;
  }
}

.zz-p-b-11 {
  padding-bottom: 8.25rem;
}

.zz-p-b-11-negative {
  padding-bottom: -8.25rem;
}

.zz-m-b-11 {
  margin-bottom: 8.25rem;
}

.zz-m-b-11-negative {
  margin-bottom: -8.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-11 {
    padding-bottom: 8.25rem;
  }

  .zz-sm-p-b-11-negative {
    padding-bottom: -8.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-11 {
    margin-bottom: 8.25rem;
  }

  .zz-sm-m-b-11-negative {
    margin-bottom: -8.25rem;
  }
}

.zz-p-l-11 {
  padding-left: 8.25rem;
}

.zz-p-l-11-negative {
  padding-left: -8.25rem;
}

.zz-m-l-11 {
  margin-left: 8.25rem;
}

.zz-m-l-11-negative {
  margin-left: -8.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-11 {
    padding-left: 8.25rem;
  }

  .zz-sm-p-l-11-negative {
    padding-left: -8.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-11 {
    margin-left: 8.25rem;
  }

  .zz-sm-m-l-11-negative {
    margin-left: -8.25rem;
  }
}

.zz-p-10 {
  padding: 7.5rem;
}

.zz-m-10 {
  margin: 7.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-10 {
    padding: 7.5rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-10 {
    margin: 7.5rem !important;
  }
}

.zz-p-t-10 {
  padding-top: 7.5rem;
}

.zz-p-t-10-negative {
  padding-top: -7.5rem;
}

.zz-m-t-10 {
  margin-top: 7.5rem;
}

.zz-m-t-10-negative {
  margin-top: -7.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-10 {
    padding-top: 7.5rem;
  }

  .zz-sm-p-t-10-negative {
    padding-top: -7.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-10 {
    margin-top: 7.5rem;
  }

  .zz-sm-m-t-10-negative {
    margin-top: -7.5rem;
  }
}

.zz-p-r-10 {
  padding-right: 7.5rem;
}

.zz-p-r-10-negative {
  padding-right: -7.5rem;
}

.zz-m-r-10 {
  margin-right: 7.5rem;
}

.zz-m-r-10-negative {
  margin-right: -7.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-10 {
    padding-right: 7.5rem;
  }

  .zz-sm-p-r-10-negative {
    padding-right: -7.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-10 {
    margin-right: 7.5rem;
  }

  .zz-sm-m-r-10-negative {
    margin-right: -7.5rem;
  }
}

.zz-p-b-10 {
  padding-bottom: 7.5rem;
}

.zz-p-b-10-negative {
  padding-bottom: -7.5rem;
}

.zz-m-b-10 {
  margin-bottom: 7.5rem;
}

.zz-m-b-10-negative {
  margin-bottom: -7.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-10 {
    padding-bottom: 7.5rem;
  }

  .zz-sm-p-b-10-negative {
    padding-bottom: -7.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-10 {
    margin-bottom: 7.5rem;
  }

  .zz-sm-m-b-10-negative {
    margin-bottom: -7.5rem;
  }
}

.zz-p-l-10 {
  padding-left: 7.5rem;
}

.zz-p-l-10-negative {
  padding-left: -7.5rem;
}

.zz-m-l-10 {
  margin-left: 7.5rem;
}

.zz-m-l-10-negative {
  margin-left: -7.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-10 {
    padding-left: 7.5rem;
  }

  .zz-sm-p-l-10-negative {
    padding-left: -7.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-10 {
    margin-left: 7.5rem;
  }

  .zz-sm-m-l-10-negative {
    margin-left: -7.5rem;
  }
}

.zz-p-9 {
  padding: 6.75rem;
}

.zz-m-9 {
  margin: 6.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-9 {
    padding: 6.75rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-9 {
    margin: 6.75rem !important;
  }
}

.zz-p-t-9 {
  padding-top: 6.75rem;
}

.zz-p-t-9-negative {
  padding-top: -6.75rem;
}

.zz-m-t-9 {
  margin-top: 6.75rem;
}

.zz-m-t-9-negative {
  margin-top: -6.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-9 {
    padding-top: 6.75rem;
  }

  .zz-sm-p-t-9-negative {
    padding-top: -6.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-9 {
    margin-top: 6.75rem;
  }

  .zz-sm-m-t-9-negative {
    margin-top: -6.75rem;
  }
}

.zz-p-r-9 {
  padding-right: 6.75rem;
}

.zz-p-r-9-negative {
  padding-right: -6.75rem;
}

.zz-m-r-9 {
  margin-right: 6.75rem;
}

.zz-m-r-9-negative {
  margin-right: -6.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-9 {
    padding-right: 6.75rem;
  }

  .zz-sm-p-r-9-negative {
    padding-right: -6.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-9 {
    margin-right: 6.75rem;
  }

  .zz-sm-m-r-9-negative {
    margin-right: -6.75rem;
  }
}

.zz-p-b-9 {
  padding-bottom: 6.75rem;
}

.zz-p-b-9-negative {
  padding-bottom: -6.75rem;
}

.zz-m-b-9 {
  margin-bottom: 6.75rem;
}

.zz-m-b-9-negative {
  margin-bottom: -6.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-9 {
    padding-bottom: 6.75rem;
  }

  .zz-sm-p-b-9-negative {
    padding-bottom: -6.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-9 {
    margin-bottom: 6.75rem;
  }

  .zz-sm-m-b-9-negative {
    margin-bottom: -6.75rem;
  }
}

.zz-p-l-9 {
  padding-left: 6.75rem;
}

.zz-p-l-9-negative {
  padding-left: -6.75rem;
}

.zz-m-l-9 {
  margin-left: 6.75rem;
}

.zz-m-l-9-negative {
  margin-left: -6.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-9 {
    padding-left: 6.75rem;
  }

  .zz-sm-p-l-9-negative {
    padding-left: -6.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-9 {
    margin-left: 6.75rem;
  }

  .zz-sm-m-l-9-negative {
    margin-left: -6.75rem;
  }
}

.zz-p-08 {
  padding: 0.6rem;
}

.zz-m-08 {
  margin: 0.6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-08 {
    padding: 0.6rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-08 {
    margin: 0.6rem !important;
  }
}

.zz-p-t-08 {
  padding-top: 0.6rem;
}

.zz-p-t-08-negative {
  padding-top: -0.6rem;
}

.zz-m-t-08 {
  margin-top: 0.6rem;
}

.zz-m-t-08-negative {
  margin-top: -0.6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-08 {
    padding-top: 0.6rem;
  }

  .zz-sm-p-t-08-negative {
    padding-top: -0.6rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-08 {
    margin-top: 0.6rem;
  }

  .zz-sm-m-t-08-negative {
    margin-top: -0.6rem;
  }
}

.zz-p-r-08 {
  padding-right: 0.6rem;
}

.zz-p-r-08-negative {
  padding-right: -0.6rem;
}

.zz-m-r-08 {
  margin-right: 0.6rem;
}

.zz-m-r-08-negative {
  margin-right: -0.6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-08 {
    padding-right: 0.6rem;
  }

  .zz-sm-p-r-08-negative {
    padding-right: -0.6rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-08 {
    margin-right: 0.6rem;
  }

  .zz-sm-m-r-08-negative {
    margin-right: -0.6rem;
  }
}

.zz-p-b-08 {
  padding-bottom: 0.6rem;
}

.zz-p-b-08-negative {
  padding-bottom: -0.6rem;
}

.zz-m-b-08 {
  margin-bottom: 0.6rem;
}

.zz-m-b-08-negative {
  margin-bottom: -0.6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-08 {
    padding-bottom: 0.6rem;
  }

  .zz-sm-p-b-08-negative {
    padding-bottom: -0.6rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-08 {
    margin-bottom: 0.6rem;
  }

  .zz-sm-m-b-08-negative {
    margin-bottom: -0.6rem;
  }
}

.zz-p-l-08 {
  padding-left: 0.6rem;
}

.zz-p-l-08-negative {
  padding-left: -0.6rem;
}

.zz-m-l-08 {
  margin-left: 0.6rem;
}

.zz-m-l-08-negative {
  margin-left: -0.6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-08 {
    padding-left: 0.6rem;
  }

  .zz-sm-p-l-08-negative {
    padding-left: -0.6rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-08 {
    margin-left: 0.6rem;
  }

  .zz-sm-m-l-08-negative {
    margin-left: -0.6rem;
  }
}

.zz-p-8 {
  padding: 6rem;
}

.zz-m-8 {
  margin: 6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-8 {
    padding: 6rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-8 {
    margin: 6rem !important;
  }
}

.zz-p-t-8 {
  padding-top: 6rem;
}

.zz-p-t-8-negative {
  padding-top: -6rem;
}

.zz-m-t-8 {
  margin-top: 6rem;
}

.zz-m-t-8-negative {
  margin-top: -6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-8 {
    padding-top: 6rem;
  }

  .zz-sm-p-t-8-negative {
    padding-top: -6rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-8 {
    margin-top: 6rem;
  }

  .zz-sm-m-t-8-negative {
    margin-top: -6rem;
  }
}

.zz-p-r-8 {
  padding-right: 6rem;
}

.zz-p-r-8-negative {
  padding-right: -6rem;
}

.zz-m-r-8 {
  margin-right: 6rem;
}

.zz-m-r-8-negative {
  margin-right: -6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-8 {
    padding-right: 6rem;
  }

  .zz-sm-p-r-8-negative {
    padding-right: -6rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-8 {
    margin-right: 6rem;
  }

  .zz-sm-m-r-8-negative {
    margin-right: -6rem;
  }
}

.zz-p-b-8 {
  padding-bottom: 6rem;
}

.zz-p-b-8-negative {
  padding-bottom: -6rem;
}

.zz-m-b-8 {
  margin-bottom: 6rem;
}

.zz-m-b-8-negative {
  margin-bottom: -6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-8 {
    padding-bottom: 6rem;
  }

  .zz-sm-p-b-8-negative {
    padding-bottom: -6rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-8 {
    margin-bottom: 6rem;
  }

  .zz-sm-m-b-8-negative {
    margin-bottom: -6rem;
  }
}

.zz-p-l-8 {
  padding-left: 6rem;
}

.zz-p-l-8-negative {
  padding-left: -6rem;
}

.zz-m-l-8 {
  margin-left: 6rem;
}

.zz-m-l-8-negative {
  margin-left: -6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-8 {
    padding-left: 6rem;
  }

  .zz-sm-p-l-8-negative {
    padding-left: -6rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-8 {
    margin-left: 6rem;
  }

  .zz-sm-m-l-8-negative {
    margin-left: -6rem;
  }
}

.zz-p-07 {
  padding: 0.525rem;
}

.zz-m-07 {
  margin: 0.525rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-07 {
    padding: 0.525rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-07 {
    margin: 0.525rem !important;
  }
}

.zz-p-t-07 {
  padding-top: 0.525rem;
}

.zz-p-t-07-negative {
  padding-top: -0.525rem;
}

.zz-m-t-07 {
  margin-top: 0.525rem;
}

.zz-m-t-07-negative {
  margin-top: -0.525rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-07 {
    padding-top: 0.525rem;
  }

  .zz-sm-p-t-07-negative {
    padding-top: -0.525rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-07 {
    margin-top: 0.525rem;
  }

  .zz-sm-m-t-07-negative {
    margin-top: -0.525rem;
  }
}

.zz-p-r-07 {
  padding-right: 0.525rem;
}

.zz-p-r-07-negative {
  padding-right: -0.525rem;
}

.zz-m-r-07 {
  margin-right: 0.525rem;
}

.zz-m-r-07-negative {
  margin-right: -0.525rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-07 {
    padding-right: 0.525rem;
  }

  .zz-sm-p-r-07-negative {
    padding-right: -0.525rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-07 {
    margin-right: 0.525rem;
  }

  .zz-sm-m-r-07-negative {
    margin-right: -0.525rem;
  }
}

.zz-p-b-07 {
  padding-bottom: 0.525rem;
}

.zz-p-b-07-negative {
  padding-bottom: -0.525rem;
}

.zz-m-b-07 {
  margin-bottom: 0.525rem;
}

.zz-m-b-07-negative {
  margin-bottom: -0.525rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-07 {
    padding-bottom: 0.525rem;
  }

  .zz-sm-p-b-07-negative {
    padding-bottom: -0.525rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-07 {
    margin-bottom: 0.525rem;
  }

  .zz-sm-m-b-07-negative {
    margin-bottom: -0.525rem;
  }
}

.zz-p-l-07 {
  padding-left: 0.525rem;
}

.zz-p-l-07-negative {
  padding-left: -0.525rem;
}

.zz-m-l-07 {
  margin-left: 0.525rem;
}

.zz-m-l-07-negative {
  margin-left: -0.525rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-07 {
    padding-left: 0.525rem;
  }

  .zz-sm-p-l-07-negative {
    padding-left: -0.525rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-07 {
    margin-left: 0.525rem;
  }

  .zz-sm-m-l-07-negative {
    margin-left: -0.525rem;
  }
}

.zz-p-7 {
  padding: 5.25rem;
}

.zz-m-7 {
  margin: 5.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-7 {
    padding: 5.25rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-7 {
    margin: 5.25rem !important;
  }
}

.zz-p-t-7 {
  padding-top: 5.25rem;
}

.zz-p-t-7-negative {
  padding-top: -5.25rem;
}

.zz-m-t-7 {
  margin-top: 5.25rem;
}

.zz-m-t-7-negative {
  margin-top: -5.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-7 {
    padding-top: 5.25rem;
  }

  .zz-sm-p-t-7-negative {
    padding-top: -5.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-7 {
    margin-top: 5.25rem;
  }

  .zz-sm-m-t-7-negative {
    margin-top: -5.25rem;
  }
}

.zz-p-r-7 {
  padding-right: 5.25rem;
}

.zz-p-r-7-negative {
  padding-right: -5.25rem;
}

.zz-m-r-7 {
  margin-right: 5.25rem;
}

.zz-m-r-7-negative {
  margin-right: -5.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-7 {
    padding-right: 5.25rem;
  }

  .zz-sm-p-r-7-negative {
    padding-right: -5.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-7 {
    margin-right: 5.25rem;
  }

  .zz-sm-m-r-7-negative {
    margin-right: -5.25rem;
  }
}

.zz-p-b-7 {
  padding-bottom: 5.25rem;
}

.zz-p-b-7-negative {
  padding-bottom: -5.25rem;
}

.zz-m-b-7 {
  margin-bottom: 5.25rem;
}

.zz-m-b-7-negative {
  margin-bottom: -5.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-7 {
    padding-bottom: 5.25rem;
  }

  .zz-sm-p-b-7-negative {
    padding-bottom: -5.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-7 {
    margin-bottom: 5.25rem;
  }

  .zz-sm-m-b-7-negative {
    margin-bottom: -5.25rem;
  }
}

.zz-p-l-7 {
  padding-left: 5.25rem;
}

.zz-p-l-7-negative {
  padding-left: -5.25rem;
}

.zz-m-l-7 {
  margin-left: 5.25rem;
}

.zz-m-l-7-negative {
  margin-left: -5.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-7 {
    padding-left: 5.25rem;
  }

  .zz-sm-p-l-7-negative {
    padding-left: -5.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-7 {
    margin-left: 5.25rem;
  }

  .zz-sm-m-l-7-negative {
    margin-left: -5.25rem;
  }
}

.zz-p-06 {
  padding: 0.45rem;
}

.zz-m-06 {
  margin: 0.45rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-06 {
    padding: 0.45rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-06 {
    margin: 0.45rem !important;
  }
}

.zz-p-t-06 {
  padding-top: 0.45rem;
}

.zz-p-t-06-negative {
  padding-top: -0.45rem;
}

.zz-m-t-06 {
  margin-top: 0.45rem;
}

.zz-m-t-06-negative {
  margin-top: -0.45rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-06 {
    padding-top: 0.45rem;
  }

  .zz-sm-p-t-06-negative {
    padding-top: -0.45rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-06 {
    margin-top: 0.45rem;
  }

  .zz-sm-m-t-06-negative {
    margin-top: -0.45rem;
  }
}

.zz-p-r-06 {
  padding-right: 0.45rem;
}

.zz-p-r-06-negative {
  padding-right: -0.45rem;
}

.zz-m-r-06 {
  margin-right: 0.45rem;
}

.zz-m-r-06-negative {
  margin-right: -0.45rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-06 {
    padding-right: 0.45rem;
  }

  .zz-sm-p-r-06-negative {
    padding-right: -0.45rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-06 {
    margin-right: 0.45rem;
  }

  .zz-sm-m-r-06-negative {
    margin-right: -0.45rem;
  }
}

.zz-p-b-06 {
  padding-bottom: 0.45rem;
}

.zz-p-b-06-negative {
  padding-bottom: -0.45rem;
}

.zz-m-b-06 {
  margin-bottom: 0.45rem;
}

.zz-m-b-06-negative {
  margin-bottom: -0.45rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-06 {
    padding-bottom: 0.45rem;
  }

  .zz-sm-p-b-06-negative {
    padding-bottom: -0.45rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-06 {
    margin-bottom: 0.45rem;
  }

  .zz-sm-m-b-06-negative {
    margin-bottom: -0.45rem;
  }
}

.zz-p-l-06 {
  padding-left: 0.45rem;
}

.zz-p-l-06-negative {
  padding-left: -0.45rem;
}

.zz-m-l-06 {
  margin-left: 0.45rem;
}

.zz-m-l-06-negative {
  margin-left: -0.45rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-06 {
    padding-left: 0.45rem;
  }

  .zz-sm-p-l-06-negative {
    padding-left: -0.45rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-06 {
    margin-left: 0.45rem;
  }

  .zz-sm-m-l-06-negative {
    margin-left: -0.45rem;
  }
}

.zz-p-6 {
  padding: 4.5rem;
}

.zz-m-6 {
  margin: 4.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-6 {
    padding: 4.5rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-6 {
    margin: 4.5rem !important;
  }
}

.zz-p-t-6 {
  padding-top: 4.5rem;
}

.zz-p-t-6-negative {
  padding-top: -4.5rem;
}

.zz-m-t-6 {
  margin-top: 4.5rem;
}

.zz-m-t-6-negative {
  margin-top: -4.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-6 {
    padding-top: 4.5rem;
  }

  .zz-sm-p-t-6-negative {
    padding-top: -4.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-6 {
    margin-top: 4.5rem;
  }

  .zz-sm-m-t-6-negative {
    margin-top: -4.5rem;
  }
}

.zz-p-r-6 {
  padding-right: 4.5rem;
}

.zz-p-r-6-negative {
  padding-right: -4.5rem;
}

.zz-m-r-6 {
  margin-right: 4.5rem;
}

.zz-m-r-6-negative {
  margin-right: -4.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-6 {
    padding-right: 4.5rem;
  }

  .zz-sm-p-r-6-negative {
    padding-right: -4.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-6 {
    margin-right: 4.5rem;
  }

  .zz-sm-m-r-6-negative {
    margin-right: -4.5rem;
  }
}

.zz-p-b-6 {
  padding-bottom: 4.5rem;
}

.zz-p-b-6-negative {
  padding-bottom: -4.5rem;
}

.zz-m-b-6 {
  margin-bottom: 4.5rem;
}

.zz-m-b-6-negative {
  margin-bottom: -4.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-6 {
    padding-bottom: 4.5rem;
  }

  .zz-sm-p-b-6-negative {
    padding-bottom: -4.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-6 {
    margin-bottom: 4.5rem;
  }

  .zz-sm-m-b-6-negative {
    margin-bottom: -4.5rem;
  }
}

.zz-p-l-6 {
  padding-left: 4.5rem;
}

.zz-p-l-6-negative {
  padding-left: -4.5rem;
}

.zz-m-l-6 {
  margin-left: 4.5rem;
}

.zz-m-l-6-negative {
  margin-left: -4.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-6 {
    padding-left: 4.5rem;
  }

  .zz-sm-p-l-6-negative {
    padding-left: -4.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-6 {
    margin-left: 4.5rem;
  }

  .zz-sm-m-l-6-negative {
    margin-left: -4.5rem;
  }
}

.zz-p-05 {
  padding: 0.375rem;
}

.zz-m-05 {
  margin: 0.375rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-05 {
    padding: 0.375rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-05 {
    margin: 0.375rem !important;
  }
}

.zz-p-t-05 {
  padding-top: 0.375rem;
}

.zz-p-t-05-negative {
  padding-top: -0.375rem;
}

.zz-m-t-05 {
  margin-top: 0.375rem;
}

.zz-m-t-05-negative {
  margin-top: -0.375rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-05 {
    padding-top: 0.375rem;
  }

  .zz-sm-p-t-05-negative {
    padding-top: -0.375rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-05 {
    margin-top: 0.375rem;
  }

  .zz-sm-m-t-05-negative {
    margin-top: -0.375rem;
  }
}

.zz-p-r-05 {
  padding-right: 0.375rem;
}

.zz-p-r-05-negative {
  padding-right: -0.375rem;
}

.zz-m-r-05 {
  margin-right: 0.375rem;
}

.zz-m-r-05-negative {
  margin-right: -0.375rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-05 {
    padding-right: 0.375rem;
  }

  .zz-sm-p-r-05-negative {
    padding-right: -0.375rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-05 {
    margin-right: 0.375rem;
  }

  .zz-sm-m-r-05-negative {
    margin-right: -0.375rem;
  }
}

.zz-p-b-05 {
  padding-bottom: 0.375rem;
}

.zz-p-b-05-negative {
  padding-bottom: -0.375rem;
}

.zz-m-b-05 {
  margin-bottom: 0.375rem;
}

.zz-m-b-05-negative {
  margin-bottom: -0.375rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-05 {
    padding-bottom: 0.375rem;
  }

  .zz-sm-p-b-05-negative {
    padding-bottom: -0.375rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-05 {
    margin-bottom: 0.375rem;
  }

  .zz-sm-m-b-05-negative {
    margin-bottom: -0.375rem;
  }
}

.zz-p-l-05 {
  padding-left: 0.375rem;
}

.zz-p-l-05-negative {
  padding-left: -0.375rem;
}

.zz-m-l-05 {
  margin-left: 0.375rem;
}

.zz-m-l-05-negative {
  margin-left: -0.375rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-05 {
    padding-left: 0.375rem;
  }

  .zz-sm-p-l-05-negative {
    padding-left: -0.375rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-05 {
    margin-left: 0.375rem;
  }

  .zz-sm-m-l-05-negative {
    margin-left: -0.375rem;
  }
}

.zz-p-5 {
  padding: 3.75rem;
}

.zz-m-5 {
  margin: 3.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-5 {
    padding: 3.75rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-5 {
    margin: 3.75rem !important;
  }
}

.zz-p-t-5 {
  padding-top: 3.75rem;
}

.zz-p-t-5-negative {
  padding-top: -3.75rem;
}

.zz-m-t-5 {
  margin-top: 3.75rem;
}

.zz-m-t-5-negative {
  margin-top: -3.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-5 {
    padding-top: 3.75rem;
  }

  .zz-sm-p-t-5-negative {
    padding-top: -3.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-5 {
    margin-top: 3.75rem;
  }

  .zz-sm-m-t-5-negative {
    margin-top: -3.75rem;
  }
}

.zz-p-r-5 {
  padding-right: 3.75rem;
}

.zz-p-r-5-negative {
  padding-right: -3.75rem;
}

.zz-m-r-5 {
  margin-right: 3.75rem;
}

.zz-m-r-5-negative {
  margin-right: -3.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-5 {
    padding-right: 3.75rem;
  }

  .zz-sm-p-r-5-negative {
    padding-right: -3.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-5 {
    margin-right: 3.75rem;
  }

  .zz-sm-m-r-5-negative {
    margin-right: -3.75rem;
  }
}

.zz-p-b-5 {
  padding-bottom: 3.75rem;
}

.zz-p-b-5-negative {
  padding-bottom: -3.75rem;
}

.zz-m-b-5 {
  margin-bottom: 3.75rem;
}

.zz-m-b-5-negative {
  margin-bottom: -3.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-5 {
    padding-bottom: 3.75rem;
  }

  .zz-sm-p-b-5-negative {
    padding-bottom: -3.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-5 {
    margin-bottom: 3.75rem;
  }

  .zz-sm-m-b-5-negative {
    margin-bottom: -3.75rem;
  }
}

.zz-p-l-5 {
  padding-left: 3.75rem;
}

.zz-p-l-5-negative {
  padding-left: -3.75rem;
}

.zz-m-l-5 {
  margin-left: 3.75rem;
}

.zz-m-l-5-negative {
  margin-left: -3.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-5 {
    padding-left: 3.75rem;
  }

  .zz-sm-p-l-5-negative {
    padding-left: -3.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-5 {
    margin-left: 3.75rem;
  }

  .zz-sm-m-l-5-negative {
    margin-left: -3.75rem;
  }
}

.zz-p-04 {
  padding: 0.3rem;
}

.zz-m-04 {
  margin: 0.3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-04 {
    padding: 0.3rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-04 {
    margin: 0.3rem !important;
  }
}

.zz-p-t-04 {
  padding-top: 0.3rem;
}

.zz-p-t-04-negative {
  padding-top: -0.3rem;
}

.zz-m-t-04 {
  margin-top: 0.3rem;
}

.zz-m-t-04-negative {
  margin-top: -0.3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-04 {
    padding-top: 0.3rem;
  }

  .zz-sm-p-t-04-negative {
    padding-top: -0.3rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-04 {
    margin-top: 0.3rem;
  }

  .zz-sm-m-t-04-negative {
    margin-top: -0.3rem;
  }
}

.zz-p-r-04 {
  padding-right: 0.3rem;
}

.zz-p-r-04-negative {
  padding-right: -0.3rem;
}

.zz-m-r-04 {
  margin-right: 0.3rem;
}

.zz-m-r-04-negative {
  margin-right: -0.3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-04 {
    padding-right: 0.3rem;
  }

  .zz-sm-p-r-04-negative {
    padding-right: -0.3rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-04 {
    margin-right: 0.3rem;
  }

  .zz-sm-m-r-04-negative {
    margin-right: -0.3rem;
  }
}

.zz-p-b-04 {
  padding-bottom: 0.3rem;
}

.zz-p-b-04-negative {
  padding-bottom: -0.3rem;
}

.zz-m-b-04 {
  margin-bottom: 0.3rem;
}

.zz-m-b-04-negative {
  margin-bottom: -0.3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-04 {
    padding-bottom: 0.3rem;
  }

  .zz-sm-p-b-04-negative {
    padding-bottom: -0.3rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-04 {
    margin-bottom: 0.3rem;
  }

  .zz-sm-m-b-04-negative {
    margin-bottom: -0.3rem;
  }
}

.zz-p-l-04 {
  padding-left: 0.3rem;
}

.zz-p-l-04-negative {
  padding-left: -0.3rem;
}

.zz-m-l-04 {
  margin-left: 0.3rem;
}

.zz-m-l-04-negative {
  margin-left: -0.3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-04 {
    padding-left: 0.3rem;
  }

  .zz-sm-p-l-04-negative {
    padding-left: -0.3rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-04 {
    margin-left: 0.3rem;
  }

  .zz-sm-m-l-04-negative {
    margin-left: -0.3rem;
  }
}

.zz-p-4 {
  padding: 3rem;
}

.zz-m-4 {
  margin: 3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-4 {
    padding: 3rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-4 {
    margin: 3rem !important;
  }
}

.zz-p-t-4 {
  padding-top: 3rem;
}

.zz-p-t-4-negative {
  padding-top: -3rem;
}

.zz-m-t-4 {
  margin-top: 3rem;
}

.zz-m-t-4-negative {
  margin-top: -3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-4 {
    padding-top: 3rem;
  }

  .zz-sm-p-t-4-negative {
    padding-top: -3rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-4 {
    margin-top: 3rem;
  }

  .zz-sm-m-t-4-negative {
    margin-top: -3rem;
  }
}

.zz-p-r-4 {
  padding-right: 3rem;
}

.zz-p-r-4-negative {
  padding-right: -3rem;
}

.zz-m-r-4 {
  margin-right: 3rem;
}

.zz-m-r-4-negative {
  margin-right: -3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-4 {
    padding-right: 3rem;
  }

  .zz-sm-p-r-4-negative {
    padding-right: -3rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-4 {
    margin-right: 3rem;
  }

  .zz-sm-m-r-4-negative {
    margin-right: -3rem;
  }
}

.zz-p-b-4 {
  padding-bottom: 3rem;
}

.zz-p-b-4-negative {
  padding-bottom: -3rem;
}

.zz-m-b-4 {
  margin-bottom: 3rem;
}

.zz-m-b-4-negative {
  margin-bottom: -3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-4 {
    padding-bottom: 3rem;
  }

  .zz-sm-p-b-4-negative {
    padding-bottom: -3rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-4 {
    margin-bottom: 3rem;
  }

  .zz-sm-m-b-4-negative {
    margin-bottom: -3rem;
  }
}

.zz-p-l-4 {
  padding-left: 3rem;
}

.zz-p-l-4-negative {
  padding-left: -3rem;
}

.zz-m-l-4 {
  margin-left: 3rem;
}

.zz-m-l-4-negative {
  margin-left: -3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-4 {
    padding-left: 3rem;
  }

  .zz-sm-p-l-4-negative {
    padding-left: -3rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-4 {
    margin-left: 3rem;
  }

  .zz-sm-m-l-4-negative {
    margin-left: -3rem;
  }
}

.zz-p-03 {
  padding: 0.225rem;
}

.zz-m-03 {
  margin: 0.225rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-03 {
    padding: 0.225rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-03 {
    margin: 0.225rem !important;
  }
}

.zz-p-t-03 {
  padding-top: 0.225rem;
}

.zz-p-t-03-negative {
  padding-top: -0.225rem;
}

.zz-m-t-03 {
  margin-top: 0.225rem;
}

.zz-m-t-03-negative {
  margin-top: -0.225rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-03 {
    padding-top: 0.225rem;
  }

  .zz-sm-p-t-03-negative {
    padding-top: -0.225rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-03 {
    margin-top: 0.225rem;
  }

  .zz-sm-m-t-03-negative {
    margin-top: -0.225rem;
  }
}

.zz-p-r-03 {
  padding-right: 0.225rem;
}

.zz-p-r-03-negative {
  padding-right: -0.225rem;
}

.zz-m-r-03 {
  margin-right: 0.225rem;
}

.zz-m-r-03-negative {
  margin-right: -0.225rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-03 {
    padding-right: 0.225rem;
  }

  .zz-sm-p-r-03-negative {
    padding-right: -0.225rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-03 {
    margin-right: 0.225rem;
  }

  .zz-sm-m-r-03-negative {
    margin-right: -0.225rem;
  }
}

.zz-p-b-03 {
  padding-bottom: 0.225rem;
}

.zz-p-b-03-negative {
  padding-bottom: -0.225rem;
}

.zz-m-b-03 {
  margin-bottom: 0.225rem;
}

.zz-m-b-03-negative {
  margin-bottom: -0.225rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-03 {
    padding-bottom: 0.225rem;
  }

  .zz-sm-p-b-03-negative {
    padding-bottom: -0.225rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-03 {
    margin-bottom: 0.225rem;
  }

  .zz-sm-m-b-03-negative {
    margin-bottom: -0.225rem;
  }
}

.zz-p-l-03 {
  padding-left: 0.225rem;
}

.zz-p-l-03-negative {
  padding-left: -0.225rem;
}

.zz-m-l-03 {
  margin-left: 0.225rem;
}

.zz-m-l-03-negative {
  margin-left: -0.225rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-03 {
    padding-left: 0.225rem;
  }

  .zz-sm-p-l-03-negative {
    padding-left: -0.225rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-03 {
    margin-left: 0.225rem;
  }

  .zz-sm-m-l-03-negative {
    margin-left: -0.225rem;
  }
}

.zz-p-3 {
  padding: 2.25rem;
}

.zz-m-3 {
  margin: 2.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-3 {
    padding: 2.25rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-3 {
    margin: 2.25rem !important;
  }
}

.zz-p-t-3 {
  padding-top: 2.25rem;
}

.zz-p-t-3-negative {
  padding-top: -2.25rem;
}

.zz-m-t-3 {
  margin-top: 2.25rem;
}

.zz-m-t-3-negative {
  margin-top: -2.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-3 {
    padding-top: 2.25rem;
  }

  .zz-sm-p-t-3-negative {
    padding-top: -2.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-3 {
    margin-top: 2.25rem;
  }

  .zz-sm-m-t-3-negative {
    margin-top: -2.25rem;
  }
}

.zz-p-r-3 {
  padding-right: 2.25rem;
}

.zz-p-r-3-negative {
  padding-right: -2.25rem;
}

.zz-m-r-3 {
  margin-right: 2.25rem;
}

.zz-m-r-3-negative {
  margin-right: -2.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-3 {
    padding-right: 2.25rem;
  }

  .zz-sm-p-r-3-negative {
    padding-right: -2.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-3 {
    margin-right: 2.25rem;
  }

  .zz-sm-m-r-3-negative {
    margin-right: -2.25rem;
  }
}

.zz-p-b-3 {
  padding-bottom: 2.25rem;
}

.zz-p-b-3-negative {
  padding-bottom: -2.25rem;
}

.zz-m-b-3 {
  margin-bottom: 2.25rem;
}

.zz-m-b-3-negative {
  margin-bottom: -2.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-3 {
    padding-bottom: 2.25rem;
  }

  .zz-sm-p-b-3-negative {
    padding-bottom: -2.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-3 {
    margin-bottom: 2.25rem;
  }

  .zz-sm-m-b-3-negative {
    margin-bottom: -2.25rem;
  }
}

.zz-p-l-3 {
  padding-left: 2.25rem;
}

.zz-p-l-3-negative {
  padding-left: -2.25rem;
}

.zz-m-l-3 {
  margin-left: 2.25rem;
}

.zz-m-l-3-negative {
  margin-left: -2.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-3 {
    padding-left: 2.25rem;
  }

  .zz-sm-p-l-3-negative {
    padding-left: -2.25rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-3 {
    margin-left: 2.25rem;
  }

  .zz-sm-m-l-3-negative {
    margin-left: -2.25rem;
  }
}

.zz-p-02 {
  padding: 0.15rem;
}

.zz-m-02 {
  margin: 0.15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-02 {
    padding: 0.15rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-02 {
    margin: 0.15rem !important;
  }
}

.zz-p-t-02 {
  padding-top: 0.15rem;
}

.zz-p-t-02-negative {
  padding-top: -0.15rem;
}

.zz-m-t-02 {
  margin-top: 0.15rem;
}

.zz-m-t-02-negative {
  margin-top: -0.15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-02 {
    padding-top: 0.15rem;
  }

  .zz-sm-p-t-02-negative {
    padding-top: -0.15rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-02 {
    margin-top: 0.15rem;
  }

  .zz-sm-m-t-02-negative {
    margin-top: -0.15rem;
  }
}

.zz-p-r-02 {
  padding-right: 0.15rem;
}

.zz-p-r-02-negative {
  padding-right: -0.15rem;
}

.zz-m-r-02 {
  margin-right: 0.15rem;
}

.zz-m-r-02-negative {
  margin-right: -0.15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-02 {
    padding-right: 0.15rem;
  }

  .zz-sm-p-r-02-negative {
    padding-right: -0.15rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-02 {
    margin-right: 0.15rem;
  }

  .zz-sm-m-r-02-negative {
    margin-right: -0.15rem;
  }
}

.zz-p-b-02 {
  padding-bottom: 0.15rem;
}

.zz-p-b-02-negative {
  padding-bottom: -0.15rem;
}

.zz-m-b-02 {
  margin-bottom: 0.15rem;
}

.zz-m-b-02-negative {
  margin-bottom: -0.15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-02 {
    padding-bottom: 0.15rem;
  }

  .zz-sm-p-b-02-negative {
    padding-bottom: -0.15rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-02 {
    margin-bottom: 0.15rem;
  }

  .zz-sm-m-b-02-negative {
    margin-bottom: -0.15rem;
  }
}

.zz-p-l-02 {
  padding-left: 0.15rem;
}

.zz-p-l-02-negative {
  padding-left: -0.15rem;
}

.zz-m-l-02 {
  margin-left: 0.15rem;
}

.zz-m-l-02-negative {
  margin-left: -0.15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-02 {
    padding-left: 0.15rem;
  }

  .zz-sm-p-l-02-negative {
    padding-left: -0.15rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-02 {
    margin-left: 0.15rem;
  }

  .zz-sm-m-l-02-negative {
    margin-left: -0.15rem;
  }
}

.zz-p-2 {
  padding: 1.5rem;
}

.zz-m-2 {
  margin: 1.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-2 {
    padding: 1.5rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-2 {
    margin: 1.5rem !important;
  }
}

.zz-p-t-2 {
  padding-top: 1.5rem;
}

.zz-p-t-2-negative {
  padding-top: -1.5rem;
}

.zz-m-t-2 {
  margin-top: 1.5rem;
}

.zz-m-t-2-negative {
  margin-top: -1.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-2 {
    padding-top: 1.5rem;
  }

  .zz-sm-p-t-2-negative {
    padding-top: -1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-2 {
    margin-top: 1.5rem;
  }

  .zz-sm-m-t-2-negative {
    margin-top: -1.5rem;
  }
}

.zz-p-r-2 {
  padding-right: 1.5rem;
}

.zz-p-r-2-negative {
  padding-right: -1.5rem;
}

.zz-m-r-2 {
  margin-right: 1.5rem;
}

.zz-m-r-2-negative {
  margin-right: -1.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-2 {
    padding-right: 1.5rem;
  }

  .zz-sm-p-r-2-negative {
    padding-right: -1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-2 {
    margin-right: 1.5rem;
  }

  .zz-sm-m-r-2-negative {
    margin-right: -1.5rem;
  }
}

.zz-p-b-2 {
  padding-bottom: 1.5rem;
}

.zz-p-b-2-negative {
  padding-bottom: -1.5rem;
}

.zz-m-b-2 {
  margin-bottom: 1.5rem;
}

.zz-m-b-2-negative {
  margin-bottom: -1.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-2 {
    padding-bottom: 1.5rem;
  }

  .zz-sm-p-b-2-negative {
    padding-bottom: -1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-2 {
    margin-bottom: 1.5rem;
  }

  .zz-sm-m-b-2-negative {
    margin-bottom: -1.5rem;
  }
}

.zz-p-l-2 {
  padding-left: 1.5rem;
}

.zz-p-l-2-negative {
  padding-left: -1.5rem;
}

.zz-m-l-2 {
  margin-left: 1.5rem;
}

.zz-m-l-2-negative {
  margin-left: -1.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-2 {
    padding-left: 1.5rem;
  }

  .zz-sm-p-l-2-negative {
    padding-left: -1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-2 {
    margin-left: 1.5rem;
  }

  .zz-sm-m-l-2-negative {
    margin-left: -1.5rem;
  }
}

.zz-p-01 {
  padding: 0.075rem;
}

.zz-m-01 {
  margin: 0.075rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-01 {
    padding: 0.075rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-01 {
    margin: 0.075rem !important;
  }
}

.zz-p-t-01 {
  padding-top: 0.075rem;
}

.zz-p-t-01-negative {
  padding-top: -0.075rem;
}

.zz-m-t-01 {
  margin-top: 0.075rem;
}

.zz-m-t-01-negative {
  margin-top: -0.075rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-01 {
    padding-top: 0.075rem;
  }

  .zz-sm-p-t-01-negative {
    padding-top: -0.075rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-01 {
    margin-top: 0.075rem;
  }

  .zz-sm-m-t-01-negative {
    margin-top: -0.075rem;
  }
}

.zz-p-r-01 {
  padding-right: 0.075rem;
}

.zz-p-r-01-negative {
  padding-right: -0.075rem;
}

.zz-m-r-01 {
  margin-right: 0.075rem;
}

.zz-m-r-01-negative {
  margin-right: -0.075rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-01 {
    padding-right: 0.075rem;
  }

  .zz-sm-p-r-01-negative {
    padding-right: -0.075rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-01 {
    margin-right: 0.075rem;
  }

  .zz-sm-m-r-01-negative {
    margin-right: -0.075rem;
  }
}

.zz-p-b-01 {
  padding-bottom: 0.075rem;
}

.zz-p-b-01-negative {
  padding-bottom: -0.075rem;
}

.zz-m-b-01 {
  margin-bottom: 0.075rem;
}

.zz-m-b-01-negative {
  margin-bottom: -0.075rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-01 {
    padding-bottom: 0.075rem;
  }

  .zz-sm-p-b-01-negative {
    padding-bottom: -0.075rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-01 {
    margin-bottom: 0.075rem;
  }

  .zz-sm-m-b-01-negative {
    margin-bottom: -0.075rem;
  }
}

.zz-p-l-01 {
  padding-left: 0.075rem;
}

.zz-p-l-01-negative {
  padding-left: -0.075rem;
}

.zz-m-l-01 {
  margin-left: 0.075rem;
}

.zz-m-l-01-negative {
  margin-left: -0.075rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-01 {
    padding-left: 0.075rem;
  }

  .zz-sm-p-l-01-negative {
    padding-left: -0.075rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-01 {
    margin-left: 0.075rem;
  }

  .zz-sm-m-l-01-negative {
    margin-left: -0.075rem;
  }
}

.zz-p-1 {
  padding: 0.75rem;
}

.zz-m-1 {
  margin: 0.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-1 {
    padding: 0.75rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-1 {
    margin: 0.75rem !important;
  }
}

.zz-p-t-1 {
  padding-top: 0.75rem;
}

.zz-p-t-1-negative {
  padding-top: -0.75rem;
}

.zz-m-t-1 {
  margin-top: 0.75rem;
}

.zz-m-t-1-negative {
  margin-top: -0.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-1 {
    padding-top: 0.75rem;
  }

  .zz-sm-p-t-1-negative {
    padding-top: -0.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-1 {
    margin-top: 0.75rem;
  }

  .zz-sm-m-t-1-negative {
    margin-top: -0.75rem;
  }
}

.zz-p-r-1 {
  padding-right: 0.75rem;
}

.zz-p-r-1-negative {
  padding-right: -0.75rem;
}

.zz-m-r-1 {
  margin-right: 0.75rem;
}

.zz-m-r-1-negative {
  margin-right: -0.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-1 {
    padding-right: 0.75rem;
  }

  .zz-sm-p-r-1-negative {
    padding-right: -0.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-1 {
    margin-right: 0.75rem;
  }

  .zz-sm-m-r-1-negative {
    margin-right: -0.75rem;
  }
}

.zz-p-b-1 {
  padding-bottom: 0.75rem;
}

.zz-p-b-1-negative {
  padding-bottom: -0.75rem;
}

.zz-m-b-1 {
  margin-bottom: 0.75rem;
}

.zz-m-b-1-negative {
  margin-bottom: -0.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-1 {
    padding-bottom: 0.75rem;
  }

  .zz-sm-p-b-1-negative {
    padding-bottom: -0.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-1 {
    margin-bottom: 0.75rem;
  }

  .zz-sm-m-b-1-negative {
    margin-bottom: -0.75rem;
  }
}

.zz-p-l-1 {
  padding-left: 0.75rem;
}

.zz-p-l-1-negative {
  padding-left: -0.75rem;
}

.zz-m-l-1 {
  margin-left: 0.75rem;
}

.zz-m-l-1-negative {
  margin-left: -0.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-1 {
    padding-left: 0.75rem;
  }

  .zz-sm-p-l-1-negative {
    padding-left: -0.75rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-1 {
    margin-left: 0.75rem;
  }

  .zz-sm-m-l-1-negative {
    margin-left: -0.75rem;
  }
}

.zz-p-00 {
  padding: 0rem;
}

.zz-m-00 {
  margin: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-00 {
    padding: 0rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-00 {
    margin: 0rem !important;
  }
}

.zz-p-t-00 {
  padding-top: 0rem;
}

.zz-p-t-00-negative {
  padding-top: 0rem;
}

.zz-m-t-00 {
  margin-top: 0rem;
}

.zz-m-t-00-negative {
  margin-top: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-00 {
    padding-top: 0rem;
  }

  .zz-sm-p-t-00-negative {
    padding-top: 0rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-00 {
    margin-top: 0rem;
  }

  .zz-sm-m-t-00-negative {
    margin-top: 0rem;
  }
}

.zz-p-r-00 {
  padding-right: 0rem;
}

.zz-p-r-00-negative {
  padding-right: 0rem;
}

.zz-m-r-00 {
  margin-right: 0rem;
}

.zz-m-r-00-negative {
  margin-right: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-00 {
    padding-right: 0rem;
  }

  .zz-sm-p-r-00-negative {
    padding-right: 0rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-00 {
    margin-right: 0rem;
  }

  .zz-sm-m-r-00-negative {
    margin-right: 0rem;
  }
}

.zz-p-b-00 {
  padding-bottom: 0rem;
}

.zz-p-b-00-negative {
  padding-bottom: 0rem;
}

.zz-m-b-00 {
  margin-bottom: 0rem;
}

.zz-m-b-00-negative {
  margin-bottom: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-00 {
    padding-bottom: 0rem;
  }

  .zz-sm-p-b-00-negative {
    padding-bottom: 0rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-00 {
    margin-bottom: 0rem;
  }

  .zz-sm-m-b-00-negative {
    margin-bottom: 0rem;
  }
}

.zz-p-l-00 {
  padding-left: 0rem;
}

.zz-p-l-00-negative {
  padding-left: 0rem;
}

.zz-m-l-00 {
  margin-left: 0rem;
}

.zz-m-l-00-negative {
  margin-left: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-00 {
    padding-left: 0rem;
  }

  .zz-sm-p-l-00-negative {
    padding-left: 0rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-00 {
    margin-left: 0rem;
  }

  .zz-sm-m-l-00-negative {
    margin-left: 0rem;
  }
}

.zz-p-0 {
  padding: 0rem;
}

.zz-m-0 {
  margin: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-0 {
    padding: 0rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-0 {
    margin: 0rem !important;
  }
}

.zz-p-t-0 {
  padding-top: 0rem;
}

.zz-p-t-0-negative {
  padding-top: 0rem;
}

.zz-m-t-0 {
  margin-top: 0rem;
}

.zz-m-t-0-negative {
  margin-top: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-t-0 {
    padding-top: 0rem;
  }

  .zz-sm-p-t-0-negative {
    padding-top: 0rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-t-0 {
    margin-top: 0rem;
  }

  .zz-sm-m-t-0-negative {
    margin-top: 0rem;
  }
}

.zz-p-r-0 {
  padding-right: 0rem;
}

.zz-p-r-0-negative {
  padding-right: 0rem;
}

.zz-m-r-0 {
  margin-right: 0rem;
}

.zz-m-r-0-negative {
  margin-right: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-r-0 {
    padding-right: 0rem;
  }

  .zz-sm-p-r-0-negative {
    padding-right: 0rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-r-0 {
    margin-right: 0rem;
  }

  .zz-sm-m-r-0-negative {
    margin-right: 0rem;
  }
}

.zz-p-b-0 {
  padding-bottom: 0rem;
}

.zz-p-b-0-negative {
  padding-bottom: 0rem;
}

.zz-m-b-0 {
  margin-bottom: 0rem;
}

.zz-m-b-0-negative {
  margin-bottom: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-b-0 {
    padding-bottom: 0rem;
  }

  .zz-sm-p-b-0-negative {
    padding-bottom: 0rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-b-0 {
    margin-bottom: 0rem;
  }

  .zz-sm-m-b-0-negative {
    margin-bottom: 0rem;
  }
}

.zz-p-l-0 {
  padding-left: 0rem;
}

.zz-p-l-0-negative {
  padding-left: 0rem;
}

.zz-m-l-0 {
  margin-left: 0rem;
}

.zz-m-l-0-negative {
  margin-left: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-p-l-0 {
    padding-left: 0rem;
  }

  .zz-sm-p-l-0-negative {
    padding-left: 0rem;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-m-l-0 {
    margin-left: 0rem;
  }

  .zz-sm-m-l-0-negative {
    margin-left: 0rem;
  }
}

.zz-gap-0 {
  gap: 0rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-0 {
    gap: 0rem !important;
  }
}

.zz-gap-4 {
  gap: 0.375rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-4 {
    gap: 0.375rem !important;
  }
}

.zz-gap-8 {
  gap: 0.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-8 {
    gap: 0.75rem !important;
  }
}

.zz-gap-12 {
  gap: 1.125rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-12 {
    gap: 1.125rem !important;
  }
}

.zz-gap-16 {
  gap: 1.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-16 {
    gap: 1.5rem !important;
  }
}

.zz-gap-20 {
  gap: 1.875rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-20 {
    gap: 1.875rem !important;
  }
}

.zz-gap-24 {
  gap: 2.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-24 {
    gap: 2.25rem !important;
  }
}

.zz-gap-28 {
  gap: 2.625rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-28 {
    gap: 2.625rem !important;
  }
}

.zz-gap-32 {
  gap: 3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-32 {
    gap: 3rem !important;
  }
}

.zz-gap-36 {
  gap: 3.375rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-36 {
    gap: 3.375rem !important;
  }
}

.zz-gap-40 {
  gap: 3.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-40 {
    gap: 3.75rem !important;
  }
}

.zz-gap-44 {
  gap: 4.125rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-44 {
    gap: 4.125rem !important;
  }
}

.zz-gap-48 {
  gap: 4.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-48 {
    gap: 4.5rem !important;
  }
}

.zz-gap-52 {
  gap: 4.875rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-52 {
    gap: 4.875rem !important;
  }
}

.zz-gap-56 {
  gap: 5.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-56 {
    gap: 5.25rem !important;
  }
}

.zz-gap-60 {
  gap: 5.625rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-60 {
    gap: 5.625rem !important;
  }
}

.zz-gap-64 {
  gap: 6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-64 {
    gap: 6rem !important;
  }
}

.zz-gap-68 {
  gap: 6.375rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-68 {
    gap: 6.375rem !important;
  }
}

.zz-gap-72 {
  gap: 6.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-72 {
    gap: 6.75rem !important;
  }
}

.zz-gap-76 {
  gap: 7.125rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-76 {
    gap: 7.125rem !important;
  }
}

.zz-gap-80 {
  gap: 7.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-80 {
    gap: 7.5rem !important;
  }
}

.zz-gap-84 {
  gap: 7.875rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-84 {
    gap: 7.875rem !important;
  }
}

.zz-gap-88 {
  gap: 8.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-88 {
    gap: 8.25rem !important;
  }
}

.zz-gap-92 {
  gap: 8.625rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-92 {
    gap: 8.625rem !important;
  }
}

.zz-gap-96 {
  gap: 9rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-96 {
    gap: 9rem !important;
  }
}

.zz-gap-100 {
  gap: 9.375rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-100 {
    gap: 9.375rem !important;
  }
}

.zz-gap-104 {
  gap: 9.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-104 {
    gap: 9.75rem !important;
  }
}

.zz-gap-108 {
  gap: 10.125rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-108 {
    gap: 10.125rem !important;
  }
}

.zz-gap-112 {
  gap: 10.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-112 {
    gap: 10.5rem !important;
  }
}

.zz-gap-116 {
  gap: 10.875rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-116 {
    gap: 10.875rem !important;
  }
}

.zz-gap-120 {
  gap: 11.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm-gap-120 {
    gap: 11.25rem !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-p-0 {
    padding: 0;
  }
}

.zz-width-1 {
  width: 0.75rem;
  height: auto;
}

.zz-height-1 {
  width: auto;
  height: 0.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-1 {
    width: 0.75rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-1 {
    width: auto;
    height: 0.75rem;
  }
}

.zz-width-2 {
  width: 1.5rem;
  height: auto;
}

.zz-height-2 {
  width: auto;
  height: 1.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-2 {
    width: 1.5rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-2 {
    width: auto;
    height: 1.5rem;
  }
}

.zz-width-3 {
  width: 2.25rem;
  height: auto;
}

.zz-height-3 {
  width: auto;
  height: 2.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-3 {
    width: 2.25rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-3 {
    width: auto;
    height: 2.25rem;
  }
}

.zz-width-4 {
  width: 3rem;
  height: auto;
}

.zz-height-4 {
  width: auto;
  height: 3rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-4 {
    width: 3rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-4 {
    width: auto;
    height: 3rem;
  }
}

.zz-width-5 {
  width: 3.75rem;
  height: auto;
}

.zz-height-5 {
  width: auto;
  height: 3.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-5 {
    width: 3.75rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-5 {
    width: auto;
    height: 3.75rem;
  }
}

.zz-width-6 {
  width: 4.5rem;
  height: auto;
}

.zz-height-6 {
  width: auto;
  height: 4.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-6 {
    width: 4.5rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-6 {
    width: auto;
    height: 4.5rem;
  }
}

.zz-width-7 {
  width: 5.25rem;
  height: auto;
}

.zz-height-7 {
  width: auto;
  height: 5.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-7 {
    width: 5.25rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-7 {
    width: auto;
    height: 5.25rem;
  }
}

.zz-width-8 {
  width: 6rem;
  height: auto;
}

.zz-height-8 {
  width: auto;
  height: 6rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-8 {
    width: 6rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-8 {
    width: auto;
    height: 6rem;
  }
}

.zz-width-9 {
  width: 6.75rem;
  height: auto;
}

.zz-height-9 {
  width: auto;
  height: 6.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-9 {
    width: 6.75rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-9 {
    width: auto;
    height: 6.75rem;
  }
}

.zz-width-10 {
  width: 7.5rem;
  height: auto;
}

.zz-height-10 {
  width: auto;
  height: 7.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-10 {
    width: 7.5rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-10 {
    width: auto;
    height: 7.5rem;
  }
}

.zz-width-11 {
  width: 8.25rem;
  height: auto;
}

.zz-height-11 {
  width: auto;
  height: 8.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-11 {
    width: 8.25rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-11 {
    width: auto;
    height: 8.25rem;
  }
}

.zz-width-12 {
  width: 9rem;
  height: auto;
}

.zz-height-12 {
  width: auto;
  height: 9rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-12 {
    width: 9rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-12 {
    width: auto;
    height: 9rem;
  }
}

.zz-width-13 {
  width: 9.75rem;
  height: auto;
}

.zz-height-13 {
  width: auto;
  height: 9.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-13 {
    width: 9.75rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-13 {
    width: auto;
    height: 9.75rem;
  }
}

.zz-width-14 {
  width: 10.5rem;
  height: auto;
}

.zz-height-14 {
  width: auto;
  height: 10.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-14 {
    width: 10.5rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-14 {
    width: auto;
    height: 10.5rem;
  }
}

.zz-width-15 {
  width: 11.25rem;
  height: auto;
}

.zz-height-15 {
  width: auto;
  height: 11.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-15 {
    width: 11.25rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-15 {
    width: auto;
    height: 11.25rem;
  }
}

.zz-width-16 {
  width: 12rem;
  height: auto;
}

.zz-height-16 {
  width: auto;
  height: 12rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-16 {
    width: 12rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-16 {
    width: auto;
    height: 12rem;
  }
}

.zz-width-17 {
  width: 12.75rem;
  height: auto;
}

.zz-height-17 {
  width: auto;
  height: 12.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-17 {
    width: 12.75rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-17 {
    width: auto;
    height: 12.75rem;
  }
}

.zz-width-18 {
  width: 13.5rem;
  height: auto;
}

.zz-height-18 {
  width: auto;
  height: 13.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-18 {
    width: 13.5rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-18 {
    width: auto;
    height: 13.5rem;
  }
}

.zz-width-19 {
  width: 14.25rem;
  height: auto;
}

.zz-height-19 {
  width: auto;
  height: 14.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-19 {
    width: 14.25rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-19 {
    width: auto;
    height: 14.25rem;
  }
}

.zz-width-20 {
  width: 15rem;
  height: auto;
}

.zz-height-20 {
  width: auto;
  height: 15rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-20 {
    width: 15rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-20 {
    width: auto;
    height: 15rem;
  }
}

.zz-width-21 {
  width: 15.75rem;
  height: auto;
}

.zz-height-21 {
  width: auto;
  height: 15.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-21 {
    width: 15.75rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-21 {
    width: auto;
    height: 15.75rem;
  }
}

.zz-width-22 {
  width: 16.5rem;
  height: auto;
}

.zz-height-22 {
  width: auto;
  height: 16.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-22 {
    width: 16.5rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-22 {
    width: auto;
    height: 16.5rem;
  }
}

.zz-width-23 {
  width: 17.25rem;
  height: auto;
}

.zz-height-23 {
  width: auto;
  height: 17.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-23 {
    width: 17.25rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-23 {
    width: auto;
    height: 17.25rem;
  }
}

.zz-width-24 {
  width: 18rem;
  height: auto;
}

.zz-height-24 {
  width: auto;
  height: 18rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-24 {
    width: 18rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-24 {
    width: auto;
    height: 18rem;
  }
}

.zz-width-25 {
  width: 18.75rem;
  height: auto;
}

.zz-height-25 {
  width: auto;
  height: 18.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-25 {
    width: 18.75rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-25 {
    width: auto;
    height: 18.75rem;
  }
}

.zz-width-26 {
  width: 19.5rem;
  height: auto;
}

.zz-height-26 {
  width: auto;
  height: 19.5rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-26 {
    width: 19.5rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-26 {
    width: auto;
    height: 19.5rem;
  }
}

.zz-width-27 {
  width: 20.25rem;
  height: auto;
}

.zz-height-27 {
  width: auto;
  height: 20.25rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-27 {
    width: 20.25rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-27 {
    width: auto;
    height: 20.25rem;
  }
}

.zz-width-28 {
  width: 21rem;
  height: auto;
}

.zz-height-28 {
  width: auto;
  height: 21rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-28 {
    width: 21rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-28 {
    width: auto;
    height: 21rem;
  }
}

.zz-width-29 {
  width: 21.75rem;
  height: auto;
}

.zz-height-29 {
  width: auto;
  height: 21.75rem;
}

@media screen and (max-width: 992px) {
  .zz-sm .width-29 {
    width: 21.75rem;
    height: auto;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm .height-29 {
    width: auto;
    height: 21.75rem;
  }
}

.zz-height-100vh {
  height: 100vh;
}

.zz-min-height-100vh {
  min-height: 100vh;
}

.zz-max-height-100vh {
  max-height: 100vh;
}

.zz-width-100vh {
  width: 100vh;
}

.zz-min-width-100vh {
  min-width: 100vh;
}

.zz-max-width-100vh {
  max-width: 100vh;
}

.zz-height-100p {
  height: 100%;
}

.zz-min-height-100p {
  min-height: 100%;
}

.zz-max-height-100p {
  max-height: 100%;
}

.zz-width-100p {
  width: 100%;
}

.zz-min-width-100p {
  min-width: 100%;
}

.zz-max-width-100p {
  max-width: 100%;
}

.zz-height-100vw {
  height: 100vw;
}

.zz-min-height-100vw {
  min-height: 100vw;
}

.zz-max-height-100vw {
  max-height: 100vw;
}

.zz-width-100vw {
  width: 100vw;
}

.zz-min-width-100vw {
  min-width: 100vw;
}

.zz-max-width-100vw {
  max-width: 100vw;
}

@media screen and (max-width: 992px) {
  .zz-width-sm-100p {
    width: 100%;
  }
}

.zz-float-left {
  float: left;
}

.zz-float-right {
  float: right;
}

.zz-position-absolute {
  position: absolute;
}

@media screen and (max-width: 992px) {
  .zz-sm-position-absolute {
    position: absolute !important;
  }
}

.zz-position-relative {
  position: relative;
}

@media screen and (max-width: 992px) {
  .zz-sm-position-relative {
    position: relative !important;
  }
}

.zz-position-fixed {
  position: fixed;
}

@media screen and (max-width: 992px) {
  .zz-sm-position-fixed {
    position: fixed !important;
  }
}

.zz-position-sticky {
  position: sticky;
}

@media screen and (max-width: 992px) {
  .zz-sm-position-sticky {
    position: sticky !important;
  }
}

.zz-z-index--1 {
  z-index: -1;
}

.zz-z-index-0 {
  z-index: 0;
}

.zz-z-index-1 {
  z-index: 1;
}

.zz-z-index-2 {
  z-index: 2;
}

.zz-z-index-3 {
  z-index: 3;
}

.zz-z-index-4 {
  z-index: 4;
}

.zz-z-index-5 {
  z-index: 5;
}

.zz-z-index-6 {
  z-index: 6;
}

.zz-z-index-7 {
  z-index: 7;
}

.zz-z-index-8 {
  z-index: 8;
}

.zz-z-index-9 {
  z-index: 9;
}

.zz-z-index-10 {
  z-index: 10;
}

.zz-z-index-100 {
  z-index: 100;
}

.zz-top-0 {
  top: 0;
}

.zz-left-0 {
  left: 0;
}

.zz-bottom-0 {
  bottom: 0;
}

.zz-right-0 {
  right: 0;
}

.zz .position-sticky-responsive {
  position: sticky;
}

@media screen and (max-width: 992px) {
  .zz .position-sticky-responsive {
    position: static;
  }
}

.zz-bg-accent {
  background-color: #01eb67;
}

.zz-bg-primary {
  background-color: #4aa570;
}

.zz-bg-primary-bright {
  background-color: rgb(202.0447698745, 240.9552301255, 218.2930939354);
}

.zz-bg-primary-dim {
  background-color: #f7f9f6;
}

.zz-bg-primary-dark {
  background-color: #000;
}

.zz-bg-black {
  background-color: #000;
}

.zz-bg-dark {
  background-color: #000;
}

.zz-bg-dark-dim {
  background-color: rgb(25.5, 25.5, 25.5);
}

.zz-bg-black-dim {
  background-color: rgba(0, 0, 0, 0.9);
}

.zz-bg-black-transparent {
  background-color: rgba(70, 70, 70, 0.3);
}

.zz-bg-sc-black {
  background-color: #1a192b;
}

.zz-bg-a-blue {
  background-color: rgb(54.8085106383, 95.5234042553, 129.1914893617);
}

.zz-bg-c-purple {
  background-color: rgb(129.7907949791, 58.2092050209, 96.7531380753);
}

.zz-bg-light {
  background-color: #f8f9fa;
}

.zz-bg-white {
  background-color: white;
}

.zz-bg-disabled {
  background-color: #f8f9fa;
}

.zz-bg-orange {
  background-color: #ffd678;
}

.zz-bg-orange-light {
  background-color: rgb(255, 244.9777777778, 222);
}

.zz-bg-blue-light {
  background-color: #edf3ff;
}

.zz-bg-yellow-light {
  background-color: #fefcf4;
}

.zz-bg-alicegreen {
  background-color: rgb(225.3695652174, 241.1304347826, 231.6739130435);
}

.zz-bg-beige-dark {
  background-color: #ffd7bb;
}

.zz-bg-purple-light {
  background-color: rgb(246.0983263598, 235.1516736402, 241.5271966527);
}

.zz-bg-brown-light {
  background-color: rgb(249.8033707865, 246.5730337079, 235.1966292135);
}

.zz-bg-violet {
  background-color: #800080;
}

.zz-bg-blue {
  background-color: #467aa5;
}

.zz-bg-danger-dim {
  background-color: rgba(255, 0, 0, 0.1);
}

.zz-bg-starter {
  background: linear-gradient(90deg, #ffcd74, #ec008c);
}

.zz-text-inherit {
  color: inherit;
}

.zz-text-danger {
  color: #ff0000;
}

.zz-text-white {
  color: white !important;
}

.zz-text-white-dim {
  color: rgba(255, 255, 255, 0.9);
}

.zz-text-white-dim-2 {
  color: rgba(255, 255, 255, 0.8);
}

.zz-text-white-dim-3 {
  color: rgba(255, 255, 255, 0.7);
}

.zz-text-white-dim-4 {
  color: rgba(255, 255, 255, 0.6);
}

.zz-text-white-dim-5 {
  color: rgba(255, 255, 255, 0.5);
}

.zz-text-white-dim-6 {
  color: rgba(255, 255, 255, 0.4);
}

.zz-text-white-dim-7 {
  color: rgba(255, 255, 255, 0.3);
}

.zz-text-white-dim-8 {
  color: rgba(255, 255, 255, 0.2);
}

.zz-text-white-dim-9 {
  color: rgba(255, 255, 255, 0.1);
}

.zz-text-black-dim-2 {
  color: rgba(0, 0, 0, 0.8);
}

.zz-text-black-dim-3 {
  color: rgba(0, 0, 0, 0.7);
}

.zz-text-black-dim-4 {
  color: rgba(0, 0, 0, 0.6);
}

.zz-text-black-dim-5 {
  color: rgba(0, 0, 0, 0.5);
}

.zz-text-black-dim-6 {
  color: rgba(0, 0, 0, 0.4);
}

.zz-text-black-dim-7 {
  color: rgba(0, 0, 0, 0.3);
}

.zz-text-black-dim-8 {
  color: rgba(0, 0, 0, 0.2);
}

.zz-text-black-dim-9 {
  color: rgba(0, 0, 0, 0.1);
}

.zz-text-orange-dark {
  color: rgb(120, 83.5555555556, 0);
}

.zz-text-orange {
  color: orange;
}

.zz-text-primary {
  color: #4aa570;
}

.zz-text-primary-dark {
  color: rgb(20.4, 20.4, 20.4);
}

.zz-text-primary-bright {
  color: rgb(202.0447698745, 240.9552301255, 218.2930939354);
}

.zz-text-primary-hover {
  color: rgb(58.2092050209, 129.7907949791, 88.10041841);
}

.zz-text-primary-shine {
  color: rgb(48.1171548117, 241.8828451883, 129.0303002437);
}

.zz-text-primary-accessible {
  color: #34744f;
}

.zz-text-secondary {
  color: #9ca4a2;
}

.zz-text-secondary-dark {
  color: rgb(129.4263157895, 139.5736842105, 137.0368421053);
}

.zz-text-secondary-dim {
  color: rgb(209.1473684211, 212.8526315789, 211.9263157895);
}

.zz-text-body {
  color: #101828;
}

.zz-text-body-dim {
  color: rgba(16, 24, 40, 0.8);
}

.zz-text-paragraph {
  color: rgb(45, 45, 45);
}

.zz-text-subtitle {
  color: #000;
}

.zz-text-disabled {
  color: rgba(0, 42, 40, 0.3);
}

.zz-text-accent {
  color: #01eb67;
}

.zz-text-decoration-color-white {
  text-decoration-color: white;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-black) .zz-text-primary {
  color: rgb(48.1171548117, 241.8828451883, 129.0303002437);
}

.zz-text-starter {
  background: linear-gradient(90deg, #ffcd74, #ec008c);
  background-clip: text;
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.zz-bg-gray-gradient {
  background: linear-gradient(rgba(196, 209, 230, 0), rgba(196, 209, 230, 0.4));
}

.zz-bg-gray-gradient-reverse {
  background: linear-gradient(rgba(196, 209, 230, 0.4), rgba(196, 209, 230, 0));
}

.zz-border-radius {
  border-radius: 0.375em;
}

.zz-border-radius-1 {
  border-radius: 0.5em;
}

.zz-border-radius-2 {
  border-radius: 1em;
}

.zz-border-radius-3 {
  border-radius: 1.5em;
}

.zz-border-radius-4 {
  border-radius: 2em;
}

.zz-border-radius-5 {
  border-radius: 2.5em;
}

.zz-border-radius-100p {
  border-radius: 100%;
}

.zz-border-radius-50p {
  border-radius: 50%;
}

.zz-border {
  border: 1px solid rgb(224, 229, 234);
}

.zz-border-top {
  border-top: 1px solid rgb(224, 229, 234);
}

.zz-border-bottom {
  border-bottom: 1px solid rgb(224, 229, 234);
}

.zz-border-left {
  border-left: 1px solid rgb(224, 229, 234);
}

.zz-border-primary {
  border: 1px solid #4aa570;
}

.zz-border-white {
  border: 1px solid white;
}

.zz-border-dim {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.zz-border-sc-black {
  border: 1px solid #1a192b;
}

.zz-border-primary-bright {
  border: 1px solid rgb(202.0447698745, 240.9552301255, 218.2930939354);
}

.zz-border-orange {
  border: 1px solid #ffd678;
}

.zz-border-secondary-alt {
  border: 1px solid #9ca4a2;
}

.zz-border-shine {
  position: relative;
  background-clip: padding-box;
  border: 1.4px solid transparent !important;
}

.zz-border-shine::before {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin: -1.4px;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.15));
  border-radius: inherit;
  content: "";
}

.zz-border-shine::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: inherit;
  border-radius: inherit;
  content: "";
}

.zz-border-shine>* {
  position: relative;
  z-index: 2;
}

.zz-border-top {
  border-top: 1px solid rgb(224, 229, 234);
}

.zz-border-right {
  border-right: 1px solid rgb(224, 229, 234);
}

.zz-border-bottom {
  border-bottom: 1px solid rgb(224, 229, 234);
}

.zz-border-left {
  border-left: 1px solid rgb(224, 229, 234);
}

.zz-opacity-5 {
  opacity: 0.05;
}

.zz-opacity-10 {
  opacity: 0.1;
}

.zz-opacity-15 {
  opacity: 0.15;
}

.zz-opacity-20 {
  opacity: 0.2;
}

.zz-opacity-25 {
  opacity: 0.25;
}

.zz-opacity-30 {
  opacity: 0.3;
}

.zz-opacity-35 {
  opacity: 0.35;
}

.zz-opacity-40 {
  opacity: 0.4;
}

.zz-opacity-45 {
  opacity: 0.45;
}

.zz-opacity-50 {
  opacity: 0.5;
}

.zz-opacity-55 {
  opacity: 0.55;
}

.zz-opacity-60 {
  opacity: 0.6;
}

.zz-opacity-65 {
  opacity: 0.65;
}

.zz-opacity-70 {
  opacity: 0.7;
}

.zz-opacity-75 {
  opacity: 0.75;
}

.zz-opacity-80 {
  opacity: 0.8;
}

.zz-opacity-85 {
  opacity: 0.85;
}

.zz-opacity-90 {
  opacity: 0.9;
}

.zz-opacity-95 {
  opacity: 0.95;
}

.zz-opacity-100 {
  opacity: 1;
}

.zz-mix-blend-mode-multiply {
  mix-blend-mode: multiply;
}

.zz-mix-blend-mode-hard-light {
  mix-blend-mode: hard-light;
}

.zz-mix-blend-mode-overlay {
  mix-blend-mode: overlay;
}

.zz-mix-blend-mode-luminosity {
  mix-blend-mode: luminosity;
}

@media screen and (max-width: 992px) {
  .zz-sm-mix-blend-mode-multiply {
    mix-blend-mode: multiply;
  }

  .zz-sm-mix-blend-mode-hard-light {
    mix-blend-mode: hard-light;
  }

  .zz-sm-mix-blend-mode-overlay {
    mix-blend-mode: overlay;
  }

  .zz-sm-mix-blend-mode-luminosity {
    mix-blend-mode: luminosity;
  }
}

.zz-mix-blend-mode-multiply {
  mix-blend-mode: multiply;
}

.zz-mix-blend-mode-hard-light {
  mix-blend-mode: hard-light;
}

.zz-mix-blend-mode-overlay {
  mix-blend-mode: overlay;
}

.zz-mix-blend-mode-luminosity {
  mix-blend-mode: luminosity;
}

@media screen and (max-width: 992px) {
  .zz-sm-mix-blend-mode-multiply {
    mix-blend-mode: multiply;
  }

  .zz-sm-mix-blend-mode-hard-light {
    mix-blend-mode: hard-light;
  }

  .zz-sm-mix-blend-mode-overlay {
    mix-blend-mode: overlay;
  }

  .zz-sm-mix-blend-mode-luminosity {
    mix-blend-mode: luminosity;
  }
}

.zz-mix-blend-mode-multiply {
  mix-blend-mode: multiply;
}

.zz-mix-blend-mode-hard-light {
  mix-blend-mode: hard-light;
}

.zz-mix-blend-mode-overlay {
  mix-blend-mode: overlay;
}

.zz-mix-blend-mode-luminosity {
  mix-blend-mode: luminosity;
}

@media screen and (max-width: 992px) {
  .zz-sm-mix-blend-mode-multiply {
    mix-blend-mode: multiply;
  }

  .zz-sm-mix-blend-mode-hard-light {
    mix-blend-mode: hard-light;
  }

  .zz-sm-mix-blend-mode-overlay {
    mix-blend-mode: overlay;
  }

  .zz-sm-mix-blend-mode-luminosity {
    mix-blend-mode: luminosity;
  }
}

.zz-mix-blend-mode-multiply {
  mix-blend-mode: multiply;
}

.zz-mix-blend-mode-hard-light {
  mix-blend-mode: hard-light;
}

.zz-mix-blend-mode-overlay {
  mix-blend-mode: overlay;
}

.zz-mix-blend-mode-luminosity {
  mix-blend-mode: luminosity;
}

@media screen and (max-width: 992px) {
  .zz-sm-mix-blend-mode-multiply {
    mix-blend-mode: multiply;
  }

  .zz-sm-mix-blend-mode-hard-light {
    mix-blend-mode: hard-light;
  }

  .zz-sm-mix-blend-mode-overlay {
    mix-blend-mode: overlay;
  }

  .zz-sm-mix-blend-mode-luminosity {
    mix-blend-mode: luminosity;
  }
}

.zz-filter-grayscale {
  filter: grayscale(1);
}

.zz-backdrop-filter-blur {
  backdrop-filter: blur(10px);
}

.zz-text-decoration-line-through {
  text-decoration: line-through;
}

@media screen and (max-width: 992px) {
  .zz-text-decoration-sm-line-through {
    text-decoration: line-through;
  }
}

.zz-text-decoration-none {
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .zz-text-decoration-sm-none {
    text-decoration: none;
  }
}

.zz-text-decoration-color-primary {
  text-decoration-color: #4aa570 !important;
}

@media screen and (max-width: 992px) {
  .zz-text-decoration-sm-color-primary {
    text-decoration-color: #4aa570 !important;
  }
}

.zz-text-decoration-underline {
  text-decoration: underline;
}

@media screen and (max-width: 992px) {
  .zz-text-decoration-sm-underline {
    text-decoration: underline;
  }
}

.zz-display-block {
  display: block;
}

.zz-display-inline-block {
  display: inline-block;
}

.zz-display-inline {
  display: inline;
}

.zz-display-flex {
  display: flex;
}

.zz-display-inline-flex {
  display: inline-flex;
}

.zz-display-grid {
  display: grid;
}

.zz-display-inline-grid {
  display: inline-grid;
}

.zz-display-table {
  display: table;
}

.zz-display-table-row {
  display: table-row;
}

.zz-display-table-cell {
  display: table-cell;
}

.zz-display-none {
  display: none;
}

@media screen and (max-width: 992px) {
  .zz-sm-display-block {
    display: block;
  }

  .zz-sm-display-inline-block {
    display: inline-block;
  }

  .zz-sm-display-inline {
    display: inline;
  }

  .zz-sm-display-flex {
    display: flex;
  }

  .zz-sm-display-inline-flex {
    display: inline-flex;
  }

  .zz-sm-display-grid {
    display: grid;
  }

  .zz-sm-display-inline-grid {
    display: inline-grid;
  }

  .zz-sm-display-table {
    display: table;
  }

  .zz-sm-display-table-row {
    display: table-row;
  }

  .zz-sm-display-table-cell {
    display: table-cell;
  }

  .zz-sm-display-none {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .sm-hide {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .sm-only {
    display: none !important;
  }
}

@media screen and (max-width: 992px) {
  .sm-only {
    display: inline-flex !important;
  }
}

.lg-only {
  display: none;
}

@media screen and (min-width: 1180px) {
  .lg-only {
    display: flex;
  }
}

@media screen and (max-width: 992px) {
  .paragraph-sm {
    font-size: 1.15rem;
    font-weight: 400;
    letter-spacing: -0.01rem;
    line-height: 1.8;
  }
}

.zz-order-1 {
  order: 1;
}

.zz-order-2 {
  order: 2;
}

.zz-order-3 {
  order: 3;
}

.zz-order-4 {
  order: 4;
}

.zz-order-5 {
  order: 5;
}

.zz-order-6 {
  order: 6;
}

.zz-order-7 {
  order: 7;
}

.zz-order-8 {
  order: 8;
}

.zz-order-9 {
  order: 9;
}

.zz-order-10 {
  order: 10;
}

.zz-order-11 {
  order: 11;
}

.zz-order-12 {
  order: 12;
}

.zz-display-flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.zz-flex-direction-row {
  flex-direction: row;
}

.zz-flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.zz-flex-direction-column {
  flex-direction: column;
}

.zz-flex-direction-column-reverse {
  flex-direction: column-reverse;
}

.zz-flex-direction-inherit {
  flex-direction: inherit;
}

.zz-flex-direction-initial {
  flex-direction: initial;
}

.zz-flex-direction-unset {
  flex-direction: unset;
}

.zz-justify-content-center {
  justify-content: center;
}

.zz-justify-content-between {
  justify-content: space-between;
}

.zz-justify-content-around {
  justify-content: space-around;
}

.zz-justify-content-evenly {
  justify-content: space-evenly;
}

.zz-justify-content-start {
  justify-content: start;
}

.zz-justify-content-end {
  justify-content: end;
}

.zz-justify-content-stretch {
  justify-content: stretch;
}

.zz-justify-content-baseline {
  justify-content: baseline;
}

.zz-flex-wrap-nowrap {
  flex-wrap: nowrap;
}

.zz-flex-wrap-wrap {
  flex-wrap: wrap;
}

.zz-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.zz-flex-wrap-inherit {
  flex-wrap: inherit;
}

.zz-flex-wrap-initial {
  flex-wrap: initial;
}

.zz-flex-wrap-unset {
  flex-wrap: unset;
}

.zz-align-items-normal {
  align-items: normal;
}

.zz-align-items-stretch {
  align-items: stretch;
}

.zz-align-items-center {
  align-items: center;
}

.zz-align-items-start {
  align-items: start;
}

.zz-align-items-end {
  align-items: end;
}

.zz-align-items-flex-start {
  align-items: flex-start;
}

.zz-align-items-flex-end {
  align-items: flex-end;
}

.zz-align-items-baseline {
  align-items: baseline;
}

.zz-align-items-first baseline {
  align-items: first baseline;
}

.zz-align-items-last baseline {
  align-items: last baseline;
}

.zz-align-items-safe center {
  align-items: safe center;
}

.zz-align-items-unsafe center {
  align-items: unsafe center;
}

.zz-align-items-inherit {
  align-items: inherit;
}

.zz-align-items-initial {
  align-items: initial;
}

.zz-align-items-unset {
  align-items: unset;
}

.zz-align-self-normal {
  align-self: normal;
}

.zz-align-self-stretch {
  align-self: stretch;
}

.zz-align-self-center {
  align-self: center;
}

.zz-align-self-start {
  align-self: start;
}

.zz-align-self-end {
  align-self: end;
}

.zz-align-self-flex-start {
  align-self: flex-start;
}

.zz-align-self-flex-end {
  align-self: flex-end;
}

.zz-align-self-baseline {
  align-self: baseline;
}

.zz-align-self-first baseline {
  align-self: first baseline;
}

.zz-align-self-last baseline {
  align-self: last baseline;
}

.zz-align-self-safe center {
  align-self: safe center;
}

.zz-align-self-unsafe center {
  align-self: unsafe center;
}

.zz-align-self-inherit {
  align-self: inherit;
}

.zz-align-self-initial {
  align-self: initial;
}

.zz-align-self-unset {
  align-self: unset;
}

@media screen and (max-width: 992px) {
  .zz-sm-justify-content-center {
    justify-content: center;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-justify-content-between {
    justify-content: space-between;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-justify-content-around {
    justify-content: space-around;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-justify-content-evenly {
    justify-content: space-evenly;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-justify-content-start {
    justify-content: start;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-justify-content-end {
    justify-content: end;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-justify-content-stretch {
    justify-content: stretch;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-justify-content-baseline {
    justify-content: baseline;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-normal {
    align-items: normal;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-stretch {
    align-items: stretch;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-center {
    align-items: center;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-start {
    align-items: start;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-end {
    align-items: end;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-flex-start {
    align-items: flex-start;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-flex-end {
    align-items: flex-end;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-baseline {
    align-items: baseline;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-first baseline {
    align-items: first baseline;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-last baseline {
    align-items: last baseline;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-safe center {
    align-items: safe center;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-unsafe center {
    align-items: unsafe center;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-inherit {
    align-items: inherit;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-initial {
    align-items: initial;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-items-unset {
    align-items: unset;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-normal {
    align-self: normal;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-stretch {
    align-self: stretch;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-center {
    align-self: center;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-start {
    align-self: start;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-end {
    align-self: end;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-flex-start {
    align-self: flex-start;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-flex-end {
    align-self: flex-end;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-baseline {
    align-self: baseline;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-first baseline {
    align-self: first baseline;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-last baseline {
    align-self: last baseline;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-safe center {
    align-self: safe center;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-unsafe center {
    align-self: unsafe center;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-inherit {
    align-self: inherit;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-initial {
    align-self: initial;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-align-self-unset {
    align-self: unset;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-wrap-nowrap {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-wrap-wrap {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-wrap-inherit {
    flex-wrap: inherit;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-wrap-initial {
    flex-wrap: initial;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-wrap-unset {
    flex-wrap: unset;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-direction-row {
    flex-direction: row;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-direction-row-reverse {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-direction-column {
    flex-direction: column;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-direction-inherit {
    flex-direction: inherit;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-direction-initial {
    flex-direction: initial;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-flex-direction-unset {
    flex-direction: unset;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-1 {
    order: 1;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-2 {
    order: 2;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-3 {
    order: 3;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-4 {
    order: 4;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-5 {
    order: 5;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-6 {
    order: 6;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-7 {
    order: 7;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-8 {
    order: 8;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-9 {
    order: 9;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-10 {
    order: 10;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-11 {
    order: 11;
  }
}

@media screen and (max-width: 992px) {
  .zz-sm-order-12 {
    order: 12;
  }
}

@media screen and (max-width: 992px) {
  .zz-flex-wrap-wrap>* {
    flex: 1 0 100%;
  }
}

.zz-object-fit-fill {
  object-fit: fill;
}

.zz-object-fit-contain {
  object-fit: contain;
}

.zz-object-fit-cover {
  object-fit: cover;
}

.zz-object-fit-none {
  object-fit: none;
}

.zz-object-fit-scale-down {
  object-fit: scale-down;
}

@media screen and (max-width: 992px) {
  .zz-sm-object-fit-fill {
    object-fit: fill;
  }

  .zz-sm-object-fit-contain {
    object-fit: contain;
  }

  .zz-sm-object-fit-cover {
    object-fit: cover;
  }

  .zz-sm-object-fit-none {
    object-fit: none;
  }

  .zz-sm-object-fit-scale-down {
    object-fit: scale-down;
  }
}

.zz-overflow-visible {
  overflow: visible;
}

.zz-overflow-x-visible {
  overflow-x: visible;
}

.zz-overflow-y-visible {
  overflow-y: visible;
}

.zz-overflow-hidden {
  overflow: hidden;
}

.zz-overflow-x-hidden {
  overflow-x: hidden;
}

.zz-overflow-y-hidden {
  overflow-y: hidden;
}

.zz-overflow-scroll {
  overflow: scroll;
}

.zz-overflow-x-scroll {
  overflow-x: scroll;
}

.zz-overflow-y-scroll {
  overflow-y: scroll;
}

.zz-overflow-clip {
  overflow: clip;
}

.zz-overflow-x-clip {
  overflow-x: clip;
}

.zz-overflow-y-clip {
  overflow-y: clip;
}

.zz-overflow-auto {
  overflow: auto;
}

.zz-overflow-x-auto {
  overflow-x: auto;
}

.zz-overflow-y-auto {
  overflow-y: auto;
}

.zz-elevation-1 {
  box-shadow: none;
}

.zz-elevation-2 {
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.05), 0px 0px 24px 4px rgba(50, 50, 93, 0.15);
}

.zz-elevation-inset-3 {
  box-shadow: rgba(50, 44, 44, 0.1) 0px 1px 1px 0px inset, rgba(27, 33, 32, 0.3) 0px 50px 100px -20px, rgba(0, 0, 0, 0.4) 0px 30px 60px -30px;
}

.zz-text-align-left {
  text-align: left;
}

.zz-text-align-right {
  text-align: right;
}

.zz-text-align-center {
  text-align: center;
}

@media screen and (max-width: 992px) {
  .zz-sm-text-align-left {
    text-align: left;
  }

  .zz-sm-text-align-right {
    text-align: right;
  }

  .zz-sm-text-align-center {
    text-align: center;
  }
}

.zz-vertical-align-middle {
  vertical-align: middle;
}

.zz-vertical-align-bottom {
  vertical-align: bottom;
}

@media screen and (max-width: 992px) {
  .zz-sm-vertical-align-middle {
    vertical-align: middle;
  }

  .zz-sm-vertical-align-bottom {
    vertical-align: bottom;
  }
}

.zz-wb-break-all {
  word-break: break-all;
}

.zz-wb-keep-all {
  word-break: keep-all;
}

.zz-wb-normal {
  word-break: normal;
}

.zz-ww-break-word {
  word-wrap: break-word;
}

.zz-ww-normal {
  word-wrap: normal;
}

.zz-sm-break-word {
  word-wrap: break-word;
}

.zz-sm-normal {
  word-wrap: normal;
}

.transition-default {
  transition: all 0.221s cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (max-width: 992px) {
  .full-animation-wrapper {
    margin-top: -8px;
  }

  .full-animation-wrapper svg {
    width: 88px;
  }

  .full-animation-wrapper+* {
    margin-top: 0 !important;
  }
}

.animation-move-x {
  animation: moveX 20.12s linear infinite alternate;
}

@keyframes moveX {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(25%);
  }
}

.animation-move-x-reverse {
  animation: moveXReverse 20.12s linear infinite alternate;
}

@keyframes moveXReverse {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-25%);
  }
}

.accordion-header {
  font-weight: 500;
  line-height: 1.5;
}

.accordion-item {
  font-size: inherit;
  line-height: inherit;
}

.accordion-item:first-of-type {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.accordion-item:first-of-type .accordion-header .accordion-button {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.accordion-item:last-of-type .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

:is(section.zz-bg-black) .accordion-item {
  background-color: rgb(15.3, 15.3, 15.3);
  border: 0;
  color: white;
}

.accordion-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.6875rem 2.0625rem;
  background-color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.accordion-button svg {
  width: 1.3em;
  height: 1.3em;
  flex-grow: 0;
  flex-shrink: 0;
  transition: transform 0.15s ease-out;
}

.accordion-button:not(.collapsed) {
  background: #f8f9fa;
}

.accordion-button:not(.collapsed) svg {
  transform: rotate(-180deg);
}

.accordion-button::after {
  display: none;
}

:is(section.zz-bg-black) .accordion-button {
  color: white;
}

:is(section.zz-bg-black) .accordion-button:not(.collapsed) {
  background-color: #000;
}

.accordion-body {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 1.8;
}

@media screen and (max-width: 992px) {
  .accordion-body {
    font-size: 15px;
  }
}

.accordion-body {
  padding: 1.5rem 1.875rem;
}

.accordion-body p+p {
  margin-top: 0.9375rem;
}

footer a.no-underline {
  color: #101828;
  text-decoration: none;
}

@media (hover: hover) {
  footer a.no-underline:hover:hover {
    text-decoration: underline;
  }
}

a {
  color: inherit;
}

a.no-underline {
  text-decoration: none;
}

@media (hover: hover) {
  a.no-underline:hover {
    text-decoration: underline;
  }
}

a.no-underline-hover {
  text-decoration: none;
}

@media (hover: hover) {
  a.no-underline-hover:hover {
    text-decoration: none;
  }
}

a.zz-text-link_theme_paragraph {
  color: rgb(45, 45, 45);
}

@media (hover: hover) {
  a.zz-text-link_theme_paragraph:hover {
    color: rgb(58.2092050209, 129.7907949791, 88.10041841);
  }
}

.zz-dark-theme a {
  color: white;
}

.zz-dark-theme a:visited {
  color: white;
}

/* 2026-08-14. 방문한 링크의 색을 상속색으로 되돌리던 규칙을 삭제했다.
   원문은 아래와 같다(되살리지 마라):

     :not(:is(footer, .zz-pagination) a,
       a:is(.button, .previous-page, .nav-pills-link, .decoration-underline,
         .no-underline, .no-underline-hover, .go-back-button, .tab-item,
         .zz-text-link_theme_paragraph)):visited:not(:hover) {
       color: inherit; text-decoration-color: inherit;
     }

   의도는 "방문한 링크가 브라우저 기본 보라색이 되지 않게"였는데, 그 일은
   위 8418행의 `a { color: inherit }` 가 이미 한다 — 작성자 스타일은 출처
   우선순위상 UA 스타일을 무조건 이기므로 명시도와 무관하게 보라색은 나오지
   않는다. 즉 이 규칙은 목적에 기여하는 바가 없었다.

   대신 해를 끼쳤다. 명시도가 (0,3,1) 이라 자기 색을 명시한 컴포넌트를
   덮어썼다. 프로덕션 증상: 히어로 「무료로 시작하기」의 **글자만** 어두워져
   검은 버튼 위에서 사라졌다. 화살표(SVG)는 흰색 그대로였는데, :visited 는
   프라이버시 때문에 적용 속성이 color 계열로 제한되고 stroke="currentColor"
   는 방문 전 색으로 해석되기 때문이다. 실측으로 13종이 영향받는 것을
   확인했다 — 버튼 2종, GNB 메뉴 5종, 홈 타일·문의 링크, 상세 CTA 4종.

   한 번이라도 눌러 본 사람에게만 보이고, getComputedStyle 은 :visited 를
   일부러 숨기므로(프라이버시) 계산값 조사로도 잡히지 않는다. 그래서 오래
   살아남았다. */

.tab {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.tab-item {
  padding: 0.75rem 1.5rem;
  background: white;
  color: rgb(25.5, 25.5, 25.5);
  border: 1px solid rgb(224, 229, 234);
  border-radius: 0.375em;
}

.tab-item {
  text-decoration: none;
}

@media (hover: hover) {
  .tab-item:hover {
    text-decoration: none;
  }
}

.tab-item.active {
  background-color: #f7f9f6;
  border: 1px solid rgb(58.2092050209, 129.7907949791, 88.10041841);
}

.tab-item.active * {
  color: rgb(58.2092050209, 129.7907949791, 88.10041841);
  opacity: 1;
}

/* 사이트에 버튼 컴포넌트는 이것 하나다. v2 페이지도 이걸 쓴다.
   예전에는 `.v2-btn` 이 따로 있었는데, 그건 형태는 이 컴포넌트를 그대로 베끼고
   **색만** v2 토큰으로 바꾼 포크였다(당시 v2.css 주석: "형태는 사이트 공용 버튼
   컴포넌트 .button 을 그대로 따른다 … 색만 v2 토큰을 쓴다"). 색을 여기서 통일한
   지금은 갈라져 있을 이유가 없어 접었다. 매핑은 그때 주석에 적혀 있던 그대로다:
     .v2-btn          → .button.button-small
     .v2-btn-lg       → .button.button-large
     .v2-btn-primary  → .button-primary
     .v2-btn-secondary→ .button-secondary

   포크를 접으면서 이 본체가 흡수한 것 셋:
   · gap — 라벨 옆 화살표 SVG 사이 간격. 이게 없으면 히어로 CTA 의 화살표가
     글자에 붙는다. 아이콘 없는 버튼에는 아무 영향이 없다(flex gap 은 자식이
     하나면 작동하지 않는다).
   · border-radius 를 em → px 로. 0.56em 은 글자 크기를 따라가서 small 8.06px /
     large 8.96px 로 **크기마다 모서리가 달랐다**. v2 는 8px 고정이었고,
     design.md 의 "기본 컴포넌트 radius 8px" 도 고정값을 말한다.
   · letter-spacing — v2 본문 트래킹(--v2-tracking-body)과 같은 값. */
.button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0.375rem 0.75rem;
  background-color: transparent;
  border-radius: 8px;
  border: none;
  letter-spacing: -0.005em;
  transition: all 0.221s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none;
}

.button * {
  color: inherit !important;
}

/* 면은 순검정이 아니라 **히어로 헤드라인과 같은 잉크**다(#0c1611 — H150° S29% L7%,
   흰 글자 대비 18.45:1). 같은 화면에서 GNB 「시작하기」와 히어로 「무료로 시작하기」가
   위아래로 보이는데 하나는 #000, 하나는 #0c1611 이라 **다른 검정 두 개**로 읽혔다.
   실측(1440px 홈): GNB y=27 bg rgb(0,0,0) / 히어로 y=458 bg rgb(12,22,17).

   순검정을 쓰지 않는다는 결정은 이미 v2 에 있었다(v2.css 의 --v2-brand-deep 주석
   "검정 지면을 쓰지 않기로 했으므로"). 그 결정을 v1 공용 버튼까지 넓힌 것이고,
   그래서 이 색은 새로 정한 값이 아니라 **히어로 타이포에서 가져온 값**이다.
   토큰(--v2-ink)을 참조하지 않고 hex 를 박는 이유: style.css 는 v2.css 가 안 걸리는
   v1 페이지에도 로드되므로(baseof.html:54 무조건 / :58 v2 조건부) var() 가 비면
   배경이 통째로 사라진다. */
.button-primary {
  background-color: #0c1611;
  color: white;
}

@media (hover: hover) {
  /* 2026-08-14. hover 에서 네온 초록(#01eb67)으로 뒤집히던 것을 없앴다.
     원문: background-color:#01eb67; color:#000; box-shadow:0 0 4px 1.5px rgba(21,195,88,.44)

     검정 버튼이 형광 초록으로 바뀌고 글자색까지 흑백 반전돼서, 커서를 얹는
     순간 다른 버튼처럼 보였다. 밝은 초록은 쓰지 않기로 한 결정과도 어긋난다
     (v2.css 참고 — 흰 배경 위 대비가 WCAG 를 못 넘긴다).

     대신 v2 의 버튼 hover 와 같은 어법을 쓴다: 색조를 바꾸지 않고 살짝 밝히고
     그림자로 띄운다. 그때는 어법만 맞추고 값은 #1a1a1a(무채색)로 남겨 뒀는데,
     이제 기본색이 #0c1611 이 되었으므로 hover 도 v2 와 같은 #16261e 로 맞춘다 —
     둘 다 H150° 라 hover 에서 색조가 흔들리지 않는다(#1a1a1a 는 H0° 였다).
     .button 에 이미 transition: all 0.221s 가 걸려 있어 부드럽게 이어진다. */
  .button-primary:hover {
    background-color: #16261e;
    /* 1px 부상. v2 버튼이 하던 동작이고, 포크를 접으면서 이쪽으로 가져왔다.
       그림자만으로는 "떴다"가 잘 안 읽혀서 둘을 같이 쓴다. */
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(12, 22, 17, 0.16);
  }
}

:is(.zz-bg-black, .zz-bg-black-dim, zz-bg-dark) .button-primary {
  background-color: #01eb67;
  color: #000;
  box-shadow: inset 0 0 0 1.5px #01eb67;
}

@media (hover: hover) {
  :is(.zz-bg-black, .zz-bg-black-dim, zz-bg-dark) .button-primary:hover {
    background-color: #01eb67;
    color: #000;
    box-shadow: 0 0 2px 1.5px #01eb67;
  }
}

/* 글자·링은 주 버튼과 같은 잉크(#0c1611)를 쓴다. 예전 값은 #17233a 계열의
   **파란 회색**이라, 같은 줄에 선 주 버튼(초록 잉크)과 색 계열이 갈렸다.
   보조 버튼은 흰 면 위 글자라 색 차이가 주 버튼보다 오히려 더 잘 보인다. */
.button-secondary {
  background-color: white;
  color: #0c1611;
  box-shadow: 0 0 1px 1.5px rgba(12, 22, 17, 0.15);
}

@media (hover: hover) {
  /* v2 보조 버튼과 같은 어법 — 면을 칠하지 않고 **링만 진하게** 하고 1px 띄운다.
     예전에는 배경을 회색으로 칠했는데, 그러면 hover 에서 보조 버튼이 3차 버튼
     (.button-tertiary, 회색 면)과 같은 모양이 돼 위계가 한 칸 무너졌다. */
  .button-secondary:hover {
    box-shadow: 0 0 1px 1.5px rgba(12, 22, 17, 0.4);
    transform: translateY(-1px);
  }
}

:is(.zz-bg-black, .zz-bg-black-dim, zz-bg-dark) .button-secondary {
  background-color: transparent;
  color: white;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.5);
}

@media (hover: hover) {
  :is(.zz-bg-black, .zz-bg-black-dim, zz-bg-dark) .button-secondary:hover {
    background-color: #f4f4f6;
    color: #000;
  }
}

.button-tertiary {
  background-color: #f8f9fa;
  color: #101828;
}

@media (hover: hover) {
  .button-tertiary:hover {
    background-color: rgb(239.075, 241.35, 243.625);
  }
}

.button-large {
  padding: 0.75rem 1.125rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (max-width: 992px) {
  .button-large {
    font-size: 15px;
  }
}

/* 992px 이하에서 좌우 패딩이 1.125rem → 2.25rem 으로 **두 배**가 되던 것을 없앴다.
   v2 버튼(.v2-btn-lg)에는 이 램프가 없었으므로, 포크를 접으면서 이 규칙을 남기면
   v2 히어로 CTA 가 태블릿·모바일에서 좌우로 18px 씩 벌어진다 — 고치는 게 아니라
   없던 문제를 만드는 쪽이다. 세로 패딩(0.75rem)은 그대로라 터치 타겟 높이는
   변하지 않는다(48px). 좁은 화면에서 버튼을 넓히고 싶은 자리는 이 컴포넌트가
   아니라 그 자리의 레이아웃이 정한다 — 홈 히어로가 이미 그렇게 하고 있다
   (home-main-v2/hero.html 의 `.v2-hero-cta .button { flex: 1 1 auto }`). */

.button-small {
  padding: 0.5625rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (max-width: 992px) {
  .button-small {
    font-size: 14px;
  }
}

:is(a.button) {
  text-decoration: none;
}

@media (hover: hover) {
  :is(a.button):hover {
    text-decoration: none;
  }
}

nav {
  padding: 16px 32px;
  box-shadow: 0px 1px 0px 0px #e2e2e2;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 992px) {
  nav {
    width: 100%;
    padding-right: 32px;
    padding-left: 32px;
    box-shadow: none;
  }
}

.zz-bg-black nav {
  box-shadow: none;
}

nav #navbarSupportedContent {
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 992px) {
  nav #navbarSupportedContent {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    transform: translateY(100%);
    padding: 24px;
    background-color: white;
  }

  .zz-bg-black #navbarSupportedContent {
    background-color: black;
  }

  nav #navbarSupportedContent {
    left: 0;
    right: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 99999;
    box-shadow: 0px -20px 100px 10px rgba(0, 0, 0, 0.35);
  }
}

@media screen and (max-width: 992px) and (max-width: 992px) {
  .zz-bg-black #navbarSupportedContent {
    box-shadow: 0px -2px 20px 0px rgba(255, 255, 255, 0.45);
  }
}

@media screen and (max-width: 992px) {
  nav #navbarSupportedContent .dropdown-menu.show {
    position: relative;
  }
}

@media screen and (min-width: 992px) {
  nav .mobile-trigger-button {
    display: none !important;
  }
}

nav .navbar-nav {
  display: flex;
  gap: 24px;
}

@media screen and (max-width: 992px) {
  nav .navbar-nav {
    display: block;
    gap: 32px;
  }
}

@media screen and (max-width: 992px) {
  nav .navbar-sub-category {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  nav .nav-item {
    padding: 16px 0px;
    font-size: 20px;
    font-weight: bold;
  }
}

nav .nav-link {
  transition: all 0.121s ease-in-out;
  cursor: pointer;
  color: #101828;
  font-size: 16px;
  display: flex;
}

@media screen and (max-width: 992px) {
  nav .nav-link {
    font-size: 20px;
    font-weight: bold;
  }
}

@media screen and (min-width: 992px) and (hover: hover) {
  nav .nav-link:hover {
    font-weight: 600;
  }
}

nav .nav-link::after {
  display: none;
}

/** Use 'custom' as a prefix not to override Bootstrap card' */
.custom-card {
  border-radius: 0.5em;
  border: 1px solid rgb(224, 229, 234);
}

.custom-card-wrapper {
  width: 21rem;
  height: 19.5rem;
}

.custom-card-wrapper img {
  mix-blend-mode: multiply;
}

.custom-card-title {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.3;
}

.custom-card-title {
  color: #000;
}

.custom-card-content {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 1.7;
}

@media screen and (max-width: 992px) {
  .custom-card-content {
    font-size: 15px;
  }
}

.custom-card-content {
  color: #101828;
}

.custom-card-body {
  height: 100%;
}

@media screen and (max-width: 992px) {
  .custom-card p {
    max-width: 65%;
  }
}

.custom-card h1,
.custom-card h2,
.custom-card h3,
.custom-card h4,
.custom-card h5,
.custom-card p,
.custom-card .zz-small-text {
  text-decoration: none;
}

.feature-benefit-card-wrapper .feature-benefit-card {
  border: 1px solid rgb(224, 229, 234);
  border-radius: 0.5em;
}

.feature-benefit-card-wrapper .feature-benefit-card {
  overflow: hidden;
  background: white;
}

.feature-benefit-card-wrapper .feature-benefit-card-helmet {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  background-color: #f8f9fa;
  border-bottom: 1px solid rgb(224, 229, 234);
  color: rgb(45.1428571429, 67.7142857143, 112.8571428571);
}

.feature-benefit-card-wrapper .feature-benefit-card-list {
  padding: 2.25rem;
}

.feature-benefit-card-wrapper .feature-benefit-card-list ul li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.feature-benefit-card-wrapper .feature-benefit-card-list ul li img {
  width: 1.25rem;
  filter: grayscale(1) brightness(0.75);
}

.feature-benefit-card-wrapper .feature-benefit-card-list ul li p {
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  line-height: 2.1;
}

.dropdown {
  text-decoration: none;
}

.zz-dropdown-menu {
  cursor: pointer;
  visibility: hidden;
  display: none;
  background-color: white;
  padding: 1.125rem 0;
  border-radius: 0.5625rem;
  border: none;
  z-index: 100;
  box-shadow: rgba(0, 0, 0, 0.23) 0px 18px 32px;
  user-select: none;
  opacity: 0;
}

@media screen and (max-width: 992px) {
  .zz-dropdown-menu:not(.has-shadow) {
    border: none;
    box-shadow: none;
  }

  .zz-dropdown-menu {
    border-radius: 0;
  }
}

.zz-dropdown-menu.show {
  display: block;
  visibility: visible;
}

.zz-dropdown-menu.is-grid.show {
  display: grid;
  visibility: visible;
  grid-template-columns: repeat(2, 1fr);
}

.zz-dropdown-menu .zz-dropdown-item {
  background-color: white;
  min-width: 9.375rem;
  display: flex;
  padding: 0.9375rem 0.75rem;
  max-height: 45px;
  white-space: nowrap;
  text-decoration: none;
  color: #000;
  transition: all 0.15s ease-out;
}

@media screen and (max-width: 992px) {
  .zz-dropdown-menu .zz-dropdown-item {
    max-height: unset;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 0.75rem 0.75rem;
    font-size: 1.15rem;
    font-weight: 500;
    letter-spacing: -0.01rem;
    line-height: 1.4;
  }

  #navbarSupportedContent .zz-dropdown-item {
    padding-left: 0;
  }
}

@media screen and (min-width: 992px) and (hover: hover) {
  .zz-dropdown-menu .zz-dropdown-item:hover {
    background-color: #f8f9fa;
  }
}

.zz-dropdown-menu .zz-dropdown-item:active {
  background-color: transparent;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-menu.show {
  background: white;
  border-radius: 0.5em;
}

:is(.zz-bg-black) .zz-dropdown-menu {
  background-color: #000;
  box-shadow: 0px 0px 4px 4px rgba(255, 255, 255, 0.24);
  margin-top: 0.75rem;
}

:is(.zz-bg-black) .zz-dropdown-menu .zz-dropdown-item {
  color: white !important;
  background-color: transparent;
}

@media (hover: hover) {
  :is(.zz-bg-black) .zz-dropdown-menu .zz-dropdown-item:hover {
    background-color: rgb(25.5, 25.5, 25.5);
  }
}

@media (hover: hover) {
  :is(.zz-bg-black) .zz-dropdown-menu .dropdown-item:hover {
    background-color: #000;
    color: white;
  }
}

:is(.zz-bg-black) .zz-dropdown-menu .sub-menu {
  background-color: #000;
}

:is(.zz-bg-black) .zz-dropdown-menu .sub-menu .zz-dropdown-item {
  background-color: #000;
  color: white !important;
}

@media (hover: hover) {
  :is(.zz-bg-black) .zz-dropdown-menu .sub-menu .zz-dropdown-item:hover {
    background-color: rgb(25.5, 25.5, 25.5);
  }
}

.sub-menu {
  position: relative;
  z-index: 3;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.sub-menu svg {
  transition: all 0.05s ease-out;
}

@media (hover: hover) {
  .sub-menu:hover svg {
    transform: translateX(3px);
  }
}

@media screen and (max-width: 992px) {
  .sub-menu {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.zz-sub-menu-item {
  top: -1px;
  left: 100%;
  overflow: hidden;
  position: absolute;
  transition: all 0.121s ease-out;
  background-color: white;
  border-radius: 0.5625rem;
  border-top-left-radius: 0;
  mix-blend-mode: color-dodge;
  box-shadow: none;
  border: 1px solid rgb(224, 229, 234);
}

@media screen and (max-width: 992px) {
  .zz-sub-menu-item {
    mix-blend-mode: normal;
  }
}

.zz-sub-menu-item .zz-dropdown-item {
  background-color: white;
}

@media screen and (max-width: 992px) {
  .zz-sub-menu-item .zz-dropdown-item {
    border: none;
    color: #101828 !important;
  }
}

@media (hover: hover) {
  .zz-sub-menu-item .zz-dropdown-item:hover {
    background-color: #f8f9fa;
  }
}

.zz-sub-menu-item .zz-dropdown-item:last-child {
  color: #101828 !important;
}

.zz-bg-black .zz-sub-menu-item {
  border: 1px solid white;
}

@media screen and (max-width: 992px) {
  .zz-bg-black .zz-sub-menu-item {
    border: none;
  }
}

.zz-bg-black .zz-sub-menu-item .zz-dropdown-item:last-child {
  border-left: none;
}

@media screen and (max-width: 992px) {
  .zz-sub-menu-item .zz-dropdown-item:last-child {
    border: none;
    color: #101828 !important;
  }
}

@media screen and (max-width: 992px) {
  .zz-sub-menu-item .zz-dropdown-item {
    background-color: transparent;
    box-shadow: none;
  }
}

@media screen and (max-width: 992px) {
  .zz-sub-menu-item {
    position: static;
    border: none;
    background-color: transparent;
    box-shadow: none;
  }

  .sub-menu .zz-sub-menu-item {
    border: none !important;
  }

  .sub-menu .zz-sub-menu-item .zz-dropdown-item {
    padding: 0.75rem 0em;
    padding-left: 0;
    flex-direction: row;
    align-self: start;
  }
}

/* OVERRIDE BOOTSTRAP */
.badge {
  border-radius: 1.5em;
  padding: 0.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  display: inline-flex;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1;
}

@media screen and (max-width: 992px) {
  .badge {
    font-size: 14px;
  }
}

.badge-primary {
  background: #4aa570;
  border: 1px solid transparent;
  color: white !important;
}

.badge-primary-outlined {
  background: #f7f9f6;
  border: 1px solid #4aa570;
  color: #4aa570 !important;
}

.badge-primary-dim {
  background: #f7f9f6;
  border: 1px solid transparent;
  color: #4aa570 !important;
}

.badge-tertiary {
  background: #fafafa;
  border: 1px solid transparent;
  color: #101828 !important;
}

.badge-danger {
  background: #b00000;
  border: 1px solid transparent;
  color: white !important;
}

.badge-hot {
  background: #e30000;
  border: 1px solid transparent;
  color: white !important;
}

@media screen and (max-width: 992px) {
  .badge {
    max-width: max-content;
    font-size: 14px;
    line-height: 1.6;
  }
}

table {
  width: 100%;
  border-collapse: collapse;
}

@media screen and (max-width: 992px) {
  table {
    display: block;
    overflow-x: auto;
    width: unset;
  }
}

table thead th,
table thead td {
  padding: 0.75rem 1.125rem;
  background: #fafafa;
  color: #101828;
  vertical-align: middle;
  word-break: keep-all;
  border: 1px solid rgb(224, 229, 234);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 1.75;
}

@media screen and (max-width: 992px) {

  table thead th,
  table thead td {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {

  table thead th,
  table thead td {
    white-space: normal;
  }
}

table tbody td {
  padding: 0.75rem 1.125rem;
  background-color: white;
  color: #101828;
  vertical-align: middle;
  word-break: keep-all;
  border: 1px solid rgb(224, 229, 234);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 1.75;
}

@media screen and (max-width: 992px) {
  table tbody td {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  table tbody td {
    min-width: 200px;
    white-space: normal;
  }
}

.dark-table thead th,
.dark-table thead td {
  background: #000;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: white;
}

.dark-table tbody td {
  background-color: rgb(15.3, 15.3, 15.3);
  color: white;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.nice-pricing-table thead .important {
  border-top: 2px solid rgb(48.1171548117, 241.8828451883, 129.0303002437) !important;
}

.nice-pricing-table tbody tr:is(:last-of-type) .important {
  border-bottom: 2px solid rgb(48.1171548117, 241.8828451883, 129.0303002437) !important;
}

.nice-pricing-table .important {
  border-right: 2px solid rgb(48.1171548117, 241.8828451883, 129.0303002437) !important;
  border-left: 2px solid rgb(48.1171548117, 241.8828451883, 129.0303002437) !important;
  font-weight: bold;
}

.zz-indicator-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0.75rem 0;
}

.zz-indicator-wrapper .scroll-indicator {
  display: inline-flex;
  padding: 0.375rem 0.75rem;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  border-radius: 0.56em;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  transition: all 0.221s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border: 1px solid rgb(224, 229, 234);
}

.zz-indicator-wrapper .scroll-indicator {
  background: white;
  color: rgb(23.2857142857, 34.9285714286, 58.2142857143);
}

@media (hover: hover) {
  .zz-indicator-wrapper .scroll-indicator:hover {
    background-color: rgb(239.075, 241.35, 243.625);
  }
}

@media screen and (min-width: 992px) {
  .zz-indicator-wrapper .scroll-indicator {
    display: none;
  }
}

.zz-tab-panel.hidden {
  display: none;
}

.zz-tabs {
  position: absolute;
  width: max-content;
  backdrop-filter: blur(10px);
  padding: 0.75rem 1.5rem;
  border-radius: 1.125rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
}

.zz-bg-black .zz-tabs {
  background-color: rgba(255, 255, 255, 0.18);
}

.zz-tabs {
  will-change: transform;
  transition: transform 0.121s ease-in-out, opacity 0.121s ease-in-out;
  transform-origin: center center;
  z-index: 1;
}

.zz-tabs.center {
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.zz-tabs.hidden {
  visibility: hidden;
}

.zz-tabs.fixed {
  position: fixed;
  z-index: 99999;
  top: 32px;
  left: 50%;
  visibility: visible !important;
}

.zz-bg-black .zz-tabs.fixed {
  background-color: rgba(0, 0, 0, 0.52);
}

.zz-tabs.fixed {
  background-color: rgba(255, 255, 255, 0.52);
  box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.6), 0px 0px 12px 2px rgba(0, 0, 0, 0.3), 0px 0px 24px 4px rgba(50, 50, 93, 0.44);
  backdrop-filter: blur(10px);
  transition: transform 0.121s ease-in-out, background-color 0.121s ease-in-out;
  transform: translateX(-50%) translateY(0%);
}

@media screen and (max-width: 992px) {
  .zz-tabs.fixed {
    top: 0;
    width: 100%;
    overflow-x: auto;
    border-radius: 0;
    transform: translate(0%, 0%) !important;
    left: 0;
    position: fixed;
  }

  .zz-tabs.fixed .zz-tab {
    flex: 0 0 auto;
  }
}

.zz-tab {
  text-decoration: none;
  padding-bottom: 0;
}

.zz-tab:not([data-color=dark]) {
  color: white;
}

.zz-tabs.fixed .zz-tab.active {
  color: #000 !important;
}

.zz-bg-black .zz-tabs.fixed .zz-tab.active {
  color: rgb(48.1171548117, 241.8828451883, 129.0303002437) !important;
}

.zz-tabs.fixed .zz-tab.active * {
  color: inherit;
}

.zz-tabs.fixed .zz-tab:not(.active) {
  color: rgba(16, 24, 40, 0.52) !important;
}

.zz-bg-black .zz-tabs.fixed .zz-tab:not(.active) {
  color: rgba(255, 255, 255, 0.52) !important;
}

.zz-tabs.fixed .zz-tab:not(.active) {
  opacity: 0.7;
}

.zz-tabs.fixed .zz-tab:not(.active) * {
  color: inherit;
}

.zz-tab {
  opacity: 0.4;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
  cursor: pointer;
}

.zz-tab.active {
  opacity: 1;
}

.zz-tabs.fixed .zz-tab.active {
  color: #000;
}

.nav-tabs {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  border-bottom: 4px solid #101828;
  text-decoration: none;
  opacity: 0.24;
  font-size: 1.563rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
  color: #000;
  transition: 0.121s ease-out;
}

.nav-tabs:not(.disabled) {
  cursor: pointer;
}

.nav-tabs.active {
  opacity: 1;
}

:is(.zz-bg-black, .zz-bg-black) .nav-tabs {
  opacity: 0.72;
  color: white;
}

:is(.zz-bg-black, .zz-bg-black) .nav-tabs.active {
  color: rgb(48.1171548117, 241.8828451883, 129.0303002437);
  opacity: 1;
}

:is(.zz-bg-black, .zz-bg-black) .nav-tabs>* {
  color: inherit;
}

.nav-tabs-link {
  cursor: pointer;
  border: 1px solid rgb(224, 229, 234);
  background-color: white;
}

.nav-tabs-link.active {
  background-color: #4aa570;
  color: white;
}

.nav-tabs-link.active * {
  font-weight: bold;
}

@media (hover: hover) {
  .nav-tabs-link:hover {
    text-decoration: none !important;
  }
}

:is(.zz-bg-black, .zz-bg-black) .nav-tabs-link {
  background-color: transparent;
  border: 1px solid rgb(224, 229, 234);
  color: white;
}

:is(.zz-bg-black, .zz-bg-black) .nav-tabs-link.active {
  background-color: #4aa570;
  border: 1px solid transparent;
  box-shadow: inset 0px 0px 3px 2px rgb(58.2092050209, 129.7907949791, 88.10041841);
}

.nav-pills-link {
  cursor: pointer;
  background-color: white;
  color: #101828;
  padding: 0.375rem 0.75rem;
  opacity: 0.7;
  border: 1px solid rgb(224, 229, 234);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {
  .nav-pills-link {
    font-size: 15px;
  }
}

.nav-pills-link.active {
  background-color: #1a192b;
  color: white;
}

.nav-pills-link.active * {
  font-weight: bold;
}

input:not(:placeholder-shown)[type=text]:focus:invalid,
input:not(:placeholder-shown)[type=email]:focus:invalid {
  border: 1px solid #e30000 !important;
}

input:not(:placeholder-shown)[type=text]:invalid,
input:not(:placeholder-shown)[type=email]:invalid {
  border: 1px solid #e30000 !important;
}

input:not(:placeholder-shown)[type=text]:focus:valid,
input:not(:placeholder-shown)[type=email]:focus:valid {
  border: 1px solid #4aa570 !important;
}

input:not(:placeholder-shown)[type=text]:valid,
input:not(:placeholder-shown)[type=email]:valid {
  border: 1px solid #4aa570 !important;
}

@media screen and (max-width: 992px) {
  input {
    font-size: 16px !important;
  }

  input::placeholder {
    font-size: 16px;
    vertical-align: middle;
  }
}

iframe {
  border-radius: 0.5625rem;
}

.custom-list-item {
  width: 100%;
  gap: 1.5rem;
  padding: 1.5rem;
  background: white;
}

.custom-list-item-bordered {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 1.5rem;
  padding: 1.5rem;
  background: white;
  border-top: 1px solid rgb(224, 229, 234);
  border-bottom: 1px solid rgb(224, 229, 234);
}

.custom-list-item-bordered+.custom-list-item-bordered {
  border-top: none;
}

.custom-list-item-bordered:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 0.5625rem;
  border-bottom-left-radius: 0.5625rem;
}

@media screen and (max-width: 992px) {
  .custom-list-item-bordered {
    margin-top: 0 !important;
  }
}

ul.list li {
  color: #101828;
  font-size: 1rem;
  font-weight: regular;
  letter-spacing: 0rem;
  line-height: 1.75;
}

@media screen and (max-width: 992px) {
  ul.list li {
    font-size: 15px;
  }
}

ul.list li+ul.list li {
  margin-left: 1.5rem;
}

.folder {
  background: #ffffff;
  border-radius: 0.5em;
  width: 100%;
  position: relative;
}

.folder-help {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -5%;
  display: flex;
  align-items: center;
  gap: 0rem 0.375rem;
}

/* ------- FOLDER SUMMARY */
.folder-summary {
  display: flex;
  align-items: center;
  line-height: 1;
  background: white;
  border-top-left-radius: 0.5625rem;
  border-top-right-radius: 0.5625rem;
  border-bottom: 1px solid rgb(224, 229, 234);
  padding-right: 0.75rem;
}

.folder-summary__details {
  padding: 1.5rem 2.25rem;
}

.folder-summary__details__name {
  color: rgba(0, 42, 40, 0.3);
  font-size: 16px;
  font-weight: 500;
}

.folder-summary__end {
  margin-left: auto;
}

/* ------------ FOLDER ITEM */
.folder-item {
  align-items: flex-start;
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 0.75rem;
  padding-left: 1.875rem;
  position: relative;
  border-bottom: 1px solid rgb(224, 229, 234);
}

.folder-item:last-child {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: white;
  background-color: #edf9f5;
  border-bottom: none;
  border-left: 8px solid rgb(103.1171548117, 186.8828451883, 138.0962343096);
}

.folder-item__details {
  padding: 1px 0 0 15px;
}

.folder-item__details__name {
  position: relative;
  color: rgba(0, 42, 40, 0.3);
  font-weight: 500;
}

.folder-item__details__date {
  margin-top: 10px;
  color: rgba(0, 42, 40, 0.3);
  line-height: 1.4;
}

.folder-item__size {
  margin-left: auto;
  color: #b5b4b5;
  font-size: 14px;
  font-weight: 400;
}

.pulse {
  border-radius: 100%;
  box-shadow: 0 0 0 10px rgba(103.1171548117, 186.8828451883, 138.0962343096, 0.4);
}

/* ----- */
.investment-simulation {
  display: flex;
  mix-blend-mode: multiply;
  flex-wrap: nowrap;
}

@media screen and (max-width: 992px) {
  .investment-simulation {
    display: none;
  }
}

.investment-simulation-icon {
  will-change: transform;
}

.investment-simulation .portrait {
  background-position: 50% 80%;
  transform-origin: right 50%;
}

.hero-section-wrapper .hero-section {
  align-items: center;
  gap: 5.8rem;
  z-index: 1;
  position: static;
}

@media screen and (max-width: 992px) {
  .hero-section-wrapper .hero-section {
    flex-wrap: wrap;
  }
}

.hero-section-wrapper .hero-section-title {
  flex: 1 0 500px;
}

@media screen and (max-width: 992px) {
  .hero-section-wrapper .hero-section-title {
    flex-basis: 100%;
  }
}

.hero-section-wrapper .hero-section .main-leading {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: #6e6e76;
  line-height: 1.15;
}

@media screen and (max-width: 992px) {
  .hero-section-wrapper .hero-section .main-leading {
    font-size: 1.2em;
  }
}

.hero-section-wrapper .hero-section-image-container {
  display: flex;
  gap: 1.5rem;
  margin-top: 3rem;
  align-items: stretch;
}

@media screen and (max-width: 992px) {
  .hero-section-wrapper .hero-section-image-container {
    display: none;
    flex-direction: column;
  }
}

.hero-section-wrapper .hero-section-image-wrapper {
  position: relative;
  flex: 1 2 auto;
  flex-direction: column;
  background-color: rgb(224, 229, 234);
  transition: background-color 0.121s ease-out;
  display: flex;
  border-radius: 0.5em;
  border: 1px solid rgb(224, 229, 234);
}

@media screen and (max-width: 992px) {
  .hero-section-wrapper .hero-section-image-wrapper {
    flex-basis: 100%;
  }
}

.hero-section-wrapper .hero-section-image-wrapper-header {
  position: relative;
  z-index: 2;
  padding: 10px 8px;
  background: linear-gradient(0deg, #d8d8d8, #ececec);
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.hero-section-wrapper .hero-section-image-wrapper img.hero-section-image {
  border-radius: 0.5em;
  width: 100%;
  height: clamp(500px, 100%, 1200px);
  object-fit: cover;
  object-position: 0% 0%;
}

@media screen and (max-width: 992px) {
  .hero-section-wrapper .hero-section-image-wrapper img.hero-section-image {
    min-width: 100px;
    max-width: 100%;
    min-height: 200px;
    max-height: 300px;
  }
}

.grid-2-1 {
  grid-template-columns: 2fr 1fr;
}

.grid-auto {
  grid-template-columns: auto;
}

.grid-4-6 {
  display: grid;
  grid-template-columns: 4fr 6fr;
}

@media screen and (max-width: 992px) {
  .grid-4-6 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-6-4 {
  display: grid;
  grid-template-columns: 6fr 4fr;
}

@media screen and (max-width: 992px) {
  .grid-6-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-3-7 {
  display: grid;
  grid-template-columns: 3fr 7fr;
}

@media screen and (max-width: 992px) {
  .grid-3-7 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-7-3 {
  display: grid;
  grid-template-columns: 7fr 3fr;
}

@media screen and (max-width: 992px) {
  .grid-7-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-2-8 {
  display: grid;
  grid-template-columns: 2fr 8fr;
}

@media screen and (max-width: 992px) {
  .grid-2-8 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-8-2 {
  display: grid;
  grid-template-columns: 8fr 2fr;
}

@media screen and (max-width: 992px) {
  .grid-8-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-1-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-1-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-1-0 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-1-0 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-0-1 {
  display: grid;
  grid-template-columns: repeat(0, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-0-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-1 {
  grid-column: 1 / 1;
}

@media screen and (max-width: 992px) {
  .grid-column-1 {
    grid-column: auto;
  }
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-2-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-2-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-2-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-2-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-1-2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-1-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-2 {
  grid-column: 1 / 2;
}

@media screen and (max-width: 992px) {
  .grid-column-2 {
    grid-column: auto;
  }
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-3-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-3-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-3-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-3-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-2-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-2-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-3 {
  grid-column: 1 / 3;
}

@media screen and (max-width: 992px) {
  .grid-column-3 {
    grid-column: auto;
  }
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-4-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-4-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-4-3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-4-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-3-4 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-3-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-4 {
  grid-column: 1 / 4;
}

@media screen and (max-width: 992px) {
  .grid-column-4 {
    grid-column: auto;
  }
}

.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-5 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-5-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-5-5 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-5-4 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-5-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-4-5 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-4-5 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-5 {
  grid-column: 1 / 5;
}

@media screen and (max-width: 992px) {
  .grid-column-5 {
    grid-column: auto;
  }
}

.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-6 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-6-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-6-6 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-6-5 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-6-5 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-5-6 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-5-6 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-6 {
  grid-column: 1 / 6;
}

@media screen and (max-width: 992px) {
  .grid-column-6 {
    grid-column: auto;
  }
}

.grid-7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-7 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-7-7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-7-7 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-7-6 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-7-6 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-6-7 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-6-7 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-7 {
  grid-column: 1 / 7;
}

@media screen and (max-width: 992px) {
  .grid-column-7 {
    grid-column: auto;
  }
}

.grid-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-8 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-8-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-8-8 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-8-7 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-8-7 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-7-8 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-7-8 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-8 {
  grid-column: 1 / 8;
}

@media screen and (max-width: 992px) {
  .grid-column-8 {
    grid-column: auto;
  }
}

.grid-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-9 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-9-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-9-9 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-9-8 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-9-8 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-8-9 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-8-9 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-9 {
  grid-column: 1 / 9;
}

@media screen and (max-width: 992px) {
  .grid-column-9 {
    grid-column: auto;
  }
}

.grid-10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-10 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-10-10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-10-10 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-10-9 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-10-9 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-9-10 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-9-10 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-10 {
  grid-column: 1 / 10;
}

@media screen and (max-width: 992px) {
  .grid-column-10 {
    grid-column: auto;
  }
}

.grid-11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-11 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-11-11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-11-11 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-11-10 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-11-10 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-10-11 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-10-11 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-11 {
  grid-column: 1 / 11;
}

@media screen and (max-width: 992px) {
  .grid-column-11 {
    grid-column: auto;
  }
}

.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-12 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-12-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-12-12 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-12-11 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-12-11 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-11-12 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
}

@media screen and (max-width: 992px) {
  .grid-11-12 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-column-12 {
  grid-column: 1 / 12;
}

@media screen and (max-width: 992px) {
  .grid-column-12 {
    grid-column: auto;
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-10 {
    grid-template-columns: repeat(10, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-11 {
    grid-template-columns: repeat(11, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .grid-sm-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}

.zz-order-1 {
  order: 1;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-1 {
    order: 1;
  }
}

.zz-order-2 {
  order: 2;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-2 {
    order: 2;
  }
}

.zz-order-3 {
  order: 3;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-3 {
    order: 3;
  }
}

.zz-order-4 {
  order: 4;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-4 {
    order: 4;
  }
}

.zz-order-5 {
  order: 5;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-5 {
    order: 5;
  }
}

.zz-order-6 {
  order: 6;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-6 {
    order: 6;
  }
}

.zz-order-7 {
  order: 7;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-7 {
    order: 7;
  }
}

.zz-order-8 {
  order: 8;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-8 {
    order: 8;
  }
}

.zz-order-9 {
  order: 9;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-9 {
    order: 9;
  }
}

.zz-order-10 {
  order: 10;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-10 {
    order: 10;
  }
}

.zz-order-11 {
  order: 11;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-11 {
    order: 11;
  }
}

.zz-order-12 {
  order: 12;
}

@media screen and (max-width: 992px) {
  .zz-sm-order-12 {
    order: 12;
  }
}

.process-grid-16 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 16px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-16 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-17 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 17px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-17 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-18 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 18px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-18 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-19 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 19px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-19 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-20 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 20px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-20 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-21 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 21px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-21 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-22 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 22px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-22 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-23 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 23px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-23 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-24 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 24px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-24 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-25 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 25px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-25 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-26 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 26px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-26 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-27 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 27px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-27 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-28 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 28px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-28 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-29 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 29px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-29 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-30 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 30px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-30 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-31 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 31px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-31 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-32 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 32px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-32 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-33 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 33px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-33 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-34 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 34px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-34 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-35 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 35px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-35 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-36 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 36px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-36 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-37 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 37px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-37 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-38 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 38px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-38 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-39 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 39px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-39 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.process-grid-40 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 40px);
  gap: 2.25rem 0.5625rem;
}

@media screen and (max-width: 992px) {
  .process-grid-40 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.before-and-after-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr) 24px);
  gap: 1.5rem;
}

@media screen and (max-width: 992px) {
  .before-and-after-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.feature-intro-grid {
  display: grid;
  grid-template-columns: 40% 60%;
}

@media screen and (max-width: 992px) {
  .feature-intro-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-1-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .auto-grid-1-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(594px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(594px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(592px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(590px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(588px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(586px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(584px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(582px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(578px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(576px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(574px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(572px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(570px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(568px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(566px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(564px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(562px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(560px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(558px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(556px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(554px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(552px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(548px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(546px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(544px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(542px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(540px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(538px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(536px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-2-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(534px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-2-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(396px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(396px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(393.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(390.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(388px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(385.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(382.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(377.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(374.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(372px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(369.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(366.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(364px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(361.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(358.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(356px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(353.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(348px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(345.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(342.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(337.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(334.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(332px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(329.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(326.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(324px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(321.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(318.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-3-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(316px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-3-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(297px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(297px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(294px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(291px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(279px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(276px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(273px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(267px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(264px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(261px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(252px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(249px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(246px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(243px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(237px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(234px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(231px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(222px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(219px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(213px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-4-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(207px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-4-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(237.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(237.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(234.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(231.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(224.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(221.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(218.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(215.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(208.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(205.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(202.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(199.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(192.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(189.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(186.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(183.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(176.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(173.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(167.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(157.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(154.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(151.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(144.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-5-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(141.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-5-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(198px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(198px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(194.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(191.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(184.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(181.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(174.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(171.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(161.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(154.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(151.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(144.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(141.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(134.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(131.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(124.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(121.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(114.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(111.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(101.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-6-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(98px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-6-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(169.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(169.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(166.2857142857px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(162.8571428571px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(159.4285714286px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(152.5714285714px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(149.1428571429px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(142.2857142857px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138.8571428571px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135.4285714286px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128.5714285714px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(125.1428571429px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(121.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118.2857142857px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(114.8571428571px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(111.4285714286px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104.5714285714px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(101.1428571429px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(97.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(94.2857142857px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(90.8571428571px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(87.4285714286px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(84px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80.5714285714px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(77.1428571429px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(73.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70.2857142857px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-7-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(66.8571428571px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-7-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(141.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(134.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(131px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(127.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(124px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(117px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(113.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(106.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(103px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(99.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(89px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(85.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(78.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(71.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(64.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(61px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(57.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(47px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-8-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(43.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-8-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128.4444444444px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(124.8888888889px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(121.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(117.7777777778px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(114.2222222222px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(107.1111111111px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(103.5555555556px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96.4444444444px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92.8888888889px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(89.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(85.7777777778px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82.2222222222px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(78.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(75.1111111111px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(71.5555555556px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(64.4444444444px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60.8888888889px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(57.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(53.7777777778px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50.2222222222px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(46.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(43.1111111111px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(39.5555555556px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(32.4444444444px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28.8888888889px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-9-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-9-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(115.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(111.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(97.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(93.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(86.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(79.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(75.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(68.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(64.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(61.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(57.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(46.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(43.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(39.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(32.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(21.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-10-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-10-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104.3636363636px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100.7272727273px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(97.0909090909px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(93.4545454545px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(89.8181818182px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(86.1818181818px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82.5454545455px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(78.9090909091px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(75.2727272727px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(71.6363636364px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(64.3636363636px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60.7272727273px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(57.0909090909px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(53.4545454545px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(49.8181818182px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(46.1818181818px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(42.5454545455px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(38.9090909091px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(35.2727272727px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31.6363636364px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24.3636363636px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20.7272727273px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17.0909090909px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13.4545454545px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.8181818182px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6.1818181818px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(2.5454545455px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-11-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(-1.0909090909px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-11-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(99px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(99px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(95.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(91.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(84.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(77px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(73.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(69.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(66px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(62.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(58.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(51.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(47.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(36.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(33px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(29.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(3.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(-3.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(-7.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.auto-grid-12-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(-11px, 1fr));
}

@media screen and (max-width: 992px) {
  .auto-grid-12-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.tile-grid-item,
.tile-grid-item-column {
  border-radius: 0.5em;
  display: flex;
  position: relative;
}

.tile-grid-item-column {
  flex-direction: column;
}

.tile-grid-item-content {
  max-height: 14rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: stretch;
  position: relative;
}

.tile-grid-item-content>.tile-image-default {
  position: relative;
  left: 54px;
  max-width: 100%;
  filter: saturate(1.2);
}

.horizontal-scroll {
  display: flex;
  backdrop-filter: blur(20px);
  align-items: stretch;
  gap: 0.75rem;
  max-width: 100vw;
  background-color: transparent;
}

.horizontal-scroll-text-area {
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.horizontal-scroll-item {
  border-radius: 0.5em;
}

.horizontal-scroll-item-image-wrapper {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  border-radius: 0.5em;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background: linear-gradient(rgba(190, 201, 220, 0), rgba(190, 201, 220, 0.4));
}

.horizontal-scroll-item-image-wrapper .mesh-gradient-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  min-height: 181px;
  pointer-events: none;
  mix-blend-mode: lighten;
}

@media screen and (max-width: 992px) {
  .horizontal-scroll-item-image-wrapper .mesh-gradient-canvas {
    min-height: 236px;
  }
}

@media screen and (max-width: 992px) {
  .horizontal-scroll-item-image-wrapper .mesh-gradient-fade-canvas {
    min-height: 236px;
  }
}

.horizontal-scroll-item-image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.horizontal-scroll-item-funding-round,
.horizontal-scroll-item-logo {
  background-color: rgb(234.525, 241.35, 248.175);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5em;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
}

.horizontal-scroll-item-image {
  object-fit: cover;
  object-position: center;
  user-select: none;
  width: 350px;
  height: 460px;
}

@media screen and (max-width: 992px) {
  .horizontal-scroll-item-image {
    width: 240px;
    height: 16rem;
  }
}

@media (hover: hover) {
  .horizontal-scroll-item-title:hover:hover {
    text-decoration: underline;
  }
}

.horizontal-scroll-item-description {
  margin-bottom: 0.75rem;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 700;
  line-height: 1.5;
  word-break: keep-all;
}

.horizontal-scroll-item:has(.mesh-gradient-canvas) .horizontal-scroll-item-image-wrapper {
  background: black;
}

.horizontal-scroll-item.has-mesh-gradient .horizontal-scroll-item-image-wrapper {
  background: black;
}

.horizontal-scroll-dim-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 1;
  pointer-events: none;
}

.scroll-button {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.75);
  color: black;
  backdrop-filter: blur(4px);
  transition: all 0.112s ease-out;
}

.scroll-button.button {
  min-width: 32px;
  padding: 0;
  border-radius: 0.25em;
}

.scroll-button.disabled {
  opacity: 0.5;
  pointer-events: none;
  transform: scale(0.85);
}

@media (hover: hover) {
  .scroll-button:hover:hover:not(.disabled) {
    transform: scale(1.2);
  }
}

@keyframes gradientShift {

  0%,
  100% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

section {
  padding: 6rem 4.5rem;
  position: relative;
}

@media screen and (max-width: 992px) {
  section {
    padding: 4.5rem 1.125rem;
  }
}

section .jumbotron-title {
  margin-top: 0;
  color: #000;
  font-size: 3.052rem;
  font-weight: #000;
  letter-spacing: -0.02rem;
  line-height: 1.4;
  color: #4aa570;
}

section .section-large-title {
  font-size: 1.953rem;
  font-weight: 700;
  letter-spacing: -0.015rem;
  line-height: 1.56;
  color: #000;
  word-break: keep-all;
  word-wrap: break-word;
}

section .section-large-description {
  font-size: 1.563rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.6;
  color: #000;
}

section .section-title {
  font-size: 1.563rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
  color: #000;
  word-break: keep-all;
  word-wrap: break-word;
}

section .section-description {
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  line-height: 1.75;
  color: #101828;
}

section.zz-bg-black-dim+section.zz-bg-black-dim,
section.zz-bg-light+section.zz-bg-light,
section.zz-bg-white+section.zz-bg-white {
  padding-top: 0.75rem;
}

:is(.hero-section-wrapper, .hero-section, [class*=hero-section])+section:is(.zz-bg-white) {
  padding-top: 0;
}

section.intro+section,
section.intro+.cta,
section.outro+section,
section.outro+.cta {
  padding-top: 0;
}

section#number-of-company-after-inquiry+#footer {
  margin-top: 6rem;
}

.notification {
  width: 100%;
  overflow: hidden;
  top: 0;
  z-index: 9999;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
  background-size: cover;
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

.notification {
  text-decoration: none;
}

@media (hover: hover) {
  .notification:hover {
    text-decoration: underline;
  }
}

.notification {
  text-decoration: none;
}

@media (hover: hover) {
  .notification:hover {
    text-decoration: none;
  }
}

@media screen and (min-width: 992px) {
  .notification {
    height: 4.8em;
  }
}

@media screen and (max-width: 992px) {
  .notification {
    justify-content: center;
    gap: 0.75rem;
  }
}

.notification {
  background: url("/assets/images/cloud-voucher-2025-bg.jpg") no-repeat center center;
  background-size: cover;
  transition: all 0.221s ease-out;
  animation: background-image 240s linear infinite forwards;
}

.zz-bg-black .notification {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

@keyframes background-image {
  0% {
    background-position-y: 20%;
  }

  100% {
    background-position-y: 30%;
  }
}

@media screen and (max-width: 992px) {
  .notification__image {
    display: none;
  }
}

.notification__content,
.notification__content * {
  font-size: 15px;
  color: white;
}

@media screen and (max-width: 992px) {

  .notification__content,
  .notification__content * {
    flex: 0 0 auto;
    text-align: center;
  }
}

.notification__arrow {
  color: inherit;
  opacity: 1;
  font-size: 14px;
  display: none;
}

@media screen and (max-width: 992px) {
  .notification__arrow {
    display: block;
    flex: 0 0 14px;
    color: #01eb67;
    font-size: 14px;
  }
}

.module-item {
  border: 1px solid rgb(224, 229, 234);
}

@media screen and (max-width: 992px) {
  .module-item {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.module-item-title {
  font-size: 1.563rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
  color: #000;
  word-break: keep-all;
  word-wrap: break-word;
}

.module-item-content {
  font-size: 1.125rem;
}

.module-item-image {
  width: 100%;
}

.zz-pagination {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 0.5625rem;
}

.zz-pagination li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 0.5em;
  color: #101828;
  width: 1.75em;
  padding: 0.16em;
}

.zz-pagination li a {
  color: inherit;
  text-decoration: none;
}

.zz-pagination-active {
  background-color: #4aa570;
}

.zz-pagination-active a {
  color: white !important;
}

.expandable-list__item--hidden {
  display: none !important;
}

.expandable-list__toggle {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.375rem;
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.221s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (hover: hover) {
  .expandable-list__toggle:hover {
    text-decoration: underline;
  }
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .expandable-list__toggle {
  color: inherit;
}

.expandable-list__toggle-text {
  margin-top: 0.375rem;
}

.expandable-list__toggle-icon {
  flex-shrink: 0;
  transition: transform 0.221s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-item {
  background-color: white;
  border: 1px solid rgb(224, 229, 234);
  border-radius: 0.875rem;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.faq-item + .faq-item {
  margin-top: 0.75rem;
}

.faq-item[open] {
  border-color: rgba(9, 184, 74, 0.35);
}

.faq-item[open] .faq-item__icon {
  transform: rotate(180deg);
}

.faq-item[open] .faq-item__question {
  background-color: rgba(9, 184, 74, 0.06);
}

.faq-item__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0.9375rem;
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: background-color 0.3s ease;
}

.faq-item__question:hover {
  background-color: rgba(9, 184, 74, 0.06);
}

.faq-item__question::-webkit-details-marker {
  display: none;
}

.faq-item__question-text {
  display: flex;
  margin: 0;
  flex: 1;
  align-items: center;
  color: inherit;
  font-weight: 500;
  gap: 0.75rem;
}

.faq-item__question-marker {
  flex-shrink: 0;
  color: #000;
  font-weight: 700;
}

.faq-item__toggle {
  display: flex;
  margin-left: 0.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.faq-item__icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  color: #000;
  transition: transform 0.3s ease;
}

.faq-item__answer {
  background-color: rgba(9, 184, 74, 0.03);
  border-top: 1px solid rgb(224, 229, 234);
}

.faq-item__answer-content {
  display: flex;
  padding: 0.75rem 0.9375rem;
  align-items: flex-start;
  gap: 0.75rem;
}

.faq-item__answer-marker {
  flex-shrink: 0;
  color: #4aa570;
  font-size: inherit;
  font-weight: 700;
}

.faq-item__answer-text {
  font-weight: 400;
  color: #101828;
  flex: 1;
  line-height: 1.65;
}

.faq-item__answer-text a {
  color: #000;
  text-decoration: underline;
}

.faq-item__answer-text a:hover {
  color: #000;
}

.faq-item__answer-text p+p {
  margin-top: 0.9375rem;
}

.faq-item__answer-text ul,
.faq-item__answer-text ol {
  margin-top: 0.75rem;
  padding-left: 1.5rem;
}

.faq-item__answer-text li {
  margin-bottom: 0.375rem;
}

@media screen and (max-width: 992px) {
  .faq-item__question {
    padding: 0.5625rem 0.75rem;
  }

  .faq-item__answer-content {
    padding: 0.5625rem 0.75rem;
  }

  .faq-item__question-text {
    font-size: 1rem;
  }
}

.faq-category__header {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.faq-category__header:first-child {
  margin-top: 0;
}

.faq-category__title {
  margin: 0;
  color: #000;
  font-weight: 700;
}

.faq-section__title {
  margin-bottom: 2.25rem;
  font-weight: 700;
  text-align: center;
}

.zz-bg-black .faq-item {
  background-color: rgba(0, 0, 0, 0.8);
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

@media (hover: hover) {
  .zz-bg-black .faq-item:hover {
    background-color: rgb(50, 50, 50);
  }
}

.zz-bg-black .faq-item[open] .faq-item__question {
  background-color: rgb(50, 50, 50);
}

.zz-bg-black .faq-item__question {
  color: white;
}

.zz-bg-black .faq-item__question-text {
  color: white;
}

.zz-bg-black .faq-item__question-marker {
  color: #01eb67;
}

.zz-bg-black .faq-item__icon {
  color: white;
}

.zz-bg-black .faq-item__answer {
  background-color: rgba(0, 0, 0, 0.7);
  border-top-color: rgba(255, 255, 255, 0.2);
}

.zz-bg-black .faq-item__answer-marker {
  color: #01eb67;
}

.zz-bg-black .faq-item__answer-text {
  color: rgba(255, 255, 255, 0.8);
}

.zz-bg-black .faq-item__answer-text a {
  color: #01eb67;
  text-decoration: underline;
}

.zz-bg-black .faq-item__answer-text a:hover {
  color: white;
}

.zz-bg-black .faq-category__title {
  color: white;
}

.zz-bg-black .faq-section__title {
  color: white;
}

.connector-wrapper {
  flex: 10 10 auto;
}

@media screen and (max-width: 992px) {
  .connector-wrapper {
    flex-basis: calc((100% - 4px - 50px) / 2);
  }
}

.connector-wrapper .connector {
  min-width: 32px;
}

.connector-wrapper .connector.margin-left-auto {
  margin-left: auto;
}

.connector-wrapper .connector.margin-right-auto {
  margin-right: auto;
}

.connector-wrapper .connector {
  background-color: rgb(173.5355648536, 218.4644351464, 192.2970711297);
  height: 1px;
  transform: scaleX(0);
  width: 100%;
}

@media screen and (max-width: 992px) {
  .connector-wrapper .connector {
    margin-right: 0;
    margin-left: 0;
  }
}

.main-title-wrapper .main-title {
  position: relative;
  margin-left: -0.3%;
  font-size: clamp(3rem, 4.5vw, 4rem);
  font-weight: 900;
  line-height: 1.35;
  color: #000;
  letter-spacing: -0.03em;
}

.main-title-wrapper .main-title-black {
  display: inline-block;
  color: #4aa570;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .main-title-wrapper .main-title {
    font-size: clamp(2.4rem, 2vw, 3rem);
  }
}

.main-title-wrapper .main-title-large {
  color: #000;
  font-size: 6rem;
}

@media screen and (max-width: 992px) {
  .main-title-wrapper .main-title-large {
    width: 100%;
    font-size: 3rem;
  }
}

:is(.zz-bg-black, .zz-bg-black) .main-title-large {
  color: white;
}

.hero-section .main-title,
.hero-text .main-title {
  font-size: clamp(2.5rem, 2vw, 4rem);
}

@media screen and (max-width: 992px) {

  .hero-section .main-title,
  .hero-text .main-title {
    font-size: clamp(2.4rem, 3vw, 3rem);
  }
}

.main-title.feature,
.main-title *.content {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}

@media screen and (max-width: 992px) {

  .main-title.feature,
  .main-title *.content {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 992px) {

  .main-title.feature svg,
  .main-title *.content svg {
    width: 2.2rem;
  }
}

.main-title.pricing {
  font-size: clamp(3.2rem, 3vw, 3rem);
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}

@media screen and (max-width: 992px) {
  .main-title.pricing svg {
    width: 2.2rem;
  }
}

:is(.zz-bg-purple,
  .zz-bg-brown,
  .zz-bg-primary,
  .zz-bg-black,
  .zz-bg-black-dim) .main-title,
:is(.zz-bg-purple,
  .zz-bg-brown,
  .zz-bg-primary,
  .zz-bg-black,
  .zz-bg-black-dim) .main-subtitle,
:is(.zz-bg-purple,
  .zz-bg-brown,
  .zz-bg-primary,
  .zz-bg-black,
  .zz-bg-black-dim) .main-leading {
  color: white !important;
}

:is(.zz-bg-purple,
  .zz-bg-brown,
  .zz-bg-primary,
  .zz-bg-black,
  .zz-bg-black-dim) .main-title {
  font-weight: 700;
}

.main-title-wrapper .main-subtitle {
  margin-top: 0.75rem;
  color: #6e6e76;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.56;
}

@media screen and (max-width: 992px) {
  .main-title-wrapper .main-subtitle {
    font-size: 1.2em;
  }
}

.main-title-wrapper .text-link {
  display: inline-flex;
  align-items: center;
}

.main-title-wrapper .text-link svg {
  width: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out;
}

@media screen and (max-width: 992px) {
  .main-title-wrapper .text-link svg {
    display: none;
  }
}

.main-title-wrapper .text-link:hover svg {
  opacity: 1;
  width: 2.25rem;
  margin: 0 0.375rem 0 0;
}

@media screen and (max-width: 992px) {
  .main-title-wrapper .text-link:hover svg {
    display: none;
  }
}

.main-title-v2-wrapper .main-title-v2 {
  font-size: clamp(1.75rem, 1.75vw, 3rem);
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  color: #9ca4a2;
}

@media screen and (max-width: 992px) {
  .main-title-v2-wrapper .main-title-v2 svg {
    width: 2.2rem;
  }
}

.main-title-v2-wrapper .main-title-v2 *:is(.highlight) {
  color: #01eb67;
}

.hero-hero-section-animation .main-title-v2 *:is(.highlight) {
  opacity: 0.2;
}

.main-text-block-wrapper .main-text-block {
  text-align: center;
}

.main-text-block-wrapper .main-text-block .subtitle {
  margin-bottom: 0.25em;
  color: inherit;
}

.main-text-block-wrapper .main-text-block .title {
  color: inherit;
}

.main-text-block-wrapper {
  margin-bottom: 2.25rem;
}

.main-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 92px;
  align-items: stretch;
  gap: 12px;
  min-width: 404px;
  flex: 3 0 40%;
}

@media screen and (min-width: 992px) {
  .main-grid-wrapper {
    max-width: 404px;
  }
}

@media screen and (max-width: 480px) {
  .main-grid-wrapper {
    grid-auto-rows: calc((100vw - 36px) / 5);
    grid-template-columns: repeat(4, calc((100vw - 36px) / 5));
  }
}

.main-grid-wrapper .grid-item {
  padding: 4px;
  background-color: white;
  border: 1px solid transparent;
  color: rgb(196, 196, 196);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  word-break: keep-all;
  line-height: 1.3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  user-select: none;
  position: relative;
}

@media screen and (max-width: 480px) {
  .main-grid-wrapper .grid-item {
    font-size: 11px;
  }
}

.main-grid-wrapper .grid-item img {
  width: 14px;
  filter: grayscale(1);
}

.main-grid-wrapper .grid-item img.head {
  width: 24px;
  filter: grayscale(0);
}

.main-grid-wrapper .grid-item img.active {
  filter: grayscale(0);
}

.main-data-wrapper {
  overflow: hidden;
}

.main-data-wrapper .overflow-horizontal-scroll-container {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0.75rem 0;
  gap: 1.5rem;
}

.main-data-wrapper .main-data-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  text-align: center;
  padding: 0;
  flex: 1 0 160px;
}

@media screen and (max-width: 992px) {
  .main-data-wrapper .main-data-item {
    flex: 1 0 160px;
  }
}

.main-data-wrapper .main-data-item-count {
  font-size: 1.953rem;
  font-weight: bold;
  letter-spacing: -0.015rem;
  line-height: 1.5;
  min-height: 34px;
  letter-spacing: -0.01em;
  color: #000;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .main-data-wrapper .main-data-item-count {
    text-align: center;
  }
}

.main-data-wrapper .main-data-item-label {
  font-size: 1.15rem;
  font-weight: medium;
  letter-spacing: -0.01rem;
  line-height: 1.5;
  color: #101828;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .main-data-wrapper .main-data-item-label {
    text-align: center;
  }
}

@media screen and (max-width: 992px) {
  .main-data-wrapper .main-data-item {
    justify-content: center;
  }
}

.main-animation-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 3rem 3rem 3rem;
}

@media screen and (max-width: 992px) {
  .main-animation-wrapper {
    padding: 16px;
    gap: 12px;
  }
}

.main-animation-terminal {
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #f0faf0;
  border-radius: 0.5em;
}

@media screen and (max-width: 992px) {
  .main-animation-terminal {
    display: none !important;
  }
}

@media screen and (max-width: 992px) {
  .main-animation-terminal {
    padding-bottom: 0;
  }
}

.main-animation-terminal-header {
  background-color: rgb(201.75, 237.25, 201.75);
  padding: 0.9rem 0.75rem;
}

.main-animation-terminal-header-text {
  color: rgb(42.4184100418, 94.5815899582, 64.2008368201);
  font-size: 14px;
  font-weight: 500;
}

.logo-wrapper {
  background-color: white;
  flex: 1 100 20px;
  border-radius: 2.5em;
}

@media screen and (max-width: 992px) {
  .logo-wrapper {
    width: 20px;
    height: 100px;
    flex-basis: 50px;
  }
}

@media screen and (max-width: 992px) {
  .logo-wrapper .logo {
    scale: 0.8;
  }
}

.example-image-wrapper {
  background-color: #f8f9fa;
  position: relative;
  z-index: 1;
  margin-bottom: 420px;
}

@media screen and (max-width: 992px) {
  .example-image-wrapper {
    display: none !important;
  }
}

.example-image-wrapper .example-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transform: translateY(-100px);
}

.example-image-wrapper .example-image img {
  max-height: 640px;
  object-fit: cover;
  object-position: 0% 0%;
}

.example-image-wrapper .example-image-item {
  position: relative;
}

.example-image-wrapper .example-image-item:not(:nth-child(2)) img {
  max-height: 550px;
}

.example-image-wrapper .example-image-item img {
  position: relative;
  z-index: 1;
}

.main-feature-card-wrapper {
  margin-top: 1.5rem;
  gap: 1.875rem;
}

.main-feature-card-wrapper:has(.no-padding) {
  margin-top: 3rem;
  gap: 3rem;
}

.main-feature-card-wrapper .main-feature-card {
  position: relative;
  z-index: 1;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: none;
  border: 1px solid rgb(224, 229, 234);
  border-radius: 0.5em;
}

@media (hover: hover) {
  .main-feature-card-wrapper .main-feature-card:hover {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px;
  }
}

.main-feature-card-wrapper .main-feature-card:not(.main-feature-card-cta) {
  background-color: white;
}

@media screen and (max-width: 992px) {
  .main-feature-card-wrapper .main-feature-card {
    padding: 0;
    flex-wrap: wrap;
  }
}

.main-feature-card-wrapper .main-feature-card-title-and-subtitle-wrapper {
  display: flex;
  padding: 1.5rem;
  gap: 0.75rem;
}

.main-feature-card-wrapper .main-feature-card-title-and-subtitle-wrapper.no-padding {
  padding: 0;
}

.main-feature-card-wrapper .main-feature-card-title {
  margin-bottom: 0.75rem;
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.main-feature-card-wrapper .main-feature-card-title.cta {
  color: white;
}

.main-feature-card-wrapper .main-feature-card-emoji {
  margin-top: 0.1875rem;
}

.main-feature-card-wrapper .main-feature-card-subtitle {
  color: #6e6e76;
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  line-height: 1.8;
  font-weight: 700;
  line-height: 1.5;
  transition: 0.121s ease-out;
  word-break: keep-all;
}

@media screen and (max-width: 992px) {
  .main-feature-card-wrapper .main-feature-card-subtitle {
    word-break: break-all;
  }
}

.main-feature-card-wrapper .main-feature-card-subtitle.cta {
  color: white;
}

.main-feature-card-wrapper .main-feature-card-link {
  margin-top: 0.5em;
}

.main-feature-card-wrapper .main-feature-card-image-wrapper {
  background-color: #f6f6f6;
  padding: 1.5rem;
  width: 100%;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  position: relative;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .main-feature-card-wrapper .main-feature-card-image-wrapper {
    border-top: 1px solid #ddd;
  }
}

.main-feature-card-wrapper .main-feature-card-image {
  width: 100%;
  height: 300px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  z-index: 1;
  position: relative;
  transition: all 0.121s ease-out;
}

.main-feature-card-wrapper .main-feature-card-image.no-max-width {
  max-width: none;
}

.main-feature-card-wrapper .main-feature-card-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #f7f9f6;
  min-height: calc(360px + 12rem);
}

@media screen and (max-width: 992px) {
  .main-feature-card-wrapper .main-feature-card-cta {
    min-height: calc(200px + 12rem);
  }
}

:is(.even-items) {
  margin-top: 6rem;
}

@media screen and (max-width: 992px) {
  :is(.even-items) {
    margin-top: 0;
  }
}

:is(.zz-bg-black) .main-feature-card {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px;
  background-color: #ffffff;
}

@media (hover: hover) {
  :is(.zz-bg-black) .main-feature-card:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 15px 35px;
  }
}

:is(.zz-bg-black) .main-feature-card-title.cta {
  color: white;
}

:is(.zz-bg-black) .main-feature-card-cta {
  background-color: #000;
}

.main-faq-wrapper .main-faq-item {
  border: 1px solid rgb(224, 229, 234);
  border-radius: 0.5em;
  transition: background-color 0.121s ease-out;
  background: white;
}

@media (hover: hover) {
  .main-faq-wrapper .main-faq-item:not([open]):hover {
    background-color: rgb(247.35, 247.35, 247.35);
  }
}

.main-faq-wrapper .main-faq-item-summary {
  padding: 0.75rem 1.5rem;
  color: #101828;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: -0.01rem;
  font-weight: 500;
  line-height: 1.7;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.main-faq-wrapper .main-faq-item-details {
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  line-height: 1.7;
  max-width: 80%;
  word-break: keep-all;
  padding: 1.5rem;
  padding-top: 0rem;
}

@media screen and (max-width: 992px) {
  .main-faq-wrapper .main-faq-item-details {
    max-width: 100%;
    word-break: break-all;
  }
}

.main-wrapper {
  padding-bottom: 0rem;
  z-index: 1;
}

@media screen and (max-width: 992px) {
  .main-wrapper {
    min-height: unset;
    padding-bottom: 3.75rem;
  }
}

.partner-info p {
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  line-height: 1.75;
  color: #101828;
  margin: 1.4em 0em;
}

.partner-info h2,
.partner-info h3 {
  margin: 2.5em 0em 1em;
}

.partner-info h4,
.partner-info h5 {
  margin: 2em 0em 1em;
  font-weight: bold;
}

.partner-info ul {
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  line-height: 1.75;
  color: #101828;
  margin-left: 1.275rem;
}

.partner-info ul li {
  list-style: initial;
  list-style-position: outside;
}

.partner-info ul li ul {
  margin-left: 1.5rem;
}

.partner-info ul li ul li {
  list-style: circle;
  list-style-position: outside;
}

.partner-info ol li {
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  line-height: 1.75;
  color: #101828;
  list-style: decimal;
  list-style-position: inside;
}

.partner-info table {
  border-collapse: collapse;
  width: 100%;
}

.partner-info table th {
  max-width: 10.5rem;
  background-color: #f8f9fa !important;
}

.partner-info table th,
.partner-info table td {
  word-break: keep-all;
  vertical-align: middle;
  padding: 0.75rem 1.125rem;
  border: 1px solid rgb(224, 229, 234);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 1.6;
}

@media screen and (max-width: 992px) {

  .partner-info table th,
  .partner-info table td {
    font-size: 15px;
  }
}

.partner-info table ul {
  margin-left: 0.75rem;
}

.partner-info table ul li {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 1.6;
}

@media screen and (max-width: 992px) {
  .partner-info table ul li {
    font-size: 15px;
  }
}

.partner-info table ul lili::marker {
  color: #101828;
}

.partner-info table p {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 1.6;
}

@media screen and (max-width: 992px) {
  .partner-info table p {
    font-size: 15px;
  }
}

.partner-info table * {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.75;
}

@media screen and (max-width: 992px) {
  .partner-info table * {
    font-size: 14px;
  }
}

.partner-info .figure-caption p {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.75;
}

@media screen and (max-width: 992px) {
  .partner-info .figure-caption p {
    font-size: 14px;
  }
}

.partner-interview-panel {
  border-radius: 0.5em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2.25rem;
  padding: 1.5rem 1.875rem;
  background: rgb(240.9008097166, 244.4433198381, 251.5991902834);
}

.zz-bg-black .partner-interview-panel {
  background-color: rgb(25.5, 25.5, 25.5);
}

.partner-interview-panel__info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  flex-grow: 3;
  padding: 0.75rem 0 0;
}

.partner-interview-panel__info-wrapper p {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 1.7;
}

@media screen and (max-width: 992px) {
  .partner-interview-panel__info-wrapper p {
    font-size: 15px;
  }
}

.partner-interview-panel__info-wrapper h5,
.partner-interview-panel__info-wrapper p {
  margin: 0;
  color: rgb(9.4834008097, 19.3619433198, 39.3165991903);
}

.partner-interview-panel__links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5625rem;
}

.partner-interview-panel__links .button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.1875rem;
}

@media (hover: hover) {
  .partner-interview-panel__links .button:hover svg {
    transition: 0.121s ease-out;
    transform: translateX(4px);
  }
}

.partner-interview-panel__image {
  border-radius: 0.5em;
  align-self: stretch;
  max-width: 20rem;
  flex-grow: 1;
  overflow: hidden;
}

.partner-interview-panel__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 992px) {
  .partner-interview-panel__image {
    display: none;
  }
}

.content-card__thumbnail {
  border-radius: 0.5em;
  border: 1px solid rgb(224, 229, 234);
  display: block;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 1.89/1;
}

.content-card__thumbnail-image {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.121s ease-out;
}

:is(.content-card__thumbnail:hover) .content-card__thumbnail-image {
  transform: scale(1.03);
}

.content-card__thumbnail-image_logo {
  position: absolute;
  top: 8px;
  left: 8px;
  overflow: hidden;
  background: white;
  border: 1px solid white;
  border-radius: 50%;
  object-fit: scale-down;
}

.content-card__title {
  word-break: keep-all;
}

.content-card__title_size_s {
  font-size: 1.15rem;
  font-weight: bold;
  letter-spacing: -0.01rem;
  line-height: 1.5;
}

.content-card__title_size_m {
  font-size: 1.15rem;
  font-weight: bold;
  letter-spacing: -0.01rem;
  line-height: 1.5;
}

.content-card__title_size_l {
  font-size: 1.953rem;
  font-weight: 700;
  letter-spacing: -0.015rem;
  line-height: 1.5;
  color: #000;
}

.content-card_theme_list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6875rem;
}

@media screen and (max-width: 992px) {
  .content-card_theme_list {
    flex-direction: column;
    align-items: stretch;
  }
}

.content-card_theme_list .content-card__thumbnail {
  width: clamp(6em, 12vw, 10em);
  height: 8em;
  aspect-ratio: unset;
}

@media screen and (max-width: 992px) {
  .content-card_theme_list .content-card__thumbnail {
    width: 100%;
  }
}

.content-card_theme_card_s {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.375rem;
}

.content-card_theme_card_m {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0.375rem;
}

.content-card_theme_card_l {
  gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 992px) {
  .content-card_theme_card_l {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .content-card_theme_card_l {
    gap: 0.75rem;
  }
}

/* 2026-08-29 이관 — layouts/partials/content-card.html(가이드/GP 인터뷰 카드 그리드가
   쓰는 파셜, .content-card__tags-item--*·.content-card__format-*·.content-card__image)
   이 인라인 <style>로 내보내던 블록을 여기로 옮겼다. 원래는 page.Store 기반 "페이지당
   한 번만 출력" 가드로 중복을 막았는데, hugo server 증분 재빌드에서 그 가드 상태가
   페이지 경계를 넘어 새는 버그가 반복됐다(2026-08-28·29, 카드 CSS가 통째로 안 나가
   썸네일이 브라우저 기본 크기로 깨짐). 이 컴포넌트는 어차피 사이트 전역에서 재사용되므로
   — 가드 자체를 없애고 다른 전역 컴포넌트처럼 한 번만 여기 둔다. 재발할 수 없다. */
.content-card__tags-item--primary {
  display: inline-block;
  padding: 0.2rem 0.7rem;
  border-radius: 999px;
  background: rgba(9, 184, 74, 0.12);
  color: #0a8f3c;
  font-weight: 700;
  font-size: 0.75rem;
  text-decoration: none;
}
.content-card__tags-item--secondary {
  display: inline-block;
  padding: 0.2rem 0.7rem;
  border-radius: 999px;
  border: 1.5px solid #c3d6c9;
  color: #4b6b56;
  font-weight: 600;
  font-size: 0.75rem;
}
.content-card__format-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.375rem;
  background: rgba(0, 0, 0, 0.06);
  color: #6b7280;
  font-weight: 600;
  font-size: 0.6875rem;
}
.content-card__format-text {
  color: #6b7280;
  font-weight: 600;
  font-size: 0.75rem;
}
.content-card__image {
  display: block;
  width: 100%;
  height: 10rem;
  object-fit: cover;
  border-radius: 0.5rem;
}

.related-content .content-card__title {
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: -0.01rem;
  line-height: 1.4;
}

.related-content .content-card__body {
  color: #101828;
  opacity: 0.89;
  font-size: 1rem;
  font-weight: medium;
  letter-spacing: 0rem;
  line-height: 1.7;
}

@media screen and (max-width: 992px) {
  .related-content .content-card__body {
    font-size: 15px;
  }
}

.partner-banner {
  border-radius: 0.5em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
  padding: 0.9375rem 1.5rem;
}

.partner-banner_blue {
  background: rgb(240.9008097166, 244.4433198381, 251.5991902834);
}

.partner-banner__description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.125rem;
}

.partner-banner__link {
  color: inherit;
  font-weight: 500;
}

.toc {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}

@media screen and (min-width: 992px) {
  .toc {
    position: sticky;
    top: 80px;
    align-self: start;
  }
}

@media screen and (max-width: 992px) {
  .toc {
    padding: 1.5rem 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
}

.toc__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  margin-bottom: 1.125rem;
  gap: 0.375rem;
  font-weight: 700;
  opacity: 0.32;
}

.toc__list {
  list-style: none !important;
}

.toc__list #TableOfContents {
  padding: 0;
  box-shadow: none;
}

.toc__list #TableOfContents ol li {
  list-style: none;
}

.toc__list #TableOfContents ol li::marker {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 1.4;
}

@media screen and (max-width: 992px) {
  .toc__list #TableOfContents ol li::marker {
    font-size: 15px;
  }
}

.toc__list #TableOfContents ol li a {
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 1.4;
}

@media screen and (max-width: 992px) {
  .toc__list #TableOfContents ol li a {
    font-size: 15px;
  }
}

.toc__list #TableOfContents ol li ol {
  padding-left: 0.75rem;
  margin: 0.63rem 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  gap: 0.375rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}

.toc__list #TableOfContents ol li ol li::marker {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {
  .toc__list #TableOfContents ol li ol li::marker {
    font-size: 14px;
  }
}

.toc__list #TableOfContents ol li ol li a {
  opacity: 0.8;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {
  .toc__list #TableOfContents ol li ol li a {
    font-size: 14px;
  }
}

.toc__list #TableOfContents ol li ol li a>strong {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {
  .toc__list #TableOfContents ol li ol li a>strong {
    font-size: 14px;
  }
}

.toc__list #TableOfContents>ol {
  gap: 0.5625rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}

.toc__list .markdown #TableOfContents {
  box-shadow: none;
}

.toc__list .markdown #TableOfContents ol li {
  padding: 0.375rem;
  list-style: none;
}

.toc__list .markdown #TableOfContents ol li::marker {
  font-size: 1.563rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.4;
}

.toc__list .markdown #TableOfContents ol li a {
  font-size: 1.563rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.4;
}

.qna__wrapper {
  width: unset;
  max-width: 40rem;
}

@media screen and (max-width: 992px) {
  .qna__wrapper {
    width: 100%;
  }
}

.qna__img {
  max-width: 40rem;
  height: 60px;
  flex-shrink: 0;
}

.qna__img_q {
  filter: grayscale(100%);
}

@media screen and (max-width: 992px) {
  .qna__img {
    width: 30px;
    height: 30px;
  }
}

.feature-grid-section-items.feature-grid-1-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-1-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-1-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(594px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(594px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(592px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(590px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(588px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(586px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(584px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(582px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(578px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(576px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(574px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(572px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(570px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(568px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(566px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(564px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(562px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(560px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(558px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(556px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(554px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(552px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(548px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(546px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(544px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(542px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(540px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(538px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(536px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-2-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(534px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-2-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(396px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(396px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(393.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(390.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(388px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(385.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(382.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(377.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(374.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(372px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(369.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(366.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(364px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(361.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(358.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(356px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(353.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(348px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(345.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(342.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(337.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(334.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(332px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(329.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(326.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(324px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(321.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(318.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-3-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(316px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-3-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(297px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(297px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(294px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(291px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(279px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(276px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(273px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(267px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(264px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(261px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(252px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(249px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(246px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(243px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(237px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(234px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(231px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(222px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(219px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(213px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-4-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(207px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-4-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(237.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(237.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(234.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(231.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(224.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(221.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(218.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(215.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(208.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(205.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(202.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(199.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(192.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(189.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(186.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(183.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(176.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(173.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(167.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(157.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(154.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(151.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(144.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-5-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(141.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-5-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(198px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(198px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(194.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(191.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(184.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(181.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(174.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(171.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(161.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(154.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(151.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(144.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(141.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(134.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(131.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(124.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(121.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(114.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(111.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(101.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-6-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(98px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-6-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(169.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(169.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(166.2857142857px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(162.8571428571px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(159.4285714286px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(152.5714285714px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(149.1428571429px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(142.2857142857px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138.8571428571px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135.4285714286px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128.5714285714px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(125.1428571429px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(121.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118.2857142857px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(114.8571428571px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(111.4285714286px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104.5714285714px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(101.1428571429px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(97.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(94.2857142857px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(90.8571428571px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(87.4285714286px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(84px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80.5714285714px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(77.1428571429px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(73.7142857143px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70.2857142857px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-7-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(66.8571428571px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-7-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(141.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(134.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(131px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(127.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(124px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(117px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(113.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(106.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(103px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(99.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(89px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(85.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(78.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(71.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(64.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(61px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(57.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(47px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-8-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(43.5px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-8-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128.4444444444px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(124.8888888889px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(121.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(117.7777777778px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(114.2222222222px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(107.1111111111px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(103.5555555556px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96.4444444444px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92.8888888889px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(89.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(85.7777777778px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82.2222222222px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(78.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(75.1111111111px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(71.5555555556px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(64.4444444444px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60.8888888889px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(57.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(53.7777777778px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50.2222222222px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(46.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(43.1111111111px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(39.5555555556px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(32.4444444444px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28.8888888889px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-9-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-9-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(115.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(111.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(97.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(93.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(86.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(79.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(75.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(68.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(64.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(61.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(57.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(46.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(43.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(39.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(32.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25.2px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(21.6px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14.4px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-10-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10.8px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-10-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104.3636363636px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100.7272727273px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(97.0909090909px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(93.4545454545px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(89.8181818182px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(86.1818181818px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82.5454545455px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(78.9090909091px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(75.2727272727px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(71.6363636364px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(64.3636363636px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(60.7272727273px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(57.0909090909px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(53.4545454545px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(49.8181818182px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(46.1818181818px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(42.5454545455px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(38.9090909091px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(35.2727272727px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31.6363636364px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24.3636363636px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20.7272727273px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17.0909090909px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13.4545454545px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.8181818182px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6.1818181818px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(2.5454545455px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-11-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(-1.0909090909px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-11-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(99px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-0px {
  gap: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(99px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-0px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-4px {
  gap: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(95.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-4px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-8px {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(91.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-8px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-12px {
  gap: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-12px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-16px {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(84.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-16px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-20px {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-20px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-24px {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(77px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-24px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-28px {
  gap: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(73.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-28px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-32px {
  gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(69.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-32px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-36px {
  gap: 36px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(66px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-36px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-40px {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(62.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-40px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-44px {
  gap: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(58.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-44px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-48px {
  gap: 48px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-48px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-52px {
  gap: 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(51.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-52px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-56px {
  gap: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(47.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-56px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-60px {
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-60px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-64px {
  gap: 64px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-64px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-68px {
  gap: 68px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(36.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-68px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-72px {
  gap: 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(33px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-72px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-76px {
  gap: 76px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(29.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-76px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-80px {
  gap: 80px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-80px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-84px {
  gap: 84px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-84px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-88px {
  gap: 88px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-88px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-92px {
  gap: 92px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-92px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-96px {
  gap: 96px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-96px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-100px {
  gap: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-100px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-104px {
  gap: 104px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(3.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-104px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-108px {
  gap: 108px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-108px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-112px {
  gap: 112px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(-3.6666666667px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-112px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-116px {
  gap: 116px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(-7.3333333333px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-116px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.feature-grid-12-120px {
  gap: 120px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(-11px, 1fr));
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items.feature-grid-12-120px {
    grid-template-columns: repeat(1, 1fr);
  }
}

.feature-grid-section-items.row-for-dynamic-rendering {
  grid-auto-rows: auto;
}

@media screen and (max-width: 992px) {
  .feature-grid-section-items {
    grid-template-columns: 1;
  }
}

.feature-grid-section-item {
  padding: 1.5rem;
  gap: 1.125rem;
  position: relative;
  border-radius: 0.5em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.feature-grid-section-item.row-for-dynamic-rendering {
  padding: 0.75rem;
  flex-wrap: nowrap;
  gap: 0.75rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 992px) {
  .feature-grid-section-item {
    min-width: auto;
    padding: 0.375rem 0;
  }
}

.feature-grid-section-item-title {
  font-size: clamp(14px, 1rem, 1.15rem);
}

@media screen and (max-width: 992px) {
  .feature-grid-section-item-title {
    word-wrap: break-word;
  }
}

.feature-grid-section-item-content {
  margin-top: -0.5625rem;
  word-break: break-all;
}

@media screen and (max-width: 992px) {
  .feature-grid-section-item-content {
    word-break: break-all;
  }
}

.feature-grid-section-item .badge {
  margin-bottom: 0.9rem;
  opacity: 1;
}

.feature-grid-section-item-icon {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 992px) {
  .feature-grid-section-item-icon {
    width: 16px;
    height: 16px;
  }
}

.feature-grid-section-item-icon-wrapper {
  border-radius: 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5625rem;
}

@media screen and (max-width: 992px) {
  .feature-grid-section-item-icon-wrapper {
    width: 32px;
    height: 32px;
    border-radius: 1.5rem;
  }
}

.feature-grid-section-item-logo {
  border-radius: 0.5em;
  margin-bottom: 0.375rem;
  object-fit: cover;
  width: 100%;
}

:is(section.zz-bg-light, section.zz-bg-brown-light) .feature-grid-section-item-icon-wrapper {
  background-color: white;
}

:is(section) .feature-grid-section-item-icon-wrapper {
  background-color: #f8f9fa;
}

.zz-bg-black .feature-grid-section-item,
.zz-bg-black-dim .feature-grid-section-item {
  background-color: rgb(25.5, 25.5, 25.5);
}

.zz-bg-black .feature-grid-section-item-title,
.zz-bg-black-dim .feature-grid-section-item-title {
  color: white !important;
  opacity: 1;
}

.zz-bg-black .feature-grid-section-item p,
.zz-bg-black-dim .feature-grid-section-item p {
  color: white !important;
  opacity: 0.71;
  font-size: 1.1rem;
}

@media screen and (max-width: 992px) {

  .zz-bg-black .feature-grid-section-item,
  .zz-bg-black-dim .feature-grid-section-item {
    padding: 1.5rem;
  }

  .zz-bg-black .feature-grid-section-item.important,
  .zz-bg-black-dim .feature-grid-section-item.important {
    order: 1;
  }

  .zz-bg-black .feature-grid-section-item:not(.important),
  .zz-bg-black-dim .feature-grid-section-item:not(.important) {
    order: 2;
  }
}

.zz-bg-black .feature-grid-section-item-icon-wrapper,
.zz-bg-black-dim .feature-grid-section-item-icon-wrapper {
  background-color: #fafafa;
}

.zz-bg-glass {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(20px);
  transition: all 0.321s ease-out;
}

.hidden:not(.zz-tab-panel.hidden) {
  visibility: hidden;
  opacity: 0;
}

.markdown *[role=presentation] {
  display: none !important;
}

.markdown {
  padding-top: 0rem;
}

.markdown>*:first-child {
  margin-top: 0;
}

.markdown {
  background-color: white;
}

/* content-layout--guide 안에서는 .zz-col-md-8(그리드 유틸리티, 부모 폭의
   66.67%)가 두 겹으로 겹친다: 본문 영역 자체도 .zz-col-md-8이고, 그 안의
   help-text 말풍선도 같은 클래스를 쓴다. 그래서 말풍선이 본문 폭의 66.67%로
   한 번 더 줄어들어 유독 좁아 보인다. 720px 고정폭 + max-width:100%로 풀어
   두 겹 다 "가능한 만큼 채우기"로 동작하게 한다(zuzu-landing의
   .content-layout--guide 오버라이드와 동일한 값). */
.content-layout--guide .zz-col-md-8 {
  width: 720px;
  max-width: 100%;
  flex: 0 0 auto;
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5 {
  margin: 2em 0em 0.6em;
  font-weight: bold;
  line-height: 1.56;
  color: rgb(25.5, 25.5, 25.5);
}

.markdown h1:target:before,
.markdown h2:target:before,
.markdown h3:target:before,
.markdown h4:target:before,
.markdown h5:target:before {
  display: block;
  visibility: hidden;
  height: 120px;
  margin-top: -120px;
  content: "";
}

.markdown h1 a,
.markdown h2 a,
.markdown h3 a,
.markdown h4 a,
.markdown h5 a {
  margin: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.4;
}

.markdown h1 {
  margin-top: 0;
  font-size: 3.052rem;
  letter-spacing: -0.035rem;
  font-weight: bold;
}

@media screen and (max-width: 992px) {
  .markdown h1 {
    font-size: 36px;
  }
}

.markdown h2 {
  font-size: 2.441rem;
  letter-spacing: -0.025rem;
}

@media screen and (max-width: 992px) {
  .markdown h2 {
    font-size: 32px;
  }
}

.markdown h3 {
  font-size: 1.953rem;
  letter-spacing: -0.025rem;
}

@media screen and (max-width: 992px) {
  .markdown h3 {
    font-size: 28px;
  }
}

.markdown h4 {
  font-size: 1.563rem;
  letter-spacing: -0.01rem;
}

@media screen and (max-width: 992px) {
  .markdown h4 {
    font-size: 22px;
  }
}

.markdown .info-block h4 {
  margin-top: 5rem;
}

.markdown .figure-caption {
  margin-top: 0.45rem;
  margin-bottom: 1.275rem;
}

.markdown h5 {
  font-size: 1.25rem;
  letter-spacing: -0.01rem;
  font-weight: medium;
}

@media screen and (max-width: 992px) {
  .markdown h5 {
    font-size: 18px;
  }
}

.markdown *:not(h1, h2, h3, h4, h5, p)+p {
  margin-top: 1.5rem;
}

.markdown .info-block *:not(h1, h2, h3, h4, h5, p)+p {
  margin-top: 0;
}

.markdown p+ :not(h1, h2, h3, h4, h5, p) {
  margin-top: 1.5rem;
}

.markdown p+p {
  margin-top: 1.125rem;
}

.markdown p {
  font-weight: 400;
}

.markdown img+p:not(.emoji) {
  margin-top: 1.5rem;
}

.markdown p:has(> img)+*:not(style) {
  margin-top: 1.5rem;
}

.markdown p:has(> img)+style+* {
  margin-top: 1.5rem;
}

.markdown a:has(> img) {
  margin-top: 1.5rem;
}

.markdown h3+h4 {
  margin-top: 1em;
}

.markdown h4+h5 {
  margin-top: 1em;
}

/* ============================================================
   Guide heading level uplift (visual parity)
   - Content headings were historically styled as H3/H4/H5.
   - We now render them as H1/H2/H3 for TOC + semantics.
   - Keep the visual appearance identical by mapping:
     H1 -> old H3 styles, H2 -> old H4 styles, H3 -> old H5 styles
   ============================================================ */
.markdown h1 {
  margin-top: 2em;
  font-size: 1.953rem;
  letter-spacing: -0.025rem;
}

@media screen and (max-width: 992px) {
  .markdown h1 {
    font-size: 28px;
  }
}

.markdown h2 {
  font-size: 1.563rem;
  letter-spacing: -0.01rem;
}

@media screen and (max-width: 992px) {
  .markdown h2 {
    font-size: 22px;
  }
}

.markdown h3 {
  font-size: 1.25rem;
  letter-spacing: -0.01rem;
  font-weight: 500;
}

@media screen and (max-width: 992px) {
  .markdown h3 {
    font-size: 18px;
  }
}

.markdown h4 {
  font-size: 1.1rem;
  letter-spacing: -0.01rem;
  font-weight: 500;
}

.markdown h5 {
  font-size: 1rem;
  letter-spacing: -0.01rem;
  font-weight: 500;
}

@media screen and (max-width: 992px) {
  .markdown h4 {
    font-size: 16px;
  }

  .markdown h5 {
    font-size: 15px;
  }
}

.markdown h1+h2 {
  margin-top: 1em;
}

.markdown h2+h3 {
  margin-top: 1em;
}

.markdown h3+h4 {
  margin-top: 1em;
}

.markdown h4+h5 {
  margin-top: 1em;
}

.markdown small,
.markdown .text_small {
  font-size: 0.8rem;
}

.markdown p,
.markdown span,
.markdown li,
.markdown summary {
  line-height: 1.8;
  color: #090909;
}

@media screen and (max-width: 992px) {

  .markdown p,
  .markdown span,
  .markdown li,
  .markdown summary {
    font-size: 17px !important;
  }
}

.markdown strong {
  color: #090909;
  font-weight: 700;
}

.markdown img {
  display: block;
  max-width: 100%;
  height: auto;
}

.markdown img:not(.emoji, table td > *) {
  border-radius: 0.5em;
  border: 1px solid rgb(224, 229, 234);
}

.markdown figure {
  width: 100%;
  margin-bottom: 3rem;
  margin-top: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}

.markdown figure img {
  margin: 0px auto;
  display: block;
  border-radius: 0.5em;
  border: 1px solid rgb(224, 229, 234);
}

.markdown pre,
.markdown details {
  margin: 1.5rem 0;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 1.6;
}

@media screen and (max-width: 992px) {

  .markdown pre,
  .markdown details {
    font-size: 15px;
  }
}

.markdown pre img:not(.emoji),
.markdown details img:not(.emoji) {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.5em;
  border: 1px solid rgb(224, 229, 234);
}

.markdown hr {
  border: none;
  border-bottom: 2px dashed #ddd;
}

.markdown blockquote {
  border-left: 3px solid rgba(88, 122, 143, 0.4);
  padding: 0.75rem 1.5rem 0.75rem 1.875rem;
  margin: 1.5rem 0;
  word-break: keep-all;
  word-wrap: break-word;
}

.markdown blockquote+.markdown blockquote {
  margin-top: 2.25rem;
}

.markdown blockquote p {
  color: inherit;
  font-weight: medium;
}

.markdown blockquote strong {
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  color: inherit;
  font-weight: bold;
}

.markdown blockquote h4 {
  margin: 0;
}

.markdown ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 1.5rem 0;
  margin-left: 1.2rem;
}

.markdown ol+p img:not(.emoji) {
  margin-bottom: 3rem;
}

.markdown ol *+* {
  margin-top: 0.18rem;
}

.markdown ul {
  margin: 1.5rem 0;
  margin-left: 1.2rem;
}

.markdown ul *+* {
  margin-top: 0.18rem;
}

.markdown ul li {
  list-style-type: disc;
  list-style-position: outside;
  max-width: 100%;
}

.markdown ul li::marker {
  color: #101828;
}

@media screen and (max-width: 992px) {
  .markdown ul {
    margin-right: auto;
    white-space: normal;
  }
}

.markdown table {
  border-collapse: collapse;
  margin-top: 0.375rem;
}

.markdown table th {
  background-color: #f7fafb;
  border-bottom-color: #e6e6e6 !important;
  color: #000;
  font-weight: 700 !important;
}

.markdown table th,
.markdown table td {
  border: 1px solid rgb(224, 229, 234);
  font-size: 1rem;
  word-break: keep-all;
  max-width: 24rem;
  padding: 0.75rem;
  vertical-align: top;
  font-size: 1rem;
  font-weight: medium;
  letter-spacing: 0rem;
  line-height: 1.6;
}

@media screen and (max-width: 992px) {

  .markdown table th,
  .markdown table td {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {

  .markdown table th,
  .markdown table td {
    font-size: 1rem;
    font-weight: medium;
    letter-spacing: 0rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 992px) and (max-width: 992px) {

  .markdown table th,
  .markdown table td {
    font-size: 15px;
  }
}

.markdown table .figure-caption p {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.75;
}

@media screen and (max-width: 992px) {
  .markdown table .figure-caption p {
    font-size: 14px;
  }
}

.guide-content-main .markdown h1 {
  font-size: 49px;
  line-height: 1.56;
  color: #1d1d1f;
}

@media screen and (max-width: 992px) {
  .guide-content-main .markdown h1 {
    font-size: 49px;
  }
}

.guide-content-main .markdown h2 {
  font-size: 28px;
  letter-spacing: -0.025rem;
  font-weight: 500;
  line-height: 1.56;
  color: #4aa570;
}

@media screen and (max-width: 992px) {
  .guide-content-main .markdown h2 {
    font-size: 28px;
  }
}

.guide-content-main .markdown h3 {
  font-size: 21px;
  letter-spacing: -0.025rem;
  font-weight: 500;
  line-height: 1.5;
  color: #1d1d1f;
}

@media screen and (max-width: 992px) {
  .guide-content-main .markdown h3 {
    font-size: 21px;
  }
}

.guide-content-main .markdown h4 {
  font-size: 18px;
  letter-spacing: -0.01rem;
  font-weight: 500;
  line-height: 1.56;
  color: #1d1d1f;
}

.guide-content-main .markdown h5 {
  font-size: 1.25rem;
  letter-spacing: -0.01rem;
  font-weight: 500;
  color: #1d1d1f;
}

.guide-content-main .markdown strong,
.guide-content-main .markdown b {
  font-weight: 500;
}

@media screen and (max-width: 992px) {
  .guide-content-main .markdown h4 {
    font-size: 18px;
  }

  .guide-content-main .markdown h5 {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .guide-content-main .markdown table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .guide-content-main .markdown table th,
  .guide-content-main .markdown table td {
    min-width: 160px;
    padding: 0.625rem 0.75rem;
    font-size: 14px;
    line-height: 1.55;
  }

  .guide-content-main .markdown table th:first-child,
  .guide-content-main .markdown table td:first-child {
    min-width: 108px;
  }

  .guide-content-main .markdown table p,
  .guide-content-main .markdown table li {
    font-size: inherit;
    line-height: inherit;
  }

  .guide-content-main .markdown table ul,
  .guide-content-main .markdown table ol {
    padding-left: 1rem;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.markdown :is(a strong, a b) {
  color: inherit;
}

:is(.no-report-button) .report-button {
  display: none;
}

.testimonial-quote {
  padding: 1.95rem;
  border-radius: 0.5em;
  flex-grow: 1;
}

.testimonial-quote h5 {
  margin-bottom: 1.125rem;
  font-size: 1.2rem;
  font-weight: bold;
}

.testimonial-quote p {
  opacity: 0.7;
}

.user-photo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  object-position: 0 7px;
}

.testimonial-wrapper {
  gap: 1.125rem;
}

@media screen and (max-width: 992px) {
  .testimonial-wrapper {
    gap: 3rem;
  }
}

.testimonial-wrapper .testimonial-block {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: center;
  gap: 1.125rem;
}

.testimonial-wrapper .testimonial-block:first-child,
.testimonial-wrapper .testimonial-block:last-child {
  transform: scale(0.9);
}

.testimonial-wrapper .testimonial-block:first-child h5,
.testimonial-wrapper .testimonial-block:last-child h5 {
  opacity: 0.8;
}

@media (max-width: 960px) {

  .testimonial-wrapper .testimonial-block:first-child,
  .testimonial-wrapper .testimonial-block:last-child {
    transform: revert;
  }
}

.testimonial-wrapper .testimonial-block .testimonial-quote {
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: #4aa570;
}

.swiper-card-news__image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: cover;
  width: clamp(360px, 80%, 800px);
}

@media screen and (max-width: 992px) {
  .swiper-card-news__image {
    width: clamp(340px, 100%, 480px);
  }
}

.swiper-card-news__button.swiper-button-prev,
.swiper-card-news__button.swiper-button-next {
  color: #4aa570;
  height: 32px;
  width: 32px;
  border-radius: 25%;
  background-color: white;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.24);
}

.swiper-card-news__button.swiper-button-prev:after,
.swiper-card-news__button.swiper-button-next:after {
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 992px) {

  .swiper-card-news__button.swiper-button-prev,
  .swiper-card-news__button.swiper-button-next {
    display: none;
  }
}

.swiper-blog {
  height: 320px;
  overflow: unset !important;
}

.swiper-blog .swiper-wrapper {
  height: 320px;
}

.swiper-blog__button.swiper-button-prev,
.swiper-blog__button.swiper-button-next {
  border-radius: 0.5em;
  position: static;
  color: #000;
  height: 1.8rem;
  width: 1.8rem;
  background-color: white;
  margin: 0;
  transition: scale 0.125s ease;
}

.swiper-blog__button.swiper-button-prev:after,
.swiper-blog__button.swiper-button-next:after {
  font-size: 12px;
  font-weight: 900;
}

.swiper-blog__button.swiper-button-prev:active,
.swiper-blog__button.swiper-button-next:active {
  transform: scale(0.95);
}

.swiper-blog .swiper-slide .card-v2-title {
  color: white;
}

.swiper-customer-interview {
  height: 500px;
  background: #1a192b;
  border-radius: 1.5em;
}

.swiper-customer-interview .swiper-slide {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
  transition: opacity 0.3s ease-in-out;
}

@media screen and (max-width: 992px) {
  .swiper-customer-interview .swiper-slide {
    flex-direction: column;
    align-items: stretch;
  }
}

.swiper-customer-interview .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.5;
}

.swiper-customer-interview__image {
  border-radius: 0.5em;
  object-fit: cover;
}

@media screen and (max-width: 992px) {
  .swiper-customer-interview__image {
    display: none;
  }
}

.swiper-customer-interview__preview-text {
  color: white;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
}

.swiper-customer-interview__logo {
  height: 50px;
  margin-top: 0.75rem;
  filter: grayscale(100%) brightness(0) invert(1);
}

.swiper-customer-interview.swiper {
  padding: 3rem 3rem 1.5rem 3rem;
}

.swiper-customer-interview .swiper-pagination {
  position: static;
}

.swiper-customer-interview .swiper-pagination-bullet {
  width: max-content;
  height: max-content;
  background: transparent;
  border-radius: unset;
  opacity: 1;
  margin: 0 1.125rem !important;
}

.swiper-customer-interview .swiper-pagination-bullet-active {
  border-top: 3px solid white;
}

.options-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (max-width: 992px) {
  .options-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.options-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 992px) {
  .options-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.options-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 992px) {
  .options-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.options-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 992px) {
  .options-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.options__button {
  border: 1px solid transparent;
  transition: all 0.121s ease-out;
}

.options__button img {
  filter: grayscale(100%);
  transition: all 0.121s ease-out;
}

@media (hover: hover) {
  .options__button:hover {
    transform: translateY(-8px) !important;
    cursor: pointer;
  }

  .options__button:hover img {
    filter: unset;
  }
}

.options__button_active {
  border: 1px solid #01eb67;
}

.options__button_active img {
  filter: unset;
}

.inquiry__title {
  font-size: 2.441rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  text-align: center;
  line-height: 1.4;
  font-weight: 700;
  margin: 0.75rem 0 0;
}

@media screen and (max-width: 992px) {
  .inquiry__title {
    font-size: 36px;
  }
}

.inquiry__description {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  text-align: center;
  line-height: 1.5;
  margin: 0.75rem 0 0;
}

@media screen and (max-width: 992px) {
  .inquiry__description {
    font-size: 18px;
  }
}

.inquiry__link {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 1.5rem 0 0.375rem;
}

@media screen and (max-width: 992px) {
  .inquiry__link {
    font-size: 16px;
  }
}

.inquiry__caption {
  color: #888;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.inquiry__header,
.inquiry__header_center {
  font-size: 1.953rem;
  font-weight: 700;
  letter-spacing: -0.015rem;
}

.inquiry__header_center {
  text-align: center;
}

.inquiry__body,
.inquiry__body_center {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.inquiry__body_center {
  text-align: center;
}

.inquiry__prerequisite+.inquiry__prerequisite {
  margin-top: 0.75rem;
}

@media screen and (max-width: 992px) {
  .inquiry__prerequisite+.inquiry__prerequisite {
    margin-top: 0;
  }
}

.inquiry__prerequisite {
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  padding: 0.375rem 0;
}

@media screen and (max-width: 992px) {
  .inquiry__prerequisite {
    padding: 0.525rem 0;
  }
}

.inquiry__prerequisite-summary {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  font-weight: 500;
  list-style: revert;
  line-height: 1.5;
}

.inquiry__prerequisite-details {
  line-height: 1.56;
  margin: 0.75rem 0;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  font-weight: 300;
}

@media screen and (max-width: 992px) {
  .inquiry__prerequisite-details {
    padding-left: 0;
  }
}

.inquiry__prerequisite-details ul li {
  margin-top: 0.75rem;
}

.inquiry__prerequisite-details_small {
  line-height: 1.56;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  font-weight: 400;
  opacity: 0.72;
}

.inquiry__prerequisite-details_small ul {
  margin-top: 0.75rem;
}

.inquiry__prerequisite-details_small ul li {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  margin-top: 0.375rem;
  font-weight: 400;
}

.inquiry__prerequisite-list {
  font-size: 18px;
  font-weight: 500;
  border: 1px solid rgb(224, 229, 234);
  border-radius: 0.5em;
  padding: 24px;
  color: #000;
  list-style: disc;
  list-style-position: inside;
  display: flex;
  align-items: start;
  gap: 0.75rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px;
}

@media screen and (max-width: 992px) {
  .inquiry__prerequisite-list {
    font-size: 16px;
  }
}

.inquiry__prerequisite-list .form-check-input {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-top: 0;
  position: relative;
}

.inquiry__prerequisite-list .form-check-input:checked {
  background-color: #4aa570;
}

.inquiry__prerequisite-list label {
  word-break: keep-all;
  word-wrap: break-word;
}

.inquiry__prerequisite-list+.inquiry__prerequisite-list {
  margin-top: 1.5rem;
}

.inquiry__prerequisite-sub-list,
.inquiry__prerequisite-sub-list_small {
  font-size: 18px;
  margin-top: 0.75rem;
  opacity: 0.72;
}

.inquiry__prerequisite-sub-list_small {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
}

@media screen and (max-width: 992px) {

  .inquiry__prerequisite-sub-list,
  .inquiry__prerequisite-sub-list_small {
    font-size: 16px;
  }
}

.inquiry .emoji {
  position: absolute;
  pointer-events: none;
}

.inquiry__faq {
  background-color: #f7f7f7;
  max-width: 100%;
  margin: 1.5rem 0;
  text-align: left;
  padding: 2.25rem 3rem;
  border-radius: 0.5em;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 992px) {
  .inquiry__faq {
    padding: 2.25rem;
  }
}

.inquiry__faq:last-child {
  margin-bottom: 3rem;
}

.inquiry__faq-title {
  font-size: 1.953rem;
  font-weight: 700;
  letter-spacing: -0.015rem;
  text-align: center;
  margin: 4.5rem 0 2.25rem;
}

.inquiry__faq-subtitle {
  font-size: 18px;
  text-align: left;
  font-weight: 700;
  margin: 0 0 1.5rem;
  color: #888;
}

@media screen and (max-width: 992px) {
  .inquiry__faq-subtitle {
    font-size: 16px;
  }
}

.inquiry__faq-question {
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  margin: 1.5rem 0;
}

@media screen and (max-width: 992px) {
  .inquiry__faq-question {
    margin: 1.125rem 0;
  }
}

.inquiry__faq-question:last-child {
  margin: 0;
}

.inquiry__faq-summary {
  font-size: 18px;
  font-weight: 500;
  list-style: revert;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {
  .inquiry__faq-summary {
    padding: 0 0 0 1.125rem;
    font-size: 16px;
  }
}

.inquiry__faq-details {
  line-height: 1.5;
  margin: 0.75rem 0 1.875rem;
  font-size: 18px;
  padding: 0 0 0 1.5rem;
  opacity: 0.8;
}

@media screen and (max-width: 992px) {
  .inquiry__faq-details {
    padding: 0 0 0 1.125rem;
    font-size: 16px;
  }
}

.inquiry__faq-details ul li {
  margin-top: 0.375rem;
}

.inquiry__faq-details_small {
  line-height: 1.56;
  font-size: 15px;
}

.inquiry__faq-details_small ul {
  background-color: #ebebeb;
  padding: 0.75rem 1.5rem 1.125rem;
  border-radius: 0.5em;
  margin-top: 0.75rem;
}

.inquiry__faq-details_small ul li {
  margin-top: 0.375rem;
  font-size: 15px;
}

.inquiry__faq-button {
  text-align: left;
  margin: 0.75rem 0 0;
  font-size: 18px;
  line-height: 1.4;
}

@media screen and (max-width: 992px) {
  .inquiry__faq-button {
    padding: 0.525rem 1.125rem;
    font-size: 16px;
  }
}

.inquiry__faq-button a {
  all: revert;
}

.inquiry summary::-webkit-details-marker {
  display: none;
}

.inquiry summary {
  position: relative;
  padding-left: 1.125rem;
  cursor: pointer;
  list-style-type: none;
}

.inquiry summary::before {
  content: "";
  position: absolute;
  border-top: 0.375rem solid transparent;
  border-bottom: 0.375rem solid transparent;
  border-left: 0.525rem solid #222;
  top: 0.45rem;
  left: 0;
  transition: 0.25s transform;
}

@media screen and (max-width: 992px) {
  .inquiry summary::before {
    top: 0.6rem;
  }
}

.inquiry details[open] summary:before {
  transform: rotateZ(90deg);
}

.screenshot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1.125rem;
}

.screenshot__heading {
  font-size: 2.441rem;
  font-weight: 700;
  letter-spacing: -0.025rem;
  line-height: 1.4;
}

.screenshot__img-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

.screenshot__img-wrapper source {
  display: none;
}

.screenshot__img-wrapper__heading {
  margin-top: 1.5rem;
}

@media screen and (max-width: 1180px) {
  .screenshot__img-wrapper {
    gap: 0.75rem;
  }
}

.screenshot__img {
  border-radius: 0.5em;
  width: 100%;
}

@media screen and (max-width: 1180px) {
  .screenshot__img {
    margin-bottom: 1.35rem;
  }
}

.screenshot__caption {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5625rem;
  position: absolute;
  width: max-content;
  z-index: 999;
}

@media screen and (max-width: 1180px) {
  .screenshot__caption {
    position: static;
    width: 100%;
  }
}

.screenshot__caption-icon {
  width: 28px;
}

@media screen and (max-width: 1180px) {
  .screenshot__caption-icon {
    display: none;
  }
}

.screenshot__caption-text {
  border-radius: 0.6em;
  color: white;
  padding: 1.05rem;
  padding-left: 1.2rem;
  width: max-content;
  line-height: 1.7;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4.5px);
}

@media screen and (max-width: 1180px) {
  .screenshot__caption-text {
    width: 100%;
  }
}

details summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}

details blockquote {
  margin-top: 0 !important;
  margin-bottom: 0.375rem !important;
}

details p+blockquote {
  margin-top: 1.5rem !important;
}

details[open] summary svg {
  transition: transform 0.5s ease;
  transform: rotate(90deg);
}

.content-details[open] summary svg {
  transition: transform 0.3s ease;
  transform: rotate(90deg);
}

.faq-details[open] summary svg {
  transition: transform 0.5s ease;
  transform: rotate(180deg);
}

.statutory-workplace-training-calculator {
  width: 100%;
  height: 15rem;
  padding: 1.5rem;
  background-color: rgb(25.5, 25.5, 25.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  margin: 0 auto;
  padding: 20px;
  border-radius: 0.5em;
  box-shadow: rgba(50, 44, 44, 0.1) 0px 1px 1px 0px inset, rgba(27, 33, 32, 0.3) 0px 50px 100px -20px, rgba(0, 0, 0, 0.4) 0px 30px 60px -30px;
  text-align: center;
}

.statutory-workplace-training-calculator__title {
  margin-top: 0;
  color: white;
  font-size: 1.15rem;
  font-weight: 400;
  letter-spacing: -0.01rem;
  line-height: 1.4;
}

.statutory-workplace-training-calculator__input-container {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
  color: white;
}

.statutory-workplace-training-calculator__label {
  display: block;
  margin-bottom: 5px;
}

.statutory-workplace-training-calculator__number-input {
  display: flex;
  align-items: center;
  justify-content: center;
}

.statutory-workplace-training-calculator__input {
  width: max-content;
  height: 3rem;
  padding: 5px;
  text-align: center;
  border-radius: 0.5em;
  font-size: 1.563rem;
  font-weight: 400;
  letter-spacing: -0.01rem;
  line-height: 1;
  margin-right: 0.75rem;
}

.statutory-workplace-training-calculator__button {
  padding: 0.375rem 0.75rem;
  margin: 0 5px;
  background-color: #f8f9fa;
  font-size: 1.563rem;
  font-weight: 400;
  letter-spacing: -0.01rem;
  line-height: 1;
  border: none;
  border-radius: 0.5em;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  transition: all 0.061s ease-out;
}

@media (hover: hover) {
  .statutory-workplace-training-calculator__button:hover:hover {
    background-color: rgb(218.25, 223.5, 228.75);
  }
}

.statutory-workplace-training-calculator__button:active {
  transform: scale(0.97);
}

.statutory-workplace-training-calculator__button_decrement {
  order: 1;
}

.statutory-workplace-training-calculator__button_increment {
  order: 3;
}

.statutory-workplace-training-calculator__result-container {
  margin-top: 10px;
}

.statutory-workplace-training-calculator__result {
  font-weight: bold;
  font-size: 1.953rem;
  font-weight: 500;
  letter-spacing: -0.015rem;
  line-height: 1.4;
  color: rgb(48.1171548117, 241.8828451883, 129.0303002437);
  display: flex;
  align-items: center;
  justify-content: center;
}

.statutory-workplace-training-calculator__result .badge.badge-small.badge-primary {
  margin-left: 0.375rem;
}

.statutory-workplace-training-calculator__original-result {
  font-weight: bold;
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  line-height: 1.4;
}

.statutory-workplace-training-calculator__original-result,
.statutory-workplace-training-calculator__original-result+i {
  color: white;
  opacity: 0.64;
  text-decoration: line-through;
}

.statutory-workplace-training-calculator__total-amount {
  color: rgb(48.1171548117, 241.8828451883, 129.0303002437);
  font-size: 1.953rem;
  font-weight: 500;
  letter-spacing: -0.015rem;
  line-height: 1.4;
}

.promotion-service-list {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 0.99rem;
  flex-wrap: wrap;
}

.promotion-service-list-item {
  padding: 1.5rem;
  border-radius: 0.5em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.125rem;
  background-color: rgb(25.5, 25.5, 25.5);
  width: clamp(16em, 100%, 24em);
}

@media screen and (min-width: 992px) {
  .promotion-service-list-item {
    min-height: 16em;
  }
}

.promotion-service-list-item p {
  font-size: 1.1rem;
}

@media screen and (max-width: 992px) {
  .promotion-service-list-item-icon {
    width: 16px;
    height: 16px;
  }
}

.promotion-service-list-item-icon-wrapper {
  border-radius: 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #000;
}

@media screen and (max-width: 992px) {
  .promotion-service-list-item-icon-wrapper {
    width: 32px;
    height: 32px;
    border-radius: 1.5rem;
  }
}

.promotion-service-list-item-title {
  font-size: 1.3rem;
}

@media screen and (max-width: 992px) {
  .promotion-service-list-item-title {
    word-wrap: break-word;
  }
}

.cta {
  background: #000;
  color: white;
  border: 2px solid #000;
  padding: 4.5rem;
  text-align: center;
  border-radius: 0.5em;
}

.zz-bg-black .cta {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 992px) {
  .cta {
    padding: 1.5rem 0.75rem;
  }
}

.cta__text {
  margin: 0 0 0.9375rem 0;
}

.cta__text_top {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 1.75;
}

@media screen and (max-width: 992px) {
  .cta__text_top {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  .cta__text_top {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0rem;
    line-height: 1.75;
  }
}

@media screen and (max-width: 992px) and (max-width: 992px) {
  .cta__text_top {
    font-size: 15px;
  }
}

.cta__text_main {
  font-size: 1.953rem;
  font-weight: 700;
  letter-spacing: -0.015rem;
  line-height: 1.5;
  text-wrap: balance;
  color: inherit;
}

@media screen and (max-width: 992px) {
  .cta__text_main {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.01rem;
    line-height: 1.5;
  }
}

.cta__text_bottom {
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  line-height: 1.75;
  color: inherit;
}

.cta.cta-dark {
  background-color: rgba(50, 50, 50, 0.5);
  color: white;
}

.cta.cta-dark .cta__text_main {
  font-size: 1.563rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
  color: white;
}

.cta .button-primary {
  background: #01eb67;
  color: #000;
}

.cta .button-secondary {
  background: transparent;
  color: white;
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.5);
}

.cta .button-secondary:hover {
  background: white;
  color: #000;
}

.zz-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px;
}

.zz-container-fluid {
  width: 100%;
}

.zz-col-md-1 {
  width: 8.3333333333%;
  flex: 0 0 auto;
}

.zz-col-md-2 {
  width: 16.6666666667%;
  flex: 0 0 auto;
}

.zz-col-md-3 {
  width: 25%;
  flex: 0 0 auto;
}

.zz-col-md-4 {
  width: 33.3333333333%;
  flex: 0 0 auto;
}

.zz-col-md-5 {
  width: 41.6666666667%;
  flex: 0 0 auto;
}

.zz-col-md-6 {
  width: 50%;
  flex: 0 0 auto;
}

.zz-col-md-7 {
  width: 58.3333333333%;
  flex: 0 0 auto;
}

.zz-col-md-8 {
  width: 66.6666666667%;
  flex: 0 0 auto;
}

.zz-col-md-9 {
  width: 75%;
  flex: 0 0 auto;
}

.zz-col-md-10 {
  width: 83.3333333333%;
  flex: 0 0 auto;
}

.zz-col-md-11 {
  width: 91.6666666667%;
  flex: 0 0 auto;
}

.zz-col-md-12 {
  width: 100%;
  flex: 0 0 auto;
}

@media screen and (max-width: 992px) {
  .zz-col-12 {
    width: 100%;
  }
}

.slide {
  visibility: hidden;
}

@media screen and (max-width: 992px) {
  .feature-description-section .feature-content_title {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 992px) {
  .feature-description-section .feature-content_leading {
    font-size: 1.3rem;
  }
}

.zz-bg-dark .customer-logo,
.zz-bg-black .customer-logo {
  padding: 1.5rem;
}

.zz-bg-dark .customer-logo img,
.zz-bg-black .customer-logo img {
  filter: brightness(0) invert(1);
}

#loading-indicator {
  width: 28px;
  height: 28px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #4aa570;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#pagination-controls li {
  width: 2em;
  height: 2em;
}

#pagination-controls button {
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
  border: none;
  color: inherit;
}

#search-type-filter {
  gap: 0.4rem;
  margin-bottom: 0.84375rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
}

#search-type-filter input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  background-color: #fff;
  appearance: none;
}

#search-type-filter label {
  padding: 0.375rem 0.5625rem;
  display: inline-block;
  border-radius: 50px;
  border: 1px solid rgb(224, 229, 234);
  background-color: white;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.4;
}

@media screen and (max-width: 992px) {
  #search-type-filter label {
    font-size: 14px;
  }
}

#search-type-filter label:hover {
  background-color: rgb(239.075, 241.35, 243.625);
  color: rgb(8.7142857143, 13.0714285714, 21.7857142857);
  cursor: pointer;
}

#search-type-filter input:checked+label {
  background-color: #000;
  color: white;
  font-weight: 700;
}

.content-type-badge {
  color: rgba(0, 0, 0, 0.5);
  margin-top: 2px;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.4;
}

@media screen and (max-width: 992px) {
  .content-type-badge {
    font-size: 14px;
  }
}

.search-form {
  gap: 0.5625rem;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: start;
}

.search-form input {
  padding: 0.75rem 0.9rem;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 1.4;
}

@media screen and (max-width: 992px) {
  .search-form input {
    font-size: 15px;
  }
}

.search-form button {
  gap: 0.3rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.search-form button>* {
  flex-shrink: 0;
}

/* 여기 있던 bento 컴포넌트 규칙 725줄을 2026-08-16 에 지웠다.
   `.bento-section` / `.bento__grid` / `.bento__item--*` / `.bento__title` …
   그리고 `.solution-map-for-solutions-roles .bento__*` 까지 전부.

   근거: 빌드 산출물 1,066페이지에서 클래스 토큰 5,271종을 뽑아 대조했더니
   bento 를 포함한 살아 있는 클래스는 `cr-related-bento` · `cross-sell-bento` ·
   `hsb-bento*` 뿐이고 — 셋 다 이 규칙들이 맞히지 못하는 다른 클래스다 —
   `.bento__` 와 `.bento-section` 은 layouts/ 에도 content/ 에도 없었다.
   `.solution-map-for-solutions-roles .bento__item--span-6` 이 배경으로 걸던
   `/assets/images/default-bento-bg.jpg` 는 **파일 자체가 저장소에 없다.**
   bookshop 컴포넌트(component-library/)와 함께 들어왔다가 2026-08-15 에
   bookshop 이 빠지면서 마크업만 사라지고 CSS 가 남은 것으로 보인다.

   지운 방식: 줄 번호로 자르지 않고 중괄호를 세어 규칙 단위로 걷어낸 뒤,
   삭제 전후의 (미디어컨텍스트, 셀렉터, 선언) 5,366 → 5,241건을 대조해
   "bento 가 아닌데 사라진 규칙 0건"을 확인했다. 살아 있는 대안이 함께 든
   `:is(#intro, .bento-section, .pricing-section)` 하나만 손으로 다뤄
   `.bento-section` 조각만 뺐다.

   같은 성격의 죽은 규칙이 더 있다 — `.solution-map-for-solutions-roles__title`
   처럼 solution-map 계열 클래스도 산출물 0곳이다. 이번 범위가 아니라 남겼다. */

.text-color-inherit {
  color: inherit !important;
}

.text-color-danger {
  color: #ff0000 !important;
}

.text-color-white {
  color: white !important;
}

.text-color-white-dim {
  color: rgba(255, 255, 255, 0.9) !important;
}

.text-color-white-dim-2 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.text-color-white-dim-3 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.text-color-white-dim-4 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.text-color-white-dim-5 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-color-white-dim-6 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.text-color-white-dim-7 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.text-color-white-dim-8 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.text-color-white-dim-9 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.text-color-black-dim-2 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.text-color-black-dim-3 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.text-color-black-dim-4 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.text-color-black-dim-5 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-color-black-dim-6 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.text-color-black-dim-7 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.text-color-black-dim-8 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.text-color-black-dim-9 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.text-color-orange-dark {
  color: rgb(120, 83.5555555556, 0) !important;
}

.text-color-orange {
  color: orange !important;
}

.text-color-primary {
  color: #4aa570 !important;
}

.text-color-primary-dark {
  color: rgb(20.4, 20.4, 20.4) !important;
}

.text-color-primary-bright {
  color: rgb(202.0447698745, 240.9552301255, 218.2930939354) !important;
}

.text-color-primary-hover {
  color: rgb(58.2092050209, 129.7907949791, 88.10041841) !important;
}

.text-color-primary-shine {
  color: rgb(48.1171548117, 241.8828451883, 129.0303002437) !important;
}

.text-color-secondary {
  color: #9ca4a2 !important;
}

.text-color-secondary-dark {
  color: rgb(129.4263157895, 139.5736842105, 137.0368421053) !important;
}

.text-color-secondary-dim {
  color: rgb(209.1473684211, 212.8526315789, 211.9263157895) !important;
}

.text-color-body {
  color: #101828 !important;
}

.text-color-body-dim {
  color: rgba(16, 24, 40, 0.8) !important;
}

.text-color-paragraph {
  color: rgb(45, 45, 45) !important;
}

.text-color-subtitle {
  color: #000 !important;
}

.text-color-disabled {
  color: rgba(0, 42, 40, 0.3) !important;
}

.text-color-accent {
  color: #01eb67 !important;
}

.pricing-plans__container {
  display: flex;
  justify-content: center;
}

.pricing-plans__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.125rem;
  align-items: stretch;
}

@media screen and (max-width: 992px) {
  .pricing-plans__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

@media screen and (max-width: 480px) {
  .pricing-plans__grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
  }
}

.pricing-plans__employee-selector {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

@media screen and (max-width: 992px) {
  .pricing-plans__employee-selector {
    flex-wrap: wrap;
    gap: 0.75rem;
  }
}

.pricing-plans__employee-selector .pricing-plans__employee-label {
  margin-right: 0.375rem;
  flex: 0 0 auto;
  color: white;
  font-size: 1rem;
  font-weight: 500;
}

.pricing-plans__employee-selector .pricing-plans__employee-select {
  flex: 1 0 auto;
  padding: 0.2625rem;
  max-width: 100px;
  border: 1px solid rgb(224, 229, 234);
  border-radius: 0.75rem;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  filter: saturate(0.5);
  font-size: 0.9rem;
  font-weight: 500;
  color: white;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

@media screen and (max-width: 480px) {
  .pricing-plans__employee-selector .pricing-plans__employee-select {
    max-width: 100%;
    flex: 1 0 100%;
  }
}

.pricing-plans__employee-selector .pricing-plans__employee-select:focus {
  box-shadow: 0 0 0 3px rgba(74, 165, 112, 0.1);
  outline: none;
}

.pricing-plans__employee-selector .pricing-plans__employee-select:hover {
  border-color: rgb(193.5961538462, 203.5, 213.4038461538);
}

.pricing-plans__employee-selector .pricing-plans__employee-select option {
  padding: 0.375rem;
  background-color: #000;
  color: white;
  -webkit-appearance: none;
}

.pricing-plans__header-price .pricing-plans__price-amount {
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.pricing-plans__card {
  background-color: white;
  border: 1px solid rgb(224, 229, 234);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  transition: all 0.221s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 1em;
}

@media screen and (max-width: 480px) {
  .pricing-plans__card {
    grid-column: 1/span 2;
  }
}

.pricing-plans__card:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  transform: translateY(-0.375rem);
}

.pricing-plans__card:hover .pricing-plans__cta {
  background-color: #000;
  border-color: rgba(0, 0, 0, 0.5);
  color: rgb(48.1171548117, 241.8828451883, 129.0303002437);
}

.pricing-plans__card-content {
  display: flex;
  margin-top: 0.75rem;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  gap: 1.5rem;
}

.pricing-plans__header {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(224, 229, 234, 0.75);
}

.pricing-plans__header-top {
  display: flex;
  align-items: center;
  gap: 0;
}

.pricing-plans__header-title {
  margin-bottom: 0.75rem;
  opacity: 0.8;
  font-size: 1.1rem;
  font-weight: 500;
}

.pricing-plans__header-description {
  margin-top: 0.75rem;
  color: inherit;
  opacity: 0.6;
  font-size: 18px;
  font-weight: 500;
  word-break: keep-all;
}

.pricing-plans__header-price {
  font-size: 1.563rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.pricing-plans__header-price-period {
  margin-left: -0.1875rem;
  opacity: 0.6;
  font-size: 1rem;
  font-weight: 500;
}

.pricing-plans__features {
  margin-bottom: 0.75rem;
  color: inherit;
}

.pricing-plans__features-item {
  display: flex;
  margin-bottom: 0.5625rem;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  gap: 0;
}

.pricing-plans__features-previous {
  margin-top: 0.9375rem;
}

.pricing-plans__disclaimer {
  margin-top: 1.5rem;
  opacity: 0.8;
}

.pricing-plans__disclaimer p {
  margin: 0;
  color: inherit;
  font-size: 0.875rem;
}

.pricing-plans__contact {
  grid-column: 2/span 2;
  background-color: #000;
  background-image: url("/assets/images/portrait-man-working-as-telemarketer_1.jpg");
  background-size: cover;
  background-position: center 10%;
  background-repeat: no-repeat;
  padding: 1.5rem;
  line-height: 1.56;
  color: white;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  border-radius: 1em;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
}

@media screen and (max-width: 992px) {
  .pricing-plans__contact {
    word-break: break-all;
  }
}

@media screen and (min-width: 992px) {
  .pricing-plans__contact {
    word-break: keep-all;
  }
}

@media screen and (max-width: 480px) {
  .pricing-plans__contact {
    grid-column: 1;
  }
}

@media screen and (max-width: 992px) {
  .pricing-plans__contact {
    grid-column: 1/span 2;
    background-image: none;
    background-color: #000;
  }

  .pricing-plans__contact {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
  }
}

.pricing-plans__contact h5 {
  margin: 0;
  color: inherit;
}

.pricing-plans__contact a {
  color: inherit;
}

.pricing-plans__card--business {
  background-image: url("/assets/images/grainy-gradient-background-with-green-yellow-curve-dark-texture-backdrop.jpg");
  background-size: cover;
  background-position: 20% 0%;
  background-repeat: no-repeat;
  box-shadow: 0 4px 16px rgba(74, 165, 112, 0.2);
  color: white;
}

@media (hover: hover) {
  .pricing-plans__card--business:hover {
    background-position: 0% 40%;
    box-shadow: 0 8px 32px rgba(74, 165, 112, 0.3);
  }
}

@media screen and (max-width: 480px) {
  .pricing-plans__card {
    padding: 0.9375rem;
  }

  .pricing-plans__header-price {
    font-size: 1.75rem;
  }
}

.grid-4-4.pricing-plans__grid {
  gap: 1.125rem;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__employee-selector .pricing-plans__employee-label {
  color: white;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__employee-selector .pricing-plans__employee-select {
  background-color: rgba(0, 0, 0, 0.9);
  border-color: rgba(0, 0, 0, 0.5);
  color: white;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__employee-selector .pricing-plans__employee-select:hover {
  border-color: rgba(25.5, 25.5, 25.5, 0.5);
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__employee-selector .pricing-plans__employee-select:focus {
  box-shadow: 0 0 0 3px rgba(74, 165, 112, 0.2);
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__employee-selector .pricing-plans__employee-select option {
  background-color: #000;
  color: white;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card {
  background-color: rgba(0, 0, 0, 0.9);
  border-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
  color: white;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card:hover {
  background-color: rgba(7.65, 7.65, 7.65, 0.9);
  box-shadow: 0 8px 32px rgba(255, 255, 255, 0.2);
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card:hover .pricing-plans__cta {
  background-color: white;
  border-color: white;
  color: #000;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__header {
  border-bottom-color: rgba(0, 0, 0, 0.7);
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__header-title {
  color: white;
  opacity: 1;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__header-description {
  color: rgba(255, 255, 255, 0.7);
  opacity: 1;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__header-price {
  color: white;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__header-price-period {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__features {
  color: white;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__features-item {
  color: rgba(255, 255, 255, 0.7);
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__disclaimer {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__disclaimer p {
  color: inherit;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__contact {
  background-color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url("/assets/images/portrait-man-working-as-telemarketer_1.jpg");
  color: white;
}

@media screen and (max-width: 992px) {
  :is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__contact {
    background-color: #000;
    background-image: none;
  }
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__contact h5,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__contact a {
  color: inherit;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card--business {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url("/assets/images/grainy-gradient-background-with-green-yellow-curve-dark-texture-backdrop.jpg");
  box-shadow: 0 4px 16px rgba(74, 165, 112, 0.3);
  color: white;
}

@media (hover: hover) {
  :is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card--business:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url("/assets/images/grainy-gradient-background-with-green-yellow-curve-dark-texture-backdrop.jpg");
    box-shadow: 0 8px 32px rgba(74, 165, 112, 0.4);
  }
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card--business .pricing-plans__header {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card--business .pricing-plans__header-title,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card--business .pricing-plans__header-description,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card--business .pricing-plans__header-price {
  color: white;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card--business .pricing-plans__header-price-period {
  color: rgba(255, 255, 255, 0.7);
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card--business .pricing-plans__features {
  color: white;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .pricing-plans__card--business .pricing-plans__features-item {
  color: white;
}

.pricing-standard__container {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 992px) {
  .pricing-standard__container {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.pricing-standard {
  width: 100%;
}

.pricing-standard__page-title {
  margin-bottom: 1.125rem;
  color: #6d6d6d;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.pricing-standard__header {
  display: flex;
  max-width: 840px;
  margin-right: auto;
  margin-bottom: 3.75rem;
  margin-left: auto;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.3125rem;
}

.pricing-standard__title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  color: #222222;
  margin: 0;
  white-space: nowrap;
}

@media screen and (max-width: 992px) {
  .pricing-standard__title {
    font-size: 28px;
    white-space: normal;
  }
}

.pricing-standard__subtitle {
  margin: 0;
  color: #6d6d6d;
  font-size: 17.92px;
  font-weight: 400;
  letter-spacing: -0.16px;
  line-height: 1.4;
}

.pricing-standard__main {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 1.875rem;
  margin-bottom: 4.5rem;
  align-items: start;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 992px) {
  .pricing-standard__main {
    margin-bottom: 0;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.pricing-standard__calculator {
  background-color: white;
  border: 1px solid #e6e6e6;
  border-radius: 0.75rem;
  padding: 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 1.5rem;
}

@media screen and (max-width: 992px) {
  .pricing-standard__calculator {
    padding: 0;
    border: none;
    gap: 0;
  }
}

.pricing-standard__calculator-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
}

@media screen and (max-width: 992px) {
  .pricing-standard__calculator-header {
    margin-top: 8px;
    flex-direction: column;
    gap: 0.75rem;
  }
}

.pricing-standard__calculator-header-left {
  display: flex;
  flex-direction: column;
  gap: 0.28125rem;
}

.pricing-standard__calculator-title {
  margin: 0;
  color: #222222;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.4;
}

.pricing-standard__calculator-subtitle {
  margin: 0;
  color: #6d6d6d;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.pricing-standard__calculator-toggle {
  flex-shrink: 0;
}

@media screen and (max-width: 992px) {
  .pricing-standard__calculator-toggle {
    display: none;
  }
}

.pricing-standard__toggle-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.75rem;
}

.pricing-standard__toggle-text {
  color: #535353;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 1.4;
}

.pricing-standard__toggle-input {
  display: none;
}

.pricing-standard__toggle-switch {
  position: relative;
  width: 34px;
  height: 18px;
  background-color: #d1d1d1;
  border-radius: 9px;
  transition: background-color 0.2s ease;
}

.pricing-standard__toggle-switch::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
  content: "";
}

.pricing-standard__toggle-input:checked+.pricing-standard__toggle-switch {
  background-color: #4aa570;
}

.pricing-standard__toggle-input:checked+.pricing-standard__toggle-switch::after {
  transform: translateX(16px);
}

.pricing-standard__calculator-price-card {
  background-color: #f7f7f8;
  border-radius: 0.75rem;
  padding: 1.575rem;
  margin-bottom: 1.125rem;
}

@media screen and (max-width: 992px) {
  .pricing-standard__calculator-price-card {
    padding: 1.5rem;
  }
}

.pricing-standard__calculator-price-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pricing-standard__calculator-price-left {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}

.pricing-standard__calculator-plan-name {
  color: #222222;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.4;
}

.pricing-standard__calculator-badge {
  display: inline-flex;
  height: 24px;
  padding: 0 0.375rem;
  align-items: center;
  background-color: rgba(74, 165, 112, 0.08);
  border-radius: 5px;
  color: #4aa570;
  font-size: 13.76px;
  font-weight: 600;
  line-height: 1.4;
}

.pricing-standard__calculator-price-right {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}

.pricing-standard__calculator-price {
  color: #222222;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.4;
}

.pricing-standard__calculator-counter-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.125rem;
}

@media screen and (max-width: 992px) {
  .pricing-standard__calculator-counter-grid {
    grid-template-columns: 1fr;
  }
}

.pricing-standard__counter-card {
  position: relative;
  background-color: #f7f7f8;
  border-radius: 0.75rem;
  padding: 1.575rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.125rem;
  min-height: 265px;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}

@media screen and (max-width: 992px) {
  .pricing-standard__counter-card {
    min-height: auto;
  }
}

.pricing-standard__counter-card-info {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}

.pricing-standard__counter-card-header {
  display: flex;
  align-items: center;
  gap: 1.125rem;
}

.pricing-standard__counter-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.pricing-standard__counter-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.pricing-standard__counter-card-content {
  display: flex;
  flex-direction: column;
  gap: 0.225rem;
}

.pricing-standard__counter-label {
  margin: 0;
  color: #222222;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.4;
}

.pricing-standard__counter-info {
  margin: 0;
  color: #6d6d6d;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.pricing-standard__counter-controls {
  display: flex;
  align-items: center;
  gap: 1.125rem;
}

.pricing-standard__counter-button {
  background-color: white;
  border: 1px solid rgba(27, 31, 35, 0.2);
  border-radius: 0.75rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.221s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}

.pricing-standard__counter-button:hover {
  background-color: #f7f7f8;
}

.pricing-standard__counter-button:active {
  background-color: #eeeeee;
}

.pricing-standard__counter-button--minus .pricing-standard__counter-button-icon {
  width: 13px;
  height: 0;
  border-top: 2px solid #535353;
}

.pricing-standard__counter-button--plus .pricing-standard__counter-button-icon {
  position: relative;
  width: 16px;
  height: 16px;
}

.pricing-standard__counter-button--plus .pricing-standard__counter-button-icon::before,
.pricing-standard__counter-button--plus .pricing-standard__counter-button-icon::after {
  position: absolute;
  background-color: #535353;
  content: "";
}

.pricing-standard__counter-button--plus .pricing-standard__counter-button-icon::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}

.pricing-standard__counter-button--plus .pricing-standard__counter-button-icon::after {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  transform: translateX(-50%);
}

.pricing-standard__counter-input-wrapper {
  position: relative;
  flex: 1;
}

.pricing-standard__counter-input {
  width: auto;
  background-color: white;
  border: 1px solid rgba(27, 31, 35, 0.2);
  border-radius: 0.75rem;
  height: 40px;
  padding: 0.5625rem 2.625rem 0.5625rem 1.5rem;
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #535353;
  text-align: center;
  letter-spacing: -0.16px;
  transition: border-color 0.2s ease;
}

@media screen and (max-width: 992px) {
  .pricing-standard__counter-input {
    width: 100%;
  }
}

.pricing-standard__counter-input:focus {
  border-color: #4aa570;
  outline: none;
}

.pricing-standard__counter-input::-webkit-inner-spin-button,
.pricing-standard__counter-input::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}

.pricing-standard__counter-input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.pricing-standard__counter-input-unit {
  position: absolute;
  top: 50%;
  right: 1.125rem;
  color: #878787;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  pointer-events: none;
  transform: translateY(-50%);
}

.pricing-standard__counter-tooltip {
  position: absolute;
  bottom: -40px;
  left: 45%;
  transform: translateX(-50%);
  background-color: #222222;
  color: white;
  padding: 0.5625rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.pricing-standard__counter-tooltip::before {
  position: absolute;
  top: -4px;
  left: 50%;
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  border-bottom: 5px solid #222222;
  border-left: 6px solid transparent;
  content: "";
  transform: translateX(-50%);
}

.pricing-standard__counter-tooltip.visible {
  display: block !important;
  opacity: 1;
}

.pricing-standard__plan-card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  background-color: white;
  border: 1px solid #e6e6e6;
  border-radius: 0.75rem;
}

.pricing-standard__plan-toggle {
  display: none;
}

@media screen and (max-width: 992px) {
  .pricing-standard__plan-toggle {
    display: flex;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    justify-content: center;
    border-top: 1px solid #e6e6e6;
  }
}

.pricing-standard__plan-banner {
  padding: 0.6rem 0.75rem;
  background-color: #000;
  color: white;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.16px;
  line-height: 1.4;
  text-align: center;
}

.pricing-standard__plan-content {
  display: flex;
  padding: 1.6875rem 1.5rem;
  flex-direction: column;
  gap: 1.875rem;
}

.pricing-standard__plan-info {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}

.pricing-standard__plan-name {
  display: flex;
  margin-bottom: 0.15rem;
  align-items: center;
  justify-content: space-between;
  color: #222222;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.4;
}

.pricing-standard__plan-name-note {
  color: #878787;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

.pricing-standard__plan-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  letter-spacing: -0.16px;
  line-height: 1.4;
  gap: 0.375rem;
}

.pricing-standard__plan-price-secondary {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.pricing-standard__price-current {
  color: #222222;
  font-size: 24px;
  font-weight: 600;
}

.pricing-standard__price-original {
  color: #878787;
  font-size: 17px;
  font-weight: 400;
  text-decoration: line-through;
}

.pricing-standard__discount-info {
  color: #4aa570;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}

.pricing-standard__discount-amount {
  font-weight: 600;
}

.pricing-standard__plan-description {
  margin: 0;
  color: #6d6d6d;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}

.pricing-standard__plan-services {
  display: flex;
  padding: 1.6875rem 1.5rem;
  flex-direction: column;
  border-top: 1px solid #e6e6e6;
  gap: 0.75rem;
}

.pricing-standard__services-title {
  margin: 0;
  color: #222222;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.4;
}

.pricing-standard__plan-services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

.pricing-standard__service-item {
  background-color: white;
  border: 3px solid rgba(234, 234, 234, 0.25);
  border-radius: 0.75rem;
  padding: 0.5625rem;
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  min-height: 64px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.pricing-standard__service-item:hover {
  background-color: rgba(74, 165, 112, 0.02);
  border-color: rgba(74, 165, 112, 0.3);
  transform: translateY(-1px);
}

.pricing-standard__service-item:active {
  transform: translateY(0);
}

.pricing-standard__service-icon {
  background-color: #f7f9fc;
  border-radius: 10px;
  padding: 0.46875rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pricing-standard__service-icon img {
  display: block;
  width: 24px;
  height: 24px;
}

.pricing-standard__service-name {
  color: #222222;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.4;
}

.pricing-standard__services-section {
  background-color: #fafafa;
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  padding: 4.5rem 1.5rem;
}

@media screen and (max-width: 992px) {
  .pricing-standard__services-section {
    margin-top: 3rem;
    padding: 3rem 1.5rem;
  }
}

.pricing-standard__services-section .zz-container {
  padding-right: 0;
  padding-left: 0;
}

.pricing-standard__services-section-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
  color: #222222;
  margin: 0 0 3rem;
  text-align: left;
  white-space: normal;
}

@media screen and (max-width: 992px) {
  .pricing-standard__services-section-title {
    margin-bottom: 2.25rem;
    font-size: 24px;
    white-space: normal;
  }
}

.pricing-standard__services-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.pricing-standard__service-card {
  position: relative;
  overflow: hidden;
  background-color: white;
  border-radius: 0.75rem;
}

.pricing-standard__service-card-inner {
  display: flex;
  gap: 1.5rem;
  padding: 3rem 2.25rem;
}

@media screen and (max-width: 992px) {
  .pricing-standard__service-card-inner {
    padding: 1.875rem 1.5rem;
    flex-direction: column;
  }
}

.pricing-standard__service-card-left {
  display: flex;
  gap: 0.75rem;
  width: 260px;
  flex-shrink: 0;
}

@media screen and (max-width: 992px) {
  .pricing-standard__service-card-left {
    width: 100%;
  }
}

.pricing-standard__service-card-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.pricing-standard__service-card-icon img {
  display: block;
  width: 32px;
  height: 32px;
}

.pricing-standard__service-card-title {
  margin: 0;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.8px;
  line-height: normal;
}

@media screen and (max-width: 992px) {
  .pricing-standard__service-card-title {
    font-size: 20px;
    line-height: 150%;
  }
}

.pricing-standard__service-card-note {
  margin: 0.75rem 0 0 0;
  color: #878787;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

.pricing-standard__service-card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 3.75rem;
}

.pricing-standard__service-category {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.pricing-standard__service-category-title {
  margin: 0;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e0e5ea;
  color: #878787;
  font-size: 13.76px;
  font-weight: 600;
  letter-spacing: 0.16px;
  line-height: 1.4;
}

.pricing-standard__service-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
}

@media screen and (max-width: 992px) {
  .pricing-standard__service-items {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.pricing-standard__service-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
}

.pricing-standard__service-item-title {
  margin: 0;
  color: #3d3d3d;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.16px;
  line-height: 1.55;
}

@media screen and (max-width: 992px) {
  .pricing-standard__service-item-title {
    font-size: 16px;
  }
}

.pricing-standard__service-item-description {
  margin: 0;
  color: #6d6d6d;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.16px;
  line-height: 1.55;
}

@media screen and (max-width: 992px) {
  .pricing-standard__service-item-description {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .pricing-standard__title {
    font-size: 24px;
  }

  .pricing-standard__subtitle {
    font-size: 16px;
  }

  .pricing-standard__main {
    gap: 1.125rem;
  }

  .pricing-standard__plan-services-grid {
    grid-template-columns: 1fr;
  }

  .pricing-standard__service-card-title {
    font-size: 20px;
  }
}

.glow {
  animation: glow 2s 1 forwards;
}

@keyframes glow {
  100% {
    filter: drop-shadow(0 0 6px rgba(68, 255, 0, 0.7)) drop-shadow(0 0 24px rgba(30, 255, 0, 0.5));
  }
}

.hero-section-for-ir-event {
  padding-bottom: 0;
}

.hero-section-for-ir-event_leading {
  margin-right: 2px;
  color: white;
}

.hero-section-for-ir-event_heading {
  margin-top: 0.375rem;
  color: #9ca4a2;
  font-size: 2.5rem;
}

.hero-section-for-ir-event_heading>i {
  color: #01eb67;
}

@media screen and (max-width: 992px) {
  .hero-section-for-ir-event_heading {
    word-break: break-all;
  }
}

.hero-section-for-ir-event_sub-heading {
  margin-top: 0.75rem;
  color: #9ca4a2;
  font-size: 1.563rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
}

.ir-event-background-gradient-ray {
  position: fixed;
  top: 0;
  right: 0;
  pointer-events: none;
  z-index: -1;
}

@media screen and (max-width: 992px) {
  .ir-event-background-gradient-ray {
    opacity: 0.2;
  }
}

.requirements-section-for-ir-event_wrapper .item .title {
  padding-bottom: 0.75rem;
  color: #01eb67;
}

.requirements-section-for-ir-event_wrapper .item.dates .date_details,
.requirements-section-for-ir-event_wrapper .item.benefits .benefit,
.requirements-section-for-ir-event_wrapper .item.targets .target {
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.375rem;
  padding: 0.75rem;
  background-color: rgba(255, 255, 255, 0.1);
  word-break: keep-all;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {

  .requirements-section-for-ir-event_wrapper .item.dates .date_details,
  .requirements-section-for-ir-event_wrapper .item.benefits .benefit,
  .requirements-section-for-ir-event_wrapper .item.targets .target {
    font-size: 15px;
  }
}

.requirements-section-for-ir-event_wrapper .item.dates .date_details:not(:first-of-type),
.requirements-section-for-ir-event_wrapper .item.benefits .benefit:not(:first-of-type),
.requirements-section-for-ir-event_wrapper .item.targets .target:not(:first-of-type) {
  margin-top: 0.75rem;
}

.requirements-section-for-ir-event {
  margin-top: 3rem;
  padding-top: 0;
  padding-bottom: 0;
}

.requirements-section-for-ir-event_wrapper {
  box-shadow: inset 0px 0px 1px 3px rgba(255, 255, 255, 0.18);
  background-color: rgba(25.5, 25.5, 25.5, 0.6);
  backdrop-filter: blur(10px);
  padding: 2.25rem;
  border-radius: 0.5em;
  display: flex;
  align-items: stretch;
  gap: 3.75rem;
}

@media screen and (max-width: 992px) {
  .requirements-section-for-ir-event_wrapper {
    flex-wrap: wrap;
  }

  .requirements-section-for-ir-event_wrapper>* {
    flex: 1 0 100% !important;
  }
}

.requirements-section-for-ir-event_wrapper .item.targets {
  flex: 1 0 35%;
}

.requirements-section-for-ir-event_wrapper .item.benefits {
  flex: 1 0 40%;
}

.requirements-section-for-ir-event_wrapper .item.dates {
  flex: 1 0 40%;
}

.requirements-section-for-ir-event_wrapper .item.dates .date {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {
  .requirements-section-for-ir-event_wrapper .item.dates .date {
    font-size: 15px;
  }
}

.requirements-section-for-ir-event_wrapper .item.dates .date_title {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0.375rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {
  .requirements-section-for-ir-event_wrapper .item.dates .date_title {
    font-size: 15px;
  }
}

.requirements-section-for-ir-event_wrapper .item.dates .date_details {
  font-weight: 500;
  margin-bottom: 1.125rem;
}

.requirements-section-for-ir-event_wrapper .item.dates .date_details:not(:first-of-type) {
  margin-top: 4px !important;
}

.requirements-section-for-ir-event_wrapper .item.application {
  flex: 0 1 20%;
}

.vc-introduction-section-for-ir-event {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.vc-introduction-section-for-ir-event .vc-introduction {
  border-radius: 0.5em;
  box-shadow: inset 0px 0px 1px 3px rgba(255, 255, 255, 0.18);
  color: white;
  background-color: rgba(25.5, 25.5, 25.5, 0.6);
  backdrop-filter: blur(10px);
  display: flex;
  gap: 1.5rem;
  padding: 3rem 2.25rem;
}

@media screen and (max-width: 992px) {
  .vc-introduction-section-for-ir-event .vc-introduction {
    flex-direction: column;
  }
}

.vc-introduction-section-for-ir-event .vc-introduction_title {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.3;
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 2px;
  margin-bottom: 0.375rem;
}

.vc-introduction-section-for-ir-event .vc-introduction_description {
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: -0.01rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.7);
  max-width: 75%;
  word-break: keep-all;
}

@media screen and (max-width: 992px) {
  .vc-introduction-section-for-ir-event .vc-introduction_description {
    max-width: 100%;
  }
}

.vc-introduction-section-for-ir-event .vc-introduction_logo {
  width: 88px;
  height: 88px;
  padding: 4px;
  background: white;
  border-radius: 50%;
  pointer-events: none;
  object-fit: contain;
}

@media screen and (max-width: 992px) {
  .vc-introduction-section-for-ir-event .vc-introduction_logo {
    margin-left: -0.375rem;
  }
}

.network-effect-section-for-ir-event {
  padding-top: 0;
}

.network-effect-section-for-ir-event .network-effect {
  position: relative;
  padding: 3rem 2.25rem;
  box-shadow: inset 0px 0px 1px 3px rgba(255, 255, 255, 0.18);
  background-image: url(https://res.cloudinary.com/zuzu-homepage/image/upload/v1739366610/gnbd8daqgtsnjvdplj0d.png);
  background-size: cover;
  background-position: right;
  border-radius: 0.5em;
}

.network-effect-section-for-ir-event .network-effect::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(217, 217, 217, 0) 0%, #000 72%);
  border-radius: 0.5em;
}

.network-effect-section-for-ir-event .network-effect_description {
  position: relative;
  z-index: 1;
  color: #9ca4a2;
  max-width: 60%;
  word-break: keep-all;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.4;
}

@media screen and (max-width: 992px) {
  .network-effect-section-for-ir-event .network-effect_description {
    max-width: 100%;
    word-break: break-all;
  }
}

.network-effect-section-for-ir-event .network-effect_description i {
  color: #01eb67;
}

.how-to-apply-section-for-ir-event {
  padding-top: 0;
}

.how-to-apply-section-for-ir-event .apply-section {
  color: white;
  padding: 3rem 2.25rem;
  box-shadow: inset 0px 0px 1px 3px rgba(255, 255, 255, 0.18);
  border-radius: 0.5em;
  background-color: rgba(25.5, 25.5, 25.5, 0.6);
}

.apply-section_item+.apply-section_item {
  margin-top: 3rem;
}

.how-to-apply-section-for-ir-event .apply-section_title {
  color: #01eb67;
}

.how-to-apply-section-for-ir-event .apply-section_image {
  max-width: 100%;
  border-radius: 0.5em;
  margin-top: 0.75rem;
}

.how-to-apply-section-for-ir-event .apply-section_content,
.how-to-apply-section-for-ir-event .apply-section_caption {
  color: white;
}

.how-to-apply-section-for-ir-event .apply-section_order {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background-color: #01eb67;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  margin-bottom: 0.75rem;
}

.how-to-apply-section-for-ir-event .apply-section_content {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
}

.how-to-apply-section-for-ir-event .apply-section_caption {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.how-to-apply-section-for-ir-event .apply-section .apply-section_cta {
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}

.contents-letter_background-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.company__locked-info-item,
.company__field-value:has(.disabled),
.company__field-value:not(:has(.disabled)) {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-left: -1px;
  color: white;
  word-break: keep-all;
}

@media screen and (max-width: 992px) {

  .company__locked-info-item,
  .company__field-value:has(.disabled),
  .company__field-value:not(:has(.disabled)) {
    word-break: break-all;
  }
}

.round-filter__button.active,
.company__round-badge {
  background: -webkit-linear-gradient(to right, #24fe41, #fdfc47);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #24fe41, #fdfc47);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.fixed-background {
  position: fixed;
  top: -10%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.4;
  pointer-events: none;
}

.company {
  padding: 2.25rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px;
  border-radius: 0.5em;
  background: rgba(75, 75, 75, 0.1);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  border: 3px solid rgba(75, 75, 75, 0.3);
}

@media screen and (max-width: 992px) {
  .company {
    padding: 2.25rem 1.5rem;
    border-radius: 0;
    box-shadow: none;
  }
}

.company__header {
  display: flex;
  align-items: start;
  gap: 1.875rem;
}

.company__logo {
  width: 96px;
  height: 96px;
  object-fit: contain;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid rgb(224, 229, 234);
  border-radius: 0.5em;
  background-color: white;
}

.company__logo-placeholder {
  display: flex;
  width: 96px;
  height: 96px;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 4px;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
}

.company__info {
  flex: 1;
}

.company__name-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.company__name {
  margin-right: 0.375rem;
  margin-left: -1px;
  color: white;
  font-weight: bold;
}

.company__flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
  top: 1px;
}

.company__flag:hover {
  transition: transform 0.2s ease;
  transform: scale(1.2);
}

.company__website {
  color: white !important;
}

.company__website:hover {
  color: #01eb67 !important;
}

.company__round-badge {
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 4px 8px;
  border-radius: 4px;
  color: #000;
}

.company__description {
  color: rgba(255, 255, 255, 0.6);
  max-width: 70%;
  word-break: keep-all;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {
  .company__description {
    max-width: 100%;
    word-break: break-all;
  }
}

.company__field {
  margin-top: 1.5rem;
}

.company__field-label {
  display: inline-block;
  margin-bottom: 0.5625rem;
  color: rgba(255, 255, 255, 0.4);
  font-weight: bold;
}

@media (hover: hover) {
  .company__field-value:not(:has(.disabled)):hover:hover {
    color: #01eb67;
  }
}

.company__field-value:has(.disabled) {
  color: rgba(255, 255, 255, 0.6);
}

.company__field-value-login {
  font-size: 1.1rem;
  font-style: italic;
  text-decoration-color: #9ca4a2;
  color: #9ca4a2;
}

.company__field-value-login:hover {
  color: #01eb67;
  text-decoration-color: #01eb67;
}

.company__locked-infos {
  display: flex;
  gap: 1.875rem;
}

@media screen and (max-width: 992px) {
  .company__locked-infos {
    gap: 0.375rem;
    flex-direction: column;
    flex-wrap: wrap;
  }
}

.company__locked-info {
  margin-top: 1.5rem;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: bold;
}

.company__locked-info-list {
  display: flex;
  gap: 0.375rem;
  margin-top: 8px;
  align-items: center;
}

@media screen and (max-width: 992px) {
  .company__locked-info-list {
    align-items: flex-start;
  }
}

.company__locked-info-title {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.company__login-button {
  order: 3;
}

@media screen and (max-width: 992px) {
  .company__login-button {
    order: 3;
  }
}

.company__locked-buttons {
  display: flex;
  gap: 0.75rem;
}

@media screen and (max-width: 992px) {
  .company__locked-buttons {
    align-self: stretch;
    flex-wrap: wrap;
  }

  .company__locked-buttons .button {
    flex: 1 0 100%;
  }
}

.divider {
  width: 100%;
  height: 1px;
  margin: "assets/images" 0;
  background-color: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 992px) {
  .company__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .company__locked-info-list {
    flex-direction: column;
    gap: 8px;
  }
}

.round-filter {
  transition: all 0.121s ease;
}

.round-filter.sticky {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  padding: 0.75rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px;
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}

.round-filter__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.round-filter__button {
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.5em;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.round-filter__button:hover {
  background-color: white;
  color: #000;
}

.round-filter__button.active {
  color: #000;
}

.company-wrapper {
  transition: opacity 0.3s ease;
}

.roadmap__wrapper {
  flex: 0 0 700px;
  background-color: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(15px);
}

@media screen and (max-width: 480px) {
  .roadmap__wrapper {
    flex: 0 1 100%;
  }
}

.roadmap__heading-and-subheading {
  margin-bottom: 2.25rem;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .roadmap__heading-and-subheading {
    text-align: left;
  }
}

.roadmap__heading {
  margin-bottom: 1.5rem;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .roadmap__heading {
    text-align: left;
  }
}

.roadmap__heading-item,
.roadmap__subheading {
  background: linear-gradient(90deg, #ffcd74, #ec008c);
  background-clip: text;
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.roadmap__background-image {
  position: fixed;
  top: -50%;
  left: 0;
  z-index: -1;
  width: 100%;
  filter: hue-rotate(312deg) brightness(0.35);
  transform: scale(0.4);
}

.roadmap__questions {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.roadmap__question {
  padding: 1.5rem;
  border-radius: 0.5em;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.roadmap__question-text {
  color: white;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
}

.roadmap__question-answers {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media screen and (max-width: 480px) {
  .roadmap__question-answers {
    flex-wrap: wrap;
  }
}

.roadmap__question-answer-label {
  color: white;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0rem;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {
  .roadmap__question-answer-label {
    font-size: 15px;
  }
}

.roadmap__question-answer-input {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(0, 0, 0, 0.45);
  color: white;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
}

.roadmap__question-input-and-label {
  display: flex;
  margin-top: 0.75rem;
  align-items: center;
  gap: 0.75rem;
}

.roadmap__form {
  margin-right: auto;
  margin-left: auto;
}

.roadmap__form {
  margin-right: auto;
  margin-left: auto;
}

.roadmap__submit-button {
  display: flex;
  margin-top: 1.5rem;
  margin-right: auto;
  margin-left: auto;
  align-items: center;
  gap: 0.375rem;
}

.roadmap__result-heading {
  margin-top: 3.75rem;
  color: white;
  text-align: center;
}

.roadmap__result-items-list {
  position: relative;
  margin-top: 1.5rem;
}

.roadmap__result-item-links {
  display: flex;
  gap: 0.75rem;
}

.roadmap__result-item {
  position: relative;
  margin-top: 1.5rem;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 1.5rem;
  border-radius: 0.5em;
}

.roadmap__result-item__link {
  display: inline-block;
  margin-top: 1.5rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0rem;
  line-height: 1.5;
}

@media screen and (max-width: 992px) {
  .roadmap__result-item__link {
    font-size: 15px;
  }
}

.roadmap__result-item__link:visited {
  color: white !important;
}

.roadmap__result-item-title {
  color: white;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
}

.roadmap__result-item-description {
  word-break: keep-all;
  margin-top: 0.375rem;
  color: #9ca4a2;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
}

.roadmap__result-item-image {
  width: 1.5rem;
  height: 1.5rem;
}

.roadmap__result-item-title-and-image {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.roadmap__result-item-index {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  color: #000;
  background: linear-gradient(90deg, #ffcd74, #ec008c);
  position: absolute;
  left: 0%;
  top: 0.375rem;
  transform: translate(-120%, 50%);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
}

.roadmap__result-item-connector {
  z-index: 0;
  width: 2px;
  height: 100%;
  position: absolute;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #ffcd74, #ec008c);
}

.masked-title {
  background: linear-gradient(-45deg, #ff3c00, #0066ff, #00ff95, #00ffc3);
  background-clip: text;
  color: transparent;
  text-align: center;
  -webkit-background-clip: text;
}

.masked-title {
  background-size: 100% 100%;
  font-size: clamp(3rem, 10vw, 3.5rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: bold;
}

.process-timeline {
  margin: 2.25rem 0;
}

.process-timeline .process-weeks .week-progress {
  position: relative;
  margin-bottom: 1.5rem;
}

.process-timeline .process-weeks .week-progress hr {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
}

.process-timeline .process-weeks .week-progress hr:first-child {
  z-index: 2;
  margin-left: 0;
  background: white;
  overflow: visible;
}

.process-timeline .process-weeks .week-progress hr:first-child:after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 2px;
  height: 16px;
  background-color: white;
  content: "";
  transform: translate(0, -50%);
}

.process-timeline .process-weeks .week-progress hr:not(:first-child) {
  width: 100%;
}

.process-timeline .process-weeks .process-week .week-leading {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
}

.process-timeline .process-weeks .process-week .week-header .week-title {
  margin-top: 0.375rem;
  margin-bottom: 0.5625rem;
  color: white;
  font-weight: 600;
  line-height: 1.3;
}

.process-timeline .process-weeks .process-week .week-items .week-item-title {
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
}

.process-note {
  margin-top: 3rem;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}

.ir-deck-consulting-partner-section .partner-card {
  background: linear-gradient(to top, #000000, #111111);
  align-items: stretch;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
}

@media (hover: hover) {
  .ir-deck-consulting-partner-section .partner-card:hover:hover {
    z-index: 99;
    box-shadow: 0px 0px 12px #01eb67;
  }
}

@media screen and (max-width: 992px) {
  .ir-deck-consulting-partner-section .partner-card {
    border: 1px solid rgba(255, 255, 255, 0.5);
    transform: rotate(0deg) !important;
  }
}

.cta-bg-gradient {
  background: linear-gradient(-45deg, #ff3c00, #e73c7e, #00ff95, #00ffc3);
}

.ir-deck-consulting-benefit-section .benefit-items {
  margin-top: 3rem;
  padding: 2.25rem;
  border-radius: 12px;
  box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.24), 0px 0px 24px 0px rgba(255, 255, 255, 0.12);
}

.card-v2 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.card-v2-thumbnail {
  display: block;
  background: transparent;
  overflow: hidden;
  flex-shrink: 0;
}

.card-v2-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.121s ease-out;
  object-fit: cover;
}

.card-v2-thumbnail:hover img {
  transform: scale(1.03);
}

.card-v2-content {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.card-v2-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.card-v2-tags a {
  border-radius: 0.5em;
  padding: 0.12rem 0.4rem;
  border: 1.6px dotted rgba(0, 0, 0, 0.2);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.6;
}

@media screen and (max-width: 992px) {
  .card-v2-tags a {
    font-size: 14px;
  }
}

.card-v2-tags a:hover {
  background-color: rgba(0, 0, 0, 0.032);
  text-decoration: none;
}

.card-v2-title {
  font-weight: 700;
  word-break: keep-all;
}

.card-v2-desc {
  font-weight: 400;
  word-break: keep-all;
  word-wrap: break-word;
}

.card-v2-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.1875rem;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.6;
}

@media screen and (max-width: 992px) {
  .card-v2-footer {
    font-size: 14px;
  }
}

.card-v2__default .card-v2-thumbnail {
  border: 1px solid rgb(224, 229, 234);
  border-radius: 0.4rem;
  position: relative;
  aspect-ratio: 1.89/1;
}

.card-v2__default--l .card-v2-content {
  margin-top: 1.2rem;
}

.card-v2__default--l .card-v2-content .card-v2-title {
  color: #000;
  font-size: 1.64rem;
  line-height: 1.4;
}

.card-v2__default--l .card-v2-content .card-v2-desc {
  margin-top: 0.375rem;
}

.card-v2__default--l .card-v2-content .card-v2-footer {
  margin-top: 0.375rem;
}

.card-v2__default--l .card-v2-content .card-v2-tags {
  margin-top: 0.6rem;
}

@media screen and (min-width: 992px) {
  .card-v2__default--l .card-v2-thumbnail {
    min-height: 24rem;
  }
}

.card-v2__default--m .card-v2-content {
  margin-top: 1.125rem;
}

.card-v2__default--m .card-v2-content .card-v2-title {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.4;
}

.card-v2__default--m .card-v2-content .card-v2-desc {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 0.375rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.card-v2__default--m .card-v2-content .card-v2-footer {
  margin-top: 0.375rem;
}

.card-v2__default--m .card-v2-content .card-v2-tags {
  margin-top: 0.6rem;
}

.card-v2__default--s {
  flex-direction: row;
  gap: 1.5rem;
}

.card-v2__default--s .card-v2-thumbnail {
  aspect-ratio: 1/1;
  max-height: 120px;
}

@media screen and (max-width: 992px) {
  .card-v2__default--s .card-v2-thumbnail {
    max-height: 80px;
  }
}

.card-v2__default--s .card-v2-title {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.5;
  margin: 0.375rem 0;
}

.card-v2__default--s .card-v2-tags {
  margin-top: 0.375rem;
}

.card-v2__default--s .card-v2-footer {
  margin-top: 0.75rem;
}

.blog__main-featured {
  display: grid;
  grid-template-columns: 1.2rem repeat(11, minmax(0, 1fr)) 1.2rem;
  grid-auto-rows: min-content;
  column-gap: 3.2rem;
  max-width: 1400px;
  margin: 0 auto;
}

@media screen and (max-width: 992px) {
  .blog__main-featured {
    height: unset;
    padding: 1.2rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.zz-container-fluid {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

@media screen and (max-width: 1460px) {
  .zz-container-fluid {
    padding-right: 0;
  }
}

@media screen and (max-width: 992px) {
  .zz-container-fluid {
    padding: 0 0 1.6rem 0;
  }
}

.blog__main-featured-card {
  grid-column: 1/8;
  display: grid;
  grid-template-columns: subgrid;
  grid-auto-rows: min-content;
}

@media screen and (max-width: 992px) {
  .blog__main-featured-card {
    grid-column: 1;
  }
}

.blog__main-featured-card .card-v2-thumbnail {
  grid-column: 1/8;
  aspect-ratio: 1.64/1;
}

.blog__main-featured-card .card-v2-thumbnail img {
  object-position: center top;
}

.blog__main-featured-card .card-v2-thumbnail {
  border-radius: 0.4rem;
}

@media (min-width: 992px) and (max-width: 1460px) {
  .blog__main-featured-card .card-v2-thumbnail {
    aspect-ratio: 1.48/1;
  }
}

@media screen and (max-width: 992px) {
  .blog__main-featured-card .card-v2-thumbnail {
    grid-column: 1;
    aspect-ratio: 1.89/1;
  }
}

.blog__main-featured-card .card-v2-content {
  grid-column: 1/8;
  margin-top: 1.2rem;
}

@media screen and (max-width: 992px) {
  .blog__main-featured-card .card-v2-content {
    grid-column: 1;
  }
}

@media screen and (min-width: 1460px) {
  .blog__main-featured-card .card-v2-content {
    grid-column: 1/8;
  }
}

.blog__main-featured-card .card-v2-content .card-v2-title {
  font-size: 2rem;
  line-height: 1.4;
}

.blog__main-featured-card .card-v2-content .card-v2-desc {
  margin-top: 0.375rem;
  font-size: 1.032rem;
  line-height: 1.64;
}

.blog__main-featured-card .card-v2-content .card-v2-footer {
  margin-top: 0.6rem;
}

.blog__main-featured-card .card-v2-content .card-v2-tags {
  margin-top: 0.6rem;
}

.blog__main-featured-list {
  grid-column: 8/14;
  display: grid;
  grid-template-columns: subgrid;
  grid-auto-rows: max-content;
}

@media screen and (max-width: 992px) {
  .blog__main-featured-list {
    margin-top: 2.25rem;
    grid-column: 1;
  }
}

.blog__main-featured-list-item {
  display: flex;
  gap: 1.5rem;
  padding: 1.2rem 0;
}

@media screen and (min-width: 992px) {
  .blog__main-featured-list-item {
    grid-column: span 5;
  }

  .blog__main-featured-list-item:first-child {
    padding-top: 0;
  }
}

@media screen and (min-width: 1460px) {
  .blog__main-featured-list-item {
    grid-column: span 6;
  }
}

.blog__main-featured-list-item .card-v2-thumbnail {
  border-radius: 0.4rem;
  background: transparent;
  max-height: 180px;
  aspect-ratio: 1/1;
}

@media screen and (max-width: 992px) {
  .blog__main-featured-list-item .card-v2-thumbnail {
    max-height: 80px;
  }
}

.blog__main-featured-list-item .card-v2-content .card-v2-title {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.blog__main-featured-list-item .card-v2-content .card-v2-desc {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 0.375rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.blog__main-featured-list-item .card-v2-content .card-v2-footer {
  margin-top: 0.375rem;
}

.blog__main-featured-list-item .card-v2-content .card-v2-tags {
  margin-top: 0.6rem;
}

.blog__main-featured-stickynav {
  transition: all 0.125s ease-out;
}

.blog__main-featured-stickynav-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 1.125rem;
}

@media screen and (max-width: 992px) {
  .blog__main-featured-stickynav-content {
    gap: 0.75rem;
  }
}

.blog__main-featured-stickynav-dropdowns {
  border-radius: 0.5em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 1.2rem;
}

.blog__main-featured-stickynav-dropdowns .dropdown {
  cursor: pointer;
}

.blog__main-featured-stickynav-search {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: start;
  flex-grow: 1;
  max-width: 24rem;
}

.blog__main-featured-stickynav-search form {
  width: 100%;
}

.blog__ebook {
  border-radius: 0.5em;
  background: #000;
  overflow: hidden;
}

.blog__ebook h2 {
  color: white;
  font-size: 1.563rem;
  font-weight: 700;
  letter-spacing: -0.01rem;
  line-height: 1.4;
  margin-bottom: 0.375rem;
}

.blog__ebook p {
  font-size: 1.032rem;
  font-weight: 400;
}

.blog__ebook-container {
  max-width: 1400px;
}

.blog__ebook-item {
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px;
  overflow: hidden;
  transition: 0.12s ease-out;
  background: rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 0.4rem 0.4rem 0 0.4rem;
}

.blog__ebook-item:hover {
  transform: translateY(-0.25rem) !important;
}

.blog__ebook-item img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 0.24rem;
  border-top-right-radius: 0.24rem;
  object-fit: cover;
  object-position: center -20px;
}

.is-stuck {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px;
}

footer {
  width: 100%;
  position: relative;
  z-index: 99;
}

footer .footer-inner {
  margin-right: auto;
  margin-left: auto;
  color: inherit;
}

footer .row+.row {
  margin-top: 3.75rem;
}

footer .footer-group {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

footer .footer-group .footer-group-title,
footer .footer-group .footer-group-list,
footer .footer-group .footer-group-social-group-list {
  color: inherit;
}

footer .footer-group .footer-group-title a,
footer .footer-group .footer-group-title p,
footer .footer-group .footer-group-list a,
footer .footer-group .footer-group-social-group-list a,
footer .footer-group .footer-group-list p,
footer .footer-group .footer-group-social-group-list p {
  font-size: inherit;
}

footer .footer-group .footer-group-title,
footer .footer-group .footer-group-list,
footer .footer-group .footer-group-social-group-list {
  word-break: keep-all;
}

footer .footer-group .footer-group-title {
  margin-bottom: 0.75rem;
}

footer .footer-group-title {
  margin-bottom: 0.1875rem;
  color: inherit;
  font-size: 16px;
  word-break: keep-all;
  font-weight: bold;
}

@media screen and (max-width: 992px) {
  footer .footer-group-title {
    margin-top: 1.5rem;
    margin-bottom: 0.375rem;
  }
}

footer .footer-group-list,
footer .footer-group-social-group-list {
  display: inline-block;
  padding: 0.15rem 0;
  color: white;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0rem;
  line-height: 1.75;
}

@media screen and (max-width: 992px) {

  footer .footer-group-list,
  footer .footer-group-social-group-list {
    font-size: 15px;
  }
}

footer .footer-group-list a,
footer .footer-group-social-group-list a {
  color: inherit;
}

footer .footer-group-list a,
footer .footer-group-social-group-list a {
  text-decoration: none;
}

@media (hover: hover) {

  footer .footer-group-list a:hover,
  footer .footer-group-social-group-list a:hover {
    text-decoration: underline;
  }
}

footer .footer-group-company-info {
  padding: 0.4125rem 0;
  font-size: 13px;
  color: inherit;
}

@media screen and (max-width: 992px) {
  footer .footer-group-company-info {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0rem;
    line-height: 1.75;
  }
}

@media screen and (max-width: 992px) and (max-width: 992px) {
  footer .footer-group-company-info {
    font-size: 15px;
  }
}

footer .footer-group-social {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

footer .footer-group-social-group-list {
  font-size: 14px;
}

footer .footer-group-social-group-list span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.72);
}

footer .footer-group-social-group-list span svg {
  color: inherit;
}

footer .footer-group-social li+li {
  margin-left: 0.375rem;
}

.kodebox-link-wrapper {
  color: white;
}

.kodebox-link-wrapper a {
  color: inherit;
  font-size: 13px;
  font-weight: 400;
}

.zz-grid-auto-rows-auto {
  grid-auto-rows: auto !important;
}

.zz-sr-only {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap !important;
}

.no-shadow {
  box-shadow: none !important;
}

i.highlight {
  color: #01eb67;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .faq-for-solution-roles__title i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .faq-for-solution-roles__subtitle i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .trust-for-solution-roles__title i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .trust-for-solution-roles__subtitle i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__title i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__more-link i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__customer-title i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__customer-content i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .solution-map-for-solutions-roles__title i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .solution-map-for-solutions-roles__subtitle i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .problem-for-solutions-roles__title i,
.hero-section-for-solutions-roles__title i,
:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .hero-section-for-solutions-roles__subtitle i {
  color: #01eb67;
  font-style: normal;
}

.roles-page {
  position: relative;
  overflow: hidden;
}

.roles-page section:not(.hero-section-for-solutions-roles)+section {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.hero-section-for-solutions-roles__image-2,
.hero-section-for-solutions-roles__image-1 {
  border-radius: 1em;
  width: 100%;
  height: 100%;
  aspect-ratio: 1.5/1;
  object-fit: cover;
  object-position: top left;
}

.hero-section-for-solutions-roles {
  position: relative;
  background-color: #000;
  overflow: hidden;
  min-height: 900px;
  background-size: cover;
  background-position: 100% 0%;
  background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
  .hero-section-for-solutions-roles {
    min-height: unset;
  }
}

.hero-section-for-solutions-roles__starfield {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media screen and (max-width: 992px) {
  .hero-section-for-solutions-roles__starfield {
    opacity: 0.6;
  }
}

.hero-section-for-solutions-roles__content-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 992px) {
  .hero-section-for-solutions-roles__content-wrapper {
    flex-wrap: wrap;
  }
}

.hero-section-for-solutions-roles__text-container {
  flex: 0 1 50%;
}

.hero-section-for-solutions-roles__leading {
  margin-bottom: 1.5rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1rem;
  font-weight: medium;
  text-align: center;
}

.hero-section-for-solutions-roles__title {
  text-align: center;
  margin-top: 0.5rem;
  margin-left: -0.05em;
  font-size: 2.475rem;
  font-weight: bold;
  line-height: 1.45;
  color: white;
}

@media screen and (max-width: 992px) {
  .hero-section-for-solutions-roles__title {
    word-break: break-all;
  }
}

@media screen and (min-width: 992px) {
  .hero-section-for-solutions-roles__title {
    word-break: keep-all;
  }
}

.hero-section-for-solutions-roles__subtitle {
  margin-top: 1.5rem;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.56;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .hero-section-for-solutions-roles__subtitle {
  color: white;
}

.hero-section-for-solutions-roles__subtitle {
  text-align: center;
}

.hero-section-for-solutions-roles__subtitle i {
  color: #01eb67;
  font-style: normal;
}

.hero-section-for-solutions-roles__button-container {
  display: flex;
  margin-top: 1.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.hero-section-for-solutions-roles__image-container {
  pointer-events: none;
  position: relative;
  border-radius: 1.5em;
  box-shadow: rgba(50, 44, 44, 0.1) 0px 1px 1px 0px inset, rgba(27, 33, 32, 0.3) 0px 50px 100px -20px, rgba(0, 0, 0, 0.4) 0px 30px 60px -30px;
  background-image: url("/assets/images/solutions/hero-section/bg-3.jpg");
  background-size: cover;
  background-position: center center;
  box-shadow: 0 0 48px 0 rgba(255, 255, 255, 0.34);
  background-repeat: no-repeat;
  margin-top: 1.5rem;
  padding: 0.75rem;
}

@media screen and (max-width: 992px) {
  .hero-section-for-solutions-roles__image-container {
    display: none;
  }
}

.hero-section-for-solutions-roles__image {
  object-fit: cover;
}

.hero-section-for-solutions-roles__image-1 {
  width: 100%;
}

.hero-section-for-solutions-roles__image-2 {
  width: 100%;
  margin-top: 1.5rem;
}

.problem-for-solutions-roles__solution-container::before,
.problem-for-solutions-roles__problem::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.32'/%3E%3C/svg%3E");
  opacity: 0.8;
  content: "";
  pointer-events: none;
}

.problem-for-solutions-roles {
  overflow: hidden;
}

.problem-for-solutions-roles__title {
  font-size: 1.65rem;
  line-height: 1.45;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .problem-for-solutions-roles__title {
  color: white;
}

.problem-for-solutions-roles__problems-container {
  display: flex;
  gap: 0.75rem;
  margin: 2.25rem 0 0.75rem;
}

.problem-for-solutions-roles__problems-container.animation {
  animation: toLeft 15s linear infinite alternate;
}

@media (hover: hover) {
  .problem-for-solutions-roles__problems-container.animation:hover {
    animation-play-state: paused;
  }
}

@keyframes toLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.problem-for-solutions-roles__problem {
  padding: 2.25rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1 0 25%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  transition: transform 0.3s ease;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  .problem-for-solutions-roles__problem {
    flex: 1 0 100%;
  }
}

@media (hover: hover) {
  .problem-for-solutions-roles__problem:hover {
    background-color: #000;
    box-shadow: rgba(50, 44, 44, 0.1) 0px 1px 1px 0px inset, rgba(27, 33, 32, 0.3) 0px 50px 100px -20px, rgba(0, 0, 0, 0.4) 0px 30px 60px -30px;
    transform: scale(1.05);
    will-change: transform;
  }
}

.problem-for-solutions-roles__problem:hover .problem-for-solutions-roles__problem-title {
  color: white;
  animation: glitchText 600ms steps(1, end) infinite;
}

.problem-for-solutions-roles__problem:hover .problem-for-solutions-roles__problem-image {
  background-color: magenta;
}

@media screen and (max-width: 480px) {
  .problem-for-solutions-roles__problem {
    min-height: 7.5rem;
  }
}

.problem-for-solutions-roles__problem-title {
  position: relative;
  color: white;
  font-size: 1.25rem;
  font-weight: 400;
  transition: color 0.2s ease;
  will-change: text-shadow, transform;
}

.problem-for-solutions-roles__problem-image {
  border-radius: 499.5em;
  width: 20px;
  height: 20px;
  object-fit: cover;
  margin-bottom: 1.5rem;
  background-color: white;
}

.problem-for-solutions-roles__solution-container {
  position: relative;
  overflow: hidden;
  border-radius: 1em;
  padding: 3rem;
}

.problem-for-solutions-roles__solution-container::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.32'/%3E%3C/svg%3E");
  opacity: 0.4;
  content: "";
  pointer-events: none;
}

.problem-for-solutions-roles__solution-title {
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
}

.problem-for-solutions-roles__solution-container {
  background-image: url("/assets/images/solutions/roles/problem/solution-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

@keyframes glitchText {
  0% {
    text-shadow: 1px -1px #ff0033, -1px 1px #00eaff;
    transform: translate(0, 0);
  }

  10% {
    text-shadow: -2px 0 #ff0033, 2px 0 #00eaff;
    transform: translate(1px, -1px);
  }

  20% {
    text-shadow: 0 2px #ff0033, 0 -2px #00eaff;
    transform: translate(-1px, 1px);
  }

  30% {
    text-shadow: 2px 2px #ff0033, -2px -2px #00eaff;
    transform: translate(0, 0);
  }

  40% {
    text-shadow: -1px 2px #ff0033, 1px -2px #00eaff;
    transform: translate(1px, 0);
  }

  50% {
    text-shadow: 2px 0 #ff0033, -2px 0 #00eaff;
    transform: translate(0, -1px);
  }

  60% {
    text-shadow: 0 -2px #ff0033, 0 2px #00eaff;
    transform: translate(-1px, 0);
  }

  70% {
    text-shadow: -2px -2px #ff0033, 2px 2px #00eaff;
    transform: translate(0, 0);
  }

  80% {
    text-shadow: 1px 2px #ff0033, -1px -2px #00eaff;
    transform: translate(0, 1px);
  }

  90% {
    text-shadow: -2px 1px #ff0033, 2px -1px #00eaff;
    transform: translate(1px, 1px);
  }

  100% {
    text-shadow: 0 0 #ff0033, 0 0 #00eaff;
    transform: translate(0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .problem-for-solutions-roles__problem .problem-for-solutions-roles__problem-title {
    text-shadow: none !important;
    animation: none !important;
    transform: none !important;
  }
}

.solution-map-for-solutions-roles__title {
  margin-bottom: 2.25rem;
  font-size: 1.65rem;
  line-height: 1.45;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .solution-map-for-solutions-roles__title {
  color: white;
}

.solution-map-for-solutions-roles__subtitle {
  margin-bottom: 3.75rem;
  margin-top: 0.75rem;
  margin-bottom: 2.25rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .solution-map-for-solutions-roles__subtitle {
  color: rgba(255, 255, 255, 0.8);
}

.customer-voice-for-solutions-roles__title {
  margin-bottom: 2.25rem;
  font-size: 1.65rem;
  line-height: 1.45;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__title {
  color: white;
}

.customer-voice-for-solutions-roles__customers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  align-items: stretch;
}

@media screen and (max-width: 992px) {
  .customer-voice-for-solutions-roles__customers {
    grid-template-columns: repeat(1, 1fr);
  }
}

.customer-voice-for-solutions-roles__more-link {
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0.75rem;
  margin-bottom: 2.25rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__more-link {
  color: rgba(255, 255, 255, 0.8);
}

.customer-voice-for-solutions-roles__customer {
  padding: 1.5rem 2.25rem;
  border-radius: 1em;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 12px;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__customer {
  background-color: rgba(50, 50, 50, 0.5);
  color: white;
}

.customer-voice-for-solutions-roles__customer-title {
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0.75rem;
  margin-bottom: 2.25rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__customer-title {
  color: rgba(255, 255, 255, 0.8);
}

.customer-voice-for-solutions-roles__customer-content {
  font-size: 1rem;
  margin-bottom: 1.125rem;
  word-break: keep-all;
  word-wrap: break-word;
  margin-top: 0.75rem;
  margin-bottom: 2.25rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__customer-content {
  color: rgba(255, 255, 255, 0.8);
}

.customer-voice-for-solutions-roles__customer-link {
  display: inline-block;
  margin-bottom: 1.5rem;
  transition: color 0.121s ease-out;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__customer-link {
  color: white;
}

.customer-voice-for-solutions-roles__customer-info {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__customer-info {
  color: rgba(255, 255, 255, 0.8);
}

.customer-voice-for-solutions-roles__customer-name {
  font-size: 0.9rem;
  font-weight: 400;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .customer-voice-for-solutions-roles__customer-name {
  color: rgba(255, 255, 255, 0.8);
}

.customer-voice-for-solutions-roles__customer-logo-image {
  width: 2.25rem;
  height: 2.25rem;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: white;
  border: 1px solid rgb(224, 229, 234);
  border-radius: 499.5em;
}

.trust-for-solution-roles__title {
  font-size: 1.65rem;
  line-height: 1.45;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .trust-for-solution-roles__title {
  color: white;
}

.trust-for-solution-roles__subtitle {
  margin-top: 0.75rem;
  margin-bottom: 2.25rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .trust-for-solution-roles__subtitle {
  color: rgba(255, 255, 255, 0.8);
}

.trust-for-solution-roles__subtitle {
  margin-bottom: 0;
}

.trust-for-solution-roles__logo-image {
  margin-top: 2.25rem;
  border-radius: 1em;
  width: 100%;
  object-fit: scale-down;
}

.trust-for-solution-roles__data {
  display: flex;
  margin-top: 1.5rem;
  gap: 1.5rem;
}

@media screen and (max-width: 992px) {
  .trust-for-solution-roles__data {
    flex-wrap: wrap;
  }
}

.trust-for-solution-roles__data-item {
  flex: 0 1 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  border-radius: 1em;
  padding: 1.5rem;
}

@media screen and (max-width: 992px) {
  .trust-for-solution-roles__data-item {
    flex: 0 1 100%;
  }
}

.trust-for-solution-roles__data-item-title {
  color: white;
  line-height: 1.4;
}

.trust-for-solution-roles__data-item-title i {
  color: #01eb67;
}

.trust-for-solution-roles__data-item-content {
  margin-top: 0.75rem;
  color: #01eb67;
  font-size: 1.6rem;
  font-weight: bold;
}

.faq-for-solution-roles__title {
  margin-bottom: 1.5rem;
  font-size: 1.65rem;
  line-height: 1.45;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .faq-for-solution-roles__title {
  color: white;
}

.faq-for-solution-roles__subtitle {
  margin-top: 0.75rem;
  margin-bottom: 2.25rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}

:is(.zz-bg-black, .zz-bg-black-dim, .zz-bg-dark) .faq-for-solution-roles__subtitle {
  color: rgba(255, 255, 255, 0.8);
}

.faq-for-solution-roles .faq-item:first-of-type {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.faq-for-solution-roles .faq-item:last-of-type {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.insights-hero__wrapper {
  background: linear-gradient(145deg, hsl(0, 0%, 0%) 0%, hsl(213, 17%, 12%) 56%, hsl(155, 31%, 27%) 84%, hsl(149, 37%, 46%) 100%);
}

.insights-categories__grid {
  gap: 1.6rem;
}

.insights-featured__grid {
  gap: 2.4rem 1.6rem;
}

.insights-all__grid {
  gap: 2.4rem 1.6rem;
}

.content-card__title {
  margin-top: 0.25rem;
}

.content-card__description {
  line-height: 1.7;
  opacity: 0.89;
}

.content-card__tags-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.15rem;
}

.content-card__tags-item {
  display: inline-block;
  padding: 0.25rem 0.5rem;
}

.content-card__tags-item:not(.topic) {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0.25rem;
  text-decoration: none;
}

.content-card__tags-item:not(.topic):hover {
  background: rgba(0, 0, 0, 0.1);
}

.content-card__tags-item.topic {
  color: #9ca4a2;
  font-weight: 400;
}

.category-toggle {
  --bubble-position: 0;
  --bubble-width: 0;
  --toggle-duration: 0.124s;
  --toggle-ease: ease-out;
  --toggle-primary: white;
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
}

.category-toggle.no-transition::before {
  transition: none;
}

.category-toggle::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--bubble-width);
  border-radius: 8px;
  background: var(--toggle-primary);
  transform: translateX(var(--bubble-position));
  transition: transform var(--toggle-duration) var(--toggle-ease), width var(--toggle-duration) var(--toggle-ease);
}

.category-toggle.no-transition::before {
  transition: none;
}

.category-toggle__wrapper {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-left: -0.8rem;
}

@media screen and (max-width: 992px) {
  .category-toggle__wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
  }
}

.category-toggle__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 0.95rem;
  width: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}

.category-toggle__item:hover {
  background: rgba(255, 255, 255, 0.1);
}

.category-toggle__label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 500;
  color: var(--toggle-primary);
  white-space: nowrap;
  transition: color var(--toggle-duration) var(--toggle-ease);
}

.category-toggle__label .icon {
  width: 16px;
  height: 16px;
  background: white;
  mask: var(--icon-mask) no-repeat center/contain;
  transition: background var(--toggle-duration) var(--toggle-ease);
}

.category-toggle__label.only-link {
  padding: 0.8rem 0.95rem;
  border-radius: 8px;
}

.category-toggle__label.only-link:hover {
  background: rgba(255, 255, 255, 0.1);
}

.category-toggle__item.active .category-toggle__label {
  color: rgba(0, 0, 0, 0.9);
}

.category-toggle__item.active .category-toggle__label .icon {
  background: rgba(0, 0, 0, 0.9);
}

.insight-category__nav {
  background: linear-gradient(145deg, hsl(0, 0%, 0%) 0%, hsl(213, 17%, 12%) 56%, hsl(155, 31%, 27%) 84%, hsl(149, 37%, 46%) 100%);
  color: white;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

@media screen and (max-width: 992px) {
  .insight-category__nav-wrapper {
    justify-content: start;
    flex-wrap: wrap;
    gap: 1.6rem;
  }
}

.insight-category__emoji {
  display: block;
}

.insight-category__title {
  font-size: 2.8rem;
}

.insight-category__description {
  font-weight: 400;
  opacity: 0.82;
}

.insight-category__description p {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: -0.01rem;
  line-height: 1.5;
}

.insight-category__grid {
  gap: 2.4rem 1.6rem;
}

.insight-category__filter {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.insight-category__filter .nav-pills__item {
  cursor: pointer;
  text-decoration: none;
  background-color: white;
  padding: 0.375rem 0.75rem;
  border: 1px solid #e0e5ea;
  border-radius: 50px;
  line-height: 1.5;
  font-weight: 400;
}

.insight-category__filter .nav-pills__item.active {
  background-color: black;
  color: white;
  font-weight: 500;
  border: 1px solid transparent;
}

.insight-category__filter .insight-item {
  transition: opacity 0.3s ease;
}

.insight-category__filter .insight-item[style*="display: none"] {
  display: none;
}

.search-form {
  position: relative;
  display: flex;
}

.search-form-wrapper {
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .search-form-wrapper {
    text-align: left;
  }
}

.search-form__input {
  padding-right: 3rem;
  font-size: 1rem;
  flex: 1;
}

.search-form__input:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}

.search-form__button {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  min-width: auto;
}

.search-form__button svg {
  display: block;
}

.search-loading {
  text-align: center;
  padding: 2rem;
}

.search-guide-text {
  color: white;
  font-weight: 500;
  margin-bottom: 1rem;
}

.search-results {
  gap: 2.4rem 1.6rem;
}

.search-results:empty {
  display: none;
}

.search-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 1.6rem;
  flex-wrap: wrap;
}

.search-pagination__button {
  padding: 0.6rem 0.8rem;
  border-radius: 0.4rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  min-width: 2.5rem;
  border: none;
  background: transparent;
  transition: all 0.2s ease;
}

.search-pagination__button:hover {
  background: rgba(0, 0, 0, 0.12);
}

.search-pagination__button.active {
  font-weight: 700;
  background: black;
  color: white;
}

mark.search-highlight {
  font-weight: 700;
}

/* ============================================================
   Establishment landing (new design)
   - Moved from inline <style> blocks in Hugo partials
   ============================================================ */
html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

.section-label {
  display: inline-block;
  padding: 6px 16px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(29, 29, 31, 0.6);
  margin-bottom: 16px;
  letter-spacing: -0.01em;
}

.section-title {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: #1d1d1f;
  letter-spacing: -0.03em;
  margin-bottom: 16px;
  line-height: 1.2;
}

.section-description {
  font-size: 17px;
  color: rgba(29, 29, 31, 0.6);
  line-height: 1.6;
  margin: 0 auto;
}

.section-header {
  text-align: center;
  margin-bottom: 64px;
}

@media screen and (max-width: 768px) {
  .section-header {
    margin-bottom: 40px;
  }

  .section-description {
    font-size: 15px;
  }
}

.scroll-animate {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

.scroll-animate.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.insight-card.scroll-animate.is-visible:hover {
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
  .scroll-animate {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.hero-section-new {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 120px 40px;
  background: linear-gradient(160deg, #fbfffc 0%, #ffffff 45%, #fffdf6 100%);
  overflow: hidden;
}


.hero-video-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1000px;
  margin-top: 60px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.08), 0 20px 40px rgba(0, 0, 0, 0.04);
  animation: heroImageUp 1s ease-out 0.2s both;
}

.hero-video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
}

.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 0;
}

/* HRM scroll promo layer (home) */
.hrm-scroll-promo {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 18px;
  z-index: 1200;
  pointer-events: none;
  transform: translateY(140%);
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-sizing: border-box;
  padding: 0 40px;
}

.hrm-scroll-promo.is-visible {
  transform: translateY(0);
  pointer-events: auto;
}

.hrm-scroll-promo__inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #1d1d1f;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.32);
}

.hrm-scroll-promo__badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #09fa5d 0%, #00d471 100%);
  color: #222;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.hrm-scroll-promo__text {
  flex: 1;
  min-width: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hrm-scroll-promo__text strong {
  font-weight: 800;
}

.hrm-scroll-promo__cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 32px;
  font-size: 17px;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background: #09fa5d;
}

.hrm-scroll-promo__cta,
.hrm-scroll-promo__cta:visited {
  color: #222;
}

.hrm-scroll-promo__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(21, 255, 60, 0.5);
}

.hrm-scroll-promo__cta svg {
  transition: transform 0.25s ease;
}

.hrm-scroll-promo__cta:hover svg {
  transform: translateX(4px);
}

@media (min-width: 769px) {
  .hrm-scroll-promo {
    display: flex;
    justify-content: center;
    padding: 0 40px;
  }

  .hrm-scroll-promo__inner {
    margin: 0;
    width: 100%;
    max-width: min(1200px, calc(100vw - 80px - clamp(260px, 30vw, 380px)));
    min-width: 0;
  }
}

@media (max-width: 768px) {
  .hrm-scroll-promo {
    bottom: 12px;
    padding: 0 12px;
  }

  .hrm-scroll-promo__inner {
    margin: 0;
  }

  .hrm-scroll-promo__text {
    font-size: 16px;
  }

  .hrm-scroll-promo__cta-text {
    display: none;
  }

  .hrm-scroll-promo__cta {
    padding: 10px 12px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .hrm-scroll-promo__inner {
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .hrm-scroll-promo__text {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
  }

  .hrm-scroll-promo__cta {
    align-self: flex-end;
  }

  .hrm-scroll-promo__badge {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hrm-scroll-promo {
    transform: none;
    transition: none;
  }
}

.hero-badge {
  display: inline-block;
  padding: 8px 20px;
  margin-bottom: 24px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  color: #1d1d1f;
  letter-spacing: -0.01em;
}

.hero-badge.hero-badge--promo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(135deg, rgba(9, 250, 93, 0.22) 0%, rgba(0, 212, 212, 0.22) 100%);
  box-shadow: 0 14px 36px rgba(0, 212, 113, 0.18);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.hero-badge.hero-badge--promo>a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
}

.hero-badge.hero-badge--promo:hover {
  transform: translateY(-2px);
  border-color: rgba(9, 250, 93, 0.6);
  box-shadow: 0 18px 46px rgba(0, 212, 113, 0.22);
}

.hero-badge.hero-badge--promo:hover .hero-badge__external-icon {
  transform: translate(2px, -2px);
  opacity: 1;
}

.hero-badge__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #09fa5d 0%, #34f1d9 100%);
  color: #222;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.hero-badge__text {
  display: inline-block;
  line-height: 1.35;
  text-wrap: balance;
  text-align: left;
}

.hero-badge__external-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  flex: 0 0 auto;
  vertical-align: -2px;
  margin-left: 6px;
  opacity: 0.85;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.hero-badge__text strong {
  font-weight: 600;
}

.hero-title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #1d1d1f;
  margin-bottom: 24px;
  opacity: 0;
  animation: heroFadeUp 0.8s ease-out forwards;
  animation-delay: 0s;
}

.hero-subtitle {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 40px;
  font-weight: 400;
  opacity: 0;
  animation: heroFadeUp 0.8s ease-out forwards;
  animation-delay: 0.15s;
}

.hero-cta-group {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
  opacity: 0;
  animation: heroFadeUp 0.8s ease-out forwards;
  animation-delay: 0.3s;
}

/* `.hero-btn` 계열이 여기 있었다 — **두 번째 전역 버튼 시스템**이었다.
   radius 12px · padding 16×32 · 17px/600 · primary 배경 형광 그린 #09fa5d + 검정 글자,
   hover 는 rgba(21,255,60,.5) 채색 그림자. 위 `.button` 과 형태도 색도 그림자 어법도
   전부 달랐는데, 정작 쓰이는 자리는 겹쳤다 — 히어로에는 `.hero-btn`, 그 위 GNB 에는
   `.button` 이라 한 화면에 CTA 언어가 둘이었다.

   그리고 이 셰이프가 이름만 바꿔 10종으로 복제돼 있었다(.cta-button-secondary,
   .*-scroll-cta__btn, .og-callout-btn, .faq-cta-button, .pr-price-btn …).
   원본을 없애야 클론도 접힌다 — 2026-08-16 에 전부 같이 접었다.
   남은 예외는 알약(pill) CTA 세 자리뿐이다(design.md 「Known Gaps」).

   화살표 SVG 의 hover 이동(translateX(4px))은 이 계열만의 장식이라 같이 지웠다 —
   `.button` 은 부상(translateY(-1px))으로 hover 를 알린다. 두 어법을 겹치면
   버튼이 뜨면서 그 안의 화살표가 따로 움직여 두 개가 논다. */

.hero-disclaimer {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 auto;
  line-height: 1.5;
  opacity: 0;
  animation: heroFadeUp 0.8s ease-out forwards;
  animation-delay: 0.45s;
}

.hero-floating-elements {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

.floating-circle {
  position: absolute;
  border-radius: 50%;
  opacity: 0.7;
  filter: blur(70px);
}

.circle-1 {
  width: 920px;
  height: 920px;
  background: radial-gradient(circle, rgba(165, 247, 235, 0.32) 0%, transparent 70%);
  top: -320px;
  left: -280px;
  animation: blobDrift1 26s ease-in-out infinite alternate;
}

.circle-2 {
  width: 780px;
  height: 780px;
  background: radial-gradient(circle, rgba(160, 247, 190, 0.3) 0%, transparent 70%);
  top: -200px;
  left: 200px;
  animation: blobDrift2 31s ease-in-out infinite alternate;
  animation-delay: -6s;
}

.circle-3 {
  width: 780px;
  height: 780px;
  background: radial-gradient(circle, rgba(244, 240, 165, 0.3) 0%, transparent 70%);
  top: -260px;
  right: -150px;
  animation: blobDrift3 22s ease-in-out infinite alternate;
  animation-delay: -3s;
}

.circle-4 {
  width: 640px;
  height: 640px;
  background: radial-gradient(circle, rgba(160, 247, 190, 0.26) 0%, transparent 70%);
  top: 100px;
  right: 280px;
  animation: blobDrift1 34s ease-in-out infinite alternate;
  animation-delay: -12s;
}

.circle-5 {
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(165, 247, 235, 0.26) 0%, transparent 70%);
  bottom: -220px;
  left: -160px;
  animation: blobDrift2 19s ease-in-out infinite alternate;
  animation-delay: -9s;
}

.circle-6 {
  width: 560px;
  height: 560px;
  background: radial-gradient(circle, rgba(160, 247, 190, 0.26) 0%, transparent 70%);
  bottom: -200px;
  left: 420px;
  animation: blobDrift3 29s ease-in-out infinite alternate;
  animation-delay: -15s;
}

.circle-7 {
  width: 520px;
  height: 520px;
  background: radial-gradient(circle, rgba(244, 240, 165, 0.26) 0%, transparent 70%);
  bottom: -180px;
  right: -120px;
  animation: blobDrift1 24s ease-in-out infinite alternate;
  animation-delay: -4s;
}

@keyframes blobDrift1 {
  0% {
    transform: translate(0%, 0%) scale(1);
  }

  22% {
    transform: translate(8%, -10%) scale(1.06);
  }

  48% {
    transform: translate(-7%, 6%) scale(0.96);
  }

  74% {
    transform: translate(10%, 9%) scale(1.03);
  }

  100% {
    transform: translate(-5%, -8%) scale(0.98);
  }
}

@keyframes blobDrift2 {
  0% {
    transform: translate(0%, 0%) scale(1);
  }

  30% {
    transform: translate(-10%, 7%) scale(1.05);
  }

  55% {
    transform: translate(7%, -6%) scale(0.94);
  }

  80% {
    transform: translate(-4%, -10%) scale(1.04);
  }

  100% {
    transform: translate(9%, 4%) scale(0.97);
  }
}

@keyframes blobDrift3 {
  0% {
    transform: translate(0%, 0%) scale(1);
  }

  18% {
    transform: translate(-8%, -9%) scale(0.95);
  }

  46% {
    transform: translate(9%, 5%) scale(1.05);
  }

  70% {
    transform: translate(-10%, 4%) scale(0.98);
  }

  100% {
    transform: translate(5%, -7%) scale(1.03);
  }
}

@media (prefers-reduced-motion: reduce) {
  .floating-circle {
    animation: none;
  }
}

@keyframes heroFadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes heroImageUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {

  0%,
  100% {
    transform: translate(0, 0);
  }

  33% {
    transform: translate(20px, -20px);
  }

  66% {
    transform: translate(-10px, 10px);
  }
}

@media screen and (max-width: 768px) {
  .hero-section-new {
    padding: 100px 20px 60px;
    min-height: auto;
  }

  .hero-cta-group {
    flex-direction: column;
    align-items: center;
  }

  /* 좁은 화면에서 히어로 CTA 를 넓히는 것은 **버튼이 아니라 이 자리의 레이아웃**이
     정한다(바로 위 .hero-cta-group 과 한 쌍이다). 예전에는 `.hero-btn` 에 직접
     걸려 있었는데, 그러면 그 클래스를 쓰는 모든 버튼이 어디에 있든 넓어진다. */
  .hero-cta-group .button {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }

  .hero-video-wrapper {
    margin-top: 40px;
    border-radius: 16px;
  }
}

.benefits-section-new {
  padding: 120px 40px;
  background: #fff;
}

.benefits-container {
  max-width: 1200px;
  margin: 0 auto;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}

.benefit-card {
  background: #fff;
  border-radius: 20px;
  padding: 32px;
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.benefit-icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f7;
  border-radius: 14px;
  margin-bottom: 20px;
}

.benefit-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1d1d1f;
  margin-bottom: 12px;
  line-height: 1.4;
}

.benefit-description {
  font-size: 15px;
  color: rgba(29, 29, 31, 0.6);
  line-height: 1.7;
  margin: 0;
}

.benefit-highlight {
  position: relative;
  border-radius: 24px;
  padding: 3px;
  background: linear-gradient(135deg, #21a3e5 0%, #1fde6f 50%, #21a3e5 100%);
  background-size: 200% 200%;
  animation: gradientShift 4s ease infinite;
  overflow: hidden;
}

@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.highlight-glow {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(135deg, rgba(33, 163, 229, 0.3) 0%, rgba(31, 222, 111, 0.3) 100%);
  filter: blur(40px);
  pointer-events: none;
  animation: glowRotate 8s linear infinite;
}

@keyframes glowRotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.highlight-content {
  position: relative;
  background: #fff;
  border-radius: 21px;
  padding: 32px;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.highlight-icon {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #e8f7ff 0%, #e8fff0 100%);
  border-radius: 16px;
  flex-shrink: 0;
}

.highlight-text {
  flex: 1;
  min-width: 200px;
}

.highlight-text h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1d1d1f;
  margin-bottom: 8px;
}

.highlight-text p {
  font-size: 15px;
  color: rgba(29, 29, 31, 0.6);
  margin: 0;
}

.highlight-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  background: #1d1d1f;
  font-size: 15px;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.highlight-cta,
.highlight-cta:visited {
  color: #fff;
}

.highlight-cta:hover {
  background: #000;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.highlight-cta svg {
  transition: transform 0.25s ease;
}

.highlight-cta:hover svg {
  transform: translate(2px, -2px);
}

@media screen and (max-width: 992px) {
  .benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .benefits-section-new {
    padding: 80px 20px;
  }

  .benefits-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .benefit-card {
    padding: 24px;
  }

  .highlight-content {
    flex-direction: column;
    text-align: center;
    padding: 24px;
  }

  .highlight-cta {
    width: 100%;
    justify-content: center;
  }
}

.insight-section-new {
  padding: 120px 40px;
  background: #f5f5f7;
}

.insight-container {
  max-width: 1200px;
  margin: 0 auto;
}

.insight-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 48px;
}

.insight-card {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  background: #fff;
  border-radius: 16px;
  padding: 28px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  text-decoration: none;
  transition: all 0.3s ease;
}

.insight-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.08);
  border-color: transparent;
}

.insight-card-content {
  flex: 1;
}

.insight-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #1d1d1f;
  margin-bottom: 8px;
  line-height: 1.5;
}

.insight-desc {
  font-size: 14px;
  color: rgba(29, 29, 31, 0.6);
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.insight-arrow {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f7;
  border-radius: 10px;
  color: rgba(29, 29, 31, 0.4);
  transition: all 0.3s ease;
}

.insight-card:hover .insight-arrow {
  background: #1d1d1f;
  color: #fff;
}

.insight-cta {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .insight-section-new {
    padding: 80px 20px;
  }

  .insight-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .insight-card {
    padding: 20px;
  }

  .insight-arrow {
    display: none;
  }
}

.faq-section-new {
  padding: 120px 40px;
  background: #fff;
}

.faq-container {
  max-width: 1200px;
  margin: 0 auto;
}

.faq-list-new {
  margin-bottom: 48px;
}

.faq-item-new {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.faq-item-new:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.faq-summary-new {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 0;
  cursor: pointer;
  list-style: none;
  transition: all 0.2s ease;
}

.faq-summary-new::-webkit-details-marker {
  display: none;
}

.faq-summary-new:hover {
  opacity: 0.7;
}

.faq-question-text {
  font-size: 17px;
  font-weight: 600;
  color: #1d1d1f;
  line-height: 1.5;
  flex: 1;
}

.faq-toggle-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(29, 29, 31, 0.4);
  transition: transform 0.3s ease;
}

.faq-item-new[open] .faq-toggle-icon {
  transform: rotate(45deg);
}

.faq-item-new[open] .vertical-line {
  opacity: 0;
}

.vertical-line {
  transition: opacity 0.3s ease;
}

.faq-answer-new {
  padding: 0 0 24px 0;
  animation: faqSlideDown 0.3s ease;
}

.faq-answer-new p {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(29, 29, 31, 0.7);
  margin: 0;
}

.faq-answer-new strong {
  color: #1d1d1f;
  font-weight: 600;
}

.faq-answer-new a {
  color: #1d1d1f;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity 0.2s;
}

.faq-answer-new a:hover {
  opacity: 0.7;
}

@keyframes faqSlideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.faq-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.faq-cta p {
  font-size: 16px;
  color: rgba(29, 29, 31, 0.6);
  margin: 0;
}

@media screen and (max-width: 768px) {
  .faq-section-new {
    padding: 80px 20px;
  }

  .faq-summary-new {
    padding: 20px 0;
  }

  .faq-question-text {
    font-size: 15px;
  }

  .faq-answer-new p {
    font-size: 15px;
  }

  .faq-cta {
    flex-direction: column;
    text-align: center;
  }
}

/* ============================================================
   Shortcodes (help-text, info-block) overrides without !important
   ============================================================ */
.zz-help-text__emoji {
  border: none;
  width: 2rem;
  min-width: 2rem;
}

.info-block-title {
  margin: 0;
}

.guide-content-main .toc__list #TableOfContents > ol > li::marker,
.guide-content-main .toc__list #TableOfContents > ol > li > a,
.guide-content-main .toc__list #TableOfContents > ol > li > a > strong {
  font-weight: 500;
}

.cta--article {
  padding: 2.85rem 2.6rem;
  border: none;
  border-radius: 16px;
  text-align: left;
}

.cta--article .cta__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 3rem;
}

.cta--article .cta__content {
  flex: 1;
  min-width: 0;
  max-width: 560px;
}

.cta--article .cta__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2.6rem;
  gap: 0.9rem;
}

.cta--article .cta__text {
  margin: 0;
}

.cta--article .cta__text_top {
  margin-bottom: 1.15rem;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  opacity: 0.72;
}

.cta--article .cta__text_main {
  max-width: 540px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: -0.03rem;
}

.cta--article .cta__text_bottom {
  display: none;
}

.cta--article .button {
  min-width: 190px;
  min-height: 56px;
  justify-content: center;
  padding: 16px 28px;
  border-radius: 12px;
  font-size: 17px;
  font-weight: 600;
}

.cta--article .button-secondary {
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.35);
}

@media screen and (max-width: 992px) {
  .cta--article {
    padding: 1.5rem 1rem;
    border-radius: 12px;
  }

  .cta--article .cta__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .cta--article .cta__actions {
    margin-top: 0;
    justify-content: stretch;
    flex-direction: column;
  }

  .cta--article .cta__text_main {
    max-width: none;
    font-size: 24px;
    line-height: 1.35;
  }

  .cta--article .button {
    width: 100%;
    min-width: 0;
    min-height: 52px;
  }
}

.info-block-icon {
  flex-shrink: 0;
}

.markdown .info-block p+p {
  margin-top: 0;
}

.markdown .info-block ul,
.markdown .info-block ol {
  margin-top: 0.8rem;
  margin-bottom: 0;
}

.markdown .info-block .info-content {
  margin-top: 0;
}

/* ===== ZUZU 공용 인용구(pull-quote) — 은은한 배경 밴드 + 우측으로 뻗는 구분선 ===== */
.zz-quote {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  border-radius: 20px;
  padding: 64px 56px;
  text-align: left;
}

.zz-quote-text {
  max-width: 720px;
  font-size: 22px;
  font-weight: 700;
  color: #1d1d1f;
  line-height: 1.6;
  letter-spacing: -0.01em;
  margin: 0;
  word-break: keep-all;
}

.zz-quote-attribution {
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 720px;
  margin-top: 36px;
}

.zz-quote-name {
  font-size: 14px;
  font-weight: 800;
  color: #1d1d1f;
  white-space: nowrap;
}

.zz-quote-role {
  font-size: 13px;
  font-weight: 500;
  color: rgba(29, 29, 31, 0.5);
  white-space: nowrap;
}

.zz-quote-dash {
  display: inline-block;
  flex: 1;
  height: 1px;
  min-width: 32px;
  background: rgba(29, 29, 31, 0.2);
}

@media screen and (max-width: 768px) {
  .zz-quote {
    padding: 40px 24px;
  }

  .zz-quote-text {
    font-size: 19px;
  }
}