/* Override the materials container's 680px Elementor setting only on this page. */
body.page-id-412 .elementor-412 .elementor-element.elementor-element-1b858ad {
    --content-width: 1200px;
    --padding-left: 20px;
    --padding-right: 20px;
}
.km-materialy-section + .km-materialy-section { margin-top: 64px; }
.km-materialy-sections .km-materialy-heading { text-align: center; color: #0090d9; font-family: "Playpen Sans", sans-serif; font-size: 64px; font-weight: 700; line-height: 75px; text-transform: none; overflow-wrap: anywhere; margin: 0 0 32px; }
.km-materialy-list { width: 100%; }
.km-materialy-list .km-materialy-list__items { display: flex; flex-wrap: wrap; justify-content: center; --km-card-gap: 28px; gap: var(--km-card-gap); list-style: none; margin: 0; padding: 0; }
.km-materialy-list__item { box-sizing: border-box; flex: 0 0 calc((100% - 5 * var(--km-card-gap)) / 6); min-width: 0; transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 10px 10px 24px; border: 1px solid #f2f4f7; border-radius: 26px; text-align: center; }
.km-materialy-list__thumb-link { display: block; width: 100%; }
.km-materialy-list__thumb { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 210 / 297; overflow: hidden; border-radius: 22px; background: #fff; }
.km-materialy-list__thumb img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform 180ms ease; }
.km-materialy-list__thumb-fallback { display: grid; place-items: center; width: 100%; height: 100%; color: #0090d9; background: #f4f8fc; font-weight: 700; }
.km-materialy-list__title { font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; color: #0c3a73; overflow-wrap: anywhere; }
.km-materialy-sections .km-materialy-list .km-materialy-list__title a,
.km-materialy-sections .km-materialy-list .km-materialy-list__title a:visited { color: #0c3a73 !important; font: inherit; text-decoration: none; }
.km-materialy-sections .km-materialy-list .km-materialy-list__title a:hover,
.km-materialy-sections .km-materialy-list .km-materialy-list__title a:focus { color: #0077b5 !important; text-decoration: underline; }
.km-materialy-list a:focus-visible { outline: 3px solid #0090d9; outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) {
    .km-materialy-list__item:has(a):hover { transform: translateY(-5px); border-color: #b9dced; box-shadow: 0 10px 24px rgb(12 58 115 / 12%); }
    .km-materialy-list__item:has(a):hover .km-materialy-list__thumb img { transform: scale(1.025); }
}
.km-materialy-list__item:focus-within { border-color: #b9dced; box-shadow: 0 10px 24px rgb(12 58 115 / 12%); }
@media (prefers-reduced-motion: reduce) {
    .km-materialy-list__item, .km-materialy-list__thumb img { transition: none; transform: none !important; }
}
@media (max-width: 1024px) {
    .km-materialy-sections .km-materialy-heading { font-size: 60px; }
    .km-materialy-list .km-materialy-list__items { --km-card-gap: 24px; }
    .km-materialy-list__item { flex-basis: calc((100% - var(--km-card-gap)) / 2); }
}
@media (max-width: 480px) {
    .km-materialy-list .km-materialy-list__items { --km-card-gap: 12px; }
    .km-materialy-list__item { padding: 6px 6px 16px; gap: 16px; border-radius: 18px; }
    .km-materialy-list__thumb { border-radius: 12px; }
    .km-materialy-list__title { font-size: 14px; line-height: 1.5; }
    .km-materialy-section + .km-materialy-section { margin-top: 40px; }
}

@media (max-width: 767px) {
    .km-materialy-sections .km-materialy-heading { font-size: 50px; }
}
