.elementor-701 .elementor-element.elementor-element-239813e{--display:flex;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-701 .elementor-element.elementor-element-e5b7594{--display:flex;}/* Start custom CSS for theme-page-title, class: .elementor-element-e74a6e0 *//* ========================================================= OWOI — TERMS & CONDITIONS PAGE 701 — PREMIUM INSTITUTIONAL LEGAL DESIGN ========================================================= */ /* --------------------------------------------------------- 1. PAGE BACKGROUND --------------------------------------------------------- */ body.page-id-701 { background: radial-gradient( circle at 50% 0%, rgba(0, 240, 255, 0.055), transparent 38% ), #08080c; color: #d9dde3; } /* --------------------------------------------------------- 2. MAIN CONTENT CONTAINER --------------------------------------------------------- */ body.page-id-701 .entry-content { max-width: 1120px; margin: 0 auto; padding: 70px 28px 100px; } /* Elementor main content safety */ body.page-id-701 .elementor-widget-text-editor { width: 100%; } /* --------------------------------------------------------- 3. MAIN LEGAL DOCUMENT SURFACE --------------------------------------------------------- */ body.page-id-701 .entry-content > .elementor-widget, body.page-id-701 .entry-content > .elementor-element { position: relative; } /* Create a subtle premium document atmosphere */ body.page-id-701 .elementor-widget-text-editor { font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } /* --------------------------------------------------------- 4. PAGE TITLE --------------------------------------------------------- */ body.page-id-701 h1 { position: relative; margin: 0 0 12px; color: #f4f7fa; font-size: clamp(34px, 5vw, 58px); line-height: 1.08; font-weight: 700; letter-spacing: -0.035em; text-align: center; } /* Cyan institutional accent underneath title */ body.page-id-701 h1::after { content: ""; display: block; width: 70px; height: 2px; margin: 22px auto 28px; background: #00d9e8; box-shadow: 0 0 12px rgba(0, 217, 232, 0.35); } /* --------------------------------------------------------- 5. INTRO / ORGANIZATION NAME --------------------------------------------------------- */ body.page-id-701 h2:first-of-type { color: #00d9e8; font-size: 16px; line-height: 1.5; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; text-align: center; } /* --------------------------------------------------------- 6. GENERAL TYPOGRAPHY --------------------------------------------------------- */ body.page-id-701 p { color: #c9ced6; font-size: 16px; line-height: 1.85; margin: 0 0 20px; } /* Strong text */ body.page-id-701 strong { color: #f0f3f6; font-weight: 650; } /* Emphasis */ body.page-id-701 em { color: #dfe5eb; } /* --------------------------------------------------------- 7. SECTION HEADINGS --------------------------------------------------------- */ body.page-id-701 h2 { position: relative; margin-top: 58px; margin-bottom: 24px; padding: 18px 22px; color: #f3f6f8; font-size: clamp(21px, 2.5vw, 29px); line-height: 1.3; font-weight: 650; letter-spacing: -0.015em; background: linear-gradient( 90deg, rgba(0, 217, 232, 0.065), rgba(0, 217, 232, 0.018), transparent ); border-left: 3px solid #00d9e8; border-radius: 0 8px 8px 0; } /* --------------------------------------------------------- 8. SUBSECTION HEADINGS --------------------------------------------------------- */ body.page-id-701 h3 { margin-top: 35px; margin-bottom: 15px; color: #e9edf1; font-size: 19px; line-height: 1.45; font-weight: 600; } /* --------------------------------------------------------- 9. LISTS --------------------------------------------------------- */ body.page-id-701 ul, body.page-id-701 ol { margin: 0 0 25px; padding-left: 28px; } body.page-id-701 li { margin-bottom: 11px; padding-left: 5px; color: #c9ced6; font-size: 16px; line-height: 1.75; } /* Custom subtle bullet */ body.page-id-701 ul li::marker { color: #00d9e8; font-size: 0.85em; } body.page-id-701 ol li::marker { color: #00d9e8; font-weight: 600; } /* --------------------------------------------------------- 10. SECTION DIVIDERS --------------------------------------------------------- */ body.page-id-701 hr { height: 1px; margin: 45px 0; border: 0; background: linear-gradient( 90deg, transparent, rgba(0, 217, 232, 0.28), transparent ); } /* --------------------------------------------------------- 11. LINKS --------------------------------------------------------- */ body.page-id-701 a { color: #00d9e8; text-decoration: none; transition: color 0.2s ease, opacity 0.2s ease; } body.page-id-701 a:hover { color: #75f4fb; } /* --------------------------------------------------------- 12. LEGAL DOCUMENT GLASS EFFECT --------------------------------------------------------- */ /* Applies to Elementor containers if they exist. Keeps the effect subtle rather than "cyberpunk". */ body.page-id-701 .elementor-container { position: relative; } /* --------------------------------------------------------- 13. CONTACT SECTION --------------------------------------------------------- */ body.page-id-701 h2:last-of-type { margin-top: 65px; } /* Email / contact emphasis */ body.page-id-701 a[href^="mailto:"] { display: inline-block; padding: 3px 8px; border-radius: 5px; background: rgba(0, 217, 232, 0.06); } /* --------------------------------------------------------- 14. ACCEPTANCE SECTION --------------------------------------------------------- */ body.page-id-701 li strong { color: #eef3f7; } /* --------------------------------------------------------- 15. FINAL OWOI BRAND STATEMENT --------------------------------------------------------- */ body.page-id-701 .entry-content p:last-child { color: #9fa8b3; } /* --------------------------------------------------------- 16. SELECTION --------------------------------------------------------- */ body.page-id-701 ::selection { background: rgba(0, 217, 232, 0.25); color: #ffffff; } /* --------------------------------------------------------- 17. MOBILE --------------------------------------------------------- */ @media (max-width: 767px) { body.page-id-701 .entry-content { padding: 45px 18px 70px; } body.page-id-701 h1 { font-size: 34px; line-height: 1.12; } body.page-id-701 h1::after { margin-top: 18px; margin-bottom: 22px; } body.page-id-701 h2 { margin-top: 45px; margin-bottom: 20px; padding: 15px 16px; font-size: 21px; } body.page-id-701 h3 { font-size: 18px; margin-top: 30px; } body.page-id-701 p { font-size: 15px; line-height: 1.78; margin-bottom: 18px; } body.page-id-701 li { font-size: 15px; line-height: 1.7; margin-bottom: 9px; } body.page-id-701 ul, body.page-id-701 ol { padding-left: 23px; } } /* --------------------------------------------------------- 18. SMALL MOBILE --------------------------------------------------------- */ @media (max-width: 390px) { body.page-id-701 .entry-content { padding-left: 15px; padding-right: 15px; } body.page-id-701 h1 { font-size: 30px; } body.page-id-701 h2 { font-size: 19px; padding: 13px 14px; } body.page-id-701 p, body.page-id-701 li { font-size: 14.5px; } } /* --------------------------------------------------------- 19. REDUCE MOTION FOR ACCESSIBILITY --------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { body.page-id-701 *, body.page-id-701 *::before, body.page-id-701 *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e5b7594 *//* ========================================================= OWOI — TERMS & CONDITIONS PAGE 701 — PREMIUM INTERNATIONAL DOCUMENT CONTENT TYPOGRAPHY SYSTEM ========================================================= */ /* ========================================================= 01 — CONTENT FOUNDATION ========================================================= */ body.page-id-701 .entry-content { color: #d5dbe0 !important; font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /* ========================================================= 02 — PARAGRAPHS ========================================================= */ body.page-id-701 .entry-content p { color: #d2d8de !important; font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; font-size: 16px !important; line-height: 1.9 !important; font-weight: 400 !important; letter-spacing: 0.008em !important; max-width: 900px; margin-top: 0 !important; margin-right: auto !important; margin-left: auto !important; margin-bottom: 22px !important; text-align: left !important; } /* ========================================================= 03 — IMPROVE VISIBILITY ========================================================= */ body.page-id-701 .entry-content p { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22); } /* ========================================================= 04 — OPENING / INTRODUCTION ========================================================= */ body.page-id-701 .entry-content p:first-of-type { color: #eef2f4 !important; font-size: 17px !important; line-height: 1.85 !important; font-weight: 450 !important; letter-spacing: 0.006em !important; margin-bottom: 30px !important; } /* ========================================================= 05 — STRONG TEXT ========================================================= */ body.page-id-701 .entry-content p strong, body.page-id-701 .entry-content li strong { color: #ffffff !important; font-weight: 650 !important; letter-spacing: 0.008em; } /* ========================================================= 06 — HEADINGS ========================================================= */ body.page-id-701 .entry-content h2 { position: relative; display: block; color: #f7f9fa !important; font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; font-size: clamp(23px, 2.6vw, 31px) !important; line-height: 1.28 !important; font-weight: 700 !important; letter-spacing: -0.025em !important; margin-top: 68px !important; margin-bottom: 27px !important; padding: 18px 24px 19px 25px !important; background: linear-gradient( 90deg, rgba(0, 217, 232, 0.095), rgba(0, 217, 232, 0.035) 55%, transparent 100% ) !important; border-left: 3px solid #00d9e8 !important; border-radius: 0 10px 10px 0 !important; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.025) !important; text-wrap: balance; } /* ========================================================= 07 — HEADING ACCENT ========================================================= */ body.page-id-701 .entry-content h2::after { content: ""; display: block; width: 44px; height: 2px; margin-top: 14px; background: linear-gradient( 90deg, #00d9e8, rgba(0, 217, 232, 0.15) ); border-radius: 2px; } /* ========================================================= 08 — SUBHEADINGS ========================================================= */ body.page-id-701 .entry-content h3 { position: relative; color: #edf1f3 !important; font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; font-size: 19px !important; line-height: 1.45 !important; font-weight: 650 !important; letter-spacing: -0.01em !important; margin-top: 39px !important; margin-bottom: 16px !important; padding-left: 17px !important; text-wrap: balance; } body.page-id-701 .entry-content h3::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 5px; height: 5px; border-radius: 50%; background: #00d9e8; box-shadow: 0 0 10px rgba(0, 217, 232, 0.4); } /* ========================================================= 09 — TEXT DIRECTLY AFTER HEADINGS ========================================================= */ body.page-id-701 .entry-content h2 + p, body.page-id-701 .entry-content h3 + p { margin-top: 0 !important; color: #d7dde2 !important; } /* ========================================================= 10 — BULLET LISTS ========================================================= */ body.page-id-701 .entry-content ul, body.page-id-701 .entry-content ol { max-width: 900px; margin-top: 12px !important; margin-right: auto !important; margin-bottom: 30px !important; margin-left: auto !important; padding-left: 31px !important; } /* ========================================================= 11 — BULLET TEXT ========================================================= */ body.page-id-701 .entry-content li { color: #d1d7dc !important; font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; font-size: 15.8px !important; line-height: 1.78 !important; font-weight: 400 !important; letter-spacing: 0.006em !important; margin-bottom: 11px !important; padding-left: 6px; } /* ========================================================= 12 — BULLET MARKERS ========================================================= */ body.page-id-701 .entry-content ul li::marker { color: #00d9e8 !important; font-size: 0.82em; } body.page-id-701 .entry-content ol li::marker { color: #00d9e8 !important; font-weight: 650; } /* ========================================================= 13 — LINKS ========================================================= */ body.page-id-701 .entry-content a { color: #79e8ef !important; font-weight: 550 !important; text-decoration: none !important; border-bottom: 1px solid rgba(121, 232, 239, 0.28); transition: color 0.2s ease, border-color 0.2s ease; } body.page-id-701 .entry-content a:hover { color: #b1f4f7 !important; border-bottom-color: rgba(177, 244, 247, 0.7); } /* ========================================================= 14 — EMAIL ========================================================= */ body.page-id-701 .entry-content a[href^="mailto:"] { display: inline-block; color: #82eaf0 !important; padding: 4px 10px; border: 1px solid rgba(0, 217, 232, 0.16); border-radius: 5px; background: rgba(0, 217, 232, 0.055); } /* ========================================================= 15 — DOCUMENT DIVIDERS ========================================================= */ body.page-id-701 .entry-content hr { border: 0 !important; height: 1px !important; max-width: 900px; margin: 50px auto !important; background: linear-gradient( 90deg, transparent, rgba(0, 217, 232, 0.25), transparent ) !important; } /* ========================================================= 16 — BETTER SPACING BETWEEN CONTENT ========================================================= */ body.page-id-701 .entry-content p + p { margin-top: 0 !important; } body.page-id-701 .entry-content ul + p, body.page-id-701 .entry-content ol + p { margin-top: 25px !important; } body.page-id-701 .entry-content p + ul, body.page-id-701 .entry-content p + ol { margin-top: 5px !important; } /* ========================================================= 17 — FINAL ACCEPTANCE CONTENT ========================================================= */ body.page-id-701 .entry-content li { text-wrap: pretty; } /* ========================================================= 18 — MOBILE ========================================================= */ @media (max-width: 767px) { body.page-id-701 .entry-content p { font-size: 15.2px !important; line-height: 1.82 !important; letter-spacing: 0.004em !important; margin-bottom: 19px !important; } body.page-id-701 .entry-content p:first-of-type { font-size: 15.8px !important; line-height: 1.8 !important; } body.page-id-701 .entry-content h2 { font-size: 21px !important; line-height: 1.34 !important; margin-top: 49px !important; margin-bottom: 21px !important; padding: 14px 16px 15px 18px !important; } body.page-id-701 .entry-content h2::after { width: 35px; margin-top: 11px; } body.page-id-701 .entry-content h3 { font-size: 17.5px !important; margin-top: 30px !important; margin-bottom: 13px !important; } body.page-id-701 .entry-content ul, body.page-id-701 .entry-content ol { padding-left: 25px !important; margin-bottom: 24px !important; } body.page-id-701 .entry-content li { font-size: 14.8px !important; line-height: 1.72 !important; margin-bottom: 9px !important; } } /* ========================================================= 19 — SMALL PHONES ========================================================= */ @media (max-width: 390px) { body.page-id-701 .entry-content p { font-size: 14.4px !important; line-height: 1.77 !important; } body.page-id-701 .entry-content p:first-of-type { font-size: 15px !important; } body.page-id-701 .entry-content h2 { font-size: 19px !important; padding: 13px 13px 14px 15px !important; } body.page-id-701 .entry-content h3 { font-size: 16.5px !important; } body.page-id-701 .entry-content li { font-size: 14.2px !important; line-height: 1.67 !important; } } /* ========================================================= 20 — REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { body.page-id-701 .entry-content *, body.page-id-701 .entry-content *::before, body.page-id-701 .entry-content *::after { animation: none !important; transition: none !important; } }/* End custom CSS */