.elementor-kit-21{--e-global-color-primary:#162D03DB;--e-global-color-secondary:#768E62;--e-global-color-text:#585E51;--e-global-color-accent:#A9916C;--e-global-color-10f5fae3:#F6EEEE;--e-global-color-0eee0c3:#EDE6DF;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:35px;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Playfair Display";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-style:italic;background-color:var( --e-global-color-10f5fae3 );color:var( --e-global-color-text );}.elementor-kit-21 a{color:var( --e-global-color-accent );}.elementor-kit-21 h1{color:var( --e-global-color-primary );}.elementor-kit-21 h2{color:var( --e-global-color-secondary );}.elementor-kit-21 h3{color:var( --e-global-color-secondary );}.elementor-kit-21 h4{color:var( --e-global-color-secondary );}.elementor-kit-21 h5{color:var( --e-global-color-secondary );}.elementor-kit-21 h6{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS for page-settings *//* ========================================= SERVICES – BOUTIQUE LUXURY (FULL CSS) Paste in: Appearance > Customize > Additional CSS ========================================= */ /* --- palette + rhythm --- */ :root{ --lux-ivory: #F6F2EC; --lux-ivory-2:#F3EEE6; --lux-sage: #7F8F73; --lux-ink: #2B2B2B; --lux-line: rgba(40,40,40,.12); --lux-line2: rgba(255,255,255,.35); } /* ---------- MAIN SERVICES WRAP (optional) ---------- */ /* Add class "lux-services" to the main container that holds the 2 columns (recommended) */ .lux-services{ padding: 70px 0; background: transparent; } /* ---------- PANELS (the 2 beige boxes) ---------- */ /* Add class "lux-panel" to each beige container (left + right) */ .lux-panel{ background: linear-gradient(180deg, var(--lux-ivory) 0%, var(--lux-ivory-2) 100%); border-radius: 24px; padding: 42px 46px; position: relative; overflow: hidden; /* cooler premium border */ border: 1px solid var(--lux-line); box-shadow: 0 18px 50px rgba(0,0,0,.08), inset 0 1px 0 var(--lux-line2); } /* subtle “soft glow” corner (very editorial) */ .lux-panel::after{ content:""; position:absolute; inset:-40% -40% auto auto; width:280px; height:280px; background: radial-gradient(circle, rgba(255,255,255,.50) 0%, rgba(255,255,255,0) 70%); transform: rotate(15deg); pointer-events:none; } /* ---------- TITLES inside panels (Concierge, Transport, etc.) ---------- */ /* Works well with Elementor headings inside the panel */ .lux-panel .elementor-widget-heading{ margin: 0 0 14px !important; } .lux-panel .elementor-heading-title{ color: rgba(44,44,44,.78) !important; text-transform: uppercase; letter-spacing: .14em; font-weight: 400; font-size: 14px; /* boutique smallcaps feel */ line-height: 1.2; } /* spacing between sections inside panel (a heading followed by text/list) */ .lux-panel .elementor-widget-heading + .elementor-widget-text-editor, .lux-panel .elementor-widget-heading + .elementor-widget-icon-list, .lux-panel .elementor-widget-heading + .elementor-widget-container{ margin-top: 10px; } /* ---------- TEXT / LISTS inside panels ---------- */ .lux-panel, .lux-panel p, .lux-panel li{ color: rgba(43,43,43,.74); font-size: 14px; line-height: 1.85; } .lux-panel a{ color: rgba(43,43,43,.85); text-decoration: none; border-bottom: 1px solid rgba(43,43,43,.20); } .lux-panel a:hover{ border-bottom-color: rgba(43,43,43,.45); } /* Icon list cleaner (if you use Elementor icon list) */ .lux-panel .elementor-icon-list-item{ padding: 6px 0; } .lux-panel .elementor-icon-list-icon{ opacity: .55; } /* ---------- OPTIONAL: thin divider line between “blocks” ---------- */ /* Add a simple Divider widget and give it class "lux-divider" */ .lux-divider .elementor-divider-separator{ border-top: 1px solid rgba(40,40,40,.10) !important; width: 100% !important; } /* ---------- GREEN NOTE STRIP (bottom box) ---------- */ /* Add class "lux-services-note" to the green container */ .lux-services-note{ background: linear-gradient(180deg, #879978 0%, #738565 100%); border-radius: 18px; padding: 28px 38px; margin-top: 26px; /* cooler border + inner shine */ border: 1px solid rgba(255,255,255,.18); box-shadow: 0 14px 40px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.10); } .lux-services-note p{ margin: 0; color: rgba(255,255,255,.95); text-align: center; font-size: 17px; /* bigger */ line-height: 1.85; letter-spacing: .04em; /* editorial */ font-weight: 300; /* boutique */ } /* ---------- SECTION TITLE (top “Services”) optional ---------- */ /* Give the big page title a class "lux-page-title" */ .lux-page-title{ text-align:center; margin-bottom: 26px; } .lux-page-title .elementor-heading-title{ color: #fff !important; letter-spacing: .06em; font-weight: 500; } /* ---------- RESPONSIVE ---------- */ @media (max-width: 1024px){ .lux-panel{ padding: 34px 32px; border-radius: 20px; } .lux-services-note{ padding: 22px 24px; border-radius: 16px; } .lux-services-note p{ font-size: 16px; } } @media (max-width: 767px){ .lux-services{ padding: 46px 0; } .lux-panel{ padding: 28px 22px; border-radius: 18px; } .lux-panel .elementor-heading-title{ font-size: 13px; letter-spacing: .13em; } .lux-services-note p{ font-size: 15.5px; } }/* End custom CSS */