.block-description-section { position: relative; overflow: hidden; padding: clamp(72px, 9vw, 124px) 0; background: radial-gradient(900px 520px at 18% 0%, rgba(47, 190, 242, 0.16), transparent 60%), radial-gradient(760px 520px at 92% 22%, rgba(10, 91, 140, 0.28), transparent 62%), linear-gradient(180deg, #07131f 0%, #050b14 100%); color: #ffffff; } .block-description-section::before, .block-description-section::after { content: ""; position: absolute; left: 0; width: 100%; pointer-events: none; } .block-description-section::before { top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(107, 212, 255, 0.38), transparent); } .block-description-section::after { bottom: 0; height: 180px; background: linear-gradient(180deg, transparent, rgba(5, 11, 20, 0.88)); } .block-description-section .container { position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; padding: 0 24px; } .block-description-section .description-shell { position: relative; max-width: 1020px; margin: 0 auto; } .block-description-section .description-shell::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: -34px; width: 1px; background: linear-gradient(180deg, rgba(41, 197, 255, 0.72), rgba(41, 197, 255, 0.08)); opacity: 0.55; } .block-description-section .acf-wysiwyg { position: relative; max-width: 100%; margin: 0 auto; padding: clamp(34px, 5vw, 58px); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)), rgba(7, 19, 31, 0.72); box-shadow: 0 30px 70px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06); color: rgba(235, 248, 255, 0.78); font-size: 16px; line-height: 1.76; } .block-description-section .et_pb_module, .block-description-section .et_pb_text_inner, .block-description-section .et_pb_title_container, .block-description-section .col-lg-12, .block-description-section .col-md-12, .block-description-section .col-sm-12, .block-description-section .col-xs-12 { margin: 0; padding: 0; width: 100%; max-width: none; } .block-description-section .et_pb_section, .block-description-section .et_pb_row, .block-description-section .et_pb_column { background: transparent; margin: 0; padding: 0; width: 100%; max-width: none; } .block-description-section h1, .block-description-section h2, .block-description-section h3 { color: #ffffff; letter-spacing: 0; } .block-description-section h1 { max-width: 760px; margin: 0 0 22px; font-size: clamp(34px, 5vw, 54px); font-weight: 800; line-height: 1.04; } .block-description-section h2, .block-description-section h3 { position: relative; max-width: 860px; margin: 46px 0 16px; padding: 22px 0 0 18px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: clamp(22px, 3vw, 30px); font-weight: 800; line-height: 1.2; text-transform: none; } .block-description-section h2::before, .block-description-section h3::before { content: ""; position: absolute; top: 22px; left: 0; width: 4px; height: 1.2em; border-radius: 99px; background: #29c5ff; box-shadow: 0 0 18px rgba(41, 197, 255, 0.42); } .block-description-section p { max-width: 860px; margin: 0 0 15px; color: rgba(235, 248, 255, 0.74); font-size: 16px; line-height: 1.76; letter-spacing: 0; } .block-description-section p:empty { display: none; } .block-description-section p:last-child { margin-bottom: 0; } .block-description-section > .container .acf-wysiwyg > p:first-of-type, .block-description-section > .container .acf-wysiwyg > .et_pb_module:first-child p:first-of-type, .block-description-section > .container .acf-wysiwyg > .et_pb_section:first-child p:first-of-type { max-width: 780px; margin-bottom: 28px; color: rgba(255, 255, 255, 0.86); font-size: clamp(17px, 2vw, 19px); font-weight: 600; line-height: 1.64; } .block-description-section ul, .block-description-section ol { max-width: 860px; margin: 0 0 22px; padding-left: 0; list-style: none; } .block-description-section li { position: relative; margin: 0 0 11px; padding-left: 24px; color: rgba(235, 248, 255, 0.74); line-height: 1.68; } .block-description-section li::before { content: ""; position: absolute; top: 0.72em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #29c5ff; box-shadow: 0 0 14px rgba(41, 197, 255, 0.44); } .block-description-section ol { counter-reset: legal-item; } .block-description-section ol li { counter-increment: legal-item; padding-left: 42px; } .block-description-section ol li::before { content: counter(legal-item); top: 0; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(41, 197, 255, 0.12); box-shadow: inset 0 0 0 1px rgba(41, 197, 255, 0.28); color: #6bd4ff; font-size: 12px; font-weight: 800; } .block-description-section a { color: #29c5ff; font-weight: 700; text-decoration: none; text-underline-offset: 4px; } .block-description-section a:hover { text-decoration: underline; } .block-description-section strong { color: rgba(255, 255, 255, 0.9); font-weight: 900; } .block-description-section .point { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 26px; padding: 0 10px; border: 1px solid rgba(41, 185, 239, 0.32); border-radius: 999px; background: rgba(41, 185, 239, 0.11); color: #6bd4ff; font-size: 12px; font-weight: 800; line-height: 1; } .block-description-section p:has(.point) { margin: 26px 0 10px; } @media (max-width: 768px) { .block-description-section { padding: 64px 0; } .block-description-section .container { padding: 0 16px; } .block-description-section .description-shell::before { display: none; } .block-description-section .acf-wysiwyg { padding: 28px 20px; border-radius: 14px; font-size: 15px; line-height: 1.7; } .block-description-section h1 { font-size: 34px; } .block-description-section h2, .block-description-section h3 { margin-top: 34px; padding-left: 14px; font-size: 22px; } .block-description-section p, .block-description-section > .container .acf-wysiwyg > p:first-of-type, .block-description-section > .container .acf-wysiwyg > .et_pb_module:first-child p:first-of-type, .block-description-section > .container .acf-wysiwyg > .et_pb_section:first-child p:first-of-type { font-size: 15px; } .block-description-section ol li { padding-left: 36px; } }