.elementor-488 .elementor-element.elementor-element-38967c0 > .elementor-container{min-height:22vh;}.elementor-488 .elementor-element.elementor-element-1d56322 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-488 .elementor-element.elementor-element-dcb3975 img{width:204px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-488 .elementor-element.elementor-element-43d81da{--display:flex;}.elementor-488 .elementor-element.elementor-element-fd0362d{--display:flex;}.elementor-488 .elementor-element.elementor-element-ea1142f{--display:flex;}.elementor-488 .elementor-element.elementor-element-9abf5fa{--display:flex;}.elementor-488 .elementor-element.elementor-element-2cb2122{--display:flex;}.elementor-488 .elementor-element.elementor-element-75b3022{--display:flex;}.elementor-488 .elementor-element.elementor-element-dd567b9{--display:flex;}.elementor-488 .elementor-element.elementor-element-afbe531{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-488 .elementor-element.elementor-element-a20f884{--display:flex;}@media(max-width:767px){.elementor-488 .elementor-element.elementor-element-dcb3975 img{width:160px;}}/* Start custom CSS for html, class: .elementor-element-ae1931c */<style> /* ========================================================= ORACLE SCOPE — FAQ Luxury Editorial Purple / Plum / Gold ========================================================= */ .os-faq-page { width: calc(100% - 6mm); max-width: none; margin: 35px 3mm 55px; box-sizing: border-box; color: #f8f1ff; font-family: Arial, Helvetica, sans-serif; } /* ========================================================= HERO ========================================================= */ .os-faq-hero { position: relative; overflow: hidden; text-align: center; padding: 58px 45px 55px; border-radius: 32px; border: 1px solid rgba(218, 171, 255, 0.18); background: radial-gradient(circle at 12% 15%, rgba(208, 82, 255, 0.16), transparent 32%), radial-gradient(circle at 88% 85%, rgba(182, 72, 255, 0.13), transparent 34%), linear-gradient(135deg, #16091f 0%, #291039 48%, #100719 100%); box-shadow: 0 25px 65px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04); } .os-faq-eyebrow { margin-bottom: 14px; color: #e2b85d; font-size: 11px; font-weight: 800; letter-spacing: 2.6px; text-transform: uppercase; } .os-faq-hero h1 { max-width: 900px; margin: 0 auto; font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 5vw, 57px); line-height: 1.08; font-weight: 600; background: linear-gradient( 90deg, #ffffff 0%, #f2d9ff 42%, #d6a0ff 70%, #ffffff 100% ); -webkit-background-clip: text; background-clip: text; color: transparent; } .os-faq-hero p { max-width: 760px; margin: 20px auto 0; color: rgba(244, 232, 250, 0.73); font-size: 14px; line-height: 1.9; } /* ========================================================= FAQ LIST ========================================================= */ .os-faq-list { margin-top: 30px; display: flex; flex-direction: column; gap: 13px; } /* ========================================================= FAQ ITEM ========================================================= */ .os-faq-item { overflow: hidden; border: 1px solid rgba(214, 164, 255, 0.15); border-radius: 22px; background: linear-gradient( 135deg, rgba(45, 18, 59, 0.97), rgba(20, 8, 29, 0.98) ); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.025); transition: border-color 0.25s ease, box-shadow 0.25s ease; } .os-faq-item[open] { border-color: rgba(220, 174, 255, 0.29); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.31), 0 0 30px rgba(183, 73, 255, 0.06); } /* ========================================================= QUESTION ========================================================= */ .os-faq-item summary { display: grid; grid-template-columns: 55px 1fr 38px; align-items: center; gap: 17px; padding: 22px 24px; cursor: pointer; list-style: none; user-select: none; } .os-faq-item summary::-webkit-details-marker { display: none; } .os-faq-number { display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; border: 1px solid rgba(225, 183, 99, 0.28); border-radius: 50%; background: radial-gradient( circle at 35% 30%, rgba(225, 183, 99, 0.16), rgba(225, 183, 99, 0.035) ); color: #dfb866; font-family: Georgia, "Times New Roman", serif; font-size: 13px; font-weight: 600; } .os-faq-question { color: #fff7ff; font-family: Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.4; font-weight: 600; } .os-faq-icon { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid rgba(214, 164, 255, 0.17); border-radius: 50%; color: #dfb866; font-size: 21px; font-weight: 300; line-height: 1; transition: transform 0.25s ease, background 0.25s ease; } .os-faq-item[open] .os-faq-icon { transform: rotate(45deg); background: rgba(221, 172, 255, 0.08); } /* ========================================================= ANSWER ========================================================= */ .os-faq-answer { margin: 0 24px; padding: 0 72px 28px; border-top: 1px solid rgba(214, 164, 255, 0.10); } .os-faq-answer p { margin: 20px 0 0; color: rgba(240, 226, 247, 0.74); font-size: 13.5px; line-height: 1.9; } .os-faq-answer p:first-child { margin-top: 22px; } .os-faq-answer strong { color: #ead4f8; font-weight: 700; } .os-faq-answer em { color: #e4bb69; } /* ========================================================= ANSWER SUBHEADINGS ========================================================= */ .os-faq-answer h3 { position: relative; margin: 27px 0 0; padding-left: 15px; color: #e4bb69; font-family: Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.3; font-weight: 600; } .os-faq-answer h3::first-letter { color: #fff; } /* ========================================================= LISTS ========================================================= */ .os-faq-answer ul { margin: 16px 0 0; padding: 0; list-style: none; } .os-faq-answer li { position: relative; margin: 9px 0; padding-left: 23px; color: rgba(240, 226, 247, 0.74); font-size: 13.5px; line-height: 1.75; } .os-faq-answer li::before { content: "✦"; position: absolute; left: 0; top: 0; color: #dcae59; font-size: 9px; } /* ========================================================= ORACLE SCOPE NOTE ========================================================= */ .os-faq-note { position: relative; overflow: hidden; margin-top: 34px; padding: 46px 46px 48px; border: 1px solid rgba(224, 178, 255, 0.20); border-radius: 30px; background: radial-gradient(circle at 8% 12%, rgba(221, 91, 255, 0.13), transparent 30%), radial-gradient(circle at 92% 88%, rgba(221, 181, 94, 0.08), transparent 28%), linear-gradient(135deg, #21102e 0%, #32123f 50%, #16091f 100%); box-shadow: 0 24px 58px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.035); text-align: center; } .os-faq-note-symbol { margin-bottom: 11px; color: #e2b85d; font-size: 19px; } .os-faq-note-eyebrow { margin-bottom: 8px; color: #dfb45f; font-size: 10px; font-weight: 800; letter-spacing: 2.3px; text-transform: uppercase; } .os-faq-note h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 4vw, 39px); line-height: 1.15; font-weight: 600; color: #fff8ff; } .os-faq-note-content { max-width: 850px; margin: 24px auto 0; } .os-faq-note-content p { margin: 0 0 17px; color: rgba(241, 227, 248, 0.75); font-size: 13.5px; line-height: 1.9; } .os-faq-final-note { margin-top: 26px !important; margin-bottom: 0 !important; padding: 19px 22px; border: 1px solid rgba(224, 181, 99, 0.22); border-radius: 16px; background: rgba(224, 181, 99, 0.055); color: #ead6a9 !important; font-size: 13px !important; line-height: 1.85 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .os-faq-page { width: calc(100% - 6mm); margin: 24px 3mm 40px; } .os-faq-hero { padding: 40px 21px 38px; border-radius: 25px; } .os-faq-hero h1 { font-size: 34px; } .os-faq-hero p { font-size: 13px; line-height: 1.8; } .os-faq-list { margin-top: 20px; gap: 10px; } .os-faq-item { border-radius: 19px; } .os-faq-item summary { grid-template-columns: 42px 1fr 32px; gap: 12px; padding: 17px 15px; } .os-faq-number { width: 36px; height: 36px; font-size: 11px; } .os-faq-question { font-size: 15px; line-height: 1.35; } .os-faq-icon { width: 29px; height: 29px; font-size: 18px; } .os-faq-answer { margin: 0 15px; padding: 0 17px 24px; } .os-faq-answer p { font-size: 12.5px; line-height: 1.85; } .os-faq-answer h3 { font-size: 17px; margin-top: 24px; } .os-faq-answer li { font-size: 12.5px; } .os-faq-note { margin-top: 24px; padding: 35px 20px 36px; border-radius: 24px; } .os-faq-note h2 { font-size: 29px; } .os-faq-note-content { margin-top: 20px; } .os-faq-note-content p { font-size: 12.5px; line-height: 1.85; } .os-faq-final-note { padding: 16px 17px; } } /* ========================================================= SMALL PHONES ========================================================= */ @media (max-width: 420px) { .os-faq-hero h1 { font-size: 30px; } .os-faq-item summary { grid-template-columns: 38px 1fr 29px; gap: 9px; } .os-faq-number { width: 34px; height: 34px; } .os-faq-question { font-size: 14px; } .os-faq-answer { padding-left: 10px; padding-right: 10px; } } </style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-348132d */.os-testimonials-footer { position: relative; overflow: hidden; width: calc(100% - 6mm); max-width: none; margin: 30px 3mm 20px; padding: 32px 25px 27px; box-sizing: border-box; text-align: center; border-top: 1px solid rgba(224, 181, 93, 0.16); border-bottom: 1px solid rgba(210, 140, 255, 0.09); background: radial-gradient( circle at 50% 0%, rgba(194, 67, 255, 0.09), transparent 48% ), linear-gradient( 180deg, rgba(25, 12, 42, 0.65), rgba(12, 7, 21, 0.82) ); color: #ffffff; } /* Subtle decorative circles */ .os-testimonials-footer::before { content: ""; position: absolute; width: 170px; height: 170px; top: -105px; left: 50%; transform: translateX(-50%); border-radius: 50%; border: 1px solid rgba(224, 181, 93, 0.13); box-shadow: 0 0 45px rgba(224, 181, 93, 0.045); pointer-events: none; } .os-testimonials-footer::after { content: ""; position: absolute; width: 260px; height: 260px; top: -150px; left: 50%; transform: translateX(-50%); border-radius: 50%; border: 1px solid rgba(224, 181, 93, 0.055); pointer-events: none; } /* Logo area */ .os-footer-logo-wrap { position: relative; display: flex; align-items: center; justify-content: center; width: 92px; height: 58px; margin: 0 auto 17px; } /* Gold ring behind logo */ .os-footer-gold-ring { position: absolute; width: 57px; height: 57px; border-radius: 50%; border: 1px solid rgba(224, 181, 93, 0.34); background: radial-gradient( circle, rgba(224, 181, 93, 0.08), transparent 67% ); box-shadow: 0 0 25px rgba(224, 181, 93, 0.07); } /* Small decorative dots */ .os-footer-gold-ring::before, .os-footer-gold-ring::after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #dcb665; box-shadow: 0 0 9px rgba(224, 181, 93, 0.45); } .os-footer-gold-ring::before { top: 3px; left: 50%; transform: translateX(-50%); } .os-footer-gold-ring::after { bottom: 3px; left: 50%; transform: translateX(-50%); } /* Logo */ .os-footer-logo { position: relative; z-index: 2; display: block; width: 62px; height: auto; max-height: 52px; object-fit: contain; filter: drop-shadow(0 0 9px rgba(224, 181, 93, 0.16)); } /* SEO text */ .os-footer-text { position: relative; z-index: 2; max-width: 720px; margin: 0 auto; font-family: Arial, sans-serif; font-size: 11.5px; line-height: 1.75; color: rgba(255, 255, 255, 0.52); } .os-footer-text strong { color: rgba(255, 255, 255, 0.78); font-weight: 600; } /* Divider */ .os-footer-line { position: relative; z-index: 2; width: 55px; height: 1px; margin: 19px auto 12px; background: linear-gradient( 90deg, transparent, #dcb665, transparent ); opacity: 0.65; } /* Footer tagline */ .os-footer-tagline { position: relative; z-index: 2; font-family: Arial, sans-serif; font-size: 8px; font-weight: 700; letter-spacing: 1.7px; text-transform: uppercase; color: rgba(224, 181, 93, 0.58); } /* Mobile */ @media (max-width: 767px) { .os-testimonials-footer { width: calc(100% - 6mm); margin: 24px 3mm 15px; padding: 28px 18px 23px; } .os-footer-logo-wrap { margin-bottom: 14px; } .os-footer-text { max-width: 500px; font-size: 10.5px; line-height: 1.7; } .os-footer-line { margin-top: 16px; margin-bottom: 11px; } .os-footer-tagline { font-size: 7px; letter-spacing: 1.4px; } }/* End custom CSS */