:root {--text-shadow-default: 0 2px 4px rgba(0, 0, 0, 0.4);--color-gray: rgba(102, 102, 102, 1);--font-base: 20px} body, html {block-size: 100%;margin: 0} .text-base {font-size: var(--font-base);margin-block-end: 20px;line-height: 20px} .content-base {display: flex;justify-content: center;align-items: center;text-align: center;position: relative;z-index: 1} .background-image {position: fixed;inset: 0;inline-size: 100%;block-size: 100%;background: url('./images/slayder/6/Brochures.png') center/cover fixed;z-index: -1} .transparent-content {display: flex;justify-content: center;align-items: center;text-align: center;position: relative;z-index: 1;block-size: 80vh;background-color: rgba(0, 0, 0, 0.5);padding: 20px} .transparent-content2 {display: flex;justify-content: center;align-items: center;text-align: center;position: relative;z-index: 1;background-color: var(--color-gray);block-size: 400px} .weight-text {font-weight: bold;text-shadow: var(--text-shadow-default)} .broshureContent1 {h1 {font-weight: bold;text-shadow: var(--text-shadow-default);font-size: 70px;color: white;margin-block-end: 40px} p {font-size: var(--font-base);margin-block-end: 20px;line-height: 20px;color: white;font-weight: 500} } .broshureBlock_2 {background-color: rgba(255, 255, 255, 1);margin: 0px auto;display: flex;align-items: center;height: 150px;h1 {text-align: center;font-size: 45px;font-weight: 600;margin-block-end: 5px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);white-space: pre-line;line-height: 0.95} } .broshureBlock_2 .col-10 {display: flex;flex-direction: column;justify-content: center} .broshureBlock_2_2 {display: flex;justify-content: center;align-items: center;background-color: rgba(255, 255, 255, 1);text-align: center;padding-block-start: 25px;inline-size: 100%;block-size:180px;h1 {font-weight: bold;font-size: var(--font-size-large);margin-block-end: 25px;text-shadow: 2px 2px 2px rgba(102, 102, 102, 0.3);line-height: 0.6;white-space: pre-line} p {font-size: var(--font-size-small);line-height: 1.3;white-space: pre-line} } .broshureContent2 {padding: 50px;background-color: rgba(255, 255, 255, 1);margin: 0 auto} .broshureContent2 h1 {text-align: center;font-size: 50px;font-weight: 900;margin-block-end: 10px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)} .broshureContent2 h2 {text-align: center;font-size: 50px;font-weight: 900;margin-block-end: 10px;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)} .broshureContent2 p {font-size: 20px;margin: -5px;font-weight: 500} .broshureText1 {text-align: center;white-space: pre-line;line-height: 1.2 !important;margin-top: -5px !important} .weight {text-align: center;font-weight: bold !important;font-size: 22px} .broshureContent3 p {text-align: center} .booksText2 {text-align: start !important;color: white} h1.booksText2 {font-weight: bold;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4)} .weight2 {text-align: start !important;font-weight: bold;font-size: 27px;color: white;line-height: 20px;margin-block-end: 20px;text-shadow: var(--text-shadow-default)} .booksBlock_3_1 {font-weight: normal;color: white;font-size: 20px;margin-block-end: 20px} .booksBlock_2_2 {display: flex;justify-content: center;background-color: rgba(255, 255, 255, 0.9);text-align: center;padding-block-start: 50px} .booksBlock_2_2 h1 {font-weight: bold !important;font-size: 35px;margin-block-end: 25px;text-shadow: 2px 2px 2px rgba(102, 102, 102, 0.3)} .booksBlock_2_2 p {font-size: 25px;line-height: 20px} .weight3 {text-align: start !important;font-weight: bold;font-size: 27px;color: var(--color-gray);line-height: 20px;margin-block-end: 20px} .booksText4 {font-weight: normal;color: rgba(102, 102, 102, 1);font-size: 20px;margin-block-end: 20px} .booksContent5 {display: flex;justify-content: center;align-items: center;background-color: rgba(102, 102, 102, 0.9);text-align: center} .booksContent5 h1 {font-weight: bold !important;font-size: 35px;margin-block-end: 25px;color: white;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4)} .booksContent5 p {font-size: 25px;line-height: 20px;color: white} .hero-section {display: grid;grid-template-columns: 1fr minmax(auto, 1200px) 1fr;padding: 2rem 0} .hero-content {grid-column: 2;max-inline-size: 50%} .brochure-types {padding: 2rem 0} .types-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;margin: 2rem auto;max-inline-size: 1200px;padding: 0 1rem} .advantages-section {display: flex;gap: 2rem;max-inline-size: 1200px;margin: 0 auto;padding: 2rem 1rem} .advantages-list {flex: 1} .advantage-item {display: flex;gap: 0.5rem;margin-block-end: 1rem} .broshureText1 {font-size: 18px ;line-height: 15px} .weightBroshure {font-size: 22px !important;line-height: 10px;margin-bottom: 5px}