/* Servixa Phase 1 homepage and global Elementor template design system. */ :root { --sx-red: #C8102E; --sx-deep-red: #A50E26; --sx-charcoal: #111820; --sx-deep: #0D121A; --sx-off-white: #F8F9FB; --sx-soft-grey: #EEF1F5; --sx-heading: #171B22; --sx-copy: #515D6D; --sx-line: #DCE2E9; --sx-white: #FFFFFF; } html { scroll-behavior: smooth; } body, button, input, textarea, select { font-family: "Manrope", "Helvetica Neue", Arial, sans-serif; } html, body { max-width: 100%; overflow-x: clip; } body { color: var(--sx-copy); -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { color: var(--sx-heading); letter-spacing: -.035em; } .elementor-widget-heading h1 { font-size: clamp(2.45rem, 4.1vw, 4rem) !important; line-height: 1.06 !important; } .elementor-widget-heading h2 { font-size: clamp(1.9rem, 3.15vw, 2.8rem) !important; line-height: 1.14 !important; } .elementor-widget-heading h3 { font-size: clamp(1.12rem, 1.5vw, 1.36rem) !important; line-height: 1.3 !important; } .elementor-widget-text-editor { line-height: 1.72; } .elementor-widget-text-editor p:last-child { margin-bottom: 0; } /* Global HFE header: compact red information rail and a quiet, balanced main row. */ #masthead, #servixa-site-header { width: 100%; max-width: none; margin: 0 auto; background: var(--sx-white); } #servixa-site-header { padding: 0 !important; } #servixa-header-top { width: 100%; height: 40px !important; min-height: 40px !important; margin: 0 !important; padding: 0 24px !important; box-sizing: border-box; color: var(--sx-white); } #servixa-header-top .elementor-widget-text-editor, #servixa-header-top .elementor-widget-text-editor a { margin: 0; color: rgba(255,255,255,.94) !important; font-size: 12px; line-height: 1.35; } #servixa-header-top .elementor-widget-icon { color: var(--sx-white); } #servixa-header-main { width: 100%; max-width: 1320px; height: 84px !important; min-height: 84px !important; margin: 0 auto; padding: 0 24px !important; box-sizing: border-box; align-items: center; background: var(--sx-white); } #servixa-header-logo, #servixa-header-nav, #servixa-header-cta { min-height: 0; } #servixa-header-logo img { display: block; width: min(100%, 238px); height: auto; } #servixa-header-nav .hfe-nav-menu { justify-content: center; gap: clamp(16px, 2.1vw, 34px); } #servixa-header-nav a.hfe-menu-item { position: relative; padding: 12px 0; color: #46515F !important; font-size: 14px; font-weight: 700; transition: color .22s ease; } #servixa-header-nav a.hfe-menu-item:after { content: ""; position: absolute; right: 0; bottom: 5px; left: 0; height: 2px; transform: scaleX(0); transform-origin: left; background: var(--sx-red); transition: transform .22s ease; } #servixa-header-nav a.hfe-menu-item:hover, #servixa-header-nav .current-menu-item > a.hfe-menu-item, #servixa-header-nav .current-menu-ancestor > a.hfe-menu-item { color: var(--sx-red) !important; } #servixa-header-nav a.hfe-menu-item:hover:after, #servixa-header-nav .current-menu-item > a.hfe-menu-item:after, #servixa-header-nav .current-menu-ancestor > a.hfe-menu-item:after { transform: scaleX(1); } #servixa-header-cta .elementor-button { min-height: 46px; padding: 13px 22px; border: 1px solid var(--sx-red); border-radius: 8px; background: var(--sx-red); box-shadow: 0 8px 20px rgba(200,16,46,.14); } #servixa-header-cta .elementor-button:hover { background: var(--sx-deep-red); border-color: var(--sx-deep-red); } .hfe-nav-menu__toggle { border-radius: 8px !important; color: var(--sx-red) !important; } /* Buttons keep real Elementor links, with a clear keyboard focus state. */ .servixa-button .elementor-button { min-height: 48px; padding: 14px 23px; border: 1px solid transparent; border-radius: 8px; font-size: 14px; font-weight: 750; letter-spacing: .005em; box-shadow: 0 8px 20px rgba(17,24,32,.13); transition: transform .22s ease, box-shadow .22s ease, color .22s ease, background-color .22s ease, border-color .22s ease; } .servixa-button .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 13px 26px rgba(17,24,32,.2); } .servixa-button .elementor-button:focus-visible, #servixa-header-nav a.hfe-menu-item:focus-visible, .elementor-accordion .elementor-tab-title:focus-visible { outline: 3px solid #F1A0AE !important; outline-offset: 3px; } #hero-actions .elementor-element-b06a103 .elementor-button { background: transparent; border-color: rgba(255,255,255,.4); color: var(--sx-white); box-shadow: none; } #hero-actions .elementor-element-b06a103 .elementor-button:hover { border-color: var(--sx-white); background: rgba(255,255,255,.1); } /* Hero: generous but controlled split, dark lighting, and framed replaceable media. */ #home-hero { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 82% 20%, rgba(200,16,46,.22), transparent 29%), radial-gradient(ellipse at 3% 100%, rgba(115,139,169,.13), transparent 33%), linear-gradient(118deg, #0D121A 0%, #17212B 59%, #111820 100%) !important; } #home-hero:before { content: ""; position: absolute; z-index: -1; top: -280px; right: 2%; width: min(55vw,760px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.065); border-radius: 50%; box-shadow: 0 0 0 34px rgba(255,255,255,.018), 0 0 0 88px rgba(200,16,46,.035); pointer-events: none; } #hero-copy { color: #E7EBF0; } #hero-copy h6 { display: inline-flex; align-items: center; gap: 10px; margin: 0; color: #FFE7EB !important; font-size: 12px !important; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } #hero-copy h6:before { content: ""; width: 25px; height: 2px; background: #F05A72; } #hero-copy h1 { max-width: 660px; color: var(--sx-white) !important; } #hero-copy .elementor-widget-text-editor { max-width: 620px; color: #CCD3DC !important; font-size: 16px; } #hero-actions .elementor-widget-button { display: inline-block; margin-right: 10px; } #hero-layout { max-width: 1240px; } #hero-art { position: relative; isolation: isolate; } #hero-art:before { content: ""; position: absolute; z-index: -1; inset: 6% -4% -5% 9%; border: 1px solid rgba(240,90,114,.55); border-radius: 34px 8px 34px 8px; transform: rotate(3deg); background: linear-gradient(145deg, rgba(200,16,46,.12), transparent 62%); } #hero-art .elementor-widget-image img { display: block; width: 100%; aspect-ratio: 1.38; object-fit: cover; border: 1px solid rgba(255,255,255,.3); border-radius: 28px 8px 28px 8px; box-shadow: 0 30px 70px rgba(0,0,0,.3); } #hero-highlights { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 8px; } #hero-highlights .elementor-widget-text-editor { width: auto !important; color: #E1E6EC !important; font-size: 12px; } #hero-highlights .elementor-widget-text-editor p:before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 8px 2px 0; border-radius: 50%; background: #E94460; } /* Service catalogue: image-led cards, compact details, and an editorial 3 + 2 grid. */ #services { background: var(--sx-off-white) !important; } #services-intro, #problems-intro, #why-intro, #process-intro, #location-intro, #gallery-intro, #guides-intro, #faq-intro { max-width: 850px; margin: 0 auto 24px; } #services-intro h6, #problems-intro h6, #why-intro h6, #process-intro h6, #location-intro h6, #gallery-intro h6, #guides-intro h6, #faq-intro h6 { margin: 0; color: var(--sx-red) !important; font-size: 11px !important; font-weight: 800; letter-spacing: .15em; } #services-grid { align-items: stretch; } #services-grid > .e-con { min-height: 476px; overflow: hidden; padding: 14px 14px 20px; border: 1px solid #E2E6EC; border-radius: 20px 8px 20px 8px; background: var(--sx-white); box-shadow: none; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; } #services-grid > .e-con:hover { transform: translateY(-5px); border-color: rgba(200,16,46,.52); box-shadow: 0 17px 38px rgba(17,24,32,.11); } #services-grid > .e-con > .elementor-widget-image { margin-bottom: 2px; } #services-grid > .e-con > .elementor-widget-image img { display: block; width: 100%; aspect-ratio: 1.55; object-fit: cover; border-radius: 15px 5px 15px 5px; transition: transform .35s ease; } #services-grid > .e-con:hover > .elementor-widget-image img { transform: scale(1.025); } #services-grid > .e-con > .elementor-widget-icon { margin: 1px 0 -5px; } #services-grid > .e-con .elementor-icon { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid rgba(200,16,46,.2); border-radius: 50%; background: #FFF5F6; color: var(--sx-red) !important; font-size: 14px; } #services-grid > .e-con h3 { margin: 0; letter-spacing: -.025em; } #services-grid > .e-con .elementor-widget-text-editor { color: var(--sx-copy) !important; font-size: 13px; line-height: 1.65; } #services-grid > .e-con .elementor-widget-button { margin-top: auto; } #services-grid > .e-con .elementor-widget-button .elementor-button { min-height: 34px; padding: 5px 0; border: 0; border-radius: 0; background: transparent !important; color: var(--sx-red) !important; box-shadow: none; font-size: 13px; } #services-grid > .e-con .elementor-widget-button .elementor-button:after { content: "→"; margin-left: 9px; font-size: 17px; transition: transform .2s ease; } #services-grid > .e-con .elementor-widget-button .elementor-button:hover { transform: none; box-shadow: none; color: var(--sx-deep-red) !important; } #services-grid > .e-con .elementor-widget-button .elementor-button:hover:after { transform: translateX(4px); } /* Asymmetric About composition and compact factual service notes. */ #about { position: relative; overflow: hidden; } #about-image { position: relative; isolation: isolate; } #about-image:before { content: ""; position: absolute; z-index: -1; inset: 9% 10% -5% -6%; border-radius: 28px 8px 28px 8px; background: linear-gradient(145deg, #FCE3E7, #F8F9FB 65%); } #about-image:after { content: ""; position: absolute; z-index: -1; right: -18px; bottom: -16px; width: 92px; height: 92px; border-right: 2px solid var(--sx-red); border-bottom: 2px solid var(--sx-red); } #about-image img { display: block; width: 100%; aspect-ratio: 1.12; object-fit: cover; border-radius: 24px 7px 24px 7px; } #about-copy h6 { color: var(--sx-red) !important; font-size: 11px !important; font-weight: 800; letter-spacing: .15em; } #about-copy h2 { max-width: 550px; } #about-copy .elementor-widget-text-editor { color: var(--sx-copy) !important; font-size: 15px; } #about-facts { padding-top: 6px; padding-bottom: 8px; border-top: 1px solid var(--sx-line); border-bottom: 1px solid var(--sx-line); } #about-facts > .e-con { min-width: 155px; padding: 6px 5px; } #about-facts .elementor-icon { color: var(--sx-red) !important; font-size: 16px; } #about-facts .elementor-widget-text-editor { font-size: 11px; line-height: 1.48; } #about-facts strong { color: var(--sx-heading); font-size: 12px; } /* Appliance problem grid: five individually identifiable, editable icon tiles. */ #common-problems { position: relative; overflow: hidden; } #common-problems:before { content: ""; position: absolute; top: 9%; right: -70px; width: 220px; height: 220px; border: 1px solid rgba(200,16,46,.12); border-radius: 50%; box-shadow: 0 0 0 28px rgba(200,16,46,.035); pointer-events: none; } #problems-grid { align-items: stretch; } #problems-grid > .e-con { min-height: 220px; padding: 24px 23px 22px; border: 1px solid #DEE3EA; border-radius: 8px 19px 8px 19px; background: rgba(255,255,255,.86); transition: transform .22s ease, border-color .22s ease, background-color .22s ease; } #problems-grid > .e-con:hover { transform: translateY(-3px); border-color: rgba(200,16,46,.48); background: var(--sx-white); } #problems-grid .elementor-icon { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 13px; background: #FFF0F2; color: var(--sx-red) !important; font-size: 18px; } #problems-grid h3 { margin: 4px 0 0; } #problems-grid .elementor-widget-text-editor { font-size: 13px; line-height: 1.58; } #common-problems .elementor-widget-button { margin-top: 24px; } /* Why Servixa: a distinct charcoal feature band with four meaningful icons. */ #why-servixa { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 100% 0%, rgba(200,16,46,.17), transparent 35%), linear-gradient(120deg, #0D121A, #151E28 72%, #111820) !important; } #why-servixa:after { content: ""; position: absolute; z-index: -1; right: -140px; bottom: -240px; width: 460px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; box-shadow: 0 0 0 30px rgba(255,255,255,.018), 0 0 0 72px rgba(200,16,46,.025); } #why-intro h6 { color: #F06B7F !important; } #why-intro h2 { color: var(--sx-white) !important; } #why-grid > .e-con { position: relative; min-height: 240px; padding: 28px 24px 24px; border-top: 1px solid rgba(255,255,255,.24); background: transparent; } #why-grid > .e-con:before { content: ""; position: absolute; top: -1px; left: 0; width: 42px; height: 2px; background: #E23C56; } #why-grid .elementor-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border: 1px solid rgba(240,90,114,.38); border-radius: 15px 6px 15px 6px; background: rgba(200,16,46,.13); color: #FF8193 !important; font-size: 20px; } #why-grid h3 { color: var(--sx-white) !important; } #why-grid .elementor-widget-text-editor { color: #C3CBD4 !important; font-size: 13px; line-height: 1.6; } /* Three-step process: open editorial timeline, connected on wide screens. */ #our-process { position: relative; } #process-timeline { position: relative; align-items: stretch; } #process-timeline > .e-con { position: relative; min-height: 250px; padding: 23px 24px 22px; border-top: 1px solid #D8DEE6; background: transparent; } #process-timeline > .e-con:before { content: ""; position: absolute; top: -5px; left: 24px; width: 9px; height: 9px; border: 2px solid var(--sx-red); border-radius: 50%; background: var(--sx-off-white); box-shadow: 0 0 0 5px rgba(200,16,46,.09); } #process-timeline .elementor-heading-title { margin: 0; } #process-timeline .elementor-widget-heading:first-child h2 { color: rgba(200,16,46,.22) !important; font-size: clamp(3.4rem,6vw,5rem) !important; line-height: .95 !important; font-weight: 800; letter-spacing: -.08em; } #process-timeline .elementor-icon { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; background: #FFF0F2; color: var(--sx-red) !important; } #process-timeline h3 { margin: -9px 0 0; } #process-timeline .elementor-widget-text-editor { max-width: 320px; font-size: 13px; } /* Editorial washer and refrigerator feature, with offset replaceable image panels. */ #appliance-feature { background: var(--sx-off-white) !important; } #feature-images { min-height: 390px; } #feature-images > .e-con:first-child { width: 57% !important; margin-right: -7%; } #feature-images > .e-con:last-child { width: 48% !important; margin-top: 72px; } #feature-images .elementor-widget-image img { display: block; width: 100%; aspect-ratio: .95; object-fit: cover; border: 7px solid var(--sx-white); border-radius: 22px 7px 22px 7px; box-shadow: 0 18px 42px rgba(17,24,32,.12); } #feature-images > .e-con:last-child img { aspect-ratio: .86; } #feature-copy h6 { color: var(--sx-red) !important; font-size: 11px !important; font-weight: 800; letter-spacing: .14em; } #feature-copy h2 { max-width: 540px; } #feature-copy .elementor-widget-text-editor { color: var(--sx-copy) !important; } /* Location: compact split composition and a 2 x 2 contact-information panel. */ #location { position: relative; overflow: hidden; } #location-intro h6 { color: var(--sx-red) !important; } #location-intro h2 { max-width: 430px; } #location-intro .elementor-widget-text-editor { font-size: 14px; } #location-details { padding: 26px; border: 1px solid #DDE3EA; border-radius: 24px 8px 24px 8px; background: var(--sx-white); box-shadow: 0 15px 44px rgba(17,24,32,.07); } #location-details > .e-con { min-height: 132px; padding: 16px 15px; border-left: 1px solid #E6EAF0; } #location-details .elementor-icon { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 11px; background: #FFF1F3; color: var(--sx-red) !important; font-size: 15px; } #location-details h3 { margin: 3px 0 0; font-size: 15px !important; } #location-details .elementor-widget-text-editor { overflow-wrap: anywhere; font-size: 12px; line-height: 1.5; } #location-details a { color: var(--sx-red); text-decoration-thickness: 1px; text-underline-offset: 3px; } /* Gallery: one large feature image and three supporting frames. */ #gallery { overflow: hidden; } #gallery-grid { display: grid !important; grid-template-columns: 1.18fr .91fr .91fr; grid-template-rows: 220px 220px; align-items: stretch; gap: 16px; } #gallery-grid > .e-con { position: relative; min-width: 0; width: auto !important; height: 100%; min-height: 0; padding: 0; overflow: hidden; border-radius: 18px 6px 18px 6px; background: #E6EAF0; } #gallery-grid > .e-con:nth-child(1) { grid-row: 1 / span 2; } #gallery-grid > .e-con:nth-child(4) { grid-column: 2 / span 2; } #gallery-grid .elementor-widget-image, #gallery-grid .elementor-widget-image > .elementor-widget-container { height: 100%; } #gallery-grid .elementor-widget-image img { display: block; width: 100%; height: 100%; min-height: 100%; aspect-ratio: auto; object-fit: cover; transition: transform .4s ease; } #gallery-grid > .e-con:hover .elementor-widget-image img { transform: scale(1.04); } #gallery-grid .elementor-widget-text-editor { position: absolute; right: 0; bottom: 0; left: 0; padding: 34px 16px 15px; color: var(--sx-white) !important; font-size: 12px; line-height: 1.4; background: linear-gradient(transparent, rgba(13,18,26,.8)); } #gallery-grid .elementor-widget-text-editor p { color: inherit; } /* Guides: editorial previews with a clear non-clickable coming-soon label. */ #guides { background: var(--sx-off-white) !important; } #guides-grid > .e-con { min-height: 450px; overflow: hidden; border: 1px solid #E0E5EB; border-radius: 7px 21px 7px 21px; background: var(--sx-white); transition: transform .22s ease, border-color .22s ease; } #guides-grid > .e-con:hover { transform: translateY(-4px); border-color: rgba(200,16,46,.46); } #guides-grid .elementor-widget-image img { display: block; width: 100%; aspect-ratio: 1.72; object-fit: cover; } #guides-grid > .e-con > .elementor-widget-heading, #guides-grid > .e-con > .elementor-widget-text-editor { margin-right: 22px; margin-left: 22px; } #guides-grid > .e-con > .elementor-widget-heading:nth-of-type(1) { margin-top: 20px; } #guides-grid > .e-con > .elementor-widget-heading h6 { color: var(--sx-red) !important; font-size: 10px !important; font-weight: 800; letter-spacing: .14em; } #guides-grid > .e-con > .elementor-widget-heading h3 { min-height: 56px; } #guides-grid .elementor-widget-text-editor { font-size: 13px; line-height: 1.6; } #guides-grid > .e-con > .elementor-widget-text-editor:last-child { margin-top: auto; padding-top: 14px; padding-bottom: 20px; color: var(--sx-red) !important; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } /* FAQ priority: preserve the native accessible Elementor accordion with custom cards. */ #faq { position: relative; overflow: hidden; } #faq:before { content: ""; position: absolute; top: 4%; left: -120px; width: 270px; aspect-ratio: 1; border: 1px solid rgba(200,16,46,.1); border-radius: 50%; box-shadow: 0 0 0 30px rgba(200,16,46,.025); pointer-events: none; } #faq-intro { margin-bottom: 28px; } #faq-intro h6 { color: var(--sx-red) !important; } #faq-intro h2 { font-size: clamp(2rem,3.3vw,2.8rem) !important; } #faq-intro .elementor-widget-text-editor { max-width: 700px; color: #5B6573; font-size: 15px; } #faq-accordion .elementor-accordion { display: grid; gap: 12px; } #faq-accordion .elementor-accordion-item { overflow: hidden; border: 1px solid #DCE2E9 !important; border-radius: 14px; background: #FFFFFF; box-shadow: 0 3px 11px rgba(17,24,32,.035); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } #faq-accordion .elementor-accordion-item:has(.elementor-tab-title.elementor-active) { border-color: rgba(200,16,46,.44) !important; box-shadow: 0 9px 24px rgba(17,24,32,.08); } #faq-accordion .elementor-tab-title { display: flex; flex-direction: row-reverse; min-height: 70px; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 24px !important; border: 0 !important; color: #202833 !important; font-size: clamp(16px,1.3vw,18px) !important; font-weight: 700 !important; line-height: 1.4; text-align: left; } #faq-accordion .elementor-tab-title.elementor-active { color: var(--sx-heading) !important; } #faq-accordion .elementor-accordion-icon { display: inline-flex; width: 30px; height: 30px; flex: 0 0 30px; align-items: center; justify-content: center; border-radius: 50%; background: #FFF0F2; color: var(--sx-red) !important; font-size: 13px; } #faq-accordion .elementor-tab-content { padding: 0 24px 22px !important; border: 0 !important; color: #515D6D; font-size: 15px; line-height: 1.72; } #faq-accordion .elementor-tab-title.elementor-active + .elementor-tab-content { position: relative; } #faq-accordion .elementor-tab-title.elementor-active + .elementor-tab-content:before { content: ""; position: absolute; top: -7px; right: 24px; left: 24px; height: 1px; background: #EDF0F4; } /* Conversion banner and global footer. */ #contact { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 92% 0%, rgba(255,255,255,.11), transparent 35%), linear-gradient(115deg, #A50E26, #C8102E 62%, #A50E26) !important; } #contact:after { content: ""; position: absolute; z-index: -1; right: 6%; bottom: -250px; width: 390px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,255,255,.04), 0 0 0 66px rgba(255,255,255,.025); } #contact h2, #contact h3 { color: var(--sx-white) !important; } #contact .elementor-widget-text-editor { color: rgba(255,255,255,.88) !important; } #cta-actions { justify-content: center; } #cta-actions .elementor-widget-button:nth-child(2) .elementor-button { border-color: rgba(255,255,255,.7); background: var(--sx-white); color: var(--sx-deep-red); } #cta-actions .elementor-widget-button:nth-child(2) .elementor-button:hover { background: #F7E6E9; } #colophon, #servixa-site-footer { background: var(--sx-charcoal) !important; color: #D8E0E8; } #servixa-site-footer .elementor-widget-heading h2, #servixa-site-footer .elementor-widget-heading h3 { color: var(--sx-white) !important; } #servixa-site-footer .elementor-widget-heading h3 { padding-bottom: 11px; border-bottom: 1px solid rgba(200,16,46,.52); font-size: 15px !important; letter-spacing: -.01em; } #servixa-site-footer .elementor-widget-text-editor, #servixa-site-footer .elementor-widget-text-editor p { color: #D0D7E0 !important; font-size: 12px; line-height: 1.72; } #servixa-site-footer a { color: #E9EDF2 !important; text-decoration-color: rgba(233,237,242,.25); text-underline-offset: 3px; transition: color .2s ease, text-decoration-color .2s ease; } #servixa-site-footer a:hover { color: #FF9AAA !important; text-decoration-color: #FF9AAA; } #servixa-footer-brand .elementor-widget-image { width: fit-content; max-width: 100%; padding: 10px 12px; border-radius: 9px; background: #FFFFFF; } #servixa-footer-brand img { display: block; width: min(100%,240px); height: auto; } #servixa-footer-copyright { margin-top: 42px; text-align: center; } @media (min-width: 1025px) { #process-timeline:before { content: ""; position: absolute; top: 4px; right: 16.4%; left: 16.4%; height: 1px; background: #D8DEE6; } } @media (min-width: 768px) and (max-width: 1024px) { #servixa-header-main { height: 78px !important; min-height: 78px !important; } #servixa-header-nav .hfe-nav-menu { gap: 12px; } #servixa-header-nav a.hfe-menu-item { font-size: 12px; } #services-grid > .e-con { min-height: 490px; } #gallery-grid { grid-template-rows: 190px 190px; } #location-inner { gap: 28px !important; } #location-intro { width: 100% !important; } #location-details { width: 100% !important; } } @media (max-width: 767px) { html { scroll-behavior: auto; } #servixa-header-top { height: 40px !important; min-height: 40px !important; padding: 0 16px !important; flex-wrap: nowrap !important; } #servixa-header-top .elementor-element-2e2886e { display: none !important; } #servixa-header-top .elementor-element-5fe94c0, #servixa-header-top .elementor-element-78257cd { width: calc(50% - 8px) !important; } #servixa-header-top .elementor-widget-text-editor, #servixa-header-top .elementor-widget-text-editor a { font-size: 10px; } #servixa-header-main { position: relative; display: flex; width: 100%; height: 78px !important; min-height: 78px !important; flex-wrap: nowrap; gap: 0; padding: 8px 18px !important; overflow: visible; } #servixa-header-logo { order: 1; width: 46% !important; flex: 0 0 46% !important; } #servixa-header-logo img { width: min(100%,150px); } #servixa-header-cta { order: 2; width: 38% !important; flex: 0 0 38% !important; text-align: right; } #servixa-header-cta .elementor-button { min-height: 42px; max-width: 100%; padding: 10px 7px; font-size: 12px; white-space: nowrap; } #servixa-header-nav { order: 3; width: 16% !important; flex: 0 0 16% !important; display: flex; justify-content: flex-end; position: static; } #servixa-header-nav .elementor-widget-navigation-menu, #servixa-header-nav .elementor-widget-container, #servixa-header-nav .hfe-nav-menu { position: static !important; width: 100% !important; overflow: visible; } #servixa-header-nav .hfe-nav-menu__toggle { width: 44px; min-width: 44px; padding: 6px !important; } #servixa-header-nav nav.hfe-nav-menu__layout-horizontal { position: absolute !important; top: calc(100% - 1px) !important; right: 12px !important; left: 12px !important; z-index: 1000; width: auto !important; max-width: none !important; margin: 0 !important; transform: none !important; } #servixa-header-nav nav.hfe-nav-menu__layout-horizontal ul.hfe-nav-menu { position: static !important; display: flex !important; width: 100% !important; flex-direction: column !important; transform: none !important; background: #FFFFFF; } #servixa-header-nav nav.hfe-nav-menu__layout-horizontal li { width: 100% !important; } #servixa-header-nav .hfe-nav-menu a.hfe-menu-item { padding: 12px 13px; } #home-hero, #services, #about, #common-problems, #why-servixa, #our-process, #appliance-feature, #location, #gallery, #guides, #faq, #contact { padding-right: 20px !important; padding-left: 20px !important; } #home-hero { padding-top: 62px !important; padding-bottom: 66px !important; } #home-hero h1 { font-size: clamp(2.35rem,10vw,3.1rem) !important; } #hero-copy .elementor-widget-text-editor { font-size: 14px; } #hero-actions .elementor-widget-button { margin-right: 5px; margin-bottom: 2px; } #hero-copy .elementor-button { min-height: 44px; padding: 12px 15px; font-size: 12px; } #hero-art { margin-top: 18px; } #hero-art .elementor-widget-image img { aspect-ratio: 1.24; } #services, #about, #common-problems, #why-servixa, #our-process, #appliance-feature, #location, #gallery, #guides, #faq { padding-top: 66px !important; padding-bottom: 68px !important; } #services-grid > .e-con { min-height: auto; padding: 13px 13px 17px; } #services-grid > .e-con .elementor-widget-button { margin-top: 0; } #about-layout { gap: 30px !important; } #about-image img { aspect-ratio: 1.15; } #about-facts > .e-con { width: 100% !important; } #problems-grid > .e-con { min-height: auto; padding: 20px; } #why-grid > .e-con { min-height: 0; padding: 22px 8px; } #process-timeline > .e-con { min-height: 0; padding: 19px 18px 22px; } #feature-layout { gap: 22px !important; } #feature-images { min-height: 0; } #feature-images > .e-con:first-child { width: 57% !important; margin-right: -7%; } #feature-images > .e-con:last-child { width: 48% !important; margin-top: 42px; } #location-inner { gap: 22px !important; } #location-details { width: 100% !important; padding: 14px; } #location-details > .e-con { min-height: 0; width: 100% !important; padding: 13px; border-left: 0; border-bottom: 1px solid #E6EAF0; } #gallery-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 210px 155px 155px; gap: 10px; } #gallery-grid > .e-con:nth-child(1) { grid-row: 1 / span 2; } #gallery-grid > .e-con:nth-child(4) { grid-column: 2; } #guides-grid > .e-con { min-height: 0; } #guides-grid > .e-con > .elementor-widget-heading, #guides-grid > .e-con > .elementor-widget-text-editor { margin-right: 17px; margin-left: 17px; } #guides-grid > .e-con > .elementor-widget-heading h3 { min-height: 0; } #faq-inner { width: 100% !important; } #faq-intro .elementor-widget-text-editor { font-size: 14px; } #faq-accordion .elementor-tab-title { min-height: 62px; gap: 13px; padding: 17px 17px !important; font-size: 16px !important; } #faq-accordion .elementor-tab-content { padding: 0 17px 18px !important; font-size: 14px; } #faq-accordion .elementor-tab-title.elementor-active + .elementor-tab-content:before { right: 17px; left: 17px; } #cta-actions { gap: 8px !important; } #cta-actions .elementor-button { min-height: 44px; padding: 12px 15px; font-size: 12px; } #servixa-footer-columns > .e-con { width: 100% !important; } #servixa-footer-copyright { margin-top: 22px; } } @media (max-width: 380px) { #servixa-header-top { padding-right: 11px !important; padding-left: 11px !important; } #servixa-header-main { padding-right: 14px !important; padding-left: 14px !important; } #servixa-header-cta .elementor-button { padding-right: 10px; padding-left: 10px; font-size: 11px; } #home-hero, #services, #about, #common-problems, #why-servixa, #our-process, #appliance-feature, #location, #gallery, #guides, #faq, #contact { padding-right: 16px !important; padding-left: 16px !important; } #faq-accordion .elementor-tab-title { font-size: 15px !important; } } @media (prefers-reduced-motion: reduce) { *, *:before, *:after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* Targeted premium correction pass: keep the existing Elementor content editable. */ @media (min-width: 1025px) { #about-layout { display: grid !important; grid-template-columns: minmax(0, .94fr) minmax(0, 1fr) !important; align-items: center !important; column-gap: clamp(42px, 5vw, 76px) !important; row-gap: 0 !important; } #about-layout > #about-image, #about-layout > #about-copy { width: auto !important; min-width: 0 !important; } #about-image { grid-column: 1; grid-row: 1; } #about-copy { grid-column: 2; grid-row: 1; } #location-inner { display: block !important; } #location-inner > .e-con-inner { display: grid !important; width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr) !important; align-items: center !important; column-gap: clamp(38px, 5vw, 72px) !important; row-gap: 0 !important; } #location-inner > .e-con-inner > #location-intro, #location-inner > .e-con-inner > #location-details { width: 100% !important; min-width: 0 !important; } } #problems-grid .elementor-icon { width: 58px; height: 58px; border: 1px solid rgba(255,255,255,.78); border-radius: 17px 7px 17px 7px; background: linear-gradient(145deg, #D82440, #A50E26); color: #FFFFFF !important; font-size: 25px; box-shadow: 0 8px 18px rgba(165,14,38,.22), 0 0 0 5px rgba(200,16,46,.075); } #problems-grid .elementor-icon svg path, #why-grid .elementor-icon svg path, #location-details .elementor-icon svg path { fill: #FFFFFF !important; } #problems-grid > .e-con { padding-top: 27px; } #problems-grid > .e-con:hover .elementor-icon { transform: translateY(-2px); box-shadow: 0 11px 22px rgba(165,14,38,.28), 0 0 0 6px rgba(200,16,46,.09); } #problems-grid .elementor-icon { transition: transform .2s ease, box-shadow .2s ease; } #why-grid .elementor-icon { width: 58px; height: 58px; border: 1px solid rgba(255,255,255,.52); border-radius: 18px 7px 18px 7px; background: linear-gradient(145deg, #E02A46, #A50E26); color: #FFFFFF !important; font-size: 25px; box-shadow: 0 8px 22px rgba(0,0,0,.24), 0 0 0 5px rgba(226,60,86,.16); } #location-details { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; padding: clamp(18px, 2.2vw, 28px); border: 1px solid rgba(200,16,46,.16); border-radius: 26px 9px 26px 9px; background: linear-gradient(145deg, #FFFFFF, #FFF9FA 100%); box-shadow: 0 20px 54px rgba(17,24,32,.10), 0 4px 14px rgba(200,16,46,.045); } #location-details > .e-con { width: 100% !important; min-width: 0 !important; min-height: 154px; padding: 18px 17px; border: 1px solid #F0E4E7; border-radius: 17px 7px 17px 7px; background: #FFFFFF; box-shadow: 0 5px 16px rgba(17,24,32,.045); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } #location-details > .e-con:hover { transform: translateY(-3px); border-color: rgba(200,16,46,.32); box-shadow: 0 10px 24px rgba(17,24,32,.075); } #location-details .elementor-icon { width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.8); border-radius: 14px 6px 14px 6px; background: linear-gradient(145deg, #D82440, #A50E26); color: #FFFFFF !important; font-size: 20px; box-shadow: 0 6px 15px rgba(165,14,38,.2), 0 0 0 4px rgba(200,16,46,.065); } #location-details h3 { margin-top: 11px; font-size: 15px !important; font-weight: 800; } #location-details .elementor-widget-text-editor { color: #46515F; font-size: 13px; line-height: 1.58; } #location-details a { color: #A50E26 !important; font-weight: 700; } #location { background: linear-gradient(135deg, #FFFFFF 0%, #FFF8F9 100%) !important; } #location-intro { width: 100% !important; max-width: none !important; margin: 0 !important; } #location-intro { align-items: flex-start !important; text-align: left !important; } #location-intro h6, #location-intro h2, #location-intro .elementor-widget-text-editor { text-align: left !important; } #location-intro h2 { max-width: 470px; } #location-intro .elementor-widget-text-editor { max-width: 490px; } #faq-accordion .elementor-tab-title.elementor-active, #faq-accordion .elementor-tab-title.elementor-active a, #faq-accordion .elementor-tab-title.elementor-active span, #faq-accordion .elementor-tab-title.elementor-active i { color: #171B22 !important; } #faq-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon, #faq-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i { color: #C8102E !important; } #faq-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon svg { fill: #C8102E !important; color: #C8102E !important; } @media (max-width: 1024px) { #about-layout { display: flex !important; flex-direction: column !important; align-items: stretch !important; } #about-layout > #about-image, #about-layout > #about-copy { width: 100% !important; min-width: 0 !important; } #location-inner { display: block !important; } #location-inner > .e-con-inner { display: flex !important; width: 100% !important; max-width: 900px !important; flex-direction: column !important; align-items: stretch !important; gap: 28px !important; } #location-inner > .e-con-inner > #location-intro, #location-inner > .e-con-inner > #location-details { width: 100% !important; min-width: 0 !important; } } @media (max-width: 767px) { #problems-grid .elementor-icon { width: 54px; height: 54px; font-size: 23px; } #why-grid .elementor-icon { width: 54px; height: 54px; font-size: 23px; } #location-details { padding: 13px; } #location-details { grid-template-columns: minmax(0, 1fr) !important; } #location-details > .e-con { min-height: 0; } } /* Phase 2 quality system: shared components, scoped inner-page contrast, and responsive layouts. */ .sx2-section { width:100%; min-width:0; box-sizing:border-box; } .sx2-section:not(.sx2-hero):not(.sx2-cta-section) { padding:clamp(54px,6.7vw,88px) 24px !important; } .sx2-section-inner { width:100%; max-width:1200px; margin:0 auto; min-width:0; } .sx2-section-inner > .e-con-inner { width:100%; min-width:0; gap:28px; } .sx2-section-intro { width:100%; max-width:790px; margin:0 auto 16px; text-align:center; } .sx2-section-intro .elementor-widget-heading:first-child h6, .sx2-hero .sx2-hero-copy .elementor-widget-heading:first-of-type h6 { margin:0 0 10px; color:#C8102E !important; font-size:11px !important; font-weight:800; letter-spacing:.15em; } .sx2-section-intro h2 { margin:0; color:#171B22 !important; font-size:clamp(1.85rem,3.1vw,2.65rem) !important; line-height:1.16 !important; } .sx2-section-intro .elementor-widget-text-editor { max-width:760px; margin:12px auto 0; color:#515D6D !important; font-size:15px; line-height:1.72; } .sx2-section-intro p { margin:0; } .sx2-section .elementor-widget-heading h3 { font-size:clamp(1.05rem,1.35vw,1.28rem) !important; line-height:1.3 !important; } .sx2-hero { padding:0 !important; overflow:hidden; background:radial-gradient(ellipse at 85% 10%,rgba(200,16,46,.17),transparent 31%),linear-gradient(118deg,#0D121A,#17212B 63%,#111820) !important; } .sx2-inner-hero { width:100%; max-width:1280px; min-height:0 !important; margin:0 auto; padding:clamp(58px,6.5vw,88px) 28px !important; box-sizing:border-box; } .sx2-inner-hero > .e-con-inner { display:grid !important; width:100%; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); align-items:center; gap:clamp(36px,5.5vw,78px); } .sx2-inner-hero > .e-con-inner > .sx2-hero-copy, .sx2-inner-hero > .e-con-inner > .sx2-hero-image { width:100% !important; min-width:0 !important; padding:0 !important; } .sx2-hero-copy { width:100%; min-width:0; padding:0 !important; color:#DCE3EC !important; } .sx2-hero-copy .elementor-widget-heading:first-of-type h6 { margin:0 0 14px; color:#FF8A9B !important; font-size:11px !important; font-weight:800; letter-spacing:.15em; } .sx2-hero-copy .elementor-widget-heading h1 { max-width:760px; margin:0; color:#FFFFFF !important; font-size:clamp(2.45rem,4.2vw,3.6rem) !important; line-height:1.06 !important; letter-spacing:-.04em; } .sx2-hero-copy .elementor-widget-text-editor { max-width:690px; color:#DCE3EC !important; font-size:16px; line-height:1.72; } .sx2-hero-copy .elementor-widget-text-editor p { margin:0; } .sx2-hero .sx2-breadcrumb { margin-bottom:18px; color:#DCE3EC; font-size:12px; } .sx2-hero .sx2-breadcrumb a { color:#FFFFFF; text-decoration:none; text-underline-offset:3px; } .sx2-hero .sx2-breadcrumb a:hover { color:#FF9AAA; text-decoration:underline; } .sx2-hero-image { position:relative; min-width:0; } .sx2-hero-image:before { content:""; position:absolute; z-index:0; inset:8% -3% -4% 8%; border:1px solid rgba(240,90,114,.55); border-radius:24px 7px 24px 7px; background:linear-gradient(145deg,rgba(200,16,46,.12),transparent 65%); pointer-events:none; } .sx2-hero-image .elementor-widget-image { position:relative; z-index:1; } .sx2-hero-image img { display:block; width:100%; max-height:410px; aspect-ratio:1.35; object-fit:contain; padding:12px; border:1px solid rgba(255,255,255,.28); border-radius:22px 7px 22px 7px; background:#FFFFFF; box-shadow:0 24px 60px rgba(0,0,0,.24); } .servixa-button .elementor-button { min-height:48px; padding:13px 22px; border-radius:9px; font-size:14px; font-weight:750; transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease; } .servixa-button .elementor-button:hover { transform:translateY(-2px); } .servixa-button .elementor-button:focus-visible,.sx2-contact-form :focus-visible,.sx2-blog-more:focus-visible { outline:3px solid #F1A0AE !important; outline-offset:3px; } .sx2-grid { width:100%; min-width:0; align-items:stretch; gap:20px; } .sx2-card { position:relative; display:flex; flex-direction:column; min-width:0; height:100%; overflow:hidden; padding:25px; border:1px solid #E2E6EC; border-radius:18px 7px 18px 7px; background:#FFFFFF; box-shadow:0 9px 26px rgba(17,24,32,.055); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; } .sx2-card:hover { transform:translateY(-4px); border-color:rgba(200,16,46,.38); box-shadow:0 17px 36px rgba(17,24,32,.11); } .sx2-card .elementor-widget-icon { margin:0 0 11px; } .sx2-card .elementor-icon { display:inline-flex; width:60px; height:60px; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.86) !important; border-radius:17px 7px 17px 7px; background:linear-gradient(145deg,#D82440,#A50E26) !important; color:#FFFFFF !important; box-shadow:0 8px 20px rgba(165,14,38,.2),0 0 0 5px rgba(200,16,46,.065); transition:transform .2s ease,box-shadow .2s ease; } .sx2-card .elementor-icon i,.sx2-card .elementor-icon svg { color:#FFFFFF !important; fill:#FFFFFF !important; font-size:25px; } body.page-id-36 .elementor-36 .sx2-section .sx2-card .elementor-icon, body.page-id-37 .elementor-37 .sx2-section .sx2-card .elementor-icon, body.page-id-38 .elementor-38 .sx2-section .sx2-card .elementor-icon, body.page-id-39 .elementor-39 .sx2-section .sx2-card .elementor-icon, body.page-id-40 .elementor-40 .sx2-section .sx2-card .elementor-icon, body.page-id-41 .elementor-41 .sx2-section .sx2-card .elementor-icon, body.page-id-42 .elementor-42 .sx2-section .sx2-card .elementor-icon, body.page-id-43 .elementor-43 .sx2-section .sx2-card .elementor-icon { background-color:#A50E26 !important; background-image:linear-gradient(145deg,#D82440,#A50E26) !important; } /* Elementor's generated per-widget rules are loaded after this file. These page-scoped selectors intentionally outrank those rules so stacked icon widgets keep the red brand tile. */ body.page-id-36 .elementor-36 .sx2-card .elementor-widget-icon.elementor-view-stacked .elementor-icon, body.page-id-37 .elementor-37 .sx2-card .elementor-widget-icon.elementor-view-stacked .elementor-icon, body.page-id-38 .elementor-38 .sx2-card .elementor-widget-icon.elementor-view-stacked .elementor-icon, body.page-id-39 .elementor-39 .sx2-card .elementor-widget-icon.elementor-view-stacked .elementor-icon, body.page-id-40 .elementor-40 .sx2-card .elementor-widget-icon.elementor-view-stacked .elementor-icon, body.page-id-41 .elementor-41 .sx2-card .elementor-widget-icon.elementor-view-stacked .elementor-icon, body.page-id-42 .elementor-42 .sx2-card .elementor-widget-icon.elementor-view-stacked .elementor-icon, body.page-id-43 .elementor-43 .sx2-card .elementor-widget-icon.elementor-view-stacked .elementor-icon { background-color:#A50E26 !important; background-image:linear-gradient(145deg,#D82440,#A50E26) !important; color:#FFFFFF !important; } .sx2-card:hover .elementor-icon { transform:translateY(-2px); box-shadow:0 11px 23px rgba(165,14,38,.27),0 0 0 6px rgba(200,16,46,.08); } .sx2-card h3 { margin:0 0 8px; color:#171B22 !important; letter-spacing:-.02em; } .sx2-card .elementor-widget-text-editor { color:#515D6D !important; font-size:14px; line-height:1.68; } .sx2-card .elementor-widget-text-editor p { margin:0; } .sx2-card .elementor-widget-button { margin-top:auto; padding-top:16px; } .sx2-card .elementor-button { min-height:42px; } .sx2-card .sx2-list { margin:12px 0 0; padding:0; list-style:none; color:#46515F; font-size:13px; line-height:1.55; } .sx2-card .sx2-list li { position:relative; margin:0; padding:7px 0 7px 22px; border-top:1px solid #EEF0F3; } .sx2-card .sx2-list li:before { content:"✓"; position:absolute; left:0; color:#C8102E; font-weight:900; } .sx2-service-list,.sx2-service-list > .e-con-inner { display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:stretch; gap:20px; } .sx2-service-list > .sx2-card { grid-column:span 2; } .sx2-service-list > .sx2-card:nth-child(-n+2) { grid-column:span 3; } .sx2-service-list > .e-con-inner > .sx2-card:nth-child(-n+2) { grid-column:span 3; } .sx2-service-list > .e-con-inner > .sx2-card:nth-child(n+3) { grid-column:span 2; } .sx2-service-list .sx2-card .elementor-widget-image img { display:block; width:100%; max-height:210px; aspect-ratio:1.45; object-fit:contain; } .sx2-symptom-grid,.sx2-symptom-grid > .e-con-inner { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:18px; } .sx2-symptom-grid > .sx2-card { grid-column:auto; } .sx2-symptom-grid .sx2-card { min-height:225px; } .sx2-contact-cards,.sx2-contact-cards > .e-con-inner { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:16px; } .sx2-contact-cards > .sx2-card { grid-column:auto; } .sx2-service-list > .sx2-card,.sx2-symptom-grid > .sx2-card,.sx2-contact-cards > .sx2-card, .sx2-service-list > .e-con-inner > .sx2-card,.sx2-symptom-grid > .e-con-inner > .sx2-card,.sx2-contact-cards > .e-con-inner > .sx2-card { width:100% !important; min-width:0; flex:initial !important; } .sx2-contact-cards .sx2-card { min-height:155px; padding:22px; border-color:#F0DDE1; background:linear-gradient(145deg,#FFFFFF,#FFF8F9); } .sx2-contact-cards .elementor-icon { width:56px; height:56px; } .sx2-contact-cards h3 { margin:4px 0 5px; font-size:16px !important; } .sx2-contact-cards p { font-size:14px; line-height:1.55; } .sx2-contact-cards a,.sx2-card a:not(.elementor-button) { color:#A50E26; font-weight:750; text-decoration-color:rgba(165,14,38,.38); text-underline-offset:3px; overflow-wrap:anywhere; } .sx2-about-story > .e-con-inner { display:grid !important; grid-template-columns:minmax(0,.82fr) minmax(0,1fr); align-items:center; gap:clamp(34px,6vw,78px); } .sx2-about-image { min-width:0; padding:10px; border:1px solid rgba(200,16,46,.28); border-radius:26px 8px 26px 8px; background:linear-gradient(145deg,#FFF0F2,#F8F9FB); box-shadow:0 20px 52px rgba(17,24,32,.09); } .sx2-about-image img { display:block; width:100%; aspect-ratio:1.08; object-fit:contain; border-radius:18px 6px 18px 6px; background:#FFFFFF; } .sx2-about-copy { width:100%; max-width:680px; margin:0 !important; text-align:left; } .sx2-about-copy .elementor-widget-heading,.sx2-about-copy .elementor-widget-text-editor { text-align:left; } .sx2-about-copy .elementor-widget-text-editor { max-width:660px; margin:14px 0 0; color:#515D6D !important; font-size:16px; line-height:1.78; } body.page-id-36 #sx2-about-cta, body.page-id-37 #sx2-services-cta, body.page-id-38 #sx2-service-cta, body.page-id-39 #sx2-service-cta, body.page-id-40 #sx2-service-cta, body.page-id-41 #sx2-service-cta, body.page-id-42 #sx2-service-cta, body.page-id-43 #sx2-contact-cta { background-color:#111820 !important; background-image:radial-gradient(ellipse at 92% 0%,rgba(200,16,46,.22),transparent 36%),linear-gradient(116deg,#0D121A,#18222C 62%,#111820) !important; } .sx2-cta-section { padding:clamp(56px,6.5vw,82px) 24px !important; overflow:hidden; } .sx2-cta-section .sx2-section-inner > .e-con-inner { max-width:1040px; margin:0 auto; } .sx2-cta-section .sx2-section-intro { max-width:820px; margin:0 auto 22px; } .sx2-cta-section .sx2-section-intro h6,.sx2-cta-section .sx2-section-intro h2 { color:#FFFFFF !important; } .sx2-cta-section .sx2-section-intro h6 { color:#FF8799 !important; } .sx2-cta-section .sx2-section-intro .elementor-widget-text-editor, .sx2-cta-section .elementor-widget-text-editor,.sx2-cta-section .elementor-widget-text-editor p { color:#DCE3EC !important; } .sx2-cta-actions { justify-content:center; gap:10px; } .sx2-cta-actions .elementor-widget-button:nth-child(n+2) .elementor-button { border:1px solid rgba(255,255,255,.72); background:#FFFFFF; color:#A50E26; } .sx2-cta-actions .elementor-widget-button:nth-child(n+2) .elementor-button:hover { background:#F7E6E9; } .sx2-section .elementor-widget-accordion .elementor-accordion-item { overflow:hidden; border:1px solid #DEE3E9 !important; border-radius:14px; background:#FFFFFF; box-shadow:0 4px 14px rgba(17,24,32,.04); } .sx2-section .elementor-widget-accordion .elementor-tab-title, .sx2-section .elementor-widget-accordion .elementor-tab-title.elementor-active, .sx2-section .elementor-widget-accordion .elementor-tab-title.elementor-active a, .sx2-section .elementor-widget-accordion .elementor-tab-title.elementor-active span { color:#171B22 !important; } .sx2-section .elementor-widget-accordion .elementor-tab-title { padding:20px 22px !important; font-size:16px !important; font-weight:750; } .sx2-section .elementor-widget-accordion .elementor-tab-title.elementor-active { border-color:#E7C9CF !important; } .sx2-section .elementor-widget-accordion .elementor-accordion-icon { color:#C8102E !important; } .sx2-section .elementor-widget-accordion .elementor-tab-content { color:#515D6D; font-size:15px; line-height:1.72; } .sx2-shortcode-block { width:100%; max-width:940px; margin:24px auto 0; } .sx2-contact-form-wrap { max-width:960px; margin:24px auto 0; padding:clamp(20px,3.8vw,40px); border:1px solid #E8DDE0; border-radius:22px 8px 22px 8px; background:#FFFFFF; box-shadow:0 18px 48px rgba(17,24,32,.08); } .sx2-contact-form { width:100%; margin:0; } .sx2-contact-form fieldset { margin:0; padding:0; border:0; } .sx2-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 18px; } .sx2-form-grid p { min-width:0; margin:0 0 16px; } .sx2-form-grid .sx2-form-message { grid-column:1/-1; } .sx2-contact-form label { display:block; margin-bottom:7px; color:#20252D; font-size:14px; font-weight:750; } .sx2-contact-form input,.sx2-contact-form select,.sx2-contact-form textarea { box-sizing:border-box; width:100%; min-height:50px; padding:12px 14px; border:1px solid #D5DCE4; border-radius:9px; background:#FFFFFF; color:#303944; font:inherit; } .sx2-contact-form textarea { min-height:135px; resize:vertical; } .sx2-contact-form input:focus,.sx2-contact-form select:focus,.sx2-contact-form textarea:focus { border-color:#C8102E; outline:3px solid rgba(200,16,46,.13); } .sx2-contact-form :disabled { cursor:not-allowed; opacity:.7; } .sx2-form-consent { max-width:720px; color:#596574; font-size:13px; line-height:1.6; } .sx2-form-submit { min-height:48px; padding:0 23px; border:0; border-radius:9px; background:#AEB5BF; color:#FFFFFF; font:inherit; font-weight:750; } .sx2-form-notice { margin:0 0 20px; padding:15px 17px; border-radius:12px; font-size:14px; line-height:1.65; } .sx2-form-disabled { border:1px solid #E9C9CF; background:#FFF4F6; color:#4E3036; } .sx2-form-disabled a { color:#A50E26; font-weight:800; text-underline-offset:3px; } .sx2-form-error { border:1px solid #E8B4BD; background:#FFF5F6; color:#8B1C2D; } .sx2-blog-archive { width:100%; } .sx2-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:22px; width:100%; text-align:left; } .sx2-blog-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid #E2E6EC; border-radius:18px 7px 18px 7px; background:#FFFFFF; box-shadow:0 10px 28px rgba(17,24,32,.06); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; } .sx2-blog-card:hover { transform:translateY(-4px); border-color:rgba(200,16,46,.38); box-shadow:0 18px 36px rgba(17,24,32,.11); } .sx2-blog-media { display:block; overflow:hidden; aspect-ratio:16/10; background:#F5F6F8; } .sx2-blog-image { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; } .sx2-blog-card:hover .sx2-blog-image { transform:scale(1.035); } .sx2-blog-card-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:21px 22px 23px; } .sx2-blog-category { display:inline-block; margin-bottom:10px; color:#A50E26; font-size:10px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; } .sx2-blog-date { display:block; margin:0 0 8px; color:#667180; font-size:12px; font-weight:650; } .sx2-blog-card-title { margin:0 0 10px; color:#171B22; font-size:19px; line-height:1.35; } .sx2-blog-card-title a { color:inherit; text-decoration:none; } .sx2-blog-card-title a:hover { color:#A50E26; } .sx2-blog-excerpt { margin:0 0 15px; color:#515D6D; font-size:14px; line-height:1.68; } .sx2-blog-more { display:inline-flex; gap:8px; align-items:center; margin-top:auto; padding-top:8px; color:#A50E26; font-weight:800; text-decoration:none; } .sx2-blog-pagination { margin-top:30px; } .sx2-blog-pagination ul { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0; padding:0; list-style:none; } .sx2-blog-pagination a,.sx2-blog-pagination span { display:inline-flex; min-width:42px; min-height:42px; align-items:center; justify-content:center; padding:0 12px; border:1px solid #E5D3D7; border-radius:9px; color:#303640; text-decoration:none; } .sx2-blog-pagination .current { border-color:#C8102E; background:#C8102E; color:#FFFFFF; } body.single-post .sx2-article { max-width:1180px; margin:0 auto; padding:clamp(42px,6vw,78px) 24px 84px; } .sx2-article-header { max-width:880px; margin:0 auto 30px; text-align:center; } .sx2-article-breadcrumb { margin:0 0 22px; color:#687383; font-size:12px; } .sx2-article-breadcrumb a { color:#A50E26; text-decoration:none; } .sx2-article-label { margin:0 0 12px; color:#A50E26; font-size:11px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .sx2-article-title { margin:0 0 15px; color:#171B22; font-size:clamp(2.15rem,4.3vw,3.45rem); line-height:1.1; letter-spacing:-.04em; } .sx2-article-intro { margin:0 auto; max-width:760px; color:#515D6D; font-size:17px; line-height:1.7; } .sx2-article-date { display:block; margin-top:14px; color:#707B89; font-size:13px; } .sx2-article-featured { width:100%; max-width:980px; margin:0 auto 38px; overflow:hidden; border:1px solid #E4E7EB; border-radius:22px 8px 22px 8px; background:#F8F9FB; box-shadow:0 16px 40px rgba(17,24,32,.08); } .sx2-article-featured img { display:block; width:100%; max-height:500px; aspect-ratio:16/7; object-fit:cover; } .sx2-article-body { max-width:810px; margin:0 auto; color:#46515F; font-size:17px; line-height:1.82; } .sx2-article-body h2 { margin:2.1em 0 .7em; color:#171B22; font-size:clamp(1.5rem,2.6vw,2rem); line-height:1.28; } .sx2-article-body h3 { margin:1.6em 0 .6em; color:#202833; font-size:1.25rem; line-height:1.35; } .sx2-article-body p { margin:0 0 1.18em; } .sx2-article-body ul,.sx2-article-body ol { margin:0 0 1.3em; padding-left:1.4em; } .sx2-article-body li { margin:0 0 .5em; padding-left:.2em; } .sx2-article-body a { color:#A50E26; font-weight:750; text-underline-offset:3px; } .sx2-article-safety { margin:24px 0; padding:18px 20px; border:1px solid #EBC6CD; border-left:4px solid #C8102E; border-radius:12px 6px 12px 6px; background:linear-gradient(145deg,#FFF4F6,#FFFFFF); color:#343A44; box-shadow:0 7px 18px rgba(17,24,32,.05); } .sx2-safety-label { display:block; color:#A50E26; font-size:11px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; } .sx2-article-safety .sx2-article-safety-copy { margin:7px 0 0; color:#343A44; font-size:15px; line-height:1.72; } .sx2-article-related { max-width:980px; margin:58px auto 0; padding:32px; border:1px solid #F0DDE1; border-radius:20px 7px 20px 7px; background:linear-gradient(145deg,#FFF9FA,#FFFFFF); } .sx2-article-related h2 { margin:0 0 8px; color:#171B22; font-size:clamp(1.4rem,2.5vw,1.8rem); } .sx2-article-related p { color:#515D6D; line-height:1.7; } .sx2-article-actions { display:flex; flex-wrap:wrap; gap:11px; margin:16px 0 0; } .sx2-article-action { display:inline-flex; min-height:46px; align-items:center; padding:0 20px; border:1px solid #C8102E; border-radius:9px; background:#C8102E; color:#FFFFFF !important; font-size:14px; font-weight:800; text-decoration:none !important; } .sx2-article-action.secondary { background:#FFFFFF; color:#A50E26 !important; } .sx2-related-articles { max-width:1080px; margin:58px auto 0; } .sx2-related-articles h2 { margin:0 0 20px; color:#171B22; font-size:clamp(1.4rem,2.5vw,1.8rem); } .sx2-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .sx2-related-card { padding:19px; border:1px solid #E2E6EC; border-radius:14px 6px 14px 6px; background:#FFFFFF; } .sx2-related-card a { color:#171B22; font-weight:800; line-height:1.45; text-decoration:none; } .sx2-related-card a:hover { color:#A50E26; } .sx2-related-services { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:18px; } .sx2-process-layout > .e-con-inner { display:grid !important; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:center; gap:clamp(32px,5vw,68px); } .sx2-process-copy { max-width:none; margin:0; text-align:left; } .sx2-process-copy .elementor-widget-heading,.sx2-process-copy .elementor-widget-text-editor { text-align:left; } .sx2-process-copy .elementor-widget-text-editor { margin:12px 0 0; } .sx2-process-copy .elementor-widget-button { margin-top:20px; } .sx2-process-steps { display:flex !important; position:relative; flex-direction:column; gap:0 !important; counter-reset:sx2-step; } .sx2-process-step { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:76px; margin:0 !important; padding:13px 18px 13px 78px; border-bottom:1px solid #E7E9ED; background:#FFFFFF; } .sx2-process-step:first-child { border-radius:14px 7px 0 0; } .sx2-process-step:nth-last-child(2) { border-radius:0 0 14px 7px; } .sx2-process-step:before { content:counter(sx2-step,decimal-leading-zero); counter-increment:sx2-step; position:absolute; top:50%; left:15px; display:flex; width:42px; height:42px; align-items:center; justify-content:center; transform:translateY(-50%); border:2px solid #FFFFFF; border-radius:13px 5px 13px 5px; background:linear-gradient(145deg,#D82440,#A50E26); color:#FFFFFF; font-size:12px; font-weight:850; box-shadow:0 5px 14px rgba(165,14,38,.22); } .sx2-process-step:not(:nth-last-child(2)):after { content:""; position:absolute; z-index:1; top:calc(50% + 22px); bottom:-1px; left:35px; width:2px; background:#E7B6BF; } .sx2-process-number { position:absolute; top:50%; left:15px; width:42px; margin:0 !important; transform:translateY(-50%); } .sx2-process-number .elementor-heading-title { display:flex; width:42px; height:42px; align-items:center; justify-content:center; border:2px solid #FFFFFF; border-radius:13px 5px 13px 5px; background:linear-gradient(145deg,#D82440,#A50E26); color:#FFFFFF !important; font-size:12px !important; font-weight:850; box-shadow:0 5px 14px rgba(165,14,38,.22); } body.page-id-37 .elementor-37 .sx2-process-step { position:relative !important; padding:13px 18px 13px 78px !important; } body.page-id-37 .elementor-37 .sx2-process-step > .elementor-widget.sx2-process-number { position:absolute !important; z-index:2; top:50% !important; left:15px !important; width:42px !important; margin:0 !important; transform:translateY(-50%) !important; } .sx2-process-step h3 { margin:0 0 3px; color:#171B22 !important; font-size:15px !important; } .sx2-process-step .elementor-widget-text-editor,.sx2-process-step .elementor-widget-text-editor p { color:#515D6D !important; font-size:13px; line-height:1.55; } .sx2-process-step .elementor-widget-text-editor p { margin:0; } .sx2-process-safety { margin:15px 0 0; padding:14px 16px; border:1px solid #EBC3CA; border-left:4px solid #C8102E; border-radius:10px; background:#FFF4F6; color:#593A40 !important; font-size:13px; line-height:1.6; } .sx2-process-safety p { margin:0; color:#593A40 !important; } .sx2-safety-section { background:#FFF8F9 !important; } .sx2-safety-section .sx2-section-intro { max-width:960px; margin:0 auto; padding:27px 30px; border:1px solid #E8D0D5; border-left:5px solid #C8102E; border-radius:16px 7px 16px 7px; background:#FFFFFF; box-shadow:0 12px 28px rgba(17,24,32,.055); text-align:left; } .sx2-safety-section .sx2-section-intro .elementor-widget-heading,.sx2-safety-section .sx2-section-intro .elementor-widget-text-editor { text-align:left; } .sx2-contact-enquiry > .e-con-inner { display:grid !important; grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr); align-items:start; gap:clamp(32px,5vw,68px); } .sx2-contact-enquiry-copy { max-width:none; margin:0; padding:30px; border:1px solid #E7DDE0; border-radius:18px 7px 18px 7px; background:linear-gradient(145deg,#FFFFFF,#FFF8F9); box-shadow:0 12px 30px rgba(17,24,32,.06); text-align:left; } .sx2-contact-enquiry-copy .elementor-widget-heading,.sx2-contact-enquiry-copy .elementor-widget-text-editor { text-align:left; } .sx2-contact-enquiry-copy .elementor-widget-text-editor { margin:14px 0 0; } .sx2-contact-enquiry-copy .elementor-widget-text-editor a { color:#A50E26; font-weight:800; text-underline-offset:3px; } .sx2-contact-enquiry-copy .elementor-widget-button { margin-top:20px; } .sx2-contact-form-column { width:100%; min-width:0; } .sx2-contact-form-column .sx2-contact-form-wrap { margin:0; } .sx2-contact-services { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:stretch; gap:16px; } .sx2-contact-services > .sx2-card { width:100% !important; min-width:0; flex:initial !important; } .sx2-contact-services .sx2-card { padding:20px; } @media (min-width:768px) and (max-width:1024px) { .sx2-inner-hero { padding:58px 30px !important; } .sx2-inner-hero > .e-con-inner { grid-template-columns:minmax(0,1fr) minmax(260px,.85fr); gap:30px; } .sx2-about-story > .e-con-inner { grid-template-columns:minmax(0,1fr); gap:26px; } .sx2-about-image { max-width:700px; margin:0 auto; } .sx2-service-list,.sx2-service-list > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr)); } .sx2-service-list > .sx2-card:nth-child(n),.sx2-service-list > .e-con-inner > .sx2-card:nth-child(n) { grid-column:span 1; } .sx2-symptom-grid,.sx2-symptom-grid > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr)); } .sx2-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .sx2-process-layout > .e-con-inner,.sx2-contact-enquiry > .e-con-inner { grid-template-columns:minmax(0,1fr); } .sx2-process-copy { max-width:820px; } .sx2-contact-services { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (max-width:767px) { /* Page 43's inner hero artwork and CTA row must shrink with the phone viewport. */ body.page-id-43 .elementor-element-f35fe5d, body.page-id-43 .elementor-element-f35fe5d > .e-con-inner, body.page-id-43 .elementor-element-f35fe5d .e-con { box-sizing:border-box; min-width:0; max-width:100%; } body.page-id-43 .elementor-element-f35fe5d .elementor-widget-image, body.page-id-43 .elementor-element-f35fe5d .elementor-widget-image .elementor-widget-container { box-sizing:border-box; width:100%; min-width:0; max-width:100%; } body.page-id-43 .elementor-element-f35fe5d .elementor-widget-image img { display:block; width:100%; max-width:100%; height:auto; } body.page-id-43 .elementor-element-e560e86 { box-sizing:border-box; width:100%; max-width:100%; min-width:0; flex-direction:column !important; align-items:stretch; gap:10px; } body.page-id-43 .elementor-element-e560e86 .elementor-widget-button, body.page-id-43 .elementor-element-e560e86 .elementor-button { box-sizing:border-box; width:100%; max-width:100%; } body.page-id-43 { overflow-x:clip; } body.page-id-43 .e-con { box-sizing:border-box; width:100% !important; min-width:0 !important; max-width:100% !important; } body.page-id-43 .e-con-inner, body.page-id-43 .elementor-widget, body.page-id-43 .elementor-widget-container { box-sizing:border-box; min-width:0 !important; max-width:100% !important; } body.page-id-43 .elementor-element-f35fe5d .elementor-widget-heading h1 { font-size:clamp(1.65rem,7.2vw,2.2rem) !important; overflow-wrap:break-word; } body.page-id-43 .elementor-element-f35fe5d .e-con { overflow-wrap:anywhere; } body.page-id-43 #servixa-header-top { height:auto !important; min-height:40px !important; flex-wrap:wrap !important; } body.page-id-43 #servixa-header-top .elementor-widget-text-editor, body.page-id-43 #servixa-header-top .elementor-widget-text-editor a { font-size:9px !important; } .sx2-contact-enquiry > .e-con-inner { grid-template-columns:minmax(0,1fr); } .sx2-section:not(.sx2-hero):not(.sx2-cta-section) { padding:44px 20px !important; } .sx2-inner-hero { padding:46px 21px 54px !important; } .sx2-inner-hero > .e-con-inner { grid-template-columns:minmax(0,1fr); gap:25px; } .sx2-hero-copy .elementor-widget-heading h1 { font-size:clamp(2.05rem,9.2vw,2.75rem) !important; } .sx2-hero-copy .elementor-widget-text-editor { font-size:14px; } .sx2-hero-image { max-width:540px; margin:0 auto; } .sx2-hero-image img { max-height:300px; aspect-ratio:1.45; } .sx2-section-inner > .e-con-inner { gap:22px; } .sx2-section-intro { margin-bottom:8px; } .sx2-section-intro .elementor-widget-text-editor { font-size:14px; } .sx2-grid { gap:14px; } .sx2-service-list,.sx2-service-list > .e-con-inner,.sx2-symptom-grid,.sx2-symptom-grid > .e-con-inner,.sx2-contact-cards,.sx2-contact-cards > .e-con-inner { grid-template-columns:minmax(0,1fr); } .sx2-contact-services { grid-template-columns:minmax(0,1fr); } .sx2-service-list > .sx2-card:nth-child(n),.sx2-service-list > .e-con-inner > .sx2-card:nth-child(n) { grid-column:auto; } .sx2-card,.sx2-contact-cards .sx2-card { min-height:0; padding:21px; } .sx2-about-story > .e-con-inner { grid-template-columns:minmax(0,1fr); gap:23px; } .sx2-about-image { max-width:620px; margin:0 auto; } .sx2-about-copy { max-width:none; } .sx2-cta-section { padding:46px 20px !important; } .sx2-cta-actions { justify-content:flex-start; } .sx2-cta-actions .elementor-widget-button { margin:0 5px 5px 0; } .sx2-form-grid { grid-template-columns:minmax(0,1fr); } .sx2-form-grid .sx2-form-message { grid-column:auto; } .sx2-contact-form-wrap { padding:20px 17px; } .sx2-contact-enquiry-copy { padding:22px 19px; } .sx2-safety-section .sx2-section-intro { padding:21px 20px; } .sx2-blog-grid,.sx2-related-grid { grid-template-columns:minmax(0,1fr); } body.single-post .sx2-article { padding:40px 20px 60px; } .sx2-article-header { text-align:left; } .sx2-article-title { font-size:clamp(2rem,9vw,2.7rem); } .sx2-article-intro { font-size:15px; } .sx2-article-featured { border-radius:16px 6px 16px 6px; } .sx2-article-featured img { aspect-ratio:4/3; } .sx2-article-body { font-size:16px; line-height:1.75; } .sx2-article-related { margin-top:38px; padding:22px; } } @media (prefers-reduced-motion:reduce) { .sx2-card,.sx2-blog-card,.sx2-blog-image,.sx2-hero-image img,.servixa-button .elementor-button { transition:none !important; } } /* Targeted Phase 2 correction: balanced service cards, editorial related guides, and a finished contact layout. Keep the structure native and scoped to its widgets. */ .sx2-service-list,.sx2-service-list > .e-con-inner { width:100%; max-width:1240px; margin-inline:auto; display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:stretch; gap:24px; } .sx2-service-list > .sx2-service-tile:nth-child(-n+3), .sx2-service-list > .e-con-inner > .sx2-service-tile:nth-child(-n+3) { grid-column:span 2; } .sx2-service-list > .sx2-service-tile:nth-child(4), .sx2-service-list > .e-con-inner > .sx2-service-tile:nth-child(4) { grid-column:2 / span 2; } .sx2-service-list > .sx2-service-tile:nth-child(5), .sx2-service-list > .e-con-inner > .sx2-service-tile:nth-child(5) { grid-column:4 / span 2; } .sx2-service-list .sx2-service-tile { min-width:0; min-height:0; height:100%; padding:0 !important; overflow:hidden; display:flex !important; flex-direction:column; align-items:stretch; border:1px solid #E6E8ED; border-radius:16px; background:#FFFFFF; box-shadow:0 10px 28px rgba(20,25,34,.075); transition:transform .22s ease,box-shadow .22s ease; } .sx2-service-list .sx2-service-tile:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(20,25,34,.12); } .sx2-service-list .sx2-service-card-image { width:100%; max-width:none; margin:0 !important; padding:0; overflow:hidden; background:#F5F6F8; } .sx2-service-list .sx2-service-card-image .elementor-widget-container, .sx2-service-list .sx2-service-card-image a { display:block; width:100%; max-width:none; } .sx2-service-list .sx2-service-card-image img { display:block; width:100% !important; max-width:none; height:auto; aspect-ratio:16/10; object-fit:contain; background:#F5F6F8; } .sx2-service-list .sx2-service-card-icon { z-index:1; align-self:flex-start; margin:-27px 0 0 23px !important; padding:0; } .sx2-service-list .sx2-service-card-icon .elementor-icon { display:flex; width:54px; height:54px; align-items:center; justify-content:center; border:3px solid #FFFFFF !important; border-radius:17px 7px 17px 7px; background:linear-gradient(145deg,#D82440,#A50E26) !important; color:#FFFFFF !important; box-shadow:0 7px 19px rgba(165,14,38,.25); } .sx2-service-list .sx2-service-card-icon i,.sx2-service-list .sx2-service-card-icon svg { color:#FFFFFF !important; fill:#FFFFFF !important; font-size:23px; } .sx2-service-list .sx2-service-tile > .elementor-widget-heading, .sx2-service-list .sx2-service-tile > .elementor-widget-text-editor, .sx2-service-list .sx2-service-tile > .sx2-service-problems { margin-inline:24px !important; } .sx2-service-list .sx2-service-tile > .elementor-widget-heading { margin-top:15px !important; } .sx2-service-list .sx2-service-tile h3 { margin:0; color:#171B22 !important; font-size:20px !important; line-height:1.3; } .sx2-service-list .sx2-service-tile > .elementor-widget-text-editor { margin-top:9px !important; color:#586170 !important; font-size:14px; line-height:1.62; } .sx2-service-list .sx2-service-problems { margin-top:13px !important; color:#444C58; font-size:12px; line-height:1.35; } .sx2-service-list .sx2-service-problems .sx2-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:0 !important; padding:0; list-style:none; } .sx2-service-list .sx2-service-problems .sx2-list li { position:relative; margin:0; padding:7px 8px 7px 20px; border:1px solid #F0E2E5; border-top:1px solid #F0E2E5; border-radius:8px; background:#FFF9FA; } .sx2-service-list .sx2-service-problems .sx2-list li:before { content:""; position:absolute; top:11px; left:9px; width:5px; height:5px; border-radius:50%; background:#C8102E; } .sx2-service-list .sx2-service-tile > .elementor-widget-button { margin: auto 24px 0 !important; padding:19px 0 24px !important; } .sx2-service-list .sx2-service-tile > .elementor-widget-button .elementor-button { min-height:44px; } .sx2-related-guides { width:100% !important; max-width:1040px; flex:0 1 100% !important; margin-inline:auto; } .sx2-related-guide-card { width:100% !important; flex:initial !important; display:grid !important; grid-template-columns:minmax(0, .68fr) minmax(0, 1fr); grid-template-rows:auto auto 1fr auto; align-items:center; column-gap:clamp(22px,3vw,38px); row-gap:8px; padding:20px !important; border:1px solid #E4E6EB; border-radius:16px; background:#FFFFFF; box-shadow:0 10px 28px rgba(20,25,34,.07); overflow:hidden; } .sx2-related-guide-card > .elementor-widget-image { grid-column:1; grid-row:1 / span 4; width:100%; height:100%; min-width:0; margin:0 !important; } .sx2-related-guide-card > .elementor-widget-image .elementor-widget-container, .sx2-related-guide-card > .elementor-widget-image a { display:block; width:100%; height:100%; } .sx2-related-guide-card > .elementor-widget-image img { display:block; width:100% !important; height:100%; min-height:205px; max-height:270px; aspect-ratio:1.48; object-fit:contain; border-radius:11px; background:#F5F6F8; } .sx2-related-guide-card > .elementor-widget-heading { grid-column:2; margin:0 !important; } .sx2-related-guide-card > .elementor-widget-heading:first-of-type .elementor-heading-title { color:#A50E26 !important; font-size:11px !important; font-weight:850; letter-spacing:.13em; text-transform:uppercase; } .sx2-related-guide-card > .elementor-widget-heading .elementor-heading-title { color:#171B22 !important; line-height:1.3; } .sx2-related-guide-card > .elementor-widget-text-editor { grid-column:2; margin:0 !important; color:#586170 !important; font-size:14px; line-height:1.65; } .sx2-related-guide-card > .elementor-widget-button { grid-column:2; margin:3px 0 0 !important; align-self:end; } .sx2-related-guide-card > .elementor-widget-button .elementor-button { min-height:43px; } .sx2-related-services { width:100%; max-width:940px; margin-inline:auto; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:16px; } .sx2-related-services > .sx2-card { width:100% !important; min-width:0; min-height:0; flex:initial !important; justify-self:stretch; padding:23px !important; display:flex !important; flex-direction:column; align-items:flex-start; border:1px solid #E4E6EB; border-radius:15px; background:#FFFFFF; box-shadow:0 9px 25px rgba(20,25,34,.065); } .sx2-related-services > .sx2-card .elementor-widget-icon { margin-bottom:13px; } .sx2-related-services > .sx2-card .elementor-icon { width:52px; height:52px; border:2px solid #FFFFFF !important; border-radius:15px 6px 15px 6px; background:linear-gradient(145deg,#D82440,#A50E26) !important; box-shadow:0 6px 17px rgba(165,14,38,.2); } .sx2-related-services > .sx2-card .elementor-icon i,.sx2-related-services > .sx2-card .elementor-icon svg { color:#FFFFFF !important; fill:#FFFFFF !important; font-size:22px; } .sx2-related-services > .sx2-card h3 { color:#171B22 !important; font-size:19px !important; } .sx2-related-services > .sx2-card .elementor-widget-text-editor { color:#586170 !important; font-size:14px; line-height:1.6; } .sx2-related-services > .sx2-card .elementor-widget-button { margin-top:auto; padding-top:14px; } .sx2-related-services > .sx2-card .elementor-button { min-height:42px; } .sx2-contact-info-list,.sx2-contact-info-list > .e-con-inner { display:grid !important; grid-template-columns:minmax(0,1fr); gap:10px; } .sx2-contact-info-list > .sx2-card,.sx2-contact-info-list > .e-con-inner > .sx2-card { width:100% !important; min-width:0; min-height:0; flex:initial !important; padding:12px 14px !important; display:grid !important; grid-template-columns:48px minmax(76px,auto) minmax(0,1fr); align-items:center; column-gap:12px; border:1px solid #E9E3E5; border-radius:12px; background:#FFFFFF; box-shadow:0 5px 16px rgba(20,25,34,.045); } .sx2-contact-info-list .elementor-widget-icon { margin:0 !important; } .sx2-contact-info-list .elementor-icon { width:44px; height:44px; border:2px solid #FFFFFF !important; border-radius:14px 5px 14px 5px; background:linear-gradient(145deg,#D82440,#A50E26) !important; box-shadow:0 5px 14px rgba(165,14,38,.18); } .sx2-contact-info-list .elementor-icon i,.sx2-contact-info-list .elementor-icon svg { color:#FFFFFF !important; fill:#FFFFFF !important; font-size:18px; } .sx2-contact-info-list .elementor-widget-heading,.sx2-contact-info-list .elementor-widget-text-editor { margin:0 !important; } .sx2-contact-info-list h3 { margin:0 !important; color:#252B34 !important; font-size:13px !important; font-weight:800; } .sx2-contact-info-list .elementor-widget-text-editor,.sx2-contact-info-list .elementor-widget-text-editor p { color:#5A626E !important; font-size:13px; line-height:1.48; overflow-wrap:anywhere; } .sx2-contact-info-list .elementor-widget-text-editor p { margin:0; } .sx2-contact-cta-row { display:flex !important; flex-direction:row !important; flex-wrap:wrap; gap:10px !important; margin-top:18px; } .sx2-contact-cta-row .elementor-widget-button { margin:0 !important; } .sx2-contact-cta-row .elementor-button { min-height:45px; } .sx2-contact-enquiry .sx2-contact-phone-button .elementor-button,.sx2-contact-offline-actions .sx2-contact-phone-button .elementor-button { border-color:#A50E26 !important; background:linear-gradient(145deg,#D82440,#A50E26) !important; color:#FFFFFF !important; } .sx2-contact-enquiry .sx2-contact-email-button .elementor-button,.sx2-contact-offline-actions .sx2-contact-email-button .elementor-button { border:1px solid #C8102E !important; background:#FFFFFF !important; color:#A50E26 !important; } .sx2-contact-offline-panel { min-height:100%; padding:clamp(26px,4vw,42px) !important; justify-content:center; border:1px solid #E9D5D9; border-radius:18px; background:radial-gradient(ellipse at 100% 0%,rgba(216,36,64,.09),transparent 45%),linear-gradient(145deg,#FFFFFF,#FFF8F9); box-shadow:0 14px 34px rgba(20,25,34,.075); } .sx2-contact-offline-panel:before { content:""; width:44px; height:4px; border-radius:9px; background:#C8102E; } .sx2-contact-offline-panel .elementor-widget-heading h2,.sx2-contact-offline-panel .elementor-widget-heading h3 { color:#171B22 !important; font-size:clamp(23px,2.3vw,30px) !important; line-height:1.23; } .sx2-contact-offline-panel .elementor-widget-text-editor,.sx2-contact-offline-panel .elementor-widget-text-editor p { color:#586170 !important; font-size:15px; line-height:1.68; } .sx2-contact-offline-panel .elementor-widget-text-editor p { margin:0; } .sx2-contact-offline-actions { display:flex !important; flex-direction:row !important; flex-wrap:wrap; gap:11px !important; margin-top:9px; } .sx2-contact-offline-actions .elementor-widget-button { margin:0 !important; } .sx2-contact-offline-actions .elementor-widget-button:last-child .elementor-button { border:1px solid #C8102E; background:#FFFFFF; color:#A50E26; } /* The contact enquiry form is active; keep the retired alternative panel out of the public layout. */ body:not(.elementor-editor-active) .sx2-contact-offline-panel { display:none !important; } .sx2-contact-form-config,.sx2-contact-form-column .elementor-widget-shortcode { width:100%; min-width:0; } .sx2-contact-form-config .sx2-contact-form-wrap { max-width:none; margin:0; padding:clamp(22px,2.5vw,32px); border-radius:16px; } .sx2-contact-form .sx2-form-consent { margin:0 0 17px; } .sx2-contact-form .sx2-form-consent label { display:flex; align-items:flex-start; gap:10px; margin:0; color:#505A68; font-size:13px; font-weight:550; line-height:1.55; } .sx2-contact-form .sx2-form-consent input[type="checkbox"] { flex:0 0 18px; width:18px; min-height:18px; height:18px; margin:2px 0 0; accent-color:#C8102E; } .sx2-contact-form .sx2-form-trap { position:absolute !important; left:-10000px !important; top:auto !important; width:1px !important; height:1px !important; overflow:hidden !important; } .sx2-contact-form .sx2-form-submit { cursor:pointer; background:linear-gradient(135deg,#D82440,#A50E26); color:#FFFFFF !important; box-shadow:0 8px 18px rgba(165,14,38,.2); transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; } .sx2-contact-form .sx2-form-submit:hover { transform:translateY(-2px); box-shadow:0 12px 24px rgba(165,14,38,.27); filter:brightness(1.04); } .sx2-contact-form .sx2-form-submit:focus-visible { outline:3px solid #F1A0AE; outline-offset:3px; } .sx2-form-success { border:1px solid #E8B4BD; background:#FFF5F6; color:#54232C; } .sx2-contact-form label span { color:#6A7380; font-size:12px; font-weight:500; } @media (min-width:768px) and (max-width:1024px) { .sx2-service-list,.sx2-service-list > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } .sx2-service-list > .sx2-service-tile:nth-child(n),.sx2-service-list > .e-con-inner > .sx2-service-tile:nth-child(n) { grid-column:auto; } .sx2-service-list > .sx2-service-tile:nth-child(5),.sx2-service-list > .e-con-inner > .sx2-service-tile:nth-child(5) { grid-column:1 / span 2; width:calc((100% - 20px) / 2) !important; justify-self:center; } .sx2-related-guide-card { column-gap:22px; } .sx2-contact-info-list > .sx2-card,.sx2-contact-info-list > .e-con-inner > .sx2-card { grid-template-columns:44px minmax(70px,auto) minmax(0,1fr); column-gap:9px; } } @media (max-width:767px) { .sx2-service-list,.sx2-service-list > .e-con-inner { grid-template-columns:minmax(0,1fr); gap:18px; } .sx2-service-list > .sx2-service-tile:nth-child(n),.sx2-service-list > .e-con-inner > .sx2-service-tile:nth-child(n) { grid-column:auto; width:100% !important; } .sx2-service-list .sx2-service-card-image img { aspect-ratio:16/10; } .sx2-service-list .sx2-service-tile > .elementor-widget-heading, .sx2-service-list .sx2-service-tile > .elementor-widget-text-editor, .sx2-service-list .sx2-service-tile > .sx2-service-problems { margin-inline:20px !important; } .sx2-service-list .sx2-service-tile > .elementor-widget-button { margin-inline:20px !important; padding-bottom:20px !important; } .sx2-related-guide-card { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; gap:12px; padding:15px !important; } .sx2-related-guide-card > .elementor-widget-image { grid-column:1; grid-row:auto; } .sx2-related-guide-card > .elementor-widget-image img { height:auto; min-height:0; aspect-ratio:16/10; } .sx2-related-guide-card > .elementor-widget-heading,.sx2-related-guide-card > .elementor-widget-text-editor,.sx2-related-guide-card > .elementor-widget-button { grid-column:1; } .sx2-related-guide-card > .elementor-widget-heading:first-of-type { margin-top:2px !important; } .sx2-related-services { grid-template-columns:minmax(0,1fr); gap:13px; } .sx2-related-services > .sx2-card { padding:20px !important; } .sx2-contact-info-list > .sx2-card,.sx2-contact-info-list > .e-con-inner > .sx2-card { grid-template-columns:44px minmax(0,1fr); row-gap:3px; column-gap:11px; padding:12px !important; } .sx2-contact-info-list .elementor-widget-icon { grid-column:1; grid-row:1 / span 2; } .sx2-contact-info-list .elementor-widget-heading,.sx2-contact-info-list .elementor-widget-text-editor { grid-column:2; } body.page-id-43 .sx2-contact-info-list .elementor-widget-text-editor, body.page-id-43 .elementor-element-3ba3284, body.page-id-43 .elementor-element-3ba3284 p, body.page-id-43 .elementor-element-3ba3284 a { font-size:11px !important; letter-spacing:-.015em; } .sx2-contact-cta-row,.sx2-contact-offline-actions { flex-direction:column !important; align-items:stretch; } .sx2-contact-cta-row .elementor-widget-button,.sx2-contact-offline-actions .elementor-widget-button { width:100%; } .sx2-contact-cta-row .elementor-button,.sx2-contact-offline-actions .elementor-button { width:100%; justify-content:center; } .sx2-contact-offline-panel { min-height:0; padding:24px 20px !important; } } @media (prefers-reduced-motion:reduce) { .sx2-service-list .sx2-service-tile { transition:none !important; } } /* Homepage About highlights: stable icon/text rows at every breakpoint. */ body.page-id-29 #about-facts { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; } body.page-id-29 #about-facts > .e-con, body.page-id-29 #about-facts > .e-con > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 18px !important; width: 100% !important; min-width: 0 !important; flex: 0 1 auto !important; } body.page-id-29 #about-facts > .e-con { padding: 7px 0 !important; } body.page-id-29 #about-facts .elementor-widget-icon { width: 48px !important; min-width: 48px !important; max-width: 48px !important; flex: 0 0 48px !important; margin: 0 !important; } body.page-id-29 #about-facts .elementor-icon { display: inline-flex !important; width: 48px !important; min-width: 48px !important; height: 48px !important; align-items: center !important; justify-content: center !important; flex: 0 0 48px !important; box-sizing: border-box !important; border: 2px solid #FFFFFF !important; border-radius: 50% !important; background: linear-gradient(145deg, #D82440, #A50E26) !important; box-shadow: 0 5px 14px rgba(165, 14, 38, .2) !important; color: #FFFFFF !important; } body.page-id-29 #about-facts .elementor-icon i, body.page-id-29 #about-facts .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; font-size: 20px !important; } body.page-id-29 #about-facts .elementor-icon svg { width: 21px !important; height: 21px !important; } body.page-id-29 #about-facts .about-fact-1 .elementor-icon:not(:has(i, svg))::after, body.page-id-29 #about-facts .about-fact-1 .elementor-icon:has(i:empty)::after { content: "⌖"; } body.page-id-29 #about-facts .about-fact-2 .elementor-icon:not(:has(i, svg))::after, body.page-id-29 #about-facts .about-fact-2 .elementor-icon:has(i:empty)::after { content: "⚙"; } body.page-id-29 #about-facts .about-fact-3 .elementor-icon:not(:has(i, svg))::after, body.page-id-29 #about-facts .about-fact-3 .elementor-icon:has(i:empty)::after { content: "◷"; } body.page-id-29 #about-facts .elementor-icon:after { display: block; color: #FFFFFF; font-family: Arial, "Apple Symbols", sans-serif; font-size: 22px; font-weight: 700; line-height: 1; } body.page-id-29 #about-facts .elementor-widget-text-editor { width: auto !important; min-width: 0 !important; flex: 1 1 auto !important; margin: 0 !important; line-height: 1.5 !important; overflow-wrap: anywhere; } body.page-id-29 #about-facts strong { display: inline-block; margin-bottom: 2px; } /* Location Batch 1: native Elementor layouts for the new Sharjah area pages. */ .sx2-location-hero > .sx2-inner-hero { display: grid !important; grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr); align-items: center; gap: clamp(30px, 4.8vw, 68px); } .sx2-location-hero .sx2-hero-copy, .sx2-location-hero .sx2-hero-image { width: 100% !important; min-width: 0 !important; } .sx2-location-hero .sx2-hero-copy .elementor-widget-heading h1 { max-width: 680px; font-size: clamp(2.25rem, 3.7vw, 3.35rem) !important; } .sx2-location-hero .sx2-hero-copy .elementor-widget-text-editor { max-width: 640px; } .sx2-location-hero .sx2-hero-image img { width: 100%; max-height: 440px; aspect-ratio: 4 / 3; object-fit: cover; padding: 0; background: transparent; } .sx2-location-hero .servixa-button .elementor-button, .sx2-location-content .servixa-button .elementor-button, .sx2-location-final-cta .servixa-button .elementor-button, .sx2-location-hub-hero .servixa-button .elementor-button, .sx2-location-hub-cta .servixa-button .elementor-button { border-color: #A50E26 !important; background: linear-gradient(145deg, #D82440, #A50E26) !important; color: #FFFFFF !important; } .sx2-location-content .sx2-section-inner > .sx2-grid, .sx2-location-content .sx2-section-inner > .sx2-grid > .sx2-card { min-width: 0; } .sx2-location-content .sx2-service-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sx2-location-content .sx2-service-list > .sx2-card:nth-child(-n+2) { grid-column: auto; } .sx2-location-content .sx2-service-list .sx2-card { height: auto; min-height: 0; } .sx2-location-content .sx2-contact-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sx2-location-content .sx2-contact-cards .sx2-card { height: auto; min-height: 0; } .sx2-location-hub-list .sx2-contact-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sx2-location-hub-list .sx2-area-card { height: auto; min-height: 0; } @media (min-width: 768px) and (max-width: 1024px) { .sx2-location-hero > .sx2-inner-hero { grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr); gap: 28px; } .sx2-location-content .sx2-service-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sx2-location-hub-list .sx2-contact-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .sx2-location-hero > .sx2-inner-hero { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 50px 20px !important; } .sx2-location-hero .sx2-hero-copy .elementor-widget-heading h1 { font-size: clamp(2rem, 8vw, 2.75rem) !important; } .sx2-location-hero .sx2-hero-image img { max-height: 360px; aspect-ratio: 4 / 3; } .sx2-location-content .sx2-service-list, .sx2-location-content .sx2-contact-cards, .sx2-location-hub-list .sx2-contact-cards { grid-template-columns: minmax(0, 1fr); } } /* Phase 4 location layout correction. The Elementor containers own the layout; these scoped rules refine their centered shell, editorial measure and cards. */ .servixa-location-page.sx2-section { box-sizing: border-box; min-width: 0; } .servixa-location-page.sx2-location-content { padding-block: clamp(44px, 5.2vw, 72px) !important; } .servixa-location-page .servixa-location-shell { box-sizing: border-box; width: 100% !important; max-width: 1220px !important; margin-inline: auto !important; align-self: center !important; } .servixa-location-page .servixa-location-copy { box-sizing: border-box; width: 100% !important; max-width: 800px !important; margin-inline: auto !important; align-self: center !important; text-align: left; } .servixa-location-page .servixa-location-copy .elementor-widget-heading, .servixa-location-page .servixa-location-copy .elementor-widget-text-editor { text-align: left; } .servixa-location-page .servixa-location-cards { box-sizing: border-box; width: 100% !important; max-width: 1220px; align-self: center !important; } .servixa-location-page .servixa-location-service-choice-grid { display: grid !important; width: 100% !important; max-width: 1220px; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: stretch; gap: 18px; margin-inline: auto !important; } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card { box-sizing: border-box; grid-column: span 2; width: 100% !important; min-width: 0; min-height: 205px; height: auto; padding: 24px !important; border: 1px solid #E1E5EB; border-radius: 16px 8px 16px 8px; background: #FFFFFF; box-shadow: 0 10px 26px rgba(16, 26, 38, .065); } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card:nth-child(4) { grid-column: 2 / span 2; } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card:nth-child(5) { grid-column: 4 / span 2; } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card .elementor-icon { width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.82) !important; border-radius: 15px 6px 15px 6px; background: linear-gradient(145deg,#D82440,#A50E26) !important; color: #FFFFFF !important; box-shadow: 0 7px 17px rgba(165,14,38,.2); } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card h3 { margin: 0; color: #171B22 !important; font-size: 18px !important; } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card .elementor-widget-button { margin-top: auto; padding-top: 8px; } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card .elementor-button { min-height: 42px; } .servixa-location-page .servixa-location-section-heading, .servixa-location-page .servixa-location-faq-heading, .servixa-location-page .servixa-location-related-heading { box-sizing: border-box; width: 100%; max-width: 960px; margin-inline: auto !important; text-align: center; } .servixa-location-page.servixa-location-tone-neutral { background: #F6F7F9 !important; } .servixa-location-page.servixa-location-tone-neutral .servixa-location-shell { width: 100%; } .servixa-location-page .servixa-location-section-heading h2, .servixa-location-page .servixa-location-faq-heading h2, .servixa-location-page .servixa-location-related-heading h2 { margin: 0; color: #171B22 !important; font-size: clamp(1.8rem, 2.7vw, 2.35rem) !important; line-height: 1.2 !important; } .servixa-location-page.servixa-location-tone-neutral .servixa-location-symptom-card { background: #FFFFFF; } .servixa-location-page .servixa-location-symptom-card h2 { color: #18202B !important; font-size: clamp(1.05rem, 1.35vw, 1.28rem) !important; line-height: 1.32 !important; } .servixa-location-page.servixa-location-tone-neutral .servixa-location-copy { background: #FFFFFF; } .servixa-location-page.servixa-location-tone-neutral.servixa-location-request .servixa-location-copy { background: #FFFFFF; } .servixa-location-page .servixa-location-hub-grid { display: grid !important; width: 100% !important; max-width: 1220px; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 20px; margin-inline: auto !important; } .servixa-location-page .servixa-location-hub-grid > .servixa-location-area-card { box-sizing: border-box; width: 100% !important; min-width: 0; min-height: 260px; height: auto; padding: 24px !important; border: 1px solid #E1E5EB; border-top: 3px solid #A50E26; border-radius: 16px 8px 16px 8px; background: #FFFFFF; box-shadow: 0 10px 28px rgba(16,26,38,.065); } .servixa-location-page .servixa-location-area-card h3 { color: #171B22 !important; font-size: 19px !important; } .servixa-location-page .servixa-location-area-card .elementor-widget-text-editor { color: #515D6D !important; font-size: 14px; line-height: 1.6; } .servixa-location-page .servixa-location-area-card .elementor-widget-button { width: 100%; margin: 0; } .servixa-location-page .servixa-location-area-card .elementor-button { width: 100%; min-height: 40px; font-size: 12px; } .servixa-location-page .servixa-location-cards > .sx2-card { box-sizing: border-box; min-width: 0; min-height: 0; height: auto; padding: clamp(22px, 2.2vw, 30px); border: 1px solid #E0E4EA; border-top: 3px solid #B3162F; border-radius: 16px 8px 16px 8px; background: linear-gradient(155deg, #FFFFFF, #FBFCFD); box-shadow: 0 12px 30px rgba(16, 26, 38, .075); } .servixa-location-page .servixa-location-cards > .sx2-card h3 { color: #18202B !important; } .servixa-location-page .servixa-location-faq-grid { display: block !important; width: 100% !important; max-width: 960px; margin-inline: auto !important; align-self: center !important; } .servixa-location-page .elementor-widget-accordion.servixa-location-faq { width: 100%; max-width: 960px; margin-inline: auto; } .servixa-location-page .servixa-location-faq .elementor-accordion-item { margin: 0 0 12px; border: 1px solid #E0E4EA !important; border-radius: 12px; background: #FFFFFF; box-shadow: 0 7px 20px rgba(16, 26, 38, .045); overflow: hidden; } .servixa-location-page .servixa-location-faq .elementor-tab-title, .servixa-location-page .servixa-location-faq .elementor-tab-title.elementor-active { color: #171B22 !important; background: #FFFFFF; font-weight: 750; } .servixa-location-page .servixa-location-faq .elementor-tab-title.elementor-active { background: #FFF7F8; } .servixa-location-page .servixa-location-faq .elementor-accordion-icon { color: #A50E26 !important; } .servixa-location-page .servixa-location-faq .elementor-tab-content { color: #515D6D !important; line-height: 1.7; } .servixa-location-page .servixa-location-related-grid { display: grid !important; width: 100% !important; max-width: 1220px; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); align-items: stretch; gap: 18px; margin-inline: auto !important; } .servixa-location-page .servixa-location-related-card { box-sizing: border-box; width: 100% !important; min-width: 0; min-height: 205px; height: auto; padding: 23px !important; border: 1px solid #E1E5EB; border-radius: 15px 8px 15px 8px; background: #FFFFFF; box-shadow: 0 10px 26px rgba(16, 26, 38, .065); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .servixa-location-page .servixa-location-related-card:hover { transform: translateY(-3px); border-color: rgba(165, 14, 38, .35); box-shadow: 0 15px 30px rgba(16, 26, 38, .10); } .servixa-location-page .servixa-location-related-card .elementor-icon { width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.8) !important; border-radius: 14px 6px 14px 6px; background: linear-gradient(145deg,#D82440,#A50E26) !important; color: #FFFFFF !important; box-shadow: 0 7px 16px rgba(165,14,38,.18); } .servixa-location-page .servixa-location-related-card .elementor-icon i, .servixa-location-page .servixa-location-related-card .elementor-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } .servixa-location-page .servixa-location-related-card h3 { margin: 0; color: #171B22 !important; font-size: 17px !important; line-height: 1.4 !important; } .servixa-location-page .servixa-location-related-card .elementor-widget-button { margin-top: auto; padding-top: 3px; } .servixa-location-page .servixa-location-related-card .elementor-button { min-height: 42px; } .servixa-location-page.servixa-location-request { background: linear-gradient(125deg, #FFF8F9, #F7F8FA) !important; } .servixa-location-page.servixa-location-request .servixa-location-copy { max-width: 920px !important; padding: clamp(24px, 3vw, 36px); border: 1px solid #E7DDE0; border-left: 5px solid #A50E26; border-radius: 16px 8px 16px 8px; background: #FFFFFF; box-shadow: 0 12px 30px rgba(16, 26, 38, .055); } .servixa-location-page.sx2-location-final-cta { background: radial-gradient(ellipse at 90% 0%, rgba(200,16,46,.2), transparent 38%), linear-gradient(116deg,#0D121A,#18222C 62%,#111820) !important; } .servixa-location-page.sx2-location-final-cta .servixa-location-shell { max-width: 1040px !important; } .servixa-location-page.sx2-location-final-cta h2, .servixa-location-page.sx2-location-final-cta h3, .servixa-location-page.sx2-location-final-cta .elementor-widget-text-editor, .servixa-location-page.sx2-location-final-cta .elementor-widget-text-editor p { color: #F5F7FA !important; } .servixa-location-page.sx2-location-final-cta .servixa-location-copy { max-width: 860px !important; } @media (min-width: 768px) and (max-width: 1024px) { .servixa-location-page .servixa-location-shell { max-width: 100% !important; } .servixa-location-page .servixa-location-faq { max-width: 100%; } .servixa-location-page .servixa-location-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .servixa-location-page .servixa-location-service-choice-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card { grid-column: span 2; } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card:nth-child(4) { grid-column: 1 / span 2; } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card:nth-child(5) { grid-column: 3 / span 2; } .servixa-location-page .servixa-location-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .servixa-location-page.sx2-location-content { padding: 42px 18px !important; } .servixa-location-page .servixa-location-shell { max-width: 100% !important; } .servixa-location-page .servixa-location-copy { max-width: 100% !important; } .servixa-location-page .servixa-location-service-choice-grid, .servixa-location-page .servixa-location-hub-grid { grid-template-columns: minmax(0, 1fr); } .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card, .servixa-location-page .servixa-location-service-choice-grid > .servixa-location-service-card:nth-child(n) { grid-column: auto; min-height: 0; } .servixa-location-page .servixa-location-area-card { min-height: 0 !important; } .servixa-location-page .servixa-location-related-grid { grid-template-columns: minmax(0, 1fr); gap: 13px; } .servixa-location-page .servixa-location-related-card { min-height: 0; padding: 20px !important; } .servixa-location-page.servixa-location-request .servixa-location-copy { padding: 22px 19px; } }