* { margin: 0; padding: 0; border: 0; box-sizing: border-box } .dx-grid { display: flex; flex-shrink: 0  !important; flex-grow: 0  !important; position: relative } .dx-typo { font-size: calc(var(--fs, var(--body-m)) * 1rem); line-height: calc(var(--lh, var(--body-m-line)) * 1rem); letter-spacing: calc(var(--ls, var(--body-m-spacing)) * 1rem); font-family: var(--ff, var(--typo-primary)); margin-bottom: var(--mb, 0); color: var(--color, inherit) } @media (min-width:768px) { .dx-typo { font-size: calc(var(--md-fs, var(--fs)) * 1rem); line-height: calc(var(--md-lh, var(--lh)) * 1rem); letter-spacing: calc(var(--md-ls, var(--ls)) * 1rem); margin-bottom: calc(var(--md-mb, var(--mb)) * 1rem) } } @media (min-width:1280px) { .dx-typo { font-size: calc(var(--lg-fs, var(--md-fs, var(--fs))) * 1rem); line-height: calc(var(--lg-lh, var(--md-lh, var(--lh))) * 1rem); letter-spacing: calc(var(--lg-ls, var(--md-ls, var(--ls))) * 1rem); margin-bottom: calc(var(--lg-mb, var(--md-mb, var(--mb))) * 1rem) } } @media (min-width:1920px) { .dx-typo { font-size: calc(var(--xl-fs, var(--lg-fs, var(--fs))) * 1rem); line-height: calc(var(--xl-lh, var(--lg-lh, var(--lh))) * 1rem); letter-spacing: calc(var(--xl-ls, var(--lg-ls, var(--ls))) * 1rem); margin-bottom: calc(var(--xl-mb, var(--lg-mb, var(--mb))) * 1rem) } } .dx-grid-row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; position: relative } h1, h2, h3, h4, h5, h6 { font-family: Montserrat, sans-serif } p { font-family: 'Noto sans', sans-serif } .dx-blade-image img { border-radius: 12px; width: 100%; height: 323px; object-fit: cover } .dx-desktop-only { display: none } .dx-blade-content { display: flex; flex-direction: column; height: fit-content } .dx-blade .dx-grid:has(.dx-blade-content) { height: fit-content } .dx-blade { padding: 32px 0; gap: 24px } .dx-blade-content h2 { font-size: 32px } .dx-blade-content h2:has(+p) { margin-bottom: 16px } @media screen and (min-width:1280px) { .dx-desktop-only { display: flex } .dx-blade:nth-of-type(even) { flex-direction: row-reverse } .dx-blade { padding: 0; gap: 0 } .dx-blade-image img { border-radius: 12px; width: 100%; height: 100%; object-fit: cover } .dx-blade .dx-grid:has(.dx-blade-content) { height: 100% } .dx-blade-short { min-height: 396px } .dx-blade-content { display: flex; flex-direction: column; place-content: center; height: 100% } } .dx-carousel { --controls-background-color: var(--neutral-light-01); --controls-fill-color: var(--neutral-dark-01); --controls-hover-color: var(--neutral-pale-02) } .dx-grid-row.dx-carousel { --button-size: 2.5rem; --button-padding: calc(var(--spacing-3) * 1rem); width: 100%; margin-left: 0; margin-right: 0; max-width: 100%; display: flex; justify-content: center } @media screen and (min-width:1280px) { .dx-carousel { margin-left: auto; margin-right: auto; max-width: 1920px } } .iconcard-horizontal-list__item div{ gap: 16px; }