/* Block Styles */
/* Block: banner_cta */
.banner-cta-block { position: relative; padding: 6rem 0; overflow: hidden; background-color: #6b7280; border-radius: 0; max-width: 100%; } .banner-cta-text { font-size: 1rem; line-height: 1.75rem; } .banner-cta-text:not(:last-child) { margin-bottom: 25px; } div.container >.banner-cta-block { border-radius: 0.5rem; margin: 0 auto; } .banner-cta-block.banner-cta-no-footer-padding { margin-bottom: -60px; } @media (min-width: 992px) { .banner-cta-block.banner-cta-no-footer-padding { margin-bottom: -80px; } } .banner-cta-background, .banner-cta-background-mobile { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; transition: transform 300ms; } .banner-cta-background { display: none; } .banner-cta-block:hover .banner-cta-background { transform: scale(1.15); } .banner-cta-content { position: relative; z-index: 10; color: white; max-width: 56rem; margin: 0 auto; text-align: center; } .banner-cta-content-left { text-align: left; display: flex; flex-direction: column; align-items: flex-start; padding-left: 2rem; } .banner-cta-content-right { text-align: right; flex-direction: column; padding-right: 2rem; margin-left: auto; } .banner-cta-title { font-size: 1.25rem; margin-bottom: 2rem; line-height: 1.625; font-weight: 700; } .banner-cta-button { padding: 1rem 2.5rem; font-size: 18px; font-weight: 600; border-radius: 9999px; border: 2px solid white; background-color: transparent; color: white; text-decoration: none; transition: all 300ms; display: inline-block; max-width: initial; width: fit-content; } .banner-cta-button:hover { background-color: white; color: black; } .banner-cta-fallback { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; opacity: 0.1; } @media (min-width: 768px) { .banner-cta-title { font-size: 36px; } .banner-cta-background { display: block; } .banner-cta-background-mobile { display: none; } } @media (max-width: 575px) { .banner-cta-block { border-radius: 0; } } div.container >.banner-cta-block.mb-96 { margin-bottom: 96px; }

/* Block: highlights */
.highlights-block { position: relative; padding: 4rem 2rem; overflow: hidden; margin-bottom: 4rem; } .highlights-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; } .highlights-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2; } .highlights-container { position: relative; z-index: 10; max-width: 72rem; margin: 0 auto; } .highlights-title { font-size: 1.875rem; font-weight: 700; margin-bottom: 3rem; text-align: center; color: white; } .highlights-item-title { color: white; margin: 25px 0 12px 0; } .highlights-grid { display: flex; flex-wrap: wrap; justify-content: center; /* vycentrování při méně položkách */ gap: 1.5rem; } .highlights-item { flex: 1 1 200px; /* šířka bloku, automaticky se zalamuje */ max-width: 250px; text-align: center; } .highlights-icon { display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; position: relative; } .highlights-icon img { width: 3rem; height: 3rem; object-fit: contain; } .highlights-description { font-size: 0.875rem; color: #979798; line-height: 1.6; } @media (max-width: 992px) { .highlights-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 768px) { .highlights-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Block: paragraph */
.paragraph-image-block { background-color: #ffffff; max-width: 72rem; margin-left: auto; margin-right: auto; } .para-title { font-size: 1.875rem; font-weight: 700; margin-bottom: 1rem; color: #0f172a; } .para-text { font-size: 1rem; line-height: 1.75rem; color: #0f172a; } @media (max-width: 991px) { /* Adjust title size for mobile */ .para-title { font-size: 1.5rem; } .para-text { font-size: 0.9rem; line-height: 1.485rem; } }