.elementor-366 .elementor-element.elementor-element-ae39211{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-366 .elementor-element.elementor-element-e60a3bc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-366 .elementor-element.elementor-element-7038556{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-366 .elementor-element.elementor-element-7923aab{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-366 .elementor-element.elementor-element-5e8b1f6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-366 .elementor-element.elementor-element-b75d51d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-366 .elementor-element.elementor-element-e23a7b8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-35be723 */#CEOJAPrestige-Hero-AreasSidebar-V1, #CEOJAPrestige-Hero-AreasSidebar-V1 *, #CEOJAPrestige-Hero-AreasSidebar-V1 *::before, #CEOJAPrestige-Hero-AreasSidebar-V1 *::after{ box-sizing:border-box; min-width:0; } #CEOJAPrestige-Hero-AreasSidebar-V1{ --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-line-light:rgba(255,255,255,.18); --CEOJA-shadow-dark:0 14px 34px rgba(7,7,7,.16); --CEOJA-shadow-gold:0 14px 34px rgba(121,82,25,.22); --CEOJA-radius:14px; --CEOJA-pad:5%; --CEOJA-ease:cubic-bezier(.22,.61,.36,1); --CEOJA-col-height:clamp(560px,72vh,700px); position:relative; overflow:hidden; width:100%; min-height:clamp(680px,88vh,980px); display:flex; align-items:center; justify-content:center; padding:clamp(56px,6vw,92px) var(--CEOJA-pad); isolation:isolate; background: url("https://prestigerestorationia.com/wp-content/uploads/2026/05/Gutter_Installation_Stock_CEO_Marketing_-1.png") center center / cover no-repeat; font-family:"Montserrat", Arial, sans-serif; } #CEOJAPrestige-Hero-AreasSidebar-V1::before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at 12% 18%, rgba(239,193,111,.20) 0%, rgba(239,193,111,0) 30%), radial-gradient(circle at 84% 16%, rgba(195,162,65,.14) 0%, rgba(195,162,65,0) 26%), radial-gradient(circle at 50% 100%, rgba(121,82,25,.20) 0%, rgba(121,82,25,0) 38%); pointer-events:none; z-index:0; opacity:.95; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-wrap{ position:relative; z-index:1; width:100%; margin:0 auto; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-grid{ width:100%; display:grid; grid-template-columns:minmax(0,1.06fr) minmax(290px,.94fr); gap:clamp(18px,1.8vw,24px); align-items:stretch; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ height:var(--CEOJA-col-height); min-height:var(--CEOJA-col-height); max-height:var(--CEOJA-col-height); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main{ padding:clamp(22px,2.3vw,32px); overflow:visible; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-mainInner{ height:100%; display:grid; align-content:center; justify-items:center; gap:20px; text-align:center; padding:clamp(20px,2vw,28px); border-radius:28px; background:rgba(7,7,7,.20); border:1px solid rgba(255,255,255,.10); box-shadow: 0 18px 44px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-toplineWrap{ width:100%; display:flex; align-items:center; justify-content:center; gap:14px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-toplineLine{ position:relative; width:min(160px,16vw); height:1px; background:rgba(239,193,111,.44); overflow:hidden; flex-shrink:1; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-toplineLine::after{ content:""; position:absolute; top:0; left:-40%; width:40%; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(239,193,111,.92), rgba(255,255,255,0)); animation:CEOJAPrestigeAreaSidebarSweepV1 4.2s linear infinite; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-topline{ display:inline-flex; align-items:center; justify-content:center; max-width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:13px; line-height:1.4; font-weight:800; letter-spacing:.10em; text-transform:uppercase; color:var(--CEOJA-soft-gold); text-align:center; overflow-wrap:anywhere; word-break:break-word; white-space:normal; } #CEOJAPrestige-Hero-AreasSidebar-V1 h1{ margin:0; width:100%; font-family:"Poppins", Arial, sans-serif; font-size:clamp(2.6rem,5.8vw,5.2rem); line-height:1.02; font-weight:800; letter-spacing:-0.045em; color:var(--CEOJA-white); text-align:center; text-wrap:balance; overflow-wrap:anywhere; word-break:break-word; text-shadow:0 10px 28px rgba(0,0,0,.34); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-copy{ margin:0; width:min(760px,100%); font-family:"Montserrat", Arial, sans-serif; font-size:clamp(15px,1.06vw,17px); line-height:1.82; font-weight:500; color:rgba(255,255,255,.94); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-actions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; width:100%; margin-top:2px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:auto; min-width:190px; max-width:100%; min-height:58px; padding:15px 24px; border-radius:var(--CEOJA-radius); text-decoration:none; font-family:"Montserrat", Arial, sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.2; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease, background .28s ease; will-change:transform; cursor:pointer; white-space:normal; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.22) 50%, transparent 100% ); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn:hover::before{ width:100%; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn:hover::after{ left:135%; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn:focus-visible{ outline:none; transform:translateY(-2px); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn span, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn svg, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn path{ position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; min-width:0; color:currentColor; fill:currentColor; stroke:currentColor; text-align:center; overflow-wrap:anywhere; word-break:break-word; transition:color .28s ease, fill .28s ease, stroke .28s ease; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn span::after{ content:""; position:absolute; left:0; bottom:-4px; width:0%; height:1.5px; background:currentColor; opacity:.7; transition:width .28s ease; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn:hover span::after{ width:100%; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnPrimary{ background:var(--CEOJA-gold); color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnPrimary::before{ background:var(--CEOJA-white); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnPrimary:hover, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnPrimary:focus-visible{ color:var(--CEOJA-black); border-color:var(--CEOJA-white); box-shadow:0 14px 30px rgba(0,0,0,.25); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnSecondary{ background:var(--CEOJA-white); color:var(--CEOJA-brown); border-color:var(--CEOJA-white); box-shadow:0 12px 28px rgba(7,7,7,.12); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnSecondary::before{ background:var(--CEOJA-gold); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnSecondary:hover, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnSecondary:focus-visible{ color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:var(--CEOJA-shadow-gold); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ padding:clamp(22px,2.3vw,32px); display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:14px; overflow:hidden; border-radius:28px; background:rgba(7,7,7,.26); border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 44px rgba(0,0,0,.20); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideHead{ display:grid; justify-items:center; gap:8px; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideTitle{ margin:0; width:100%; font-family:"Poppins", Arial, sans-serif; font-size:32px; line-height:1.12; font-weight:700; letter-spacing:-.03em; color:var(--CEOJA-white); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideText{ margin:0; width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:15px; line-height:1.68; font-weight:500; color:rgba(255,255,255,.82); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchBox{ position:relative; display:flex; align-items:center; min-height:58px; border-radius:18px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.08); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); overflow:hidden; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchIcon{ width:52px; min-width:52px; height:100%; display:inline-flex; align-items:center; justify-content:center; color:rgba(255,255,255,.78); pointer-events:none; flex-shrink:0; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchIcon svg{ width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchInput{ width:100%; height:100%; border:none; outline:none; background:transparent; padding:0 16px 0 0; font-family:"Montserrat", Arial, sans-serif; font-size:15px; line-height:1.4; font-weight:600; color:var(--CEOJA-white); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchInput::placeholder{ color:rgba(255,255,255,.62); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideBody{ min-height:0; height:100%; overflow:hidden; border-radius:20px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideScroll{ height:100%; max-height:100%; overflow:auto; padding:14px; scrollbar-width:thin; scrollbar-color:rgba(239,193,111,.70) rgba(255,255,255,.08); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideScroll::-webkit-scrollbar, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-cityList::-webkit-scrollbar{ width:8px; height:8px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideScroll::-webkit-scrollbar-track, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-cityList::-webkit-scrollbar-track{ background:rgba(255,255,255,.08); border-radius:999px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideScroll::-webkit-scrollbar-thumb, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-cityList::-webkit-scrollbar-thumb{ background:linear-gradient(180deg, var(--CEOJA-soft-gold), var(--CEOJA-brown)); border-radius:999px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-state{ padding:12px 14px; border-radius:16px; background:rgba(7,7,7,.48); border:1px solid rgba(255,255,255,.10); font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.5; font-weight:800; color:var(--CEOJA-white); text-align:center; overflow-wrap:anywhere; word-break:break-word; margin-bottom:12px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accordion{ display:grid; gap:10px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:14px 16px; border-radius:18px; background:rgba(7,7,7,.48); border:1px solid rgba(255,255,255,.10); color:var(--CEOJA-soft-gold); font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.45; font-weight:800; text-align:center; cursor:pointer; transition: transform .28s var(--CEOJA-ease), background-color .28s var(--CEOJA-ease), border-color .28s var(--CEOJA-ease), color .28s var(--CEOJA-ease); overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton span{ min-width:0; flex:1 1 auto; color:inherit; transition:inherit; white-space:normal; overflow-wrap:anywhere; word-break:break-word; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton svg{ color:inherit; fill:currentColor; stroke:currentColor; transition:inherit; flex-shrink:0; width:18px; height:18px; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transform:rotate(0deg); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton:hover, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton:focus-visible{ transform:translateY(-2px); background:rgba(255,255,255,.10); border-color:rgba(239,193,111,.34); outline:none; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton[aria-expanded="true"] svg{ transform:rotate(90deg); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accPanel{ max-height:0; overflow:hidden; transition:max-height .34s var(--CEOJA-ease); background:rgba(7,7,7,.20); border-radius:0 0 18px 18px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accPanelInner{ padding-top:8px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-cityList{ display:grid; gap:8px; max-height:300px; overflow:auto; padding-right:2px; scrollbar-width:thin; scrollbar-color:rgba(239,193,111,.70) rgba(255,255,255,.08); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city{ display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:50px; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); color:var(--CEOJA-white); text-decoration:none; font-family:"Montserrat", Arial, sans-serif; font-size:15px; line-height:1.45; font-weight:700; text-align:center; transition: transform .28s var(--CEOJA-ease), background-color .28s var(--CEOJA-ease), border-color .28s var(--CEOJA-ease), color .28s var(--CEOJA-ease); overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city span{ min-width:0; flex:1 1 auto; color:inherit; transition:inherit; white-space:normal; overflow-wrap:anywhere; word-break:break-word; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city svg{ display:none; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city:hover, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city:focus-visible{ transform:translateY(-2px); background:rgba(255,255,255,.12); border-color:rgba(239,193,111,.34); color:var(--CEOJA-white); outline:none; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city[data-primary="true"]{ background:rgba(195,162,65,.20); border-color:rgba(239,193,111,.34); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-empty{ display:none; padding:18px 14px; border-radius:16px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); font-family:"Montserrat", Arial, sans-serif; font-size:14px; line-height:1.7; font-weight:600; color:rgba(255,255,255,.80); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-empty.is-visible{ display:block; } @keyframes CEOJAPrestigeAreaSidebarSweepV1{ 0%{ transform:translateX(0); } 100%{ transform:translateX(360%); } } @media (max-width:1365px){ #CEOJAPrestige-Hero-AreasSidebar-V1{ --CEOJA-col-height:clamp(540px,68vh,660px); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-grid{ grid-template-columns:minmax(0,1fr) minmax(280px,.90fr); gap:18px; } #CEOJAPrestige-Hero-AreasSidebar-V1 h1{ font-size:clamp(2.45rem,4.2vw,4.35rem); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-copy{ width:min(660px,100%); line-height:1.75; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideTitle{ font-size:30px; } } @media (max-width:1024px){ #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-grid{ grid-template-columns:1fr; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main{ height:auto; min-height:auto; max-height:none; padding:0; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-mainInner{ min-height:460px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ height:520px; min-height:520px; max-height:520px; } } @media (max-width:767px){ #CEOJAPrestige-Hero-AreasSidebar-V1{ min-height:auto; padding:82px 5% 64px; background-position:center 34%; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-grid{ gap:14px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ padding:0; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main{ height:auto; min-height:auto; max-height:none; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-mainInner{ min-height:auto; gap:18px; padding:18px; border-radius:22px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-toplineWrap{ justify-content:center; gap:8px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-toplineLine{ width:min(48px,12vw); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-topline{ font-size:11px; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 h1{ text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-copy{ font-size:14px; line-height:1.72; text-align:justify; text-align-last:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-actions{ display:grid; grid-template-columns:1fr; gap:12px; justify-content:stretch; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn{ width:100%; min-height:54px; padding:14px 18px; border-radius:var(--CEOJA-radius); font-size:14px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideTitle{ font-size:26px; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideText{ font-size:14px; line-height:1.62; text-align:justify; text-align-last:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ height:460px; min-height:460px; max-height:460px; padding:18px; border-radius:22px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-cityList{ max-height:240px; } } @media (max-width:420px){ #CEOJAPrestige-Hero-AreasSidebar-V1{ padding:76px 5% 58px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-mainInner, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ padding:16px; } } #CEOJAPrestige-Hero-AreasSidebar-V1, #CEOJAPrestige-Hero-AreasSidebar-V1 *, #CEOJAPrestige-Hero-AreasSidebar-V1 *::before, #CEOJAPrestige-Hero-AreasSidebar-V1 *::after{ box-sizing:border-box; min-width:0; } #CEOJAPrestige-Hero-AreasSidebar-V1{ --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-line-light:rgba(255,255,255,.18); --CEOJA-shadow-dark:0 14px 34px rgba(7,7,7,.16); --CEOJA-shadow-gold:0 14px 34px rgba(121,82,25,.22); --CEOJA-radius:14px; --CEOJA-pad:5%; --CEOJA-ease:cubic-bezier(.22,.61,.36,1); --CEOJA-col-height:clamp(560px,72vh,700px); position:relative; overflow:hidden; width:100%; max-width:100%; min-height:clamp(680px,88vh,980px); display:flex; align-items:center; justify-content:center; padding:clamp(56px,6vw,92px) var(--CEOJA-pad); isolation:isolate; background: url("https://prestigerestorationia.com/wp-content/uploads/2026/05/Gutter_Installation_Stock_CEO_Marketing_-1.png") center center / cover no-repeat; font-family:"Montserrat", Arial, sans-serif; } #CEOJAPrestige-Hero-AreasSidebar-V1::before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at 12% 18%, rgba(239,193,111,.20) 0%, rgba(239,193,111,0) 30%), radial-gradient(circle at 84% 16%, rgba(195,162,65,.14) 0%, rgba(195,162,65,0) 26%), radial-gradient(circle at 50% 100%, rgba(121,82,25,.20) 0%, rgba(121,82,25,0) 38%); pointer-events:none; z-index:0; opacity:.95; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-wrap{ position:relative; z-index:1; width:100%; max-width:100%; margin:0 auto; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-grid{ width:100%; max-width:100%; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(300px,.82fr); gap:clamp(16px,1.6vw,24px); align-items:stretch; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ height:var(--CEOJA-col-height); min-height:var(--CEOJA-col-height); max-height:var(--CEOJA-col-height); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main{ padding:clamp(18px,1.8vw,32px); overflow:hidden; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-mainInner{ width:100%; max-width:100%; height:100%; display:grid; align-content:center; justify-items:center; gap:clamp(14px,1.45vw,20px); text-align:center; padding:clamp(18px,1.8vw,28px); border-radius:28px; background:rgba(7,7,7,.20); border:1px solid rgba(255,255,255,.10); box-shadow: 0 18px 44px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); overflow:hidden; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-toplineWrap{ width:100%; max-width:100%; display:flex; align-items:center; justify-content:center; gap:14px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-toplineLine{ position:relative; width:min(160px,16vw); height:1px; background:rgba(239,193,111,.44); overflow:hidden; flex-shrink:1; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-toplineLine::after{ content:""; position:absolute; top:0; left:-40%; width:40%; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(239,193,111,.92), rgba(255,255,255,0)); animation:CEOJAPrestigeAreaSidebarSweepV1 4.2s linear infinite; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-topline{ display:inline-flex; align-items:center; justify-content:center; max-width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:13px; line-height:1.4; font-weight:800; letter-spacing:.10em; text-transform:uppercase; color:var(--CEOJA-soft-gold); text-align:center; overflow-wrap:anywhere; word-break:break-word; white-space:normal; } #CEOJAPrestige-Hero-AreasSidebar-V1 h1{ margin:0; width:100%; max-width:980px; font-family:"Poppins", Arial, sans-serif; font-size:clamp(2.45rem,5.05vw,5.2rem); line-height:1.02; font-weight:800; letter-spacing:-0.045em; color:var(--CEOJA-white); text-align:center; text-wrap:balance; overflow-wrap:break-word; word-break:normal; text-shadow:0 10px 28px rgba(0,0,0,.34); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-copy{ margin:0; width:min(760px,100%); max-width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:clamp(14px,1vw,17px); line-height:1.78; font-weight:500; color:rgba(255,255,255,.94); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-actions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; width:100%; max-width:100%; margin-top:2px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:auto; min-width:176px; max-width:100%; min-height:56px; padding:14px 22px; border-radius:var(--CEOJA-radius); text-decoration:none; font-family:"Montserrat", Arial, sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.2; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease, background .28s ease; will-change:transform; cursor:pointer; white-space:normal; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.22) 50%, transparent 100% ); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn:hover::before{ width:100%; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn:hover::after{ left:135%; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn:focus-visible{ outline:none; transform:translateY(-2px); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn span, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn svg, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn path{ position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; min-width:0; color:currentColor; fill:currentColor; stroke:currentColor; text-align:center; overflow-wrap:anywhere; word-break:break-word; transition:color .28s ease, fill .28s ease, stroke .28s ease; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn span::after{ content:""; position:absolute; left:0; bottom:-4px; width:0%; height:1.5px; background:currentColor; opacity:.7; transition:width .28s ease; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn:hover span::after{ width:100%; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnPrimary{ background:var(--CEOJA-gold); color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnPrimary::before{ background:var(--CEOJA-white); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnPrimary:hover, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnPrimary:focus-visible{ color:var(--CEOJA-black); border-color:var(--CEOJA-white); box-shadow:0 14px 30px rgba(0,0,0,.25); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnSecondary{ background:var(--CEOJA-white); color:var(--CEOJA-brown); border-color:var(--CEOJA-white); box-shadow:0 12px 28px rgba(7,7,7,.12); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnSecondary::before{ background:var(--CEOJA-gold); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnSecondary:hover, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btnSecondary:focus-visible{ color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:var(--CEOJA-shadow-gold); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ width:100%; max-width:100%; padding:clamp(18px,1.8vw,32px); display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:14px; overflow:hidden; border-radius:28px; background:rgba(7,7,7,.26); border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 44px rgba(0,0,0,.20); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideHead{ display:grid; justify-items:center; gap:8px; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideTitle{ margin:0; width:100%; font-family:"Poppins", Arial, sans-serif; font-size:32px; line-height:1.12; font-weight:700; letter-spacing:-.03em; color:var(--CEOJA-white); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideText{ margin:0; width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:15px; line-height:1.68; font-weight:500; color:rgba(255,255,255,.82); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchBox{ position:relative; display:flex; align-items:center; min-height:58px; border-radius:18px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.08); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); overflow:hidden; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchIcon{ width:52px; min-width:52px; height:100%; display:inline-flex; align-items:center; justify-content:center; color:rgba(255,255,255,.78); pointer-events:none; flex-shrink:0; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchIcon svg{ width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchInput{ width:100%; height:100%; border:none; outline:none; background:transparent; padding:0 16px 0 0; font-family:"Montserrat", Arial, sans-serif; font-size:15px; line-height:1.4; font-weight:600; color:var(--CEOJA-white); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchInput::placeholder{ color:rgba(255,255,255,.62); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideBody{ min-height:0; height:100%; overflow:hidden; border-radius:20px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideScroll{ height:100%; max-height:100%; overflow:auto; padding:14px; scrollbar-width:thin; scrollbar-color:rgba(239,193,111,.70) rgba(255,255,255,.08); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideScroll::-webkit-scrollbar, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-cityList::-webkit-scrollbar{ width:8px; height:8px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideScroll::-webkit-scrollbar-track, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-cityList::-webkit-scrollbar-track{ background:rgba(255,255,255,.08); border-radius:999px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideScroll::-webkit-scrollbar-thumb, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-cityList::-webkit-scrollbar-thumb{ background:linear-gradient(180deg, var(--CEOJA-soft-gold), var(--CEOJA-brown)); border-radius:999px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-state{ padding:12px 14px; border-radius:16px; background:rgba(7,7,7,.48); border:1px solid rgba(255,255,255,.10); font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.5; font-weight:800; color:var(--CEOJA-white); text-align:center; overflow-wrap:anywhere; word-break:break-word; margin-bottom:12px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accordion{ display:grid; gap:10px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:14px 16px; border-radius:18px; background:rgba(7,7,7,.48); border:1px solid rgba(255,255,255,.10); color:var(--CEOJA-soft-gold); font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.45; font-weight:800; text-align:center; cursor:pointer; transition: transform .28s var(--CEOJA-ease), background-color .28s var(--CEOJA-ease), border-color .28s var(--CEOJA-ease), color .28s var(--CEOJA-ease); overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton span{ min-width:0; flex:1 1 auto; color:inherit; transition:inherit; white-space:normal; overflow-wrap:anywhere; word-break:break-word; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton svg{ color:inherit; fill:currentColor; stroke:currentColor; transition:inherit; flex-shrink:0; width:18px; height:18px; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transform:rotate(0deg); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton:hover, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton:focus-visible{ transform:translateY(-2px); background:rgba(255,255,255,.10); border-color:rgba(239,193,111,.34); outline:none; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton[aria-expanded="true"] svg{ transform:rotate(90deg); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accPanel{ max-height:0; overflow:hidden; transition:max-height .34s var(--CEOJA-ease); background:rgba(7,7,7,.20); border-radius:0 0 18px 18px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accPanelInner{ padding-top:8px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-cityList{ display:grid; gap:8px; max-height:300px; overflow:auto; padding-right:2px; scrollbar-width:thin; scrollbar-color:rgba(239,193,111,.70) rgba(255,255,255,.08); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city{ display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:50px; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); color:var(--CEOJA-white); text-decoration:none; font-family:"Montserrat", Arial, sans-serif; font-size:15px; line-height:1.45; font-weight:700; text-align:center; transition: transform .28s var(--CEOJA-ease), background-color .28s var(--CEOJA-ease), border-color .28s var(--CEOJA-ease), color .28s var(--CEOJA-ease); overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city span{ min-width:0; flex:1 1 auto; color:inherit; transition:inherit; white-space:normal; overflow-wrap:anywhere; word-break:break-word; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city svg{ display:none; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city:hover, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city:focus-visible{ transform:translateY(-2px); background:rgba(255,255,255,.12); border-color:rgba(239,193,111,.34); color:var(--CEOJA-white); outline:none; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city[data-primary="true"]{ background:rgba(195,162,65,.20); border-color:rgba(239,193,111,.34); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-empty{ display:none; padding:18px 14px; border-radius:16px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); font-family:"Montserrat", Arial, sans-serif; font-size:14px; line-height:1.7; font-weight:600; color:rgba(255,255,255,.80); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-empty.is-visible{ display:block; } @keyframes CEOJAPrestigeAreaSidebarSweepV1{ 0%{ transform:translateX(0); } 100%{ transform:translateX(360%); } } @media (max-width:1500px){ #CEOJAPrestige-Hero-AreasSidebar-V1{ --CEOJA-col-height:clamp(530px,66vh,650px); padding:clamp(48px,5vw,78px) var(--CEOJA-pad); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-grid{ grid-template-columns:minmax(0,.98fr) minmax(286px,.78fr); gap:18px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ padding:20px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-mainInner{ padding:22px; gap:16px; } #CEOJAPrestige-Hero-AreasSidebar-V1 h1{ max-width:760px; font-size:clamp(2.15rem,3.9vw,4.35rem); line-height:1.03; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-copy{ width:min(620px,100%); font-size:14.5px; line-height:1.68; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideTitle{ font-size:28px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideText{ font-size:14px; line-height:1.58; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn{ min-width:166px; min-height:52px; padding:13px 18px; font-size:14px; } } @media (max-width:1280px){ #CEOJAPrestige-Hero-AreasSidebar-V1{ --CEOJA-col-height:clamp(500px,62vh,610px); min-height:clamp(620px,82vh,860px); padding:clamp(42px,4.4vw,66px) var(--CEOJA-pad); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-grid{ grid-template-columns:minmax(0,.94fr) minmax(260px,.72fr); gap:16px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ padding:16px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-mainInner{ padding:18px; border-radius:24px; gap:14px; } #CEOJAPrestige-Hero-AreasSidebar-V1 h1{ max-width:650px; font-size:clamp(1.95rem,3.35vw,3.65rem); line-height:1.04; letter-spacing:-0.04em; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-topline{ font-size:12px; letter-spacing:.085em; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-copy{ width:min(560px,100%); font-size:14px; line-height:1.62; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-actions{ gap:10px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn{ min-width:150px; min-height:50px; padding:12px 16px; font-size:13.5px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideTitle{ font-size:25px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideText{ font-size:13.5px; line-height:1.55; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchBox{ min-height:52px; border-radius:16px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-searchInput{ font-size:14px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-state, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton{ font-size:14.5px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-accButton{ min-height:50px; padding:12px 14px; border-radius:16px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-city{ min-height:46px; padding:11px 12px; font-size:14px; } } @media (max-width:1180px){ #CEOJAPrestige-Hero-AreasSidebar-V1{ min-height:auto; padding:72px var(--CEOJA-pad) 64px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-grid{ grid-template-columns:1fr; gap:18px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main{ height:auto; min-height:auto; max-height:none; padding:0; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-mainInner{ min-height:420px; height:auto; overflow:hidden; } #CEOJAPrestige-Hero-AreasSidebar-V1 h1{ max-width:760px; font-size:clamp(2.2rem,6.4vw,4.1rem); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-copy{ width:min(720px,100%); font-size:14.5px; line-height:1.7; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ height:520px; min-height:520px; max-height:520px; padding:20px; } } @media (max-width:767px){ #CEOJAPrestige-Hero-AreasSidebar-V1{ min-height:auto; padding:82px 5% 64px; background-position:center 34%; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-grid{ gap:14px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ padding:0; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-main{ height:auto; min-height:auto; max-height:none; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-mainInner{ min-height:auto; gap:18px; padding:18px; border-radius:22px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-toplineWrap{ justify-content:center; gap:8px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-toplineLine{ width:min(48px,12vw); } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-topline{ font-size:11px; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 h1{ max-width:100%; font-size:clamp(2rem,10vw,3.05rem); text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-copy{ font-size:14px; line-height:1.72; text-align:justify; text-align-last:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-actions{ display:grid; grid-template-columns:1fr; gap:12px; justify-content:stretch; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-btn{ width:100%; min-height:54px; padding:14px 18px; border-radius:var(--CEOJA-radius); font-size:14px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideTitle{ font-size:26px; text-align:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sideText{ font-size:14px; line-height:1.62; text-align:justify; text-align-last:center; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ height:460px; min-height:460px; max-height:460px; padding:18px; border-radius:22px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-cityList{ max-height:240px; } } @media (max-width:420px){ #CEOJAPrestige-Hero-AreasSidebar-V1{ padding:76px 5% 58px; } #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-mainInner, #CEOJAPrestige-Hero-AreasSidebar-V1 .CEOJA-sidebar{ padding:16px; } #CEOJAPrestige-Hero-AreasSidebar-V1 h1{ font-size:clamp(1.85rem,10.5vw,2.55rem); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7038556 *//* Prestige Areas Light Grid V6 - Clear Version / 4 Top 3 Bottom Centered / Mobile No Image Text */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap'); #CEOJAPrestigeAreasLightGridV6, #CEOJAPrestigeAreasLightGridV6 *, #CEOJAPrestigeAreasLightGridV6 *::before, #CEOJAPrestigeAreasLightGridV6 *::after{ box-sizing:border-box; min-width:0; } #CEOJAPrestigeAreasLightGridV6{ --CEOJA-text:#070707; --CEOJA-bg:#ffffff; --CEOJA-ivory:#fffaf0; --CEOJA-soft:#fbf4e7; --CEOJA-primary:#795219; --CEOJA-secondary:#c3a241; --CEOJA-accent:#efc16f; --CEOJA-muted:rgba(7,7,7,.68); --CEOJA-line:rgba(121,82,25,.15); --CEOJA-line-soft:rgba(7,7,7,.09); --CEOJA-shadow:0 24px 62px rgba(7,7,7,.10); position:relative; width:100%; padding:5% 0; background: radial-gradient(circle at 12% 14%, rgba(239,193,111,.28) 0%, transparent 28%), radial-gradient(circle at 86% 82%, rgba(195,162,65,.18) 0%, transparent 30%), linear-gradient(180deg,#ffffff 0%,#fbf7ef 100%); font-family:'Montserrat',sans-serif; color:var(--CEOJA-text); overflow:hidden; isolation:isolate; } #CEOJAPrestigeAreasLightGridV6::before{ content:""; position:absolute; inset:0; background: linear-gradient(135deg, rgba(121,82,25,.035) 0%, transparent 35%), repeating-linear-gradient( 135deg, rgba(121,82,25,.035) 0px, rgba(121,82,25,.035) 1px, transparent 1px, transparent 34px ); opacity:.7; pointer-events:none; z-index:-1; } #CEOJAPrestigeAreasLightGridV6 a{ text-decoration:none !important; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-wrap{ width:100%; max-width:2000px; margin:0 auto; padding:0 5%; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-head{ width:min(100%,1120px); margin:0 auto 36px; display:grid; gap:14px; text-align:center; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-kicker{ width:max-content; max-width:100%; margin:0 auto; padding:10px 16px; border-radius:999px; border:1px solid rgba(121,82,25,.18); background:rgba(239,193,111,.18); color:var(--CEOJA-primary); font-size:13px; line-height:1.35; font-weight:800; letter-spacing:.06em; text-transform:uppercase; } #CEOJAPrestigeAreasLightGridV6 h2{ margin:0; font-family:'Poppins',sans-serif; font-size:48px; line-height:1.12; font-weight:700; letter-spacing:-.03em; color:var(--CEOJA-text); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-head p{ width:min(100%,920px); margin:0 auto; font-size:16px; line-height:1.7; font-weight:500; color:var(--CEOJA-muted); text-align:justify; text-align-last:center; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-main{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:26px; align-items:stretch; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-info, #CEOJAPrestigeAreasLightGridV6 .CEOJA-visual{ border-radius:30px; border:1px solid var(--CEOJA-line); background:rgba(255,255,255,.78); box-shadow:var(--CEOJA-shadow); overflow:hidden; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-info{ padding:32px; display:flex; flex-direction:column; justify-content:center; gap:22px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-label{ width:max-content; max-width:100%; padding:9px 13px; border-radius:999px; background:rgba(239,193,111,.18); border:1px solid rgba(121,82,25,.18); color:var(--CEOJA-primary); font-size:12px; line-height:1.35; font-weight:800; letter-spacing:.04em; text-transform:uppercase; } #CEOJAPrestigeAreasLightGridV6 h3{ margin:0; font-family:'Poppins',sans-serif; font-size:40px; line-height:1.1; font-weight:700; letter-spacing:-.03em; color:var(--CEOJA-text); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-info p{ margin:0; font-size:16px; line-height:1.7; font-weight:500; color:var(--CEOJA-muted); text-align:justify; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-stat{ min-height:92px; border-radius:18px; padding:16px; background:linear-gradient(180deg,#ffffff 0%,rgba(239,193,111,.13) 100%); border:1px solid rgba(121,82,25,.13); display:flex; flex-direction:column; justify-content:center; gap:5px; text-align:center; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-stat b{ display:block; font-family:'Poppins',sans-serif; font-size:28px; line-height:1; font-weight:700; color:var(--CEOJA-primary); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-stat span{ display:block; font-size:13px; line-height:1.35; font-weight:800; color:var(--CEOJA-muted); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-countiesBlock{ width:100%; display:grid; gap:14px; padding:18px; border-radius:22px; background: radial-gradient(circle at top right, rgba(239,193,111,.20), transparent 36%), linear-gradient(180deg,#ffffff 0%,#fff8e9 100%); border:1px solid rgba(121,82,25,.14); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-countiesTitle{ display:block; font-size:12px; line-height:1.35; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--CEOJA-primary); } /* 4 top / 3 bottom centered */ #CEOJAPrestigeAreasLightGridV6 .CEOJA-counties{ width:100%; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:12px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-county{ grid-column:span 2; min-height:50px; padding:12px 10px; border-radius:15px; background:#ffffff; border:1px solid rgba(121,82,25,.16); color:var(--CEOJA-text); font-size:13px; line-height:1.25; font-weight:800; text-align:center; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 20px rgba(7,7,7,.045); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-county:nth-child(5){ grid-column:2 / span 2; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-county:nth-child(6){ grid-column:4 / span 2; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-county:nth-child(7){ grid-column:6 / span 2; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-actions{ display:flex; flex-wrap:wrap; gap:14px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-visual{ padding:22px; display:grid; gap:16px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-photoGrid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-photo{ position:relative; height:250px; min-height:250px; max-height:250px; margin:0; border-radius:22px; overflow:hidden; border:1px solid rgba(121,82,25,.16); background:#171008; box-shadow:0 16px 34px rgba(7,7,7,.12); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-photo img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center; opacity:.96; transition:transform .35s ease, opacity .35s ease; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-photo:hover img{ transform:scale(1.04); opacity:1; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-photoCaption{ position:absolute; left:14px; right:14px; bottom:14px; border-radius:16px; padding:13px 14px; background:rgba(7,7,7,.74); border:1px solid rgba(239,193,111,.24); backdrop-filter:blur(8px); display:grid; gap:4px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-photoCaption span{ display:block; font-size:11px; line-height:1.35; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--CEOJA-accent); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-photoCaption h4{ margin:0; font-size:15px; line-height:1.28; font-weight:800; color:#ffffff; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-mapRow{ display:grid; grid-template-columns:280px minmax(0,1fr); gap:14px; align-items:stretch; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-map{ width:100%; height:210px; border-radius:22px; overflow:hidden; border:1px solid rgba(121,82,25,.16); background:#171008; } #CEOJAPrestigeAreasLightGridV6 iframe{ width:100%; height:100%; border:0; display:block; filter:saturate(.92) contrast(1.02); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-mapText{ min-height:210px; border-radius:22px; padding:20px; background: radial-gradient(circle at top right, rgba(239,193,111,.18), transparent 36%), linear-gradient(180deg,#ffffff 0%,rgba(239,193,111,.12) 100%); border:1px solid rgba(121,82,25,.13); display:grid; align-content:center; gap:10px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-mapText h4{ margin:0; font-size:20px; line-height:1.25; font-weight:800; color:var(--CEOJA-primary); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-mapText p{ margin:0; font-size:14px; line-height:1.6; font-weight:500; color:var(--CEOJA-muted); text-align:justify; } /* Buttons */ #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:min(100%,240px); min-height:58px; padding:15px 24px; border-radius:14px; font-size:15px; font-weight:800; line-height:1.2; border:1.6px solid transparent; overflow:hidden; isolation:isolate; cursor:pointer; transition:transform .28s ease, color .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn:hover::before{ width:100%; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn:hover::after{ left:135%; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn__text{ position:relative; z-index:2; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn--gold{ background:var(--CEOJA-accent); color:#ffffff !important; border-color:var(--CEOJA-accent); box-shadow:0 12px 24px rgba(239,193,111,.25); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn--gold::before{ background:#ffffff; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn--gold:hover{ color:var(--CEOJA-text) !important; border-color:rgba(7,7,7,.18); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn--outline{ background:#ffffff; color:var(--CEOJA-primary) !important; border-color:rgba(121,82,25,.22); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn--outline::before{ background:var(--CEOJA-primary); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn--outline:hover{ color:#ffffff !important; border-color:var(--CEOJA-primary); } /* Responsive */ @media(max-width:1280px){ #CEOJAPrestigeAreasLightGridV6 .CEOJA-main{ grid-template-columns:1fr; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-photo{ height:240px; min-height:240px; max-height:240px; } } @media(max-width:900px){ #CEOJAPrestigeAreasLightGridV6 .CEOJA-stats{ grid-template-columns:1fr; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-counties{ grid-template-columns:repeat(2,minmax(0,1fr)); } #CEOJAPrestigeAreasLightGridV6 .CEOJA-county, #CEOJAPrestigeAreasLightGridV6 .CEOJA-county:nth-child(5), #CEOJAPrestigeAreasLightGridV6 .CEOJA-county:nth-child(6), #CEOJAPrestigeAreasLightGridV6 .CEOJA-county:nth-child(7){ grid-column:auto; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-mapRow{ grid-template-columns:1fr; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-map{ height:230px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-mapText{ min-height:auto; } } @media(max-width:768px){ #CEOJAPrestigeAreasLightGridV6{ padding:8% 0; } #CEOJAPrestigeAreasLightGridV6 h2{ font-size:32px; line-height:1.16; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-head p{ font-size:15px; line-height:1.76; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-info, #CEOJAPrestigeAreasLightGridV6 .CEOJA-visual{ padding:22px 20px; border-radius:24px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-info{ align-items:center; text-align:center; } #CEOJAPrestigeAreasLightGridV6 h3{ font-size:30px; text-align:center; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-info p, #CEOJAPrestigeAreasLightGridV6 .CEOJA-mapText p{ text-align:justify; text-align-last:center; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-label, #CEOJAPrestigeAreasLightGridV6 .CEOJA-countiesTitle{ margin-left:auto; margin-right:auto; text-align:center; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-counties{ grid-template-columns:1fr; justify-items:center; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-county{ width:100%; max-width:360px; min-height:46px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-actions{ width:100%; flex-direction:column; align-items:stretch; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-btn{ width:100%; max-width:none; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-photoGrid{ grid-template-columns:1fr; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-photo{ height:270px; min-height:270px; max-height:270px; } /* Mobile: no text over images */ #CEOJAPrestigeAreasLightGridV6 .CEOJA-photoCaption{ display:none !important; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-map{ height:210px; } #CEOJAPrestigeAreasLightGridV6 .CEOJA-mapText{ text-align:center; } } @media(max-width:480px){ #CEOJAPrestigeAreasLightGridV6 .CEOJA-photo{ height:240px; min-height:240px; max-height:240px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f8c378f *//* Section: Prestige Areas Counties V1 */ #CEOJAPrestigeAreasCountiesV1, #CEOJAPrestigeAreasCountiesV1 *, #CEOJAPrestigeAreasCountiesV1 *::before, #CEOJAPrestigeAreasCountiesV1 *::after{ box-sizing:border-box; min-width:0; } #CEOJAPrestigeAreasCountiesV1{ --CEOJA-prestige-text:#070707; --CEOJA-prestige-bg:#ffffff; --CEOJA-prestige-primary:#795219; --CEOJA-prestige-secondary:#c3a241; --CEOJA-prestige-accent:#efc16f; --CEOJA-prestige-dark:#120b04; --CEOJA-prestige-soft:#fff7e7; --CEOJA-prestige-line:rgba(255,255,255,.16); --CEOJA-prestige-shadow:0 24px 70px rgba(0,0,0,.30); position:relative; width:100%; padding:5% 0; background: radial-gradient(circle at 8% 10%, rgba(239,193,111,.18), transparent 28%), radial-gradient(circle at 90% 8%, rgba(195,162,65,.12), transparent 25%), linear-gradient(135deg, #120b04 0%, #070707 48%, #1d1207 100%); color:#ffffff; font-family:'Montserrat', sans-serif; overflow:hidden; isolation:isolate; } #CEOJAPrestigeAreasCountiesV1::before{ content:""; position:absolute; inset:0; background: linear-gradient(120deg, transparent 0%, rgba(239,193,111,.05) 28%, transparent 48%), repeating-linear-gradient( 135deg, rgba(255,255,255,.035) 0px, rgba(255,255,255,.035) 1px, transparent 1px, transparent 34px ); opacity:.65; pointer-events:none; z-index:-2; } #CEOJAPrestigeAreasCountiesV1::after{ content:""; position:absolute; width:720px; height:720px; right:-260px; bottom:-320px; border-radius:999px; background:radial-gradient(circle, rgba(239,193,111,.16), transparent 66%); pointer-events:none; z-index:-1; } #CEOJAPrestigeAreasCountiesV1 a{ text-decoration:none !important; } #CEOJAPrestigeAreasCountiesV1 svg{ display:block; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-wrap{ width:min(90%, 2000px); margin:0 auto; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-intro{ width:100%; max-width:1500px; margin:0 auto 42px; text-align:center; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-kicker{ display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:10px 16px; margin:0 auto 16px; border-radius:999px; border:1px solid rgba(239,193,111,.32); background:rgba(239,193,111,.10); color:var(--CEOJA-prestige-accent); font-family:'Montserrat', sans-serif; font-size:13px; line-height:1.2; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-title{ margin:0 auto; width:100%; max-width:1200px; font-family:'Poppins', sans-serif; font-size:48px; line-height:1.12; font-weight:700; letter-spacing:-0.03em; color:#ffffff; text-align:center; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-text{ margin:20px auto 0; width:100%; max-width:980px; font-family:'Montserrat', sans-serif; font-size:16px; line-height:1.7; font-weight:500; color:rgba(255,255,255,.78); text-align:justify; text-align-last:center; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-actions{ width:100%; max-width:720px; margin:30px auto 0; display:flex; justify-content:center; gap:14px; flex-wrap:wrap; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn:visited{ position:relative; width:min(100%, 260px); min-height:58px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 24px; border-radius:14px; font-family:'Montserrat', sans-serif; font-size:15px; line-height:1.2; font-weight:800; color:#ffffff !important; border:1px solid transparent; overflow:hidden; isolation:isolate; transition:transform .28s ease, box-shadow .28s ease, color .28s ease, border-color .28s ease; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn::before{ content:""; position:absolute; inset:0; width:0%; background:#ffffff; z-index:-1; transition:width .32s ease; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent); transform:skewX(-18deg); transition:left .58s ease; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn:hover, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn:focus-visible{ transform:translateY(-3px); color:var(--CEOJA-prestige-text) !important; outline:none; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn:hover::before, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn:focus-visible::before{ width:100%; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn:hover::after, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn:focus-visible::after{ left:135%; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btnQuote{ background:var(--CEOJA-prestige-accent) !important; border-color:var(--CEOJA-prestige-accent) !important; color:#120b04 !important; box-shadow:0 16px 34px rgba(239,193,111,.22); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btnCall{ background:var(--CEOJA-prestige-secondary) !important; border-color:var(--CEOJA-prestige-secondary) !important; color:#ffffff !important; box-shadow:0 16px 34px rgba(195,162,65,.20); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; position:relative; z-index:2; transition:transform .28s ease; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn span{ position:relative; z-index:2; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn:hover svg, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn:focus-visible svg{ transform:translateX(4px); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-swipeHint{ display:flex; width:max-content; max-width:100%; margin:0 auto 18px; align-items:center; justify-content:center; gap:10px; padding:10px 15px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.82); font-family:'Montserrat', sans-serif; font-size:13px; line-height:1.2; font-weight:800; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-swipeHint span{ display:inline-flex; animation:CEOJAPrestigeAreasSwipe 1.3s ease-in-out infinite alternate; } @keyframes CEOJAPrestigeAreasSwipe{ from{transform:translateX(0);} to{transform:translateX(7px);} } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; align-items:stretch; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-card{ min-height:100%; display:flex; flex-direction:column; border-radius:24px; overflow:hidden; background:#ffffff; color:var(--CEOJA-prestige-text); border:1px solid rgba(239,193,111,.24); box-shadow:var(--CEOJA-prestige-shadow); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cardHead{ position:relative; padding:22px 22px 18px; background: radial-gradient(circle at 100% 0%, rgba(239,193,111,.26), transparent 38%), linear-gradient(180deg, #ffffff 0%, #fff8e9 100%); border-bottom:1px solid rgba(121,82,25,.12); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cardHead::before{ content:""; position:absolute; left:22px; top:22px; width:42px; height:4px; border-radius:999px; background:linear-gradient(90deg, var(--CEOJA-prestige-primary), var(--CEOJA-prestige-accent)); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyTitle{ margin:18px 0 0; font-family:'Montserrat', sans-serif; font-size:24px; line-height:1.25; font-weight:800; letter-spacing:-0.015em; color:var(--CEOJA-prestige-primary); text-align:center; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyMeta{ margin:9px auto 0; min-height:42px; max-width:320px; font-family:'Montserrat', sans-serif; font-size:14px; line-height:1.5; font-weight:500; color:rgba(7,7,7,.64); text-align:center; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyLink, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyLink:visited{ position:relative; margin:16px 0 0; min-height:48px; width:100%; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 15px; border-radius:14px; background:var(--CEOJA-prestige-primary) !important; color:#ffffff !important; border:1px solid var(--CEOJA-prestige-primary) !important; font-family:'Montserrat', sans-serif; font-size:14px; line-height:1.2; font-weight:800; overflow:hidden; isolation:isolate; transition:transform .28s ease, box-shadow .28s ease, color .28s ease, border-color .28s ease; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyLink::before{ content:""; position:absolute; inset:0; width:0%; background:var(--CEOJA-prestige-accent); z-index:-1; transition:width .32s ease; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyLink:hover, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyLink:focus-visible{ color:#120b04 !important; border-color:var(--CEOJA-prestige-accent) !important; transform:translateY(-2px); box-shadow:0 16px 30px rgba(121,82,25,.16); outline:none; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyLink:hover::before, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyLink:focus-visible::before{ width:100%; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyLink svg, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityLink svg{ width:16px; height:16px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; transition:transform .28s ease; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyLink:hover svg, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityLink:hover svg{ transform:translateX(4px); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-citySlider{ flex:1; display:flex; flex-direction:column; padding:15px; background:#fffaf0; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityViewport{ width:100%; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; border-radius:18px; -webkit-overflow-scrolling:touch; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityViewport::-webkit-scrollbar{ height:6px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityViewport::-webkit-scrollbar-track{ background:rgba(121,82,25,.10); border-radius:999px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityViewport::-webkit-scrollbar-thumb{ background:var(--CEOJA-prestige-secondary); border-radius:999px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityTrack{ display:flex; gap:0; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-citySlide{ flex:0 0 100%; scroll-snap-align:start; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityCard{ min-height:100%; display:grid; gap:12px; padding:15px; border-radius:18px; background:#ffffff; border:1px solid rgba(121,82,25,.12); box-shadow:inset 0 0 0 1px rgba(255,255,255,.70); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityTop{ display:flex; align-items:center; justify-content:space-between; gap:12px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityName{ margin:0; font-family:'Montserrat', sans-serif; font-size:18px; line-height:1.3; font-weight:800; letter-spacing:-0.01em; color:var(--CEOJA-prestige-primary); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityPin{ width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; border-radius:999px; background:rgba(239,193,111,.25); color:var(--CEOJA-prestige-primary); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityPin svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityMap{ width:100%; height:148px; border-radius:14px; overflow:hidden; background:#efe3cf; border:1px solid rgba(121,82,25,.14); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityMap iframe{ width:100%; height:100%; display:block; border:0; filter:saturate(.92) contrast(.95); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityLink, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityLink:visited{ min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:11px 13px; border-radius:13px; background:rgba(239,193,111,.24) !important; color:var(--CEOJA-prestige-primary) !important; border:1px solid rgba(195,162,65,.36) !important; font-family:'Montserrat', sans-serif; font-size:14px; line-height:1.2; font-weight:800; transition:background .28s ease, color .28s ease, border-color .28s ease, transform .28s ease, box-shadow .28s ease; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityLink:hover, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityLink:focus-visible{ background:var(--CEOJA-prestige-primary) !important; color:#ffffff !important; border-color:var(--CEOJA-prestige-primary) !important; transform:translateY(-2px); box-shadow:0 14px 26px rgba(121,82,25,.14); outline:none; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityControls{ display:grid; grid-template-columns:42px minmax(0, 1fr) 42px; gap:10px; align-items:center; margin:12px 0 0; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityControl{ appearance:none !important; -webkit-appearance:none !important; width:42px; height:42px; border-radius:999px; border:1px solid rgba(121,82,25,.18) !important; background:#ffffff !important; color:var(--CEOJA-prestige-primary) !important; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:none !important; outline:none !important; transition:background .28s ease, color .28s ease, border-color .28s ease, transform .28s ease; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityControl svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityControl:hover, #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityControl:focus-visible{ background:var(--CEOJA-prestige-secondary) !important; color:#ffffff !important; border-color:var(--CEOJA-prestige-secondary) !important; transform:translateY(-2px); outline:none !important; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityControlText{ margin:0; text-align:center; font-family:'Montserrat', sans-serif; font-size:13px; line-height:1.35; font-weight:800; color:rgba(7,7,7,.56); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-card.CEOJA-oneCity .CEOJAPrestigeAreasCountiesV1-cityControls{ grid-template-columns:1fr; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-card.CEOJA-oneCity .CEOJAPrestigeAreasCountiesV1-cityControl{ display:none; } @media (min-width:2000px){ #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-wrap{ width:90%; max-width:none; } } @media (max-width:1280px){ #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); } } @media (max-width:1024px){ #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-title{ font-size:40px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-text{ font-size:15px; line-height:1.75; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyTitle{ font-size:22px; } } @media (max-width:760px){ #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-intro{ margin-bottom:32px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-title{ font-size:32px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-actions{ display:grid; grid-template-columns:1fr; gap:12px; max-width:420px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-btn{ width:100%; min-height:56px; font-size:14px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-grid{ display:flex; gap:16px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding-left:2px; padding:2px 2px 18px; -webkit-overflow-scrolling:touch; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-grid::-webkit-scrollbar{ height:7px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-grid::-webkit-scrollbar-track{ background:rgba(255,255,255,.12); border-radius:999px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-grid::-webkit-scrollbar-thumb{ background:var(--CEOJA-prestige-secondary); border-radius:999px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-card{ flex:0 0 86%; max-width:390px; scroll-snap-align:start; border-radius:22px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cardHead{ padding:20px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyTitle{ font-size:20px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-countyMeta{ min-height:auto; font-size:13px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-citySlider{ padding:14px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityName{ font-size:18px; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityMap{ height:150px; } } @media (max-width:480px){ #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-card{ flex-basis:88%; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-cityMap{ height:142px; } } @media (prefers-reduced-motion:reduce){ #CEOJAPrestigeAreasCountiesV1 *, #CEOJAPrestigeAreasCountiesV1 *::before, #CEOJAPrestigeAreasCountiesV1 *::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important; } } /* CEOJA Fix - Center last row cards */ #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-grid{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; align-items:stretch !important; gap:18px !important; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-card{ flex:0 1 calc((100% - 54px) / 4) !important; max-width:calc((100% - 54px) / 4) !important; } /* Tablet large: 3 columns centered */ @media (max-width:1280px){ #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-card{ flex:0 1 calc((100% - 36px) / 3) !important; max-width:calc((100% - 36px) / 3) !important; } } /* Tablet: 2 columns centered */ @media (max-width:1024px){ #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-card{ flex:0 1 calc((100% - 18px) / 2) !important; max-width:calc((100% - 18px) / 2) !important; } } /* Mobile: keep horizontal slider */ @media (max-width:760px){ #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-grid{ display:flex !important; flex-wrap:nowrap !important; justify-content:flex-start !important; gap:16px !important; overflow-x:auto !important; overflow-y:hidden !important; scroll-snap-type:x mandatory !important; scroll-padding-left:2px !important; padding:2px 2px 18px !important; -webkit-overflow-scrolling:touch !important; } #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-card{ flex:0 0 86% !important; max-width:390px !important; scroll-snap-align:start !important; } } @media (max-width:480px){ #CEOJAPrestigeAreasCountiesV1 .CEOJAPrestigeAreasCountiesV1-card{ flex-basis:88% !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9561621 */#CEOJA-Prestige-CTA-DiagonalLight-S1, #CEOJA-Prestige-CTA-DiagonalLight-S1 *, #CEOJA-Prestige-CTA-DiagonalLight-S1 *::before, #CEOJA-Prestige-CTA-DiagonalLight-S1 *::after{ box-sizing:border-box; min-width:0; } #CEOJA-Prestige-CTA-DiagonalLight-S1{ --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-cream:#f5f3ee; --CEOJA-line:rgba(7,7,7,.14); --CEOJA-line-light:rgba(255,255,255,.18); --CEOJA-shadow-dark:0 14px 34px rgba(7,7,7,.16); --CEOJA-shadow-gold:0 14px 34px rgba(121,82,25,.22); --CEOJA-radius:14px; --CEOJA-pad:5%; --CEOJA-ease:cubic-bezier(.22,.61,.36,1); --CEOJA-diag:120px; --CEOJA-left:56%; width:100%; position:relative; overflow:hidden; isolation:isolate; padding:var(--CEOJA-pad); font-family:"Montserrat", Arial, sans-serif; background: radial-gradient(circle at 12% 12%, rgba(239,193,111,.30) 0, rgba(239,193,111,0) 30%), radial-gradient(circle at 86% 18%, rgba(121,82,25,.16) 0, rgba(121,82,25,0) 28%), radial-gradient(circle at 84% 86%, rgba(195,162,65,.18) 0, rgba(195,162,65,0) 30%), linear-gradient(135deg, #ffffff 0%, #f8f6f1 28%, #f5f3ee 55%, #efe6d2 100%); color:var(--CEOJA-black); } #CEOJA-Prestige-CTA-DiagonalLight-S1::before{ content:""; position:absolute; inset:0; background: linear-gradient(rgba(121,82,25,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(121,82,25,.055) 1px, transparent 1px); background-size:46px 46px; opacity:.42; pointer-events:none; z-index:0; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-wrap{ position:relative; z-index:1; width:100%; margin:0 auto; display:grid; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-shell{ position:relative; width:100%; min-height:560px; display:flex; align-items:stretch; border-radius:34px; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(245,243,238,.78) 100%); border:1px solid rgba(255,255,255,.76); box-shadow:0 22px 55px rgba(7,7,7,.14); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftCol, #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ position:relative; min-height:100%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftCol{ width:calc(var(--CEOJA-left) + var(--CEOJA-diag)); clip-path:polygon(0 0, 100% 0, calc(100% - var(--CEOJA-diag)) 100%, 0 100%); background: radial-gradient(circle at 12% 18%, rgba(239,193,111,.22) 0, rgba(239,193,111,0) 34%), linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,243,238,.96) 100%); z-index:2; display:grid; align-items:center; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftInner{ width:100%; max-width:760px; display:grid; gap:18px; align-content:center; justify-items:center; text-align:center; padding:clamp(34px,4vw,58px) clamp(42px,5vw,92px) clamp(34px,4vw,58px) clamp(30px,4vw,58px); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-title{ margin:0; width:100%; font-family:"Poppins", Arial, sans-serif; font-size:48px; line-height:1.12; font-weight:700; letter-spacing:-.03em; color:var(--CEOJA-black); text-align:center; text-wrap:balance; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-text{ margin:0; width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.7; font-weight:500; color:rgba(7,7,7,.76); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-points{ width:100%; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; padding-top:2px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-point{ min-height:94px; display:flex; align-items:center; justify-content:center; text-align:center; padding:14px; border-radius:18px; background:rgba(255,255,255,.78); border:1px solid rgba(7,7,7,.09); box-shadow:0 10px 22px rgba(7,7,7,.07); color:rgba(7,7,7,.82); font-family:"Montserrat", Arial, sans-serif; font-size:14px; line-height:1.45; font-weight:700; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-actions{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:14px; padding-top:4px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:min(100%, 250px); min-height:58px; padding:15px 24px; border-radius:var(--CEOJA-radius); text-decoration:none; font-family:"Montserrat", Arial, sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.2; text-align:center; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease, background .28s ease; will-change:transform; cursor:pointer; white-space:normal; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.22) 50%, transparent 100% ); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:hover::before{ width:100%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:hover::after{ left:135%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:focus-visible{ outline:none; transform:translateY(-2px); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn__text{ position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; color:inherit; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn__text::after{ content:""; position:absolute; left:0; bottom:-4px; width:0%; height:1.5px; background:currentColor; opacity:.7; transition:width .28s ease; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:hover .CEOJA-btn__text::after{ width:100%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn svg{ position:relative; z-index:2; width:18px; height:18px; flex:0 0 auto; color:inherit; stroke:currentColor; fill:none; transition: color .28s ease, stroke .28s ease, transform .28s ease; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn:hover svg{ transform:translateX(2px); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--accent-light{ background:var(--CEOJA-soft-gold); color:var(--CEOJA-white); border-color:var(--CEOJA-soft-gold); box-shadow:0 10px 24px rgba(239,193,111,.26); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--accent-light::before{ background:var(--CEOJA-white); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--accent-light:hover, #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--accent-light:focus-visible{ color:var(--CEOJA-black); border-color:rgba(7,7,7,.24); box-shadow:0 14px 30px rgba(7,7,7,.12); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--outline-light{ background:transparent; color:var(--CEOJA-black); border-color:rgba(7,7,7,.22); box-shadow:none; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--outline-light::before{ background:var(--CEOJA-soft-gold); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--outline-light:hover, #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn--outline-light:focus-visible{ color:var(--CEOJA-white); border-color:var(--CEOJA-soft-gold); box-shadow:0 14px 26px rgba(121,82,25,.14); } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ width:calc((100% - var(--CEOJA-left)) + var(--CEOJA-diag)); margin-left:calc(var(--CEOJA-diag) * -1); clip-path:polygon(var(--CEOJA-diag) 0, 100% 0, 100% 100%, 0 100%); background:#140d02; z-index:1; overflow:hidden; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-image{ position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center; transform:scale(1.01); backface-visibility:hidden; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightOverlay{ position:absolute; inset:0; background: radial-gradient(circle at 82% 14%, rgba(239,193,111,.16) 0, rgba(239,193,111,0) 26%), linear-gradient(180deg, rgba(7,7,7,.02) 0%, rgba(7,7,7,.16) 100%); z-index:2; pointer-events:none; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel{ position:absolute; z-index:3; left:30px; bottom:28px; width:min(360px, calc(100% - 60px)); padding:18px; border-radius:20px; background:rgba(255,255,255,.88); border:1px solid rgba(255,255,255,.72); box-shadow:0 14px 28px rgba(7,7,7,.18); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); display:grid; gap:6px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel strong{ display:block; font-family:"Montserrat", Arial, sans-serif; font-size:18px; line-height:1.25; font-weight:800; color:var(--CEOJA-black); overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel span{ display:block; font-family:"Montserrat", Arial, sans-serif; font-size:14px; line-height:1.55; font-weight:600; color:rgba(7,7,7,.70); overflow-wrap:anywhere; word-break:break-word; } @media (max-width:1320px){ #CEOJA-Prestige-CTA-DiagonalLight-S1{ --CEOJA-diag:94px; --CEOJA-left:55%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-shell{ min-height:520px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftInner{ padding:34px 42px 34px 28px; gap:16px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-title{ font-size:40px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-text{ font-size:15px; line-height:1.72; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn{ width:min(100%, 230px); min-height:56px; padding:14px 18px; font-size:14px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-point{ font-size:13px; padding:13px; } } @media (max-width:1180px){ #CEOJA-Prestige-CTA-DiagonalLight-S1{ padding:5%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-shell{ min-height:auto; display:grid; grid-template-columns:1fr; border-radius:26px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftCol, #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ width:100%; margin-left:0; clip-path:none; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftCol{ order:1; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ order:2; min-height:370px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftInner{ max-width:none; padding:30px 26px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-title{ font-size:40px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-actions{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn{ width:100%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-points{ grid-template-columns:repeat(3, minmax(0, 1fr)); } } @media (max-width:860px){ #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-points, #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-actions{ grid-template-columns:1fr; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-point{ min-height:auto; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ min-height:330px; } } @media (max-width:767px){ #CEOJA-Prestige-CTA-DiagonalLight-S1{ padding:5%; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-shell{ border-radius:24px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftInner{ padding:24px 18px; gap:15px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-title{ font-size:32px; line-height:1.12; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-text{ font-size:15px; line-height:1.72; text-align:justify; text-align-last:left; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-btn{ width:100%; min-height:56px; padding:14px 18px; font-size:14px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ min-height:300px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel{ left:14px; right:14px; bottom:14px; width:auto; padding:15px; border-radius:18px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel strong{ font-size:16px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-imageLabel span{ font-size:13px; line-height:1.48; } } @media (max-width:420px){ #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-leftInner{ padding:22px 16px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-title{ font-size:30px; } #CEOJA-Prestige-CTA-DiagonalLight-S1 .CEOJA-rightCol{ min-height:280px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c7036ad */#CEOJA-Prestige-Reviews-S2-Dark, #CEOJA-Prestige-Reviews-S2-Dark *, #CEOJA-Prestige-Reviews-S2-Dark *::before, #CEOJA-Prestige-Reviews-S2-Dark *::after{ box-sizing:border-box; min-width:0; } #CEOJA-Prestige-Reviews-S2-Dark{ --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-line-light:rgba(255,255,255,.18); --CEOJA-shadow-dark:0 14px 34px rgba(7,7,7,.16); --CEOJA-shadow-gold:0 14px 34px rgba(121,82,25,.22); --CEOJA-radius:14px; --CEOJA-pad:5%; width:100%; padding:var(--CEOJA-pad); background: radial-gradient(circle at 12% 16%, rgba(239,193,111,.16), transparent 34%), radial-gradient(circle at 86% 18%, rgba(195,162,65,.11), transparent 32%), linear-gradient(180deg, #1b1206 0%, #070707 100%); color:var(--CEOJA-white); overflow:hidden; position:relative; isolation:isolate; font-family:"Montserrat", Arial, sans-serif; } #CEOJA-Prestige-Reviews-S2-Dark::before{ content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size:54px 54px; opacity:.22; pointer-events:none; z-index:0; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-wrap{ width:min(100%, 1500px); margin:0 auto; position:relative; z-index:2; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-head{ width:min(100%, 980px); margin:0 auto 42px; text-align:center; display:flex; flex-direction:column; align-items:center; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-kicker{ width:100%; margin:0 0 14px; font-family:"Montserrat", Arial, sans-serif; font-size:14px; line-height:1.65; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--CEOJA-soft-gold); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-title{ width:100%; margin:0; font-family:"Poppins", Arial, sans-serif; font-size:48px; line-height:1.12; font-weight:700; letter-spacing:-.03em; color:var(--CEOJA-white); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-sub{ width:min(100%, 850px); margin:16px auto 0; font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.7; font-weight:500; color:rgba(255,255,255,.76); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ width:100%; border-radius:30px; padding:34px; background:linear-gradient(180deg, rgba(255,255,255,.105) 0%, rgba(255,255,255,.055) 100%); border:1px solid rgba(255,255,255,.14); box-shadow:0 24px 60px rgba(0,0,0,.28); overflow:hidden; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:28px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustWrap{ width:100%; min-width:0; overflow:hidden; border-radius:24px; background:#ffffff; border:1px solid rgba(255,255,255,.18); box-shadow:0 18px 44px rgba(0,0,0,.20); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ width:100%; min-height:260px; padding:26px; overflow:hidden; display:block; background:#ffffff; color:var(--CEOJA-black); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame p{ width:100%; max-width:100%; min-width:0; margin:0; font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.7; font-weight:500; color:var(--CEOJA-black); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-actions{ width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:auto; min-width:220px; max-width:100%; min-height:58px; padding:15px 24px; border-radius:var(--CEOJA-radius); text-decoration:none; font-family:"Montserrat", Arial, sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.2; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease, background .28s ease; will-change:transform; cursor:pointer; white-space:normal; text-align:center; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn::after{ content:""; position:absolute; top:0; left:-120%; width:52%; height:100%; background:linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.22) 50%, transparent 100% ); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn:hover::before{ width:100%; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn:hover::after{ left:135%; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn:focus-visible{ outline:none; transform:translateY(-2px); box-shadow:0 0 0 4px rgba(255,255,255,.16); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn span{ position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; min-width:0; color:currentColor; text-align:center; overflow-wrap:anywhere; word-break:break-word; transition:color .28s ease; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn span::after{ content:""; position:absolute; left:0; bottom:-4px; width:0%; height:1.5px; background:currentColor; opacity:.7; transition:width .28s ease; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn:hover span::after{ width:100%; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn-ring{ display:none; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--primary{ background:var(--CEOJA-gold); color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--primary::before{ background:var(--CEOJA-white); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--primary:hover{ color:var(--CEOJA-black); border-color:var(--CEOJA-white); box-shadow:0 14px 30px rgba(0,0,0,.25); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--secondary{ background:var(--CEOJA-gold); color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--secondary::before{ background:var(--CEOJA-white); } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn--secondary:hover{ color:var(--CEOJA-black); border-color:var(--CEOJA-white); box-shadow:0 14px 30px rgba(0,0,0,.25); } @media (max-width:1024px){ #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-head{ margin-bottom:34px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-title{ font-size:40px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ padding:28px; border-radius:26px; gap:24px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ min-height:240px; padding:22px; } } @media (max-width:768px){ #CEOJA-Prestige-Reviews-S2-Dark{ padding:7% 5%; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-title{ font-size:32px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-sub{ font-size:15.5px; line-height:1.68; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ padding:24px; border-radius:24px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustWrap{ border-radius:20px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ min-height:220px; padding:18px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-actions{ align-items:stretch; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-btn{ width:100%; min-width:0; min-height:56px; padding:14px 18px; font-size:14px; } } @media (max-width:520px){ #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-sub{ text-align:justify; text-align-last:center; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ padding:22px; } } @media (max-width:420px){ #CEOJA-Prestige-Reviews-S2-Dark{ padding:9% 5%; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ padding:20px; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ padding:16px; } } /* ===================================================== PATCH — TRUSTINDEX FULL WIDTH RESPETANDO 5% LATERAL ===================================================== */ #CEOJA-Prestige-Reviews-S2-Dark{ --CEOJA-pad-x:5%; --CEOJA-pad-y:90px; padding:var(--CEOJA-pad-y) var(--CEOJA-pad-x) !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-wrap{ width:100% !important; max-width:none !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-card{ width:100% !important; padding:0 !important; background:transparent !important; border:none !important; box-shadow:none !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustWrap{ width:100% !important; max-width:none !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ width:100% !important; max-width:none !important; padding:26px !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-actions{ margin-top:28px; } @media (max-width:768px){ #CEOJA-Prestige-Reviews-S2-Dark{ padding:70px 5% !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ padding:18px !important; } } @media (max-width:420px){ #CEOJA-Prestige-Reviews-S2-Dark{ padding:60px 5% !important; } #CEOJA-Prestige-Reviews-S2-Dark .CEOJA-trustFrame{ padding:16px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-abee445 */#CEOJA-Prestige-FAQ-BlendS1S2-V2, #CEOJA-Prestige-FAQ-BlendS1S2-V2 *, #CEOJA-Prestige-FAQ-BlendS1S2-V2 *::before, #CEOJA-Prestige-FAQ-BlendS1S2-V2 *::after{ box-sizing:border-box; min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2{ --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-cream:#f5f3ee; --CEOJA-soft:#f2eee6; --CEOJA-line:rgba(7,7,7,.14); --CEOJA-line-light:rgba(255,255,255,.18); --CEOJA-shadow-dark:0 14px 34px rgba(7,7,7,.16); --CEOJA-shadow-gold:0 14px 34px rgba(121,82,25,.22); --CEOJA-radius:14px; --CEOJA-pad:5%; --CEOJA-ease:cubic-bezier(.22,.61,.36,1); width:100%; position:relative; overflow:hidden; padding:var(--CEOJA-pad); font-family:"Montserrat", Arial, sans-serif; color:var(--CEOJA-white); background: radial-gradient(circle at 12% 10%, rgba(239,193,111,.34) 0, rgba(239,193,111,0) 30%), radial-gradient(circle at 86% 16%, rgba(195,162,65,.24) 0, rgba(195,162,65,0) 28%), radial-gradient(circle at 18% 82%, rgba(121,82,25,.28) 0, rgba(121,82,25,0) 32%), linear-gradient( 180deg, #ffffff 0%, #f8f6f1 18%, #f5f3ee 34%, #efe3c9 50%, #795219 72%, #1b1206 88%, #070707 100% ); isolation:isolate; } #CEOJA-Prestige-FAQ-BlendS1S2-V2::before{ content:""; position:absolute; inset:0; background: linear-gradient(rgba(121,82,25,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(121,82,25,.055) 1px, transparent 1px); background-size:44px 44px; opacity:.42; pointer-events:none; z-index:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 36%, rgba(7,7,7,.18) 74%, rgba(7,7,7,.28) 100%); pointer-events:none; z-index:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-wrap{ position:relative; z-index:1; width:100%; display:grid; gap:32px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-head{ width:100%; max-width:960px; margin:0 auto; display:grid; gap:14px; justify-items:center; text-align:center; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-title{ margin:0; width:100%; max-width:960px; font-family:"Poppins", Arial, sans-serif; font-size:48px; line-height:1.12; font-weight:700; letter-spacing:-.03em; color:var(--CEOJA-black); text-align:center; text-wrap:balance; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-text{ margin:0 auto; width:100%; max-width:860px; font-family:"Montserrat", Arial, sans-serif; font-size:16px; line-height:1.7; font-weight:500; color:rgba(7,7,7,.76); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-shell{ width:100%; display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:24px; align-items:stretch; min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-side, #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-main{ min-height:100%; display:grid; border-radius:28px; min-width:0; overflow:hidden; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-side{ grid-template-rows:auto auto 1fr auto; padding:28px; gap:18px; align-content:start; background: radial-gradient(circle at 18% 12%, rgba(239,193,111,.18) 0, rgba(239,193,111,0) 30%), linear-gradient(180deg, #1b1206 0%, #070707 100%); border:1px solid rgba(255,255,255,.13); box-shadow:var(--CEOJA-shadow-dark); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-main{ padding:20px; background:linear-gradient(180deg, rgba(255,255,255,.90) 0%, rgba(245,243,238,.82) 100%); border:1px solid rgba(255,255,255,.70); box-shadow:0 22px 54px rgba(7,7,7,.16); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideTitle{ margin:0 auto; width:100%; max-width:820px; font-family:"Montserrat", Arial, sans-serif; font-size:30px; line-height:1.2; font-weight:700; letter-spacing:-.02em; color:var(--CEOJA-white); text-align:center; text-wrap:balance; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideText{ margin:0 auto; width:100%; max-width:820px; font-family:"Montserrat", Arial, sans-serif; font-size:15px; line-height:1.8; font-weight:500; color:rgba(255,255,255,.82); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideBody{ display:grid; gap:14px; align-content:start; min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideBlock{ display:grid; gap:10px; padding:18px; border-radius:18px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10); min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideBlockTitle{ margin:0 auto; width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:20px; line-height:1.3; font-weight:700; letter-spacing:-.01em; color:var(--CEOJA-white); text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideBlockText{ margin:0 auto; width:100%; font-family:"Montserrat", Arial, sans-serif; font-size:14px; line-height:1.72; font-weight:500; color:rgba(255,255,255,.82); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideActions{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:stretch; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:58px; padding:15px 20px; border-radius:var(--CEOJA-radius); text-decoration:none; font-family:"Montserrat", Arial, sans-serif; font-size:15px; font-weight:800; letter-spacing:.01em; line-height:1.2; text-align:center; border:1.6px solid transparent; overflow:hidden; isolation:isolate; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease, background .28s ease; cursor:pointer; white-space:normal; overflow-wrap:anywhere; word-break:break-word; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn:hover::before{ width:100%; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn span{ position:relative; z-index:2; color:inherit; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--gold-dark{ background:var(--CEOJA-gold); color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--gold-dark::before{ background:var(--CEOJA-white); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--gold-dark:hover{ color:var(--CEOJA-black); border-color:var(--CEOJA-white); box-shadow:0 14px 30px rgba(0,0,0,.25); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--ivory-brown{ background:var(--CEOJA-white); color:var(--CEOJA-brown); border-color:var(--CEOJA-white); box-shadow:0 12px 28px rgba(7,7,7,.12); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--ivory-brown::before{ background:var(--CEOJA-gold); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-btn--ivory-brown:hover{ color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:var(--CEOJA-shadow-gold); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-viewport{ position:relative; overflow:hidden; min-width:0; width:100%; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-track{ display:block; width:100%; min-width:0; transform:none; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-page{ width:100%; display:grid; gap:12px; align-content:start; min-width:0; padding:2px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item{ width:100%; border-radius:20px; background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(245,243,238,.97) 100%); border:1px solid rgba(255,255,255,.74); box-shadow:0 14px 30px rgba(7,7,7,.13); overflow:hidden; position:relative; min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:linear-gradient(180deg, var(--CEOJA-soft-gold) 0%, var(--CEOJA-brown) 100%); opacity:.98; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question{ appearance:none; width:100%; max-width:100%; border:none; background:transparent; cursor:pointer; padding:18px 18px 18px 22px; display:grid; grid-template-columns:58px minmax(0,1fr) 46px; gap:14px; align-items:center; text-align:center; min-width:0; overflow:hidden; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question:focus-visible{ outline:2px solid rgba(195,162,65,.42); outline-offset:-2px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-num{ display:inline-flex; align-items:center; justify-content:center; width:58px; min-height:48px; padding:8px; border-radius:14px; background:linear-gradient(135deg, rgba(239,193,111,.35) 0%, rgba(121,82,25,.14) 100%); color:var(--CEOJA-black); font-family:"Montserrat", Arial, sans-serif; font-size:17px; line-height:1; font-weight:800; letter-spacing:.04em; text-align:center; flex:0 0 auto; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-questionText{ display:block; width:100%; max-width:100%; min-width:0; margin:0 auto; font-family:"Montserrat", Arial, sans-serif; font-size:19px; line-height:1.4; font-weight:700; color:var(--CEOJA-black); text-align:center; white-space:normal; overflow-wrap:anywhere; word-break:break-word; hyphens:auto; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-iconWrap{ width:46px; height:46px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; background:var(--CEOJA-brown); color:var(--CEOJA-white); transition: background-color .35s var(--CEOJA-ease), transform .35s var(--CEOJA-ease), color .35s var(--CEOJA-ease); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-icon{ position:relative; width:18px; height:18px; display:block; flex:0 0 auto; color:inherit; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-icon::before, #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-icon::after{ content:""; position:absolute; left:50%; top:50%; width:18px; height:2px; border-radius:2px; background:currentColor; transform:translate(-50%,-50%); transition:transform .35s var(--CEOJA-ease), opacity .35s var(--CEOJA-ease); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-icon::after{ transform:translate(-50%,-50%) rotate(90deg); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item.is-open .CEOJA-iconWrap{ background:var(--CEOJA-gold); color:var(--CEOJA-white); transform:translateY(-1px); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item.is-open .CEOJA-icon::after{ opacity:0; transform:translate(-50%,-50%) rotate(90deg) scaleX(.2); } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answerWrap{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s var(--CEOJA-ease); min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item.is-open .CEOJA-answerWrap{ grid-template-rows:1fr; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answerInner{ overflow:hidden; min-width:0; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answer{ margin:0 auto; padding:0 18px 18px 94px; font-family:"Montserrat", Arial, sans-serif; font-size:15px; line-height:1.76; font-weight:500; color:rgba(7,7,7,.78); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; hyphens:auto; } @media (max-width:1180px){ #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-shell{ grid-template-columns:1fr; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-side, #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-main{ min-height:auto; } } @media (max-width:1024px){ #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-title{ font-size:40px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-side{ padding:22px; border-radius:24px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideTitle{ font-size:26px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-main{ padding:18px; border-radius:24px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question{ grid-template-columns:52px minmax(0,1fr) 42px; gap:10px; padding:16px 14px 16px 16px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-num{ width:52px; min-height:42px; font-size:15px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-questionText{ font-size:17px; line-height:1.38; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-iconWrap{ width:42px; height:42px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answer{ padding:0 16px 17px 78px; } } @media (max-width:860px){ #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question{ grid-template-columns:minmax(0,1fr) 42px; grid-template-areas: "num icon" "text text"; align-items:center; gap:10px 12px; padding:16px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-num{ grid-area:num; width:100%; min-height:40px; justify-self:stretch; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-questionText{ grid-area:text; width:100%; font-size:17px; line-height:1.42; text-align:center; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-iconWrap{ grid-area:icon; justify-self:end; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answer{ padding:0 16px 16px; } } @media (max-width:767px){ #CEOJA-Prestige-FAQ-BlendS1S2-V2{ padding:5%; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-wrap{ gap:22px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-title{ font-size:32px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-text{ font-size:15px; line-height:1.72; text-align:justify; text-align-last:center; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-side{ padding:18px; gap:14px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideTitle{ font-size:24px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideText, #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideBlockText{ font-size:14px; line-height:1.72; text-align:justify; text-align-last:center; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-sideActions{ grid-template-columns:1fr; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-main{ padding:14px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-page{ gap:10px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-item{ border-radius:18px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question{ padding:14px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-num{ min-height:38px; font-size:14px; border-radius:12px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-questionText{ font-size:16px; line-height:1.42; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-iconWrap{ width:40px; height:40px; border-radius:12px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-answer{ padding:0 14px 14px; font-size:14px; line-height:1.72; text-align:justify; text-align-last:center; } } @media (max-width:420px){ #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-question{ grid-template-columns:minmax(0,1fr) 38px; gap:9px; padding:13px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-iconWrap{ width:38px; height:38px; } #CEOJA-Prestige-FAQ-BlendS1S2-V2 .CEOJA-questionText{ font-size:15px; } }/* End custom CSS */