.elementor-20 .elementor-element.elementor-element-f90bf70{--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-20 .elementor-element.elementor-element-58d2eac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-4abfe4d{--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-20 .elementor-element.elementor-element-08146cd{--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-20 .elementor-element.elementor-element-d446924{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-d5c918a{--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-20 .elementor-element.elementor-element-90344b0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-9ad7392{--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-20 .elementor-element.elementor-element-b6ec507{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-e3fc41e{--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-20 .elementor-element.elementor-element-a98d4b8{--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-20 .elementor-element.elementor-element-4d9a77a{--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-20 .elementor-element.elementor-element-91f4861{--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-58d2eac */#CEOJAPrestige-Hero-Scenario2DarkGold-V1, #CEOJAPrestige-Hero-Scenario2DarkGold-V1 *, #CEOJAPrestige-Hero-Scenario2DarkGold-V1 *::before, #CEOJAPrestige-Hero-Scenario2DarkGold-V1 *::after{ box-sizing:border-box; min-width:0; } #CEOJAPrestige-Hero-Scenario2DarkGold-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%; position:relative; overflow:hidden; width:100%; min-height:clamp(620px, 84vh, 920px); 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/06/Roof_Instalation_Stok_CEO_Marketing_18.1.jpg") center center / cover no-repeat; font-family:"Montserrat", Arial, sans-serif; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1::before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at 14% 18%, rgba(239,193,111,.20) 0%, rgba(239,193,111,0) 30%), radial-gradient(circle at 86% 16%, rgba(195,162,65,.16) 0%, rgba(195,162,65,0) 28%), radial-gradient(circle at 50% 100%, rgba(121,82,25,.22) 0%, rgba(121,82,25,0) 38%); pointer-events:none; z-index:0; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1::after{ content:""; position:absolute; inset:0; background: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size:34px 34px; opacity:.12; pointer-events:none; z-index:0; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-wrap{ position:relative; z-index:1; width:100%; margin:0 auto; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-content{ width:min(1120px,100%); margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:20px; padding:clamp(22px,2.6vw,34px); border-radius:26px; background:rgba(7, 7, 7, 0.178); border:1px solid rgba(255, 255, 255, 0.04); backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px); box-shadow: 0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07); } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-topline{ width:100%; display:flex; align-items:center; justify-content:center; gap:12px; color:var(--CEOJA-soft-gold); font-family:"Montserrat", Arial, sans-serif; font-size:13px; line-height:1.4; font-weight:800; letter-spacing:.10em; text-transform:uppercase; text-align:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-topline::before, #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-topline::after{ content:""; width:56px; height:1px; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(239,193,111,.72), rgba(255,255,255,0)); flex-shrink:0; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 h1{ margin:0; width:100%; font-family:"Poppins", Arial, sans-serif; font-size:clamp(2.7rem,6.2vw,5.6rem); 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-Scenario2DarkGold-V1 .CEOJA-copy{ margin:0; width:min(850px,100%); font-family:"Montserrat", Arial, sans-serif; font-size:clamp(15px,1.12vw,17px); line-height:1.82; font-weight:500; color:rgba(255,255,255,.92); text-align:justify; text-align-last:center; overflow-wrap:anywhere; word-break:break-word; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-actions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; width:100%; margin-top:4px; } #CEOJAPrestige-Hero-Scenario2DarkGold-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-Scenario2DarkGold-V1 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJAPrestige-Hero-Scenario2DarkGold-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-Scenario2DarkGold-V1 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-btn:hover::before{ width:100%; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-btn:hover::after{ left:135%; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-btn:focus-visible{ outline:none; transform:translateY(-2px); } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-btn span, #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-btn svg, #CEOJAPrestige-Hero-Scenario2DarkGold-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-Scenario2DarkGold-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-Scenario2DarkGold-V1 .CEOJA-btn:hover span::after{ width:100%; } #CEOJAPrestige-Hero-Scenario2DarkGold-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-Scenario2DarkGold-V1 .CEOJA-btnPrimary::before{ background:var(--CEOJA-white); } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-btnPrimary:hover, #CEOJAPrestige-Hero-Scenario2DarkGold-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-Scenario2DarkGold-V1 .CEOJA-btnPrimary:focus-visible{ box-shadow:0 0 0 4px rgba(255,255,255,.16); } #CEOJAPrestige-Hero-Scenario2DarkGold-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-Scenario2DarkGold-V1 .CEOJA-btnSecondary::before{ background:var(--CEOJA-gold); } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-btnSecondary:hover, #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-btnSecondary:focus-visible{ color:var(--CEOJA-white); border-color:var(--CEOJA-gold); box-shadow:var(--CEOJA-shadow-gold); } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-btnSecondary:focus-visible{ box-shadow:0 0 0 4px rgba(239,193,111,.22); } @media (max-width:991px){ #CEOJAPrestige-Hero-Scenario2DarkGold-V1{ background-position:center center; } } @media (max-width:767px){ #CEOJAPrestige-Hero-Scenario2DarkGold-V1{ min-height:auto; padding:82px 5% 64px; background-position:center 35%; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-content{ width:100%; gap:18px; padding:18px; border-radius:20px; background:rgba(7, 7, 7, 0.178); backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px); } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-topline{ font-size:11px; gap:8px; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-topline::before, #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-topline::after{ width:28px; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-copy{ font-size:14px; line-height:1.72; text-align:justify; text-align-last:center; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-actions{ display:grid; grid-template-columns:1fr; gap:12px; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-btn{ width:100%; min-width:0; min-height:54px; padding:14px 18px; border-radius:var(--CEOJA-radius); font-size:14px; } } @media (max-width:420px){ #CEOJAPrestige-Hero-Scenario2DarkGold-V1{ padding:76px 5% 58px; } #CEOJAPrestige-Hero-Scenario2DarkGold-V1 .CEOJA-content{ padding:16px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-aaf107d */#CEOJA_Prestige_Form_Carousel3D_V1{ width:100%; margin:0; padding:5%; position:relative; overflow:hidden; background:#070707; font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; --CEOJA-black:#070707; --CEOJA-white:#ffffff; --CEOJA-brown:#795219; --CEOJA-gold:#c3a241; --CEOJA-soft-gold:#efc16f; --CEOJA-cream:#f5f3ee; --CEOJA-line:rgba(255,255,255,.18); --CEOJA-dark-line:rgba(7,7,7,.14); --CEOJA-radius:14px; --CEOJA-card-radius:34px; --CEOJA-ease:cubic-bezier(.22,.61,.36,1); } #CEOJA_Prestige_Form_Carousel3D_V1, #CEOJA_Prestige_Form_Carousel3D_V1 *{ box-sizing:border-box; min-width:0; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_bg{ position:absolute; inset:0; pointer-events:none; background: radial-gradient(900px 620px at 10% 18%,rgba(195,162,65,.20),transparent 58%), radial-gradient(820px 540px at 88% 18%,rgba(121,82,25,.34),transparent 56%), linear-gradient(135deg,#070707 0%,#1b1206 52%,#070707 100%); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_shell{ width:100%; margin:0 auto; position:relative; z-index:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; border-radius:42px; overflow:hidden; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_formCol, #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselCol{ min-height:100%; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_formCol{ padding:clamp(28px,3.7vw,54px); display:flex; flex-direction:column; justify-content:center; background: radial-gradient(620px 420px at 90% 10%,rgba(239,193,111,.18),transparent 58%), linear-gradient(135deg,#1b1206 0%,#070707 100%); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_formHeader{ max-width:960px; margin:0 auto 22px; } #CEOJA_Prestige_Form_Carousel3D_V1 h2{ margin:0 0 14px; color:#ffffff; font-family:"Poppins",sans-serif; font-size:48px; line-height:1.08; font-weight:900; letter-spacing:-.04em; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 h2 span{ color:#efc16f; } #CEOJA_Prestige_Form_Carousel3D_V1 p{ margin:0; color:rgba(255,255,255,.82); font-size:16px; line-height:1.7; font-weight:500; text-align:justify; text-align-last:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-container{ margin:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form label, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form select, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button{ font-family:"Montserrat",sans-serif !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .wpforms-field{ padding:0 !important; margin:0 0 12px !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .wpforms-field-label, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form legend{ color:#ffffff !important; margin:0 0 5px !important; font-size:16px !important; line-height:1.3 !important; font-weight:700 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="text"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="email"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="tel"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form select{ width:100% !important; border-radius:14px !important; padding:13px 15px !important; font-size:1.06rem !important; line-height:1.25 !important; background:rgba(255,255,255,.09) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.26) !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input::placeholder, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea::placeholder{ color:rgba(255,255,255,.55) !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea{ min-height:60px !important; height:60px !important; resize:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input:focus, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form select:focus, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea:focus{ outline:none !important; border-color:#efc16f !important; box-shadow:0 0 0 4px rgba(239,193,111,.18) !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-submit-container{ margin-top:16px !important; display:flex !important; justify-content:center !important; align-items:center !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]{ position:relative !important; width:100% !important; max-width:320px !important; min-height:58px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:15px 24px !important; border-radius:14px !important; color:#ffffff !important; background:#c3a241 !important; border:1.6px solid #c3a241 !important; overflow:hidden !important; isolation:isolate !important; font-size:15px !important; line-height:1.2 !important; font-weight:800 !important; cursor:pointer !important; transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,color .28s ease,background .28s ease !important; box-shadow:0 12px 28px rgba(195,162,65,.24) !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]::before{ content:"" !important; position:absolute !important; inset:0 !important; width:0% !important; z-index:-1 !important; background:#ffffff !important; transition:width .34s ease !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]::after{ content:"" !important; position:absolute !important; top:0 !important; left:-120% !important; width:52% !important; height:100% !important; background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%) !important; transform:skewX(-18deg) !important; transition:left .58s ease !important; pointer-events:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:hover, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:focus-visible{ color:#070707 !important; border-color:#ffffff !important; transform:translateY(-3px) !important; outline:none !important; box-shadow:0 14px 30px rgba(0,0,0,.25) !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:hover::before, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:focus-visible::before{ width:100% !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:hover::after, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:focus-visible::after{ left:135% !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselCol{ position:relative; padding:clamp(24px,3vw,46px); display:flex; flex-direction:column; justify-content:center; overflow:hidden; isolation:isolate; background: linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.04) 100%), url("http://prestigerestorationia.com/wp-content/uploads/2026/05/Prestige_Restauration_Images-5.jpeg") center center / cover no-repeat; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselCol::before{ content:""; position:absolute; inset:0; z-index:-1; background: radial-gradient(620px 420px at 50% 0%,rgba(239,193,111,.22),transparent 58%), linear-gradient(180deg,rgba(7,7,7,.10) 0%,rgba(7,7,7,.42) 100%); pointer-events:none; backdrop-filter:blur(2px); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead h3{ color:#ffffff; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead p{ color:rgba(255,255,255,.82); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_count{ color:#ffffff; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(10px); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow{ background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); color:#ffffff; backdrop-filter:blur(10px); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow:hover{ background:#795219; border-color:#795219; color:#ffffff; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead{ max-width:960px; margin:0 auto 26px; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead h3{ margin:0 0 10px; color:#070707; font-family:"Poppins",sans-serif; font-size:30px; line-height:1.2; font-weight:800; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead p{ color:rgba(7,7,7,.72); text-align:justify; text-align-last:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_stage{ width:100%; min-height:520px; position:relative; perspective:1400px; display:flex; align-items:center; justify-content:center; overflow:visible; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card{ position:absolute; width:min(78%,430px); min-height:470px; border-radius:34px; overflow:hidden; border:1px solid rgba(7,7,7,.12); background:#070707; transition:transform .65s var(--CEOJA-ease),opacity .45s ease,filter .45s ease; transform-style:preserve-3d; opacity:0; pointer-events:none; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-active{ opacity:1; transform:translateX(0) rotateY(0deg) scale(1); z-index:5; pointer-events:auto; filter:none; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-prev{ opacity:.72; transform:translateX(-46%) rotateY(28deg) scale(.86); z-index:3; filter:brightness(.72); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-next{ opacity:.72; transform:translateX(46%) rotateY(-28deg) scale(.86); z-index:3; filter:brightness(.72); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-hidden{ opacity:0; transform:translateX(0) scale(.7); z-index:1; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; filter:saturate(1.06) contrast(1.04) brightness(1); transform:scale(1.02); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card::before{ content:""; position:absolute; inset:0; z-index:1; background: linear-gradient( to top, rgba(7,7,7,.92) 0%, rgba(7,7,7,.62) 24%, rgba(7,7,7,.22) 46%, rgba(7,7,7,0) 72% ); pointer-events:none; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_cardInner{ position:relative; z-index:2; min-height:470px; padding:34px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_icon{ width:74px; height:74px; border-radius:22px; display:flex; align-items:center; justify-content:center; margin:0 0 auto; background:linear-gradient(135deg,#efc16f,#c3a241); border:1px solid rgba(255,255,255,.28); color:#070707; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_icon svg{ width:38px; height:38px; fill:currentColor; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card h4{ margin:0 0 12px; color:#ffffff; font-family:"Poppins",sans-serif; font-size:30px; line-height:1.18; font-weight:800; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card p{ color:rgba(255,255,255,.84); text-align:justify; text-align-last:center; margin:0 0 22px; } #CEOJA_Prestige_Form_Carousel3D_V1 .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:14px; text-decoration:none; font-family:"Montserrat",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; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJA_Prestige_Form_Carousel3D_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; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn:hover::before{ width:100%; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn:hover::after{ left:135%; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn--gold-dark{ background:#c3a241; color:#ffffff; border-color:#c3a241; box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn--gold-dark::before{ background:#ffffff; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn--gold-dark:hover{ color:#070707; border-color:#ffffff; box-shadow:0 14px 30px rgba(0,0,0,.25); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_controls{ width:100%; margin:26px auto 0; display:flex; align-items:center; justify-content:center; gap:16px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow{ width:52px; height:52px; border-radius:18px; border:1px solid rgba(7,7,7,.16); background:#ffffff; color:#795219; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:transform .28s ease,background .28s ease,color .28s ease,border-color .28s ease; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow:hover{ transform:translateY(-3px); background:#795219; color:#ffffff; border-color:#795219; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow svg{ width:24px; height:24px; fill:currentColor; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_count{ min-width:92px; min-height:52px; border-radius:18px; display:flex; align-items:center; justify-content:center; color:#070707; background:rgba(195,162,65,.18); border:1px solid rgba(121,82,25,.20); font-size:15px; font-weight:800; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_trust{ margin:26px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_trustItem{ border-radius:20px; padding:18px; background:rgba(7,7,7,.06); border:1px solid rgba(7,7,7,.10); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_trustItem strong{ display:block; margin:0 0 6px; color:#070707; font-size:16px; line-height:1.3; font-weight:800; text-align:center; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_trustItem span{ display:block; color:rgba(7,7,7,.70); font-size:14px; line-height:1.55; font-weight:500; text-align:justify; text-align-last:center; } @media (min-width:1600px){ #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_shell{ align-items:stretch; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_formCol, #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselCol{ height:100%; } } @media (max-width:1024px){ #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_shell{ grid-template-columns:1fr; } #CEOJA_Prestige_Form_Carousel3D_V1 h2{ font-size:40px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_stage{ min-height:500px; } } @media (max-width:767px){ #CEOJA_Prestige_Form_Carousel3D_V1{ padding:5%; } #CEOJA_Prestige_Form_Carousel3D_V1 h2{ font-size:32px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_carouselHead h3, #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card h4{ font-size:26px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_stage{ min-height:470px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card{ width:88%; min-height:430px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_cardInner{ min-height:430px; padding:26px; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-prev{ transform:translateX(-20%) rotateY(20deg) scale(.78); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card.is-next{ transform:translateX(20%) rotateY(-20deg) scale(.78); } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_trust{ grid-template-columns:1fr; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]{ width:100% !important; max-width:none !important; } } @media (prefers-reduced-motion:reduce){ #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_card, #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA-btn, #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_arrow, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]{ transition:none !important; } } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="tel"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="text"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="email"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form textarea{ background:rgba(255,255,255,.09) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.26) !important; border-radius:14px !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__inner{ background:rgba(255,255,255,.09) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.26) !important; border-radius:14px !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--single, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__item, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__placeholder{ color:#ffffff !important; opacity:1 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded]{ background:#070707 !important; border:1px solid rgba(239,193,111,.45) !important; border-radius:14px !important; box-shadow:0 18px 34px rgba(0,0,0,.32) !important; z-index:99999 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown .choices__item, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded] .choices__item{ color:#ffffff !important; background:#070707 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{ background:#c3a241 !important; color:#070707 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="number"]{ appearance:textfield !important; -moz-appearance:textfield !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="number"]::-webkit-outer-spin-button, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none !important; margin:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="tel"], #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form input[type="number"]{ background:rgba(255,255,255,.09) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.26) !important; border-radius:14px !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices{ position:relative !important; z-index:20 !important; margin:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__inner{ min-height:52px !important; height:52px !important; padding:0 48px 0 14px !important; display:flex !important; align-items:center !important; background:rgba(255,255,255,.09) !important; border:1px solid rgba(255,255,255,.26) !important; border-radius:14px !important; color:#ffffff !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--single{ padding:0 !important; display:flex !important; align-items:center !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__item, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__placeholder{ color:#ffffff !important; opacity:1 !important; font-size:16px !important; font-weight:600 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded]{ top:100% !important; margin-top:0 !important; background:#070707 !important; border:1px solid rgba(239,193,111,.45) !important; border-top:0 !important; border-radius:0 0 14px 14px !important; overflow:hidden !important; z-index:99999 !important; box-shadow:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown .choices__list, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded] .choices__list{ max-height:132px !important; overflow-y:auto !important; padding:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown .choices__item, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded] .choices__item{ min-height:44px !important; padding:11px 14px !important; background:#070707 !important; color:#ffffff !important; font-size:15px !important; font-weight:600 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list--dropdown .choices__item--selectable.is-highlighted, #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{ background:#c3a241 !important; color:#070707 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices.is-open .choices__inner{ border-color:rgba(239,193,111,.45) !important; border-bottom:0 !important; border-radius:14px 14px 0 0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices__input{ display:none !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form .choices[data-type*="select-one"]::after{ border-color:#efc16f transparent transparent transparent !important; } #CEOJA_Prestige_Form_Carousel3D_V1{ margin-bottom:0 !important; display:block !important; } #CEOJA_Prestige_Form_Carousel3D_V1 + *, #CEOJA_Prestige_Form_Carousel3D_V1 ~ section{ margin-top:0 !important; } .wp-block-html:has(#CEOJA_Prestige_Form_Carousel3D_V1){ margin-bottom:0 !important; padding-bottom:0 !important; } .wp-block-html:has(#CEOJA_Prestige_Form_Carousel3D_V1) + *{ margin-top:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 p:empty, #CEOJA_Prestige_Form_Carousel3D_V1 + p:empty{ display:none !important; margin:0 !important; padding:0 !important; height:0 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_count{ background:#ffffff !important; color:#070707 !important; border:1px solid rgba(195,162,65,.45) !important; box-shadow:0 10px 24px rgba(0,0,0,.22) !important; font-weight:900 !important; opacity:1 !important; } #CEOJA_Prestige_Form_Carousel3D_V1 .CEOJA_prestige_controls{ position:relative !important; z-index:20 !important; } /* ===== BOTÓN BASE ===== */ #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]{ position:relative; display:inline-flex; align-items:center; justify-content:center; font-weight:800; overflow:hidden; } /* ===== TEXTO (IMPORTANTE) ===== */ #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]{ color:#000; } /* ===== LÍNEA REAL (VISIBLE) ===== */ #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]::after{ content:""; position:absolute; bottom:12px; left:50%; transform:translateX(-50%); width:120px; height:2px; background:#795219; border-radius:2px; opacity:0; transition:all .25s ease; } /* ===== HOVER ===== */ #CEOJA_Prestige_Form_Carousel3D_V1 .wpforms-form button[type="submit"]:hover::after{ opacity:1; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d446924 *//* Section: Prestige Home Intro Light V2 */ #CEOJAPrestigeHomeIntroLight_V2, #CEOJAPrestigeHomeIntroLight_V2 *{ box-sizing:border-box; } #CEOJAPrestigeHomeIntroLight_V2{ --CEOJA-prestige-text:#070707; --CEOJA-prestige-bg:#ffffff; --CEOJA-prestige-primary:#795219; --CEOJA-prestige-secondary:#c3a241; --CEOJA-prestige-accent:#efc16f; --CEOJA-prestige-muted:rgba(7,7,7,.68); --CEOJA-prestige-soft:rgba(239,193,111,.16); --CEOJA-prestige-line:rgba(7,7,7,.12); --CEOJA-prestige-shadow:0 24px 70px rgba(7,7,7,.12); width:100%; padding:5% 5%; position:relative; overflow:hidden; background: radial-gradient(circle at 12% 14%, rgba(239,193,111,.24) 0%, rgba(239,193,111,0) 30%), radial-gradient(circle at 88% 78%, rgba(195,162,65,.16) 0%, rgba(195,162,65,0) 32%), linear-gradient(180deg, #ffffff 0%, #fbf7ef 100%); color:var(--CEOJA-prestige-text); } #CEOJAPrestigeHomeIntroLight_V2::before{ content:""; position:absolute; left:5%; right:5%; top:0; height:1px; background:linear-gradient(90deg, transparent, rgba(121,82,25,.36), rgba(239,193,111,.52), transparent); pointer-events:none; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-container{ width:100%; max-width:2000px; margin:0 auto; position:relative; z-index:1; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-layout{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; align-items:stretch; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-copy, #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-visual{ min-height:540px; border:1px solid var(--CEOJA-prestige-line); border-radius:30px; background:rgba(255,255,255,.74); box-shadow:var(--CEOJA-prestige-shadow); overflow:hidden; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-copy{ padding:40px; display:flex; flex-direction:column; justify-content:center; gap:22px; position:relative; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-copy::before{ content:""; position:absolute; inset:22px auto auto 22px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle, rgba(239,193,111,.24), rgba(239,193,111,0) 70%); pointer-events:none; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-eyebrow{ width:max-content; max-width:100%; display:inline-flex; align-items:center; gap:12px; color:var(--CEOJA-prestige-primary); font-family:'Montserrat',sans-serif; font-size:14px; line-height:1.65; font-weight:800; letter-spacing:.04em; text-transform:uppercase; position:relative; z-index:1; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-eyebrow::before{ content:""; width:42px; height:2px; border-radius:99px; background:linear-gradient(90deg, var(--CEOJA-prestige-primary), var(--CEOJA-prestige-accent)); } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-copy h2{ color:var(--CEOJA-prestige-text); max-width:760px; position:relative; z-index:1; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-copy p{ max-width:760px; color:var(--CEOJA-prestige-muted); position:relative; z-index:1; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:4px; position:relative; z-index:1; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-stat{ min-height:118px; padding:18px 16px; border-radius:20px; border:1px solid rgba(121,82,25,.13); background: linear-gradient(180deg, rgba(239,193,111,.16) 0%, rgba(255,255,255,.72) 100%); display:flex; flex-direction:column; justify-content:center; text-align:center; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-stat h3{ color:var(--CEOJA-prestige-primary); margin-bottom:7px; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-stat p{ color:var(--CEOJA-prestige-muted); text-align:center; text-align-last:center; } /* Visual */ #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-visual{ padding:18px; position:relative; display:flex; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-visual::before{ content:""; position:absolute; right:-80px; top:-80px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, rgba(195,162,65,.30), rgba(195,162,65,0) 70%); pointer-events:none; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-frame{ width:100%; min-height:100%; border-radius:24px; overflow:hidden; position:relative; background:#1b1206; border:1px solid rgba(121,82,25,.16); } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-track{ width:100%; height:100%; display:flex; transition:transform .72s cubic-bezier(.22,.61,.36,1); will-change:transform; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-slide{ flex:0 0 100%; height:100%; min-height:504px; position:relative; overflow:hidden; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-slide img{ width:100%; height:100%; min-height:504px; object-fit:cover; display:block; transform:scale(1); transition:transform 1.3s ease; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-slide.is-active img{ transform:scale(1.04); } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-slide::before{ content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(7,7,7,.04) 0%, rgba(7,7,7,.14) 48%, rgba(7,7,7,.68) 100%); z-index:1; pointer-events:none; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-caption{ position:absolute; left:22px; right:22px; bottom:22px; z-index:2; border-radius:22px; padding:18px; border:1px solid rgba(255,255,255,.14); background:rgba(7,7,7,.52); backdrop-filter:blur(12px); } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-caption span{ display:block; color:var(--CEOJA-prestige-accent); font-family:'Montserrat',sans-serif; font-size:12px; line-height:1.35; font-weight:800; letter-spacing:.05em; text-transform:uppercase; margin-bottom:7px; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-caption h4{ color:#ffffff; margin-bottom:8px; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-caption p{ color:rgba(255,255,255,.78); max-width:580px; text-align:justify; text-align-last:left; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-dots{ position:absolute; left:50%; bottom:18px; transform:translateX(-50%); z-index:4; display:flex; align-items:center; justify-content:center; gap:10px; padding:10px 12px; border-radius:999px; background:rgba(255,255,255,.15); backdrop-filter:blur(10px); } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-dot{ appearance:none; -webkit-appearance:none; width:11px; height:11px; border-radius:999px; border:0; padding:0; cursor:pointer; background:rgba(255,255,255,.48); transition:width .28s ease, background .28s ease, transform .28s ease; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-dot:hover, #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-dot:focus-visible{ outline:none; transform:translateY(-1px); background:#ffffff; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-dot.is-active{ width:34px; background:linear-gradient(90deg, var(--CEOJA-prestige-primary), var(--CEOJA-prestige-accent)); } /* Bottom centered buttons */ #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-bottomActions{ width:100%; margin:30px auto 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; } /* Prestige Buttons */ #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:min(100%,250px); min-height:58px; padding:15px 24px; border-radius:14px; text-decoration:none !important; font-family:'Montserrat',sans-serif !important; 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; cursor:pointer; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJAPrestigeHomeIntroLight_V2 .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; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn:hover::before{ width:100%; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn:hover::after{ left:135%; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn__text{ position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn__text::after{ content:""; position:absolute; left:0; bottom:-4px; width:0%; height:1.5px; background:currentColor; opacity:.7; transition:width .28s ease; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn:hover .CEOJA-btn__text::after{ width:100%; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn--accent-light{ background:var(--CEOJA-prestige-accent); color:#ffffff !important; border-color:var(--CEOJA-prestige-accent); box-shadow:0 12px 26px rgba(239,193,111,.32); } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn--accent-light::before{ background:#ffffff; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn--accent-light:hover{ color:var(--CEOJA-prestige-text) !important; border-color:rgba(7,7,7,.22); box-shadow:0 16px 34px rgba(7,7,7,.12); } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn--outline-light{ background:transparent; color:var(--CEOJA-prestige-text) !important; border-color:rgba(7,7,7,.20); box-shadow:none; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn--outline-light::before{ background:var(--CEOJA-prestige-primary); } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn--outline-light:hover{ color:#ffffff !important; border-color:var(--CEOJA-prestige-primary); box-shadow:0 16px 32px rgba(121,82,25,.16); } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn--lg{ min-height:64px; padding:17px 28px; font-size:16px; } @media (max-width:1199px){ #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-layout{ grid-template-columns:1fr; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-copy, #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-visual{ min-height:auto; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-slide, #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-slide img{ min-height:460px; } } @media (max-width:767px){ #CEOJAPrestigeHomeIntroLight_V2{ padding:5% 5%; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-layout{ gap:22px; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-copy, #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-visual{ border-radius:24px; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-copy{ padding:28px 20px; text-align:center; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-eyebrow{ margin:0 auto; justify-content:center; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-copy p{ text-align:justify; text-align-last:center; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-stats{ grid-template-columns:1fr; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-stat{ min-height:auto; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-visual{ padding:12px; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-frame{ border-radius:20px; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-slide, #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-slide img{ min-height:360px; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-caption{ left:14px; right:14px; bottom:58px; padding:16px; border-radius:18px; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-caption p{ display:none; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-caption h4{ font-size:20px; text-align:center; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-caption span{ text-align:center; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJAPrestigeIntro-bottomActions{ flex-direction:column; align-items:stretch; margin-top:24px; } #CEOJAPrestigeHomeIntroLight_V2 .CEOJA-btn{ width:100%; max-width:none; min-height:56px; font-size:14px; padding:14px 18px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-90344b0 *//* Section: Prestige Areas V5 */ #CEOJAPrestigeAreasV5, #CEOJAPrestigeAreasV5 *{ box-sizing:border-box; } #CEOJAPrestigeAreasV5{ --CEOJA-prestige-text:#070707; --CEOJA-prestige-bg:#ffffff; --CEOJA-prestige-primary:#795219; --CEOJA-prestige-secondary:#c3a241; --CEOJA-prestige-accent:#efc16f; --CEOJA-prestige-dark:#070707; --CEOJA-prestige-ivory:#ffffff; --CEOJA-prestige-muted:rgba(255,255,255,.74); --CEOJA-prestige-line:rgba(255,255,255,.13); --CEOJA-prestige-lineGold:rgba(239,193,111,.28); --CEOJA-prestige-shadow:0 24px 70px rgba(0,0,0,.32); width:100%; padding:5% 5%; position:relative; overflow:hidden; background: radial-gradient(circle at 12% 8%, rgba(239,193,111,.16) 0%, rgba(239,193,111,0) 28%), radial-gradient(circle at 88% 92%, rgba(121,82,25,.24) 0%, rgba(121,82,25,0) 34%), linear-gradient(135deg, #070707 0%, #17100a 48%, #070707 100%); color:var(--CEOJA-prestige-ivory); } #CEOJAPrestigeAreasV5::before{ content:""; position:absolute; inset:0; background:linear-gradient(120deg, rgba(255,255,255,.045), transparent 34%, rgba(239,193,111,.055) 72%, transparent); pointer-events:none; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-container{ width:100%; max-width:2000px; margin:0 auto; position:relative; z-index:1; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-head{ max-width:1120px; margin:0 auto 34px; text-align:center; display:grid; gap:18px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-head h2{ color:var(--CEOJA-prestige-ivory); text-align:center; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-head p{ max-width:1020px; margin:0 auto; color:var(--CEOJA-prestige-muted); text-align:justify; text-align-last:center; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-actions, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detailActions, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-bottomActions{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; } /* Buttons */ #CEOJAPrestigeAreasV5 .CEOJA-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:min(100%,250px); min-height:58px; padding:15px 24px; border-radius:14px; text-decoration:none !important; font-family:'Montserrat',sans-serif !important; 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; cursor:pointer; } #CEOJAPrestigeAreasV5 .CEOJA-btn::before{ content:""; position:absolute; inset:0; width:0%; z-index:-1; transition:width .34s ease; } #CEOJAPrestigeAreasV5 .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; } #CEOJAPrestigeAreasV5 .CEOJA-btn:hover{ transform:translateY(-3px); } #CEOJAPrestigeAreasV5 .CEOJA-btn:hover::before{ width:100%; } #CEOJAPrestigeAreasV5 .CEOJA-btn:hover::after{ left:135%; } #CEOJAPrestigeAreasV5 .CEOJA-btn__text{ position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; } #CEOJAPrestigeAreasV5 .CEOJA-btn__text::after{ content:""; position:absolute; left:0; bottom:-4px; width:0%; height:1.5px; background:currentColor; opacity:.7; transition:width .28s ease; } #CEOJAPrestigeAreasV5 .CEOJA-btn:hover .CEOJA-btn__text::after{ width:100%; } #CEOJAPrestigeAreasV5 .CEOJA-btn--gold-dark{ background:var(--CEOJA-prestige-secondary); color:var(--CEOJA-prestige-ivory) !important; border-color:var(--CEOJA-prestige-secondary); box-shadow:0 12px 28px rgba(195,162,65,.24); } #CEOJAPrestigeAreasV5 .CEOJA-btn--gold-dark::before{ background:var(--CEOJA-prestige-ivory); } #CEOJAPrestigeAreasV5 .CEOJA-btn--gold-dark:hover{ color:var(--CEOJA-prestige-text) !important; border-color:var(--CEOJA-prestige-ivory); box-shadow:0 16px 34px rgba(0,0,0,.30); } #CEOJAPrestigeAreasV5 .CEOJA-btn--ivory-brown{ background:var(--CEOJA-prestige-ivory); color:var(--CEOJA-prestige-primary) !important; border-color:var(--CEOJA-prestige-ivory); box-shadow:0 12px 28px rgba(7,7,7,.18); } #CEOJAPrestigeAreasV5 .CEOJA-btn--ivory-brown::before{ background:var(--CEOJA-prestige-secondary); } #CEOJAPrestigeAreasV5 .CEOJA-btn--ivory-brown:hover{ color:var(--CEOJA-prestige-ivory) !important; border-color:var(--CEOJA-prestige-secondary); box-shadow:0 14px 34px rgba(121,82,25,.28); } #CEOJAPrestigeAreasV5 .CEOJA-btn--sm{ min-height:50px; padding:13px 20px; font-size:14px; } #CEOJAPrestigeAreasV5 .CEOJA-btn--lg{ min-height:64px; padding:17px 28px; font-size:16px; } /* Main Box */ #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-box{ border:1px solid var(--CEOJA-prestige-line); border-radius:28px; background:linear-gradient(180deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,.035) 100%); box-shadow:var(--CEOJA-prestige-shadow); backdrop-filter:blur(14px); padding:24px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-boxTop{ display:flex; align-items:flex-end; justify-content:space-between; gap:22px; margin-bottom:20px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-boxTop h3{ color:var(--CEOJA-prestige-ivory); } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-boxTop p{ max-width:560px; color:rgba(255,255,255,.70); text-align:right; text-align-last:right; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-controls{ display:none; gap:10px; flex:0 0 auto; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-arrow{ width:46px; height:46px; border-radius:14px; border:1px solid rgba(239,193,111,.25); background:rgba(255,255,255,.08); color:var(--CEOJA-prestige-accent); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:transform .25s ease, background .25s ease, border-color .25s ease; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-arrow:hover, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-arrow:focus-visible{ outline:none; transform:translateY(-2px); background:rgba(239,193,111,.16); border-color:rgba(239,193,111,.46); } /* County track */ #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyTrack{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; margin-bottom:18px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn{ width:100%; min-height:104px; padding:14px 12px; border-radius:18px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.035) 100%); color:var(--CEOJA-prestige-ivory); cursor:pointer; text-align:left; display:flex; flex-direction:column; justify-content:space-between; gap:10px; transition:transform .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease; overflow:hidden; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn:hover, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn:focus-visible, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn.is-active{ outline:none; transform:translateY(-4px); border-color:rgba(239,193,111,.42); background:linear-gradient(180deg, rgba(239,193,111,.14) 0%, rgba(255,255,255,.045) 100%); box-shadow:0 18px 42px rgba(0,0,0,.30); } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn span{ display:block; font-family:'Montserrat',sans-serif; font-size:12px; line-height:1.35; font-weight:800; color:var(--CEOJA-prestige-accent); } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn b{ display:block; font-family:'Montserrat',sans-serif; font-size:17px; line-height:1.18; font-weight:800; letter-spacing:-.018em; color:var(--CEOJA-prestige-ivory); white-space:normal; overflow-wrap:break-word; word-break:normal; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn small{ display:flex; align-items:center; justify-content:space-between; gap:8px; font-family:'Montserrat',sans-serif; font-size:12px; line-height:1.35; font-weight:800; color:rgba(255,255,255,.68); } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn small em{ font-style:normal; color:var(--CEOJA-prestige-accent); } /* Detail area */ #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detail{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:18px; align-items:stretch; border-radius:24px; border:1px solid rgba(239,193,111,.18); background: radial-gradient(circle at top right, rgba(239,193,111,.13), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.065) 0%, rgba(255,255,255,.028) 100%); padding:20px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detailInfo{ display:flex; flex-direction:column; gap:14px; justify-content:center; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detailLabel{ width:max-content; max-width:100%; padding:8px 12px; border-radius:10px; border:1px solid rgba(239,193,111,.24); background:rgba(239,193,111,.09); color:var(--CEOJA-prestige-accent); font-family:'Montserrat',sans-serif; font-size:12px; line-height:1.35; font-weight:800; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detailInfo h3{ color:var(--CEOJA-prestige-ivory); } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detailInfo p{ color:rgba(255,255,255,.74); text-align:justify; text-align-last:center; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detailActions{ margin-top:2px; justify-content:flex-start; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-right{ display:grid; gap:14px; align-content:start; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyPage{ min-height:56px; padding:14px 16px; border-radius:15px; border:1px solid rgba(239,193,111,.30); background:linear-gradient(180deg, rgba(121,82,25,.78) 0%, rgba(78,52,18,.58) 100%); color:var(--CEOJA-prestige-ivory) !important; font-family:'Montserrat',sans-serif; font-size:15px; line-height:1.35; font-weight:800; text-decoration:none !important; display:flex; align-items:center; justify-content:space-between; gap:14px; transition:transform .25s ease, border-color .25s ease, background .25s ease; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyPage::after{ content:"County Page"; color:var(--CEOJA-prestige-accent); font-size:12px; font-weight:800; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyPage:hover, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyPage:focus-visible{ outline:none; transform:translateX(3px); border-color:rgba(239,193,111,.50); background:linear-gradient(180deg, rgba(121,82,25,.92) 0%, rgba(78,52,18,.72) 100%); } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-cityGrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-city{ min-height:56px; padding:13px 14px; border-radius:15px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.055); color:var(--CEOJA-prestige-ivory) !important; font-family:'Montserrat',sans-serif; font-size:15px; line-height:1.35; font-weight:800; text-decoration:none !important; display:flex; align-items:center; justify-content:space-between; gap:12px; transition:transform .25s ease, background .25s ease, border-color .25s ease; white-space:normal; overflow-wrap:break-word; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-city::after{ content:"Page"; flex:0 0 auto; color:var(--CEOJA-prestige-accent); font-size:12px; font-weight:800; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-city:hover, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-city:focus-visible{ outline:none; transform:translateY(-2px); background:rgba(239,193,111,.13); border-color:rgba(239,193,111,.34); } /* Map */ #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-mapCard{ border-radius:20px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); overflow:hidden; min-height:280px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-mapTop{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.10); } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-mapTop h4{ margin:0; color:var(--CEOJA-prestige-ivory); font-family:'Montserrat',sans-serif; font-size:18px; line-height:1.25; font-weight:800; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-mapTop span{ color:var(--CEOJA-prestige-accent); font-family:'Montserrat',sans-serif; font-size:12px; line-height:1.35; font-weight:800; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-mapWrap{ position:relative; width:100%; min-height:220px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-mapFrame{ width:100%; height:100%; min-height:220px; border:0; display:block; filter:grayscale(.08) contrast(1.02); } /* Bottom */ #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-bottom{ margin-top:24px; padding:24px; border:1px solid var(--CEOJA-prestige-line); border-radius:26px; background:linear-gradient(180deg, rgba(255,255,255,.065) 0%, rgba(255,255,255,.03) 100%); box-shadow:var(--CEOJA-prestige-shadow); text-align:center; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-bottom p{ max-width:1080px; margin:0 auto 18px; color:rgba(255,255,255,.74); text-align:justify; text-align-last:center; } /* Responsive */ @media (max-width:1399px){ #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyTrack{ grid-template-columns:repeat(4,minmax(0,1fr)); } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn{ min-height:96px; } } @media (max-width:1100px){ #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detail{ grid-template-columns:1fr; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detailActions{ justify-content:center; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-cityGrid{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:900px){ #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-controls{ display:flex; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-boxTop{ flex-direction:column; text-align:center; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-boxTop p{ max-width:100%; text-align:justify; text-align-last:center; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyTrack{ display:flex; gap:12px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding-bottom:8px; scrollbar-width:none; -ms-overflow-style:none; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyTrack::-webkit-scrollbar{ display:none; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn{ flex:0 0 235px; scroll-snap-align:start; } } @media (max-width:640px){ #CEOJAPrestigeAreasV5{ padding:5% 5%; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-head{ margin-bottom:28px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-actions, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detailActions, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-bottomActions{ flex-direction:column; align-items:stretch; } #CEOJAPrestigeAreasV5 .CEOJA-btn{ width:100%; max-width:none; min-height:56px; font-size:14px; padding:14px 18px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-box, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-bottom{ border-radius:22px; padding:18px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-detail{ border-radius:20px; padding:16px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn{ flex-basis:220px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyBtn b{ font-size:16px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-countyPage::after{ content:"County"; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-cityGrid{ grid-template-columns:1fr; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-mapCard{ min-height:240px; } #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-mapWrap, #CEOJAPrestigeAreasV5 .CEOJAPrestigeAreasV5-mapFrame{ min-height:190px; } } <\/style>