html { scroll-behavior: smooth; scroll-padding-top: 6rem; -webkit-text-size-adjust: 100%; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } ::selection { background: var(--wp--preset--color--primary); color: #fff; } :where(h1, h2, h3, .hero-sub, .sub) { text-wrap: balance; } :where(p, li) { text-wrap: pretty; } :where(h1, h2, h3, h4, p, li, a, span, dd, dt, blockquote, figcaption) { overflow-wrap: break-word; } .wp-site-blocks > * { margin-block: 0; } div.wp-block-template-part { display: contents; } body:not(:has(.hero)) .wp-site-blocks { padding-top: 6.5rem; } .wp-site-blocks { background-color: var(--wp--preset--color--base); overflow-x: clip; } :root { --gp-gutter: clamp(1.1rem, 0.45rem + 2.7vw, 2.5rem); } .wp-site-blocks { --wp--style--root--padding-left: 0px; --wp--style--root--padding-right: 0px; } .wp-site-blocks :is(.hero, .section, .site-footer, .breadcrumbs-wrap) { padding-inline: var(--gp-gutter); } :where(h1, h2, h3, h4, h5, h6) { overflow-wrap: break-word; text-wrap: balance; } .section-dark.alignfull, .section-faq.alignfull { width: auto; margin-inline: 0.85rem; border-radius: 32px; overflow: hidden; } .section--grey { background: var(--wp--preset--color--surface); } .fab { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 60; } .fab > summary { list-style: none; cursor: pointer; } .fab > summary::-webkit-details-marker { display: none; } .fab > summary.fab__toggle { width: 58px; height: 58px; border-radius: 50%; background: var(--wp--preset--color--primary); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 14px 34px rgba(237,30,82,0.42); transition: transform 0.18s ease, box-shadow 0.18s ease; } .fab__icon { display: block; } .fab__toggle:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(237,30,82,0.52); } .fab__icon { width: 26px; height: 26px; } .fab__icon--close { display: none; } .fab[open] .fab__icon--open { display: none; } .fab[open] .fab__icon--close { display: block; } .fab__menu { position: absolute; right: 2px; bottom: calc(100% + 14px); display: flex; flex-direction: column; gap: 0.65rem; align-items: flex-end; } .fab__item { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.4rem 1.05rem 0.4rem 0.4rem; border-radius: 44px; background: #fff; color: var(--wp--preset--color--ink); font-weight: 600; font-size: 0.9rem; text-decoration: none; white-space: nowrap; box-shadow: 0 10px 26px rgba(16,24,40,0.16); border: 1px solid var(--wp--preset--color--border); transition: transform 0.15s ease, box-shadow 0.15s ease; } .fab__item:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(16,24,40,0.22); color: var(--wp--preset--color--ink); } .fab__ico { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; } .fab__ico svg { width: 21px; height: 21px; } .fab__item--wa .fab__ico { background: #25D366; } .fab__item--call .fab__ico { background: var(--wp--preset--color--navy); } .fab__item--book .fab__ico { background: var(--wp--preset--color--primary); } @media (prefers-reduced-motion: reduce) { .fab__toggle, .fab__item { transition: none; } } .header-cta__call .wp-block-button__link { display: inline-flex; align-items: center; gap: 0.45rem; } .header-cta__call .btn-ico { width: 15px; height: 15px; } .skip-link { position: absolute; left: -9999px; top: 0; z-index: 1000; padding: 0.6rem 1.1rem; background: var(--wp--preset--color--ink); color: #fff; border-radius: 0 0 8px 0; } .skip-link:focus { left: 0; } :where(a, button, summary, input, select, textarea, .wp-block-navigation-item__content):focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; border-radius: 2px; } .site-header { position: fixed; top: 1.4rem; left: 0; right: 0; margin-inline: auto; z-index: 40; width: min(1260px, calc(100% - 1.7rem)); padding: 0.5rem 0.65rem 0.5rem 1.6rem; border-radius: 60px; transition: top 0.34s cubic-bezier(0.4, 0, 0.2, 1); } .site-header::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: rgba(255,255,255,0.97); backdrop-filter: saturate(1.2) blur(10px); -webkit-backdrop-filter: saturate(1.2) blur(10px); border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 12px 34px rgba(3,8,18,0.14); } .site-header.is-pinned-hidden { top: calc(-1 * (100% + 2.6rem)); } @media (prefers-reduced-motion: reduce) { .site-header { transition: none; } } .site-header.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: none; } .site-header .wp-block-navigation { font-weight: 500; font-size: 0.9rem; } .site-header .wp-block-navigation .wp-block-navigation-item__content { color: var(--wp--preset--color--ink); } .site-header .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--primary); } .site-header .wp-block-navigation .wp-block-navigation-item__content.is-current { color: var(--wp--preset--color--primary); font-weight: 600; position: relative; } .site-header .wp-block-navigation .wp-block-navigation-item__content.is-current::after { content: ""; position: absolute; left: 0; right: 0; bottom: -0.35rem; height: 2px; background: var(--wp--preset--color--primary); border-radius: 2px; } .footer-nav .wp-block-navigation-item__content.is-current { color: #fff; font-weight: 600; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: #fff; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content.is-current { color: var(--wp--preset--color--primary); } .site-header .wp-block-navigation:has(.wp-block-navigation__responsive-container.is-menu-open) ~ .header-cta { visibility: hidden; } .site-header .wp-block-site-logo img, .site-header__logo img { height: 38px; width: auto; } .site-header__logo { display: inline-flex; align-items: center; line-height: 0; } .gichuri-toc { border: 1px solid var(--wp--preset--color--border, #e6e8ee); background: var(--wp--preset--color--surface, #f7f8fa); border-radius: 14px; padding: 0.35rem 1.25rem; margin: 0 0 1.9rem; } .gichuri-toc__title { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 0.6rem; padding: 0.85rem 0; font-weight: 700; color: var(--wp--preset--color--ink, #12203a); } .gichuri-toc__title::-webkit-details-marker { display: none; } .gichuri-toc__title::after { content: ""; width: 0.55rem; height: 0.55rem; margin-left: auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform 0.2s ease; } .gichuri-toc[open] .gichuri-toc__title::after { transform: rotate(-135deg); } .gichuri-toc__list { margin: 0 0 1rem; padding: 0.4rem 0 0.4rem 1.15rem; border-top: 1px solid var(--wp--preset--color--border, #e6e8ee); counter-reset: toc; } .gichuri-toc__item { margin: 0.45rem 0; line-height: 1.4; } .gichuri-toc__item a { color: var(--wp--preset--color--primary, #1a56db); text-decoration: none; } .gichuri-toc__item a:hover { text-decoration: underline; } .gichuri-faq { margin: 2.75rem 0 0; } .gichuri-faq__title { margin: 0 0 1.15rem; } .gichuri-faq__item { border: 1px solid var(--wp--preset--color--border, #e6e8ee); border-radius: 12px; background: var(--wp--preset--color--base, #fff); margin: 0.7rem 0; overflow: hidden; } .gichuri-faq__q { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.05rem 1.2rem; font-weight: 600; color: var(--wp--preset--color--ink, #12203a); } .gichuri-faq__q::-webkit-details-marker { display: none; } .gichuri-faq__item[open] .gichuri-faq__q { color: var(--wp--preset--color--primary, #1a56db); } .gichuri-faq__ico { position: relative; flex: none; width: 1rem; height: 1rem; } .gichuri-faq__ico::before, .gichuri-faq__ico::after { content: ""; position: absolute; background: var(--wp--preset--color--primary, #1a56db); border-radius: 2px; } .gichuri-faq__ico::before { top: 50%; left: 0; right: 0; height: 2px; transform: translateY(-50%); } .gichuri-faq__ico::after { left: 50%; top: 0; bottom: 0; width: 2px; transform: translateX(-50%); transition: opacity 0.2s ease; } .gichuri-faq__item[open] .gichuri-faq__ico::after { opacity: 0; } .gichuri-faq__a { padding: 0 1.2rem 1.15rem; } .gichuri-faq__a > :first-child { margin-top: 0; } .gichuri-faq__a > :last-child { margin-bottom: 0; } .header-cta { gap: 0.5rem; } .header-cta .wp-block-button__link { font-size: 0.85rem; padding: 0.62rem 1.35rem; } .header-cta .is-style-outline-white .wp-block-button__link { background: transparent; color: var(--wp--preset--color--ink); box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--border); } .header-cta .is-style-outline-white .wp-block-button__link:hover { background: var(--wp--preset--color--ink); color: #fff; box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--ink); } .is-style-outline-white .wp-block-button__link { background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.55); } .is-style-outline-white .wp-block-button__link:hover { background: #fff; color: var(--wp--preset--color--ink); box-shadow: inset 0 0 0 1.5px #fff; } .hero-wrap { padding: 0; } .hero { position: relative; overflow: hidden; box-sizing: border-box; background: var(--wp--preset--color--navy) url(assets/images/hero-bg.webp) center/cover no-repeat; color: #fff; padding-top: calc(var(--wp--preset--spacing--70) + 3.25rem); padding-bottom: var(--wp--preset--spacing--60); } .hero-wrap > .hero { width: 100%; } .hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,15,26,0.72) 0%, rgba(8,15,26,0.5) 55%, rgba(8,15,26,0.68) 100%); } :is(h1, h2) em, .accent { font-style: normal; font-weight: inherit; color: var(--wp--preset--color--primary); } .hero :is(h1, h2) em, .section-dark :is(h1,h2) em, .section-faq :is(h1,h2) em { color: var(--wp--preset--color--primary); } .hero > * { position: relative; z-index: 1; } .hero :is(h1, h2) { color: #fff; } .hero h1 { max-width: 15ch; margin-inline: auto; } .hero .hero-sub { color: #d5dbe6; font-size: clamp(1rem, 0.92rem + 0.4vw, 1.15rem); line-height: 1.6; max-width: 620px; margin-inline: auto; margin-bottom: 1.75rem; } .hero .hero-tagline { color: #aab4c6; font-size: 0.9rem; letter-spacing: 0.01em; } .service-single-hero h1 { max-width: 22ch; } .hero .post-meta { justify-content: center; align-items: center; gap: 0.6rem; margin-top: 0.9rem; color: #c4ccd9; } .hero .post-meta :where(.wp-block-post-date, .wp-block-post-author-name) { color: #c4ccd9; font-size: 0.9rem; } .hero .post-meta a { color: #c4ccd9; } .hero .post-meta__dot { color: rgba(255,255,255,0.4); margin: 0; } .pmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; font-size: 0.82rem; color: var(--wp--preset--color--muted); } .pmeta__author { display: inline-flex; align-items: center; gap: 0.35rem; color: inherit; text-decoration: none; } a.pmeta__author:hover { color: var(--wp--preset--color--primary); } .hero .pmeta a.pmeta__author:hover { color: #fff; } .pmeta__author svg { width: 14px; height: 14px; } .pmeta__dot { opacity: 0.5; } .hero .pmeta { justify-content: center; color: #c4ccd9; margin-top: 0.7rem; font-size: 0.88rem; } .card .card-body .pmeta { margin: 0.15rem 0 0.1rem; } .card .card-body .wp-block-post-date { margin: 0.1rem 0 0; color: var(--wp--preset--color--muted); font-size: 0.8rem; } .card .card-body .wp-block-post-date time { color: inherit; } .hero .wp-block-post-excerpt.hero-sub { max-width: 640px; margin-inline: auto; margin-top: 0.35rem; } .hero .wp-block-post-excerpt.hero-sub .wp-block-post-excerpt__excerpt { color: #d5dbe6; font-size: clamp(1rem, 0.92rem + 0.4vw, 1.1rem); line-height: 1.6; margin: 0; } .hero .wp-block-post-excerpt.hero-sub .wp-block-post-excerpt__more-text { display: none; } .author-box { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.9rem; max-width: 620px; margin-inline: auto; } .author-box__avatar-wrap { flex-shrink: 0; } .author-box__avatar { width: 104px; height: 104px; border-radius: 50%; display: block; object-fit: cover; border: 3px solid rgba(255,255,255,0.16); box-shadow: 0 14px 34px rgba(0,0,0,0.32); } .author-box__avatar--initial { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(140deg, var(--wp--preset--color--primary), #7a1030); color: #fff; font-size: 2.6rem; font-weight: 700; line-height: 1; } .author-box__name { margin: 0.15rem 0 0; color: #fff; font-size: clamp(1.7rem, 3.4vw, 2.3rem); line-height: 1.1; letter-spacing: -0.02em; } .author-box__bio { margin: 0; color: #cfd6e4; font-size: 1rem; line-height: 1.6; max-width: 52ch; } .author-box__stats { display: inline-flex; align-items: center; gap: 0; margin-top: 0.3rem; border: 1px solid rgba(255,255,255,0.14); border-radius: 14px; background: rgba(255,255,255,0.05); backdrop-filter: blur(4px); overflow: hidden; } .author-box__stat { padding: 0.6rem 1.4rem; font-size: 0.78rem; color: #9aa6bd; letter-spacing: 0.02em; } .author-box__stat + .author-box__stat { border-left: 1px solid rgba(255,255,255,0.14); } .author-box__stat b { display: block; color: #fff; font-size: 1.2rem; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 0.1rem; } .author-box__links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.55rem; margin-top: 0.4rem; } .author-box__site, .author-box__social { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; border-radius: 40px; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.06); color: #eef1f7; font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } .author-box__site svg { width: 15px; height: 15px; } .author-box__site:hover, .author-box__social:hover { background: var(--wp--preset--color--primary); border-color: var(--wp--preset--color--primary); color: #fff; } .hero-form { max-width: 760px; margin-inline: auto; background: #fff; border-radius: 18px; padding: 1.5rem; box-shadow: 0 24px 50px -18px rgba(3,8,18,0.5); display: grid; grid-template-columns: 1fr 1fr; gap: 0.85rem; position: relative; z-index: 5; } .hero-form input, .hero-form select, .hero-form button, .quote-form input, .quote-form select, .quote-form button { box-sizing: border-box; } .hero-form input, .hero-form select, .quote-form input, .quote-form select { width: 100%; min-width: 0; height: clamp(46px, 42px + 1.6vw, 52px); border: 1px solid #E3E6EB; border-radius: 11px; padding: 0 clamp(0.85rem, 0.7rem + 0.5vw, 1rem); font: inherit; font-size: clamp(0.9rem, 0.87rem + 0.15vw, 0.95rem); color: var(--wp--preset--color--ink); background-color: #fff; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .hero-form input::placeholder, .quote-form input::placeholder { color: #98A2B3; } .hero-form input:focus, .hero-form select:focus, .quote-form input:focus, .quote-form select:focus { outline: none; border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 3px rgba(237,30,82,0.13); } .hero-form select, .quote-form select { appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; padding-right: 2.75rem; background-repeat: no-repeat; background-position: right 1rem center; background-size: 16px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23667085%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209l6%206%206-6%27%2F%3E%3C%2Fsvg%3E"); } .hero-form input { background-repeat: no-repeat; background-position: left 1rem center; background-size: 18px; padding-left: 2.9rem; } .hero-form input[type="text"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2718%27%20height%3D%2718%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%239aa2ad%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%274%27%2F%3E%3Cpath%20d%3D%27M4%2021a8%208%200%200%201%2016%200%27%2F%3E%3C%2Fsvg%3E"); } .hero-form input[type="tel"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2718%27%20height%3D%2718%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%239aa2ad%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%204h4l2%205-2.5%201.6a11%2011%200%200%200%205%205L15%2014l5%202v4a2%202%200%200%201-2%202A16%2016%200%200%201%203%206a2%202%200%200%201%202-2z%27%2F%3E%3C%2Fsvg%3E"); } .hero-form input[type="email"] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2718%27%20height%3D%2718%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%239aa2ad%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M3%207l9%206%209-6%27%2F%3E%3C%2Fsvg%3E"); } .hero-form select { padding-left: 2.9rem; background-size: 16px, 18px; background-position: right 1rem center, left 1rem center; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23667085%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209l6%206%206-6%27%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2718%27%20height%3D%2718%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%239aa2ad%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%277%27%20width%3D%2718%27%20height%3D%2713%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%207V5a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%27%2F%3E%3C%2Fsvg%3E"); } .cselect { position: relative; min-width: 0; } .cselect__native { position: absolute; inset: 0; opacity: 0; pointer-events: none; } .cselect__trigger { width: 100%; height: 52px; display: flex; align-items: center; text-align: left; cursor: pointer; border: 1px solid #E3E6EB; border-radius: 11px; padding: 0 2.75rem 0 2.9rem; font: inherit; font-size: 0.925rem; color: var(--wp--preset--color--ink); background-color: #fff; background-repeat: no-repeat, no-repeat; background-position: right 1rem center, left 1rem center; background-size: 16px, 18px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23667085%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209l6%206%206-6%27%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2718%27%20height%3D%2718%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%239aa2ad%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%277%27%20width%3D%2718%27%20height%3D%2713%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%207V5a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%27%2F%3E%3C%2Fsvg%3E"); transition: border-color 0.15s ease, box-shadow 0.15s ease; } .cselect.is-open .cselect__trigger, .cselect__trigger:focus-visible { outline: none; border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 3px rgba(237,30,82,0.13); } .cselect__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cselect__trigger.is-placeholder .cselect__label { color: #98A2B3; } .cselect__list { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 30; margin: 0; padding: 6px; list-style: none; max-height: 264px; overflow-y: auto; background: #fff; border: 1px solid #E3E6EB; border-radius: 12px; box-shadow: 0 18px 40px -12px rgba(16,24,40,0.26); } .cselect__option { padding: 0.62rem 0.75rem; border-radius: 8px; font-size: 0.9rem; cursor: pointer; color: var(--wp--preset--color--ink); } .cselect__option:hover { background: color-mix(in srgb, var(--wp--preset--color--primary) 8%, #fff); } .cselect__option[aria-selected="true"] { background: color-mix(in srgb, var(--wp--preset--color--primary) 12%, #fff); color: var(--wp--preset--color--primary-hover); font-weight: 600; } .cselect__option.is-placeholder { color: #98A2B3; } .hero-form .iti { display: block; width: 100%; } .hero-form .iti > input[type="tel"] { background-image: none; } .hero-form .iti .iti__selected-flag { border-radius: 11px 0 0 11px; } .hero-form .iti--separate-dial-code .iti__selected-flag { background-color: #f7f8fa; } .hero-form .iti__country-list { border: 1px solid #E3E6EB; border-radius: 12px; box-shadow: 0 18px 40px -12px rgba(16,24,40,0.26); margin-top: 6px; z-index: 40; } .hero-form .iti__selected-dial-code, .hero-form .iti__country-name { color: var(--wp--preset--color--ink); } .hero-form .iti__dial-code { color: var(--wp--preset--color--muted); } .hero-form .iti__country.iti__highlight { background-color: rgba(15,27,45,0.06); } .hero-form input.is-invalid, .iti.is-invalid input[type="tel"], .cselect.is-invalid .cselect__trigger { border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 3px rgba(237,30,82,0.12); } .hero-form__status { grid-column: 1 / -1; margin: 0.1rem 0 0; font-size: 0.85rem; text-align: center; } .hero-form__status:empty { display: none; } .hero-form__status[data-type="success"] { display: flex; align-items: center; gap: 0.55rem; justify-content: center; margin-top: 0.7rem; padding: 0.75rem 1rem; background: color-mix(in srgb, #15803d 8%, #fff); border: 1px solid color-mix(in srgb, #15803d 28%, #fff); border-radius: 11px; color: #15803d; font-weight: 600; text-align: left; } .hero-form__status[data-type="success"]::before { content: ""; flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background: #15803d no-repeat center/12px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%206%209%2017l-5-5%27%2F%3E%3C%2Fsvg%3E"); } .hero-form__status[data-type="error"] { display: block; margin-top: 0.6rem; padding: 0.65rem 0.9rem; text-align: center; background: color-mix(in srgb, var(--wp--preset--color--primary) 7%, #fff); border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary) 25%, #fff); border-radius: 11px; color: var(--wp--preset--color--primary-hover); font-weight: 500; font-size: 0.85rem; } .hero-form .full { grid-column: 1 / -1; } .hero-form button[type="submit"], .quote-form button[type="submit"] { width: 100%; height: clamp(48px, 44px + 1.6vw, 54px); border: 0; border-radius: 11px; background: var(--wp--preset--color--primary); color: #fff; font-weight: 600; font-size: clamp(0.9rem, 0.86rem + 0.2vw, 1rem); letter-spacing: 0.005em; cursor: pointer; transition: background 0.18s ease, transform 0.18s ease; } .hero-form button[type="submit"]:hover, .quote-form button[type="submit"]:hover { background: var(--wp--preset--color--primary-hover); transform: translateY(-1px); } .hero-form button[type="submit"][disabled] { opacity: 0.7; cursor: default; transform: none; } .section { padding-block: clamp(2rem, 3.5vw, 3.5rem); } article > .section:first-child { padding-top: clamp(1.5rem, 3vw, 2.5rem); } article.section { padding-top: clamp(1.5rem, 3vw, 2.5rem); } .sec-head { max-width: 730px; text-align: center; margin-inline: auto; } .sec-head h2 { margin: 0; } .eyebrow { display: block; margin-bottom: 0.9rem; font-family: var(--wp--preset--font-family--sans); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--primary); } .section-dark .eyebrow, .section-faq .eyebrow { color: var(--wp--preset--color--primary); } .sec-head .sub { margin-top: 1rem; font-size: clamp(1rem, 0.96rem + 0.25vw, 1.0625rem); line-height: 1.65; color: var(--wp--preset--color--muted); } .section-dark .sec-head .sub { color: #aeb8c9; } .section-faq .sec-head .sub { color: #cdd2e8; } .with-sidebar { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: var(--wp--preset--spacing--50); align-items: start; } .wp-block-button__link { box-shadow: 0 1px 2px rgba(16,24,40,0.08); transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease; } .wp-block-button:not(.is-style-outline):not(.is-style-outline-white) .wp-block-button__link:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(237,30,82,0.28); } .wp-block-button__link:active, .hero-form button[type="submit"]:active, .quote-form button[type="submit"]:active, .contact-form button:active, .svc-search button:active { transform: translateY(1px); } .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--wp--preset--color--primary); box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--border); } .wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--ink); color: #fff; box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--ink); } .cards-2 .wp-block-post-template, .cards-2.wp-block-post-template { display: grid; grid-template-columns: 1fr 1fr; gap: var(--wp--preset--spacing--40); } .cards-3 .wp-block-post-template, .cards-3.wp-block-post-template { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--wp--preset--spacing--40); } .wp-block-post-template > li { margin-block-start: 0; display: flex; } .wp-block-post-template > li > .card { flex: 1; height: auto; } .card { border: 1px solid var(--wp--preset--color--border); border-radius: 14px; background: #fff; overflow: hidden; height: 100%; display: flex; flex-direction: column; box-shadow: 0 1px 2px rgba(16,24,40,0.04); transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease; position: relative; } .card:hover, .card:focus-within { border-color: #d7dbe2; box-shadow: 0 10px 30px rgba(16,24,40,0.09); transform: translateY(-3px); } .card .wp-block-post-featured-image { margin: 0; } .card .wp-block-post-featured-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; background: var(--wp--preset--color--surface); } .card .card-body { margin-top: 0; padding: 1.25rem 1.35rem 1.4rem; display: flex; flex-direction: column; gap: 0.55rem; flex: 1; } .card > *, .card .card-body > * { margin-block: 0; } .card .card-body .know { margin-top: auto; padding-top: 0.4rem; } .card .wp-block-post-terms { display: inline-flex; align-self: flex-start; padding: 0.28rem 0.72rem; border-radius: 40px; background: color-mix(in srgb, var(--wp--preset--color--primary) 8%, #fff); color: var(--wp--preset--color--primary-hover); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.02em; } .card .wp-block-post-terms a { color: inherit; text-decoration: none; } .card .wp-block-post-title { font-size: 1.1rem; line-height: 1.32; margin: 0.1rem 0 0; letter-spacing: -0.01em; } .card .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; } .card .wp-block-post-title a:hover { color: var(--wp--preset--color--primary); } .card .wp-block-post-excerpt { margin: 0; display: flex; flex-direction: column; flex: 1; } .card .wp-block-post-excerpt__excerpt { font-size: 0.88rem; color: var(--wp--preset--color--muted); line-height: 1.6; margin: 0; } .card .wp-block-post-excerpt__more-text { margin: auto 0 0; padding-top: 0.8rem; } .card .wp-block-post-excerpt__more-link { color: var(--wp--preset--color--primary); font-weight: 600; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.03em; text-decoration: none; } .card .wp-block-post-excerpt__more-link:hover { color: var(--wp--preset--color--primary-hover); } .card .wp-block-post-excerpt p { font-size: 0.82rem; color: var(--wp--preset--color--muted); margin: 0; } .card .wp-block-post-excerpt__more-text, .card .read-more a { color: var(--wp--preset--color--primary); font-weight: 600; font-size: 0.78rem; letter-spacing: 0.03em; text-transform: uppercase; } .card .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; } .wp-block-query-pagination { gap: 0.5rem; margin-top: var(--wp--preset--spacing--50); } .wp-block-query-pagination a, .wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers { min-width: 40px; height: 40px; padding: 0 0.75rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--wp--preset--color--border); border-radius: 8px; font-size: 0.9rem; color: var(--wp--preset--color--body); text-decoration: none; } .wp-block-query-pagination .page-numbers.current { background: var(--wp--preset--color--primary); color: #fff; border-color: var(--wp--preset--color--primary); } .side { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--40); } .side-box { border: 1px solid var(--wp--preset--color--border); border-radius: 12px; padding: 1.4rem; } .side-box .box-title { color: var(--wp--preset--color--primary); font-size: 1.25rem; margin: 0 0 0.4rem; } .side-box .box-title::after { content: ""; display: block; width: 46px; height: 3px; background: var(--wp--preset--color--primary); border-radius: 2px; margin-top: 0.6rem; } .side-box .wp-block-search__inside-wrapper { border: 0; } .side-box .wp-block-search__input { height: 46px; border: 1px solid var(--wp--preset--color--border); border-radius: 8px 0 0 8px; padding: 0 0.85rem; } .side-box .wp-block-search__button { margin: 0; height: 46px; background: var(--wp--preset--color--primary); color: #fff; border-radius: 0 8px 8px 0; border: 0; } .side-box .lead { font-weight: 600; color: var(--wp--preset--color--ink); } .quote-form { display: flex; flex-direction: column; } .quote-form label { font-size: 0.78rem; color: var(--wp--preset--color--muted); margin-bottom: -0.4rem; } .cat-list { list-style: none; margin: 0; padding: 0; } .cat-list li { display: flex; align-items: center; justify-content: space-between; padding: 0.7rem 0; border-bottom: 1px solid var(--wp--preset--color--border); font-size: 0.9rem; } .cat-list li:last-child { border-bottom: 0; } .cat-list a { color: var(--wp--preset--color--body); } .cat-list a:hover { color: var(--wp--preset--color--primary); } .cat-list .cat-count { min-width: 26px; height: 26px; border-radius: 50%; background: var(--wp--preset--color--primary); color: #fff; font-size: 0.72rem; display: inline-flex; align-items: center; justify-content: center; } .site-footer { background: var(--wp--preset--color--indigo) url(assets/images/footer-bg.webp) center/cover no-repeat; color: #cfcbe9; padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40); } .site-footer a { color: #d9d6f5; } .site-footer a:hover { color: #fff; } .footer-cta { gap: 1.4rem 2.5rem; padding-bottom: var(--wp--preset--spacing--50); margin-bottom: var(--wp--preset--spacing--50); border-bottom: 1px solid rgba(255,255,255,0.14); } .footer-cta__text { max-width: 560px; } .footer-cta h2 { color: #fff; margin: 0; padding-bottom: 0; font-size: clamp(1.55rem, 3vw, 2.1rem); } .footer-cta h2::after { content: none; } .footer-cta h2 em { color: var(--wp--preset--color--primary); font-style: normal; } .footer-cta .prefooter-sub { color: rgba(255,255,255,0.68); margin: 0.7rem 0 0; font-size: 1rem; line-height: 1.6; } .footer-cta__actions { flex-shrink: 0; gap: 0.7rem; align-items: center; } .footer-cta__actions .is-style-outline-white .wp-block-button__link { background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.55); } .footer-cta__actions .is-style-outline-white .wp-block-button__link:hover { background: #fff; color: var(--wp--preset--color--indigo); box-shadow: inset 0 0 0 1.5px #fff; } .footer-logo { margin: 0 0 1.3rem; } .footer-logo img { width: 188px; height: auto; } .footer-tagline { color: #b6b2da; margin: 0 0 1.5rem; line-height: 1.6; } .site-footer :is(h3, h4) { color: #fff; font-size: 1rem; margin-bottom: 1rem; position: relative; padding-bottom: 0.6rem; } .site-footer :is(h3, h4)::after { content: ""; position: absolute; left: 0; bottom: 0; width: 34px; height: 3px; background: var(--wp--preset--color--primary); border-radius: 2px; } .site-footer .f-block { margin-bottom: 0; } .site-footer .f-block strong { color: #fff; display: block; margin-top: 1.1rem; margin-bottom: 0.2rem; } .site-footer .wp-block-list { list-style: none; margin: 0; padding: 0; line-height: 2.05; font-size: 0.86rem; } .site-footer .footer-nav { display: block; } .site-footer .footer-nav .wp-block-navigation__container { flex-direction: column; align-items: flex-start; gap: 0.35rem; } .site-footer .footer-nav .wp-block-navigation-item__content { padding: 0; font-size: 0.86rem; color: #d9d6f5; } .site-footer .footer-nav .wp-block-navigation-item__content:hover { color: #fff; } .footer-bottom { border-top: 1px solid rgba(255,255,255,0.18); margin-top: var(--wp--preset--spacing--50); padding-top: 1.1rem; } .social-links { display: flex; align-items: center; gap: 0.5rem; } .social-link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; color: #fff; background: rgba(255,255,255,0.1); transition: background 0.15s ease, transform 0.15s ease; } .social-link svg { width: 17px; height: 17px; } .social-link:hover { background: var(--wp--preset--color--primary); color: #fff; transform: translateY(-2px); } .error-404 { position: relative; overflow: hidden; text-align: center; padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1.4rem, 5vw, 3.5rem); border-radius: 28px; color: #fff; background: radial-gradient(900px 380px at 50% -12%, rgba(237,30,82,0.20), transparent 66%), var(--wp--preset--color--navy); } .error-404 > * { position: relative; z-index: 1; } .error-404__num { display: block; font-family: var(--wp--preset--font-family--display); font-size: clamp(5rem, 20vw, 9rem); font-weight: 800; line-height: 0.9; letter-spacing: -0.04em; background: linear-gradient(120deg, color-mix(in srgb, var(--wp--preset--color--primary) 68%, #fff), var(--wp--preset--color--primary)); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 0.4rem; } .error-404 .eyebrow { color: var(--wp--preset--color--primary); } .error-404 h1 { color: #fff; margin: 0.2rem 0 0; } .error-404__sub { color: #c6cfdd; margin: 1rem auto 1.7rem; max-width: 32rem; } .error-404 .wp-block-search { max-width: 430px; margin: 0 auto 1.5rem; } .error-404 .wp-block-search__inside-wrapper { background: #fff; border: 0; border-radius: 12px; padding: 5px 5px 5px 14px; } .error-404 .wp-block-search__input { border: 0; background: transparent; color: var(--wp--preset--color--ink); } .error-404 .wp-block-search__button { margin: 0; border-radius: 9px; } .error-404 .wp-block-buttons { margin-top: 0; } .error-404__links { display: flex; flex-wrap: wrap; gap: 0.4rem 1.1rem; justify-content: center; align-items: center; margin-top: 2rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,0.14); font-size: 0.9rem; } .error-404__links span { color: #8f9bb0; } .error-404__links a { color: #d9dce6; text-decoration: none; } .error-404__links a:hover { color: #fff; } .modal { border: 0; padding: 0; background: transparent; max-width: min(560px, 94vw); width: 100%; color: var(--wp--preset--color--ink); } .modal::backdrop { background: rgba(8,15,26,0.55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .modal[open] { animation: modal-in 0.2s ease; } @keyframes modal-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } .modal__panel { position: relative; background: #fff; border-radius: 20px; padding: clamp(1.5rem, 4vw, 2.4rem); box-shadow: 0 40px 90px -20px rgba(3,8,18,0.5); max-height: 90dvh; overflow-y: auto; overscroll-behavior: contain; } .modal__close { position: absolute; top: 0.85rem; right: 0.85rem; width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--wp--preset--color--surface); color: var(--wp--preset--color--muted); font-size: 1.5rem; line-height: 1; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; } .modal__close:hover { background: var(--wp--preset--color--border); color: var(--wp--preset--color--ink); } .modal__head { margin-bottom: 1.4rem; } .modal__title { margin: 0; font-size: clamp(1.2rem, 1.05rem + 0.7vw, 1.35rem); } .modal__sub { margin: 0.4rem 0 0; color: var(--wp--preset--color--muted); font-size: 0.95rem; } .contact-modal__grid { display: grid; gap: 0.7rem; } .contact-opt { box-sizing: border-box; display: flex; align-items: center; gap: 0.9rem; text-align: left; width: 100%; padding: 0.8rem 1rem; border-radius: 14px; border: 1px solid var(--wp--preset--color--border); background: #fff; cursor: pointer; text-decoration: none; color: var(--wp--preset--color--ink); transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease; } .contact-opt:hover { transform: translateY(-1px); border-color: #d7dbe2; background: var(--wp--preset--color--surface); color: var(--wp--preset--color--ink); } .contact-opt__ico { width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; } .contact-opt__ico svg { width: 22px; height: 22px; } .contact-opt--call .contact-opt__ico { background: var(--wp--preset--color--navy); } .contact-opt--wa .contact-opt__ico { background: #25D366; } .contact-opt--email .contact-opt__ico { background: var(--wp--preset--color--indigo); } .contact-opt--book .contact-opt__ico { background: var(--wp--preset--color--primary); } .contact-opt__txt { display: flex; flex-direction: column; line-height: 1.3; } .contact-opt__txt b { font-size: 0.98rem; } .contact-opt__txt span { font-size: 0.85rem; color: var(--wp--preset--color--muted); } .appt-modal__head { display: flex; align-items: flex-start; gap: 0.9rem; } .appt-modal__ico { width: 46px; height: 46px; border-radius: 13px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; color: var(--wp--preset--color--primary); background: color-mix(in srgb, var(--wp--preset--color--primary) 10%, #fff); } .appt-modal__ico svg { width: 24px; height: 24px; } .appt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; } .appt-field { display: flex; flex-direction: column; gap: 0.3rem; min-width: 0; } .appt-field--full { grid-column: 1 / -1; } .appt-field > span { font-size: 0.82rem; font-weight: 600; color: var(--wp--preset--color--body); } .appt-form input, .appt-form select { width: 100%; min-width: 0; height: 48px; box-sizing: border-box; border: 1px solid #E3E6EB; border-radius: 10px; padding: 0 0.9rem; font: inherit; font-size: 0.92rem; color: var(--wp--preset--color--ink); background: #fff; } .appt-form input:focus, .appt-form select:focus { outline: none; border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 3px rgba(237,30,82,0.13); } .appt-form__submit { width: 100%; height: 50px; margin-top: 1.1rem; border: 0; border-radius: 11px; background: var(--wp--preset--color--primary); color: #fff; font-weight: 600; font-size: 0.95rem; cursor: pointer; box-shadow: 0 8px 20px rgba(237,30,82,0.3); transition: background 0.18s ease; } .appt-form__submit:hover { background: var(--wp--preset--color--primary-hover); } .appt-form__submit[disabled] { opacity: 0.7; cursor: default; } .appt-modal__note { margin: 1.1rem 0 0; padding-top: 1rem; border-top: 1px solid var(--wp--preset--color--border); text-align: center; font-size: 0.88rem; color: var(--wp--preset--color--muted); } @media (max-width: 520px) { .appt-grid { grid-template-columns: 1fr; } } .appt-form .iti, .quote-form .iti { display: block; width: 100%; } .appt-form .iti > input[type="tel"], .quote-form .iti > input[type="tel"] { background-image: none; } .appt-form .iti__selected-flag, .quote-form .iti__selected-flag { border-radius: 10px 0 0 10px; } .appt-form .iti--separate-dial-code .iti__selected-flag, .quote-form .iti--separate-dial-code .iti__selected-flag { background-color: #f7f8fa; } :is(.appt-form, .quote-form) input.is-invalid { border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 3px rgba(237,30,82,0.12); } .appt-form select { appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; padding-right: 2.4rem; background-repeat: no-repeat; background-position: right 0.85rem center; background-size: 15px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23667085%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209l6%206%206-6%27%2F%3E%3C%2Fsvg%3E"); } .appt-form .cselect__trigger { height: 48px; border-radius: 10px; padding: 0 2.4rem 0 0.9rem; font-size: 0.92rem; background-size: 15px; background-position: right 0.85rem center; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23667085%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209l6%206%206-6%27%2F%3E%3C%2Fsvg%3E"); } .appt-form .cselect { min-width: 0; } .svc-filter { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 0; } .svc-search { position: relative; display: flex; align-items: center; width: 100%; max-width: 540px; } .svc-search__ico { position: absolute; left: 1.2rem; width: 18px; height: 18px; color: var(--wp--preset--color--muted); pointer-events: none; } .svc-search input { width: 100%; height: 54px; border: 1px solid var(--wp--preset--color--border); border-radius: 40px; padding: 0 7.2rem 0 3.1rem; font: inherit; font-size: 0.95rem; background: #fff; color: var(--wp--preset--color--ink); box-shadow: 0 1px 2px rgba(16,24,40,0.05); transition: border-color 0.15s ease, box-shadow 0.15s ease; } .svc-search input::placeholder { color: var(--wp--preset--color--muted); } .svc-search input:focus { outline: none; border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 4px rgba(237,30,82,0.1); } .svc-search button { position: absolute; top: 6px; right: 6px; bottom: 6px; padding: 0 1.5rem; border: 0; border-radius: 40px; background: var(--wp--preset--color--primary); color: #fff; font-weight: 600; font-size: 0.88rem; cursor: pointer; transition: background 0.15s ease; } .svc-search button:hover { background: var(--wp--preset--color--primary-hover); } .svc-pills { display: flex; flex-wrap: wrap; gap: 0.55rem; } .svc-pill { display: inline-flex; align-items: center; padding: 0.58rem 1.15rem; border-radius: 40px; border: 1px solid transparent; background: #f1f3f7; color: var(--wp--preset--color--body); font-size: 0.86rem; font-weight: 500; text-decoration: none; transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; } .svc-pill:hover { background: #e6e9f0; color: var(--wp--preset--color--ink); } .svc-pill.is-active { background: var(--wp--preset--color--primary); color: #fff; box-shadow: 0 6px 16px rgba(237,30,82,0.28); } @media (max-width: 720px) { .svc-search { max-width: none; } .svc-pills { flex-wrap: nowrap; gap: 0.5rem; overflow-x: auto; padding-bottom: 0.5rem; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-snap-type: x proximity; -webkit-mask-image: linear-gradient(to right, #000 92%, transparent 100%); mask-image: linear-gradient(to right, #000 92%, transparent 100%); } .svc-pills::-webkit-scrollbar { display: none; } .svc-pill { flex: 0 0 auto; white-space: nowrap; scroll-snap-align: start; padding: 0.52rem 1rem; font-size: 0.82rem; } .svc-pills br { display: none; } } @media (max-width: 400px) { .svc-pill { padding: 0.48rem 0.85rem; font-size: 0.8rem; } } .hero-reviews-wrap { text-align: center; margin: 0 0 1.1rem; } .hero-reviews { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 0.85rem; background: rgba(255,255,255,0.09); border: 1px solid rgba(255,255,255,0.18); padding: 7px 15px; border-radius: 40px; } .hero-reviews .g-logo { width: 20px; height: 20px; display: block; } .hero-reviews .stars { color: #fbbf24; letter-spacing: 1px; } .hero-reviews b { font-weight: 700; } .hero-reviews .g-count { opacity: 0.8; } .hero-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; margin: 2rem auto 0; width: fit-content; max-width: 100%; border: 1px solid rgba(255,255,255,0.16); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,0.05); backdrop-filter: blur(4px); } .hero-stats .stat { color: #fff; text-align: center; font-size: 0.8rem; opacity: 0.95; padding: 1rem 2rem; border-right: 1px solid rgba(255,255,255,0.14); } .hero-stats .stat:last-child { border-right: 0; } .hero-stats .stat b { display: block; font-size: clamp(1.3rem, 1.05rem + 1.1vw, 1.6rem); font-weight: 700; color: #fff; line-height: 1.1; margin-bottom: 2px; } @media (max-width: 600px) { .hero-stats .stat { flex: 1 1 50%; border-bottom: 1px solid rgba(255,255,255,0.14); } } .tabs { margin-top: 2rem; } .tabs input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; } .tabs .tab-labels { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-bottom: 1.8rem; } .tabs .tab-labels label { cursor: pointer; padding: 0.7rem 1.2rem; border-radius: 40px; border: 1px solid var(--wp--preset--color--border); font-size: 0.85rem; font-weight: 500; color: var(--wp--preset--color--body); background: #fff; white-space: nowrap; transition: background .18s ease, color .18s ease, border-color .18s ease; -webkit-tap-highlight-color: transparent; } .tabs .tab-labels label:hover { border-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--primary); } .tabs .tab-panel { display: none; } .tabs .tab-grid { display: flex; gap: var(--wp--preset--spacing--40); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 2px; padding: 2px 2px 1.1rem; scrollbar-width: thin; scrollbar-color: var(--wp--preset--color--border) transparent; } .tabs .tab-grid::-webkit-scrollbar { height: 6px; } .tabs .tab-grid::-webkit-scrollbar-thumb { background: var(--wp--preset--color--border); border-radius: 6px; } .tabs .mini { flex: 0 0 clamp(278px, 31%, 344px); scroll-snap-align: start; } .slider-dots { display: flex; justify-content: center; gap: 7px; margin-top: 1.4rem; } .slider-dots[hidden] { display: none; } .slider-dot { width: 8px; height: 8px; padding: 16px 6px; box-sizing: content-box; background-clip: content-box; border: 0; border-radius: 50%; cursor: pointer; background-color: color-mix(in srgb, var(--wp--preset--color--border) 80%, var(--wp--preset--color--muted)); transition: width 0.25s ease, background-color 0.25s ease; } .slider-dot:hover { background-color: color-mix(in srgb, var(--wp--preset--color--primary) 45%, var(--wp--preset--color--border)); } .slider-dot.is-active { background-color: var(--wp--preset--color--primary); } .tabs #t1:checked ~ .tab-labels [for=t1], .tabs #t2:checked ~ .tab-labels [for=t2], .tabs #t3:checked ~ .tab-labels [for=t3], .tabs #t4:checked ~ .tab-labels [for=t4], .tabs #t5:checked ~ .tab-labels [for=t5] { background: var(--wp--preset--color--primary); color: #fff; border-color: var(--wp--preset--color--primary); } .tabs #t1:checked ~ .panels #p1, .tabs #t2:checked ~ .panels #p2, .tabs #t3:checked ~ .panels #p3, .tabs #t4:checked ~ .panels #p4, .tabs #t5:checked ~ .panels #p5 { display: block; } .mini { border: 1px solid var(--wp--preset--color--border); border-radius: 12px; padding: 1.5rem; background: #fff; display: flex; flex-direction: column; gap: 0.6rem; transition: box-shadow .18s ease, transform .18s ease; } .mini:hover { box-shadow: 0 14px 32px rgba(15,27,45,0.09); transform: translateY(-2px); } .mini .ico { width: 52px; height: 52px; border-radius: 14px; background: color-mix(in srgb, var(--wp--preset--color--primary) 10%, #fff); display: inline-flex; align-items: center; justify-content: center; color: var(--wp--preset--color--primary); } .mini h3 { font-size: 1.02rem; margin: 0.2rem 0 0; } .mini p { font-size: 0.82rem; color: var(--wp--preset--color--muted); margin: 0; flex: 1; } .mini .know { color: var(--wp--preset--color--primary); font-weight: 600; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.03em; margin-top: auto; display: inline-flex; align-items: center; gap: 6px; } .ico svg, .step-ico svg, .compare .ico-badge svg { width: 26px; height: 26px; } .icon-crimson svg { color: var(--wp--preset--color--primary); } .section-lead { max-width: 760px; margin-inline: auto; margin-top: 0.9rem; } .compare { display: grid; grid-template-columns: 1.04fr 0.96fr; gap: 1.4rem; max-width: 1060px; margin: 2.6rem auto 0; align-items: stretch; } .compare__col { border-radius: 22px; padding: 2rem 2rem 2.15rem; } .compare__col--us { background: #fff; border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary) 20%, var(--wp--preset--color--border)); box-shadow: 0 24px 60px -26px rgba(237,30,82,0.32), 0 2px 8px rgba(16,24,40,0.05); position: relative; } .compare__col--us::before { content: ""; position: absolute; inset: 0; border-radius: 22px; z-index: 0; pointer-events: none; background: radial-gradient(120% 80% at 0% 0%, rgba(237,30,82,0.06), transparent 60%); } .compare__col--us > * { position: relative; z-index: 1; } .compare__col--them { background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); } .compare__head { display: flex; align-items: center; gap: 0.85rem; flex-wrap: wrap; padding-bottom: 1.4rem; margin-bottom: 0.6rem; border-bottom: 1px solid var(--wp--preset--color--border); } .compare__logo { height: 42px; width: auto; } .compare__tag { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.34rem 0.7rem; border-radius: 40px; font-size: 0.72rem; font-weight: 600; line-height: 1.2; color: var(--wp--preset--color--primary-hover); background: color-mix(in srgb, var(--wp--preset--color--primary) 9%, #fff); border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary) 22%, #fff); } .compare__tag svg { width: 14px; height: 14px; } .compare__them-ico { color: var(--wp--preset--color--muted); display: inline-flex; } .compare__them-ico svg { width: 26px; height: 26px; } .compare__them-title { font-size: 1.12rem; margin: 0; color: var(--wp--preset--color--ink); } .compare__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } .compare__item { display: grid; grid-template-columns: 1.5rem 1fr; gap: 0.85rem; align-items: start; padding: 0.95rem 0; } .compare__item + .compare__item { border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--border) 60%, transparent); } .cmp-ico { display: inline-flex; margin-top: 0.1rem; } .cmp-ico svg { width: 1.5rem; height: 1.5rem; } .cmp-ico--yes { color: #16a34a; } .cmp-ico--no { color: color-mix(in srgb, var(--wp--preset--color--muted) 70%, transparent); } .compare__item h3 { font-size: 1rem; margin: 0 0 0.2rem; letter-spacing: -0.01em; } .compare__col--us .compare__item p { font-size: 0.9rem; color: var(--wp--preset--color--muted); margin: 0; line-height: 1.55; } .compare__col--them .compare__item { align-items: center; } .compare__col--them .compare__item p { font-size: 0.92rem; color: var(--wp--preset--color--body); margin: 0; line-height: 1.55; } @media (max-width: 860px) { .compare { grid-template-columns: 1fr; gap: 1rem; } .compare__col { padding: 1.6rem 1.4rem; } } .steps { display: grid; grid-template-columns: repeat(5,1fr); gap: 0; margin-top: 3.5rem; background-image: linear-gradient(90deg, color-mix(in srgb, var(--wp--preset--color--primary) 55%, transparent), color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent)); background-repeat: no-repeat; background-position: left top; background-size: 100% 2px; } .step { position: relative; padding: 2.9rem 1.8rem 0.5rem; } .step + .step { border-left: 1px solid var(--wp--preset--color--border); } .step::before { content: ""; position: absolute; top: -5px; left: 1.8rem; width: 12px; height: 12px; border-radius: 50%; background: var(--wp--preset--color--primary); box-shadow: 0 0 0 5px #f4f5f8, 0 0 0 6px color-mix(in srgb, var(--wp--preset--color--primary) 30%, transparent); } .step .num { display: block; font-size: clamp(1.3rem, 1.1rem + 0.9vw, 1.5rem); font-weight: 700; line-height: 1; letter-spacing: 0.01em; margin-bottom: 0.7rem; color: var(--wp--preset--color--primary); font-variant-numeric: tabular-nums; } .step .step-ico { display: none; } .step h3 { font-size: 1.14rem; margin: 0 0 0.6rem; } .step p { font-size: 0.9rem; color: var(--wp--preset--color--muted); margin: 0; line-height: 1.62; } @media (max-width: 1024px) { .steps { grid-template-columns: repeat(2,1fr); background: none; row-gap: 2.5rem; } .step { border-top: 2px solid var(--wp--preset--color--border); padding-top: 2rem; } .step + .step { border-left: 0; } .step:nth-child(even) { border-left: 1px solid var(--wp--preset--color--border); } .step::before { left: 1.8rem; top: -8px; } } @media (max-width: 560px) { .steps { grid-template-columns: 1fr; } .step { border-left: 0 !important; } } .section-dark { background: radial-gradient(1100px 480px at 50% -14%, rgba(237,30,82,0.16), transparent 68%), var(--wp--preset--color--navy); color: #fff; } .section-dark .sec-head h2 { color: #fff; } .issues { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--wp--preset--spacing--40); margin-top: 2.8rem; } .issue { position: relative; display: flex; flex-direction: column; gap: 0.9rem; border-radius: 18px; padding: 1.9rem 1.75rem; background: linear-gradient(180deg, rgba(255,255,255,0.055) 0%, rgba(255,255,255,0.012) 100%); border: 1px solid rgba(255,255,255,0.08); transition: border-color 0.25s ease, transform 0.25s ease, background 0.25s ease; } .issue:hover { transform: translateY(-3px); border-color: rgba(237,30,82,0.32); background: linear-gradient(180deg, rgba(237,30,82,0.06) 0%, rgba(255,255,255,0.015) 100%); } .issue-ico { width: 52px; height: 52px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; color: var(--wp--preset--color--primary); background: rgba(237,30,82,0.12); border: 1px solid rgba(237,30,82,0.18); } .issue-ico svg { width: 26px; height: 26px; } .issue h3 { color: #fff; font-size: 1.12rem; margin: 0.2rem 0 0; } .issue p { color: #b7c0cf; font-size: 0.92rem; line-height: 1.65; margin: 0; } .g-reviews { margin-top: 2.4rem; } .g-reviews__bar { display: flex; align-items: center; gap: 0.8rem 1.4rem; flex-wrap: wrap; padding-bottom: 1.4rem; margin-bottom: 1.7rem; border-bottom: 1px solid var(--wp--preset--color--border); } .g-reviews__brand { display: inline-flex; align-items: center; gap: 0.45rem; } .g-reviews__wordmark { height: 24px; width: auto; display: block; } .g-reviews__brand-label { font-size: clamp(1.15rem, 1.0rem + 0.6vw, 1.3rem); color: #5f6368; letter-spacing: -0.01em; } .g-reviews__rating { display: inline-flex; align-items: center; gap: 0.5rem; } .g-reviews__score { font-size: clamp(1.15rem, 1.0rem + 0.6vw, 1.3rem); font-weight: 700; color: #202124; line-height: 1; } .g-reviews__count { font-size: 0.88rem; color: #70757a; } .g-reviews__write { margin-left: auto; font-size: 0.9rem; font-weight: 600; color: #1a73e8; padding: 0.6rem 1.3rem; border-radius: 8px; border: 1px solid #dadce0; background: #fff; transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; } .g-reviews__write:hover { background: #f6faff; border-color: #1a73e8; color: #1a73e8; box-shadow: 0 2px 8px rgba(26,115,232,0.14); } .g-stars { display: inline-flex; align-items: center; gap: 1px; line-height: 1; white-space: nowrap; } .g-star { width: 18px; height: 18px; flex-shrink: 0; fill: #fbbc04; } .g-star--empty { fill: #dadce0; } .g-reviews__grid { --gr-col: clamp(280px, 86%, 344px); --gr-brick: calc((var(--gr-col) + var(--wp--preset--spacing--40)) / 2); display: grid; grid-auto-flow: column; grid-auto-columns: var(--gr-col); grid-template-rows: repeat(2, min-content); gap: var(--wp--preset--spacing--40); overflow-x: auto; scroll-snap-type: x mandatory; position: relative; left: 50%; width: 100vw; max-width: 100vw; margin-left: -50vw; box-sizing: border-box; padding-inline: max(1.25rem, calc((100vw - 1300px) / 2)); padding-block: 1rem 1.5rem; scrollbar-width: none; -ms-overflow-style: none; } .g-reviews__grid::-webkit-scrollbar { width: 0; height: 0; display: none; } .g-review { position: relative; scroll-snap-align: start; min-width: 0; border: 1px solid var(--wp--preset--color--border); border-radius: 14px; padding: 1.35rem 1.45rem 1.5rem; background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,0.04); transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease; } .g-review:nth-child(2n) { left: var(--gr-brick); } @media (max-width: 600px) { .g-review:nth-child(2n) { left: 0; } } .g-review:hover { border-color: #d7dbe2; box-shadow: 0 12px 30px rgba(16,24,40,0.09); transform: translateY(-2px); } .g-review__head { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.65rem; } .g-review__avatar-wrap { position: relative; flex-shrink: 0; width: 44px; height: 44px; } .g-review__avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; display: block; } .g-review__avatar--initial { background: linear-gradient(135deg, #4285f4, #1a73e8); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 1.2rem; } .g-review__gbadge { position: absolute; right: -3px; bottom: -3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 2px #fff, 0 1px 2px rgba(0,0,0,0.16); } .g-review__id { min-width: 0; } .g-review__name { display: flex; align-items: center; gap: 5px; font-weight: 600; color: #202124; font-size: 0.98rem; } .g-review__verified { width: 15px; height: 15px; flex-shrink: 0; } .g-review__when { font-size: 0.8rem; color: #70757a; margin-top: 1px; } .g-review .g-stars { display: inline-flex; margin-bottom: 0.5rem; } .g-review__text { font-size: 0.9rem; color: #3c4043; margin: 0; line-height: 1.6; } @media (max-width: 600px) { .g-reviews__write { margin-left: 0; } } .section-faq { background: var(--wp--preset--color--indigo) url(assets/images/footer-bg.webp) center/cover; color: #fff; } .faq-split { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: var(--wp--preset--spacing--60); align-items: start; } .faq-intro { position: sticky; top: 6.5rem; } .faq-intro h2 { color: #fff; } .faq-intro .sub { color: #cdd2e8; margin-top: 0.9rem; } .faq-contact { margin-top: 1.6rem; color: #cdd2e8; font-size: 0.95rem; } .faq-contact a { color: #fff; font-weight: 500; border-bottom: 1px solid rgba(255,255,255,0.4); } .faq-contact a:hover { border-color: #fff; } .faq-list { max-width: none; } @media (max-width: 900px) { .faq-split { grid-template-columns: 1fr; gap: var(--wp--preset--spacing--40); } .faq-intro { position: static; } } .faq-list details { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); border-radius: 10px; margin-bottom: 0.7rem; } .faq-list summary { cursor: pointer; list-style: none; padding: 1rem 1.2rem; font-weight: 500; color: #fff; position: relative; } .faq-list summary::-webkit-details-marker { display: none; } .faq-list summary::after { content: "+"; position: absolute; right: 1.2rem; font-size: 1.3rem; line-height: 1; } .faq-list details[open] summary::after { content: "−"; } .faq-list p { margin: 0; padding: 0 1.2rem 1.1rem; color: #d7dbea; font-size: 0.88rem; } .insights { display: flex; gap: var(--wp--preset--spacing--40); margin-top: 2rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 2px; padding: 2px 2px 1.1rem; scrollbar-width: thin; scrollbar-color: var(--wp--preset--color--border) transparent; } .insights::-webkit-scrollbar { height: 6px; } .insights::-webkit-scrollbar-thumb { background: var(--wp--preset--color--border); border-radius: 6px; } .insights > .card { flex: 0 0 clamp(280px, 32%, 380px); scroll-snap-align: start; } @media (min-width: 900px) { .insights { overflow: visible; } .insights > .card { flex: 1 1 0; min-width: 0; max-width: none; } } .head-row { margin-bottom: var(--wp--preset--spacing--50); gap: var(--wp--preset--spacing--40); } .head-row__text { max-width: 640px; } .head-row__text .eyebrow { margin-bottom: 0.7rem; } .head-row__text .sub { margin-top: 0.8rem; } .head-row__link { flex-shrink: 0; } @media (max-width: 700px) { .head-row { flex-direction: column; align-items: flex-start; } } @media (max-width: 1024px) { .tabs .tab-grid, .insights, .cards-3 .wp-block-post-template, .cards-3.wp-block-post-template { grid-template-columns: repeat(2,1fr); } .steps, .issues { grid-template-columns: repeat(2,1fr); } } @media (max-width: 900px) { .with-sidebar { grid-template-columns: 1fr; } .cards-2 .wp-block-post-template, .cards-2.wp-block-post-template, .cards-3 .wp-block-post-template, .cards-3.wp-block-post-template { grid-template-columns: 1fr 1fr; } .compare { grid-template-columns: 1fr; } } @media (max-width: 600px) { .cards-2 .wp-block-post-template, .cards-2.wp-block-post-template, .cards-3 .wp-block-post-template, .cards-3.wp-block-post-template, .tabs .tab-grid, .insights, .steps, .issues { grid-template-columns: 1fr; } .hero-form { grid-template-columns: 1fr; } .hero-stats { gap: 0; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } html, body { overflow-x: hidden; } @media (max-width: 782px) { .site-header { top: 0.75rem; padding: 0.4rem 0.5rem 0.4rem 1rem; width: calc(100% - 1.2rem); } .site-header > .wp-block-group { flex-wrap: nowrap; gap: 0.5rem; justify-content: flex-start; } .site-header .wp-block-site-logo, .site-header__logo { margin-right: auto; } .site-header .wp-block-site-logo img, .site-header__logo img { height: 30px; } .header-cta { order: 2; flex-wrap: nowrap; gap: 0.4rem; } .header-cta .is-style-outline-white { display: none; } .header-cta .wp-block-button__link { padding: 0.5rem 0.9rem; font-size: 0.78rem; } .site-header .wp-block-navigation { order: 3; } .site-header .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--ink); position: relative; width: 44px; height: 44px; padding: 0; display: flex; align-items: center; justify-content: center; } .site-header .wp-block-navigation__responsive-container-open svg { display: none; } .site-header .wp-block-navigation__responsive-container-open::before { content: ""; width: 22px; height: 2px; border-radius: 2px; background: currentColor; box-shadow: 0 -6.5px 0 currentColor, 0 6.5px 0 currentColor; } .hero-wrap.alignfull { padding: 0; overflow-x: clip; box-sizing: border-box; } .hero { padding-top: 8.25rem; padding-bottom: var(--wp--preset--spacing--50); max-width: 100%; } .hero > *, .hero-form, .hero-stats { max-width: 100%; } .hero h1 { max-width: none; font-size: clamp(1.9rem, 8.5vw, 2.7rem); overflow-wrap: break-word; } .hero .hero-sub { font-size: 1rem; max-width: none; } .hero-form { grid-template-columns: 1fr; padding: 1.1rem; margin-inline: 0; } .hero-stats { width: 100%; display: grid; grid-template-columns: 1fr 1fr; margin-top: 1.4rem; } .hero-stats .stat { flex: initial; padding: 0.7rem 0.75rem; font-size: 0.72rem; line-height: 1.25; border-right: 1px solid rgba(255,255,255,0.14); border-bottom: 1px solid rgba(255,255,255,0.14); } .hero-stats .stat:nth-child(2n) { border-right: 0; } .hero-stats .stat:nth-last-child(-n+2) { border-bottom: 0; } .hero-stats .stat b { font-size: 1.25rem; margin-bottom: 1px; } .section-dark.alignfull, .section-faq.alignfull { margin-inline: 0.55rem; border-radius: 22px; } .why-split, .faq-split { grid-template-columns: 1fr; } .why-intro, .faq-intro { position: static; } .tabs .tab-labels { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; margin-inline: calc(var(--wp--preset--spacing--30, 1rem) * -1); padding: 4px var(--wp--preset--spacing--30, 1rem); gap: 0.5rem; scrollbar-width: none; -webkit-mask-image: linear-gradient(to right, transparent, #000 1.1rem, #000 calc(100% - 1.1rem), transparent); mask-image: linear-gradient(to right, transparent, #000 1.1rem, #000 calc(100% - 1.1rem), transparent); } .tabs .tab-labels::-webkit-scrollbar { display: none; } .tabs .tab-labels label { flex: 0 0 auto; white-space: nowrap; scroll-snap-align: center; padding: 0.6rem 1.05rem; font-size: 0.82rem; } .footer-cta { flex-direction: column; align-items: stretch; gap: 1.3rem; } .footer-cta__actions { width: 100%; gap: 0.6rem; flex-wrap: wrap; } .footer-cta__actions .wp-block-button { flex: 1 1 14rem; min-width: 0; } .footer-cta__actions .wp-block-button__link { width: 100%; text-align: center; } } @media (max-width: 600px) { .head-row { flex-direction: column; align-items: flex-start; } } @media (max-width: 480px) { .section-dark.alignfull, .section-faq.alignfull { margin-inline: 0.4rem; border-radius: 18px; } .svc-search input { height: 50px; padding-inline: 2.7rem 5rem; } .svc-search__ico { left: 0.95rem; } .svc-search button { padding: 0 0.95rem; font-size: 0.82rem; } .author-box__stats { flex-wrap: wrap; overflow: visible; justify-content: center; } .author-box__stat { padding: 0.5rem 1rem; } .why-stats { grid-template-columns: 1fr 1fr; row-gap: 0.9rem; } .why-stat:nth-child(2) { border-right: 0; } } .contact-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: start; margin-top: 2rem; } .contact-grid > * { min-width: 0; } .contact-item { min-width: 0; } .contact-item p, .contact-item a { overflow-wrap: anywhere; } .contact-info__title, .contact-form-box__title { margin: 0 0 1.2rem; font-size: clamp(1.2rem, 1.05rem + 0.7vw, 1.35rem); } .contact-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.4rem; } .contact-item { display: flex; gap: 1rem; align-items: flex-start; } .contact-item__ico { flex-shrink: 0; width: 46px; height: 46px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; color: var(--wp--preset--color--primary); background: color-mix(in srgb, var(--wp--preset--color--primary) 9%, #fff); } .contact-item__ico svg { width: 23px; height: 23px; } .contact-item h3 { margin: 0 0 0.25rem; font-size: 1.02rem; } .contact-item p { margin: 0; color: var(--wp--preset--color--muted); font-size: 0.92rem; line-height: 1.65; } .contact-item a { color: var(--wp--preset--color--body); text-decoration: none; } .contact-item a:hover { color: var(--wp--preset--color--primary); } .contact-info__social { margin-top: 1.6rem; } .contact-info__wa { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1.1rem; border-radius: 40px; background: #25D366; color: #fff; font-weight: 600; font-size: 0.9rem; text-decoration: none; } .contact-info__wa svg { width: 18px; height: 18px; } .contact-info__wa:hover { color: #fff; filter: brightness(0.95); } .contact-form-box { background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 18px; padding: clamp(1.4rem, 3vw, 2.1rem); box-shadow: 0 10px 30px -18px rgba(16,24,40,0.18); } .contact-form .form-group { margin-bottom: 1rem; } .contact-form label { display: block; font-size: 0.82rem; font-weight: 600; color: var(--wp--preset--color--body); margin: 0 0 0.35rem; } .contact-form input, .contact-form textarea { width: 100%; box-sizing: border-box; margin: 0; border: 1px solid #E3E6EB; border-radius: 10px; padding: 0.7rem 0.9rem; font: inherit; font-size: 0.92rem; color: var(--wp--preset--color--ink); background: #fff; } .contact-form .iti { margin: 0; } .contact-form textarea { resize: vertical; min-height: 120px; } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 3px rgba(237,30,82,0.13); } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 3px rgba(237,30,82,0.13); } .contact-form button { margin-top: 1.2rem; width: 100%; height: 50px; border: 0; border-radius: 11px; background: var(--wp--preset--color--primary); color: #fff; font-weight: 600; font-size: 0.95rem; cursor: pointer; transition: background 0.18s ease; } .contact-form button:hover { background: var(--wp--preset--color--primary-hover); } .contact-form .iti { display: block; width: 100%; } .contact-form .iti > input[type="tel"] { background-image: none; } @media (max-width: 820px) { .contact-grid { grid-template-columns: 1fr; } } .share { display: flex; align-items: center; flex-wrap: wrap; gap: 0.6rem; margin: 2.2rem 0 0; padding-top: 1.4rem; border-top: 1px solid var(--wp--preset--color--border); } .share__label { font-weight: 600; font-size: 0.9rem; color: var(--wp--preset--color--body); margin-right: 0.3rem; } .share__btn { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; transition: transform 0.15s ease, filter 0.15s ease; } .share__btn svg { width: 18px; height: 18px; } .share__btn:hover { transform: translateY(-2px); color: #fff; } .share__btn--facebook { background: #1877F2; } .share__btn--linkedin { background: #0A66C2; } .share__btn--whatsapp { background: #25D366; } .share__btn--x { background: #000; } .newsletter { margin-top: 3rem; padding-top: 2.2rem; border-top: 1px solid var(--wp--preset--color--border); } .newsletter__inner { display: grid; grid-template-columns: 1fr minmax(300px, 360px); gap: 1.6rem 3rem; align-items: end; } .newsletter__eyebrow { text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.72rem; font-weight: 700; color: var(--wp--preset--color--primary); margin: 0 0 0.6rem; } .newsletter__title { color: var(--wp--preset--color--ink); margin: 0 0 0.5rem; font-size: clamp(1.3rem, 1.1rem + 0.9vw, 1.5rem); line-height: 1.2; letter-spacing: -0.02em; max-width: 20ch; } .newsletter__desc { color: var(--wp--preset--color--muted); margin: 0; font-size: 0.95rem; line-height: 1.6; max-width: 48ch; } .newsletter-form__row { display: flex; gap: 0.5rem; padding-bottom: 0.5rem; } .newsletter-form input { flex: 1; min-width: 0; height: 40px; border: 0; padding: 0; font: inherit; font-size: 1rem; background: transparent; color: var(--wp--preset--color--ink); } .newsletter-form input::placeholder { color: #9aa2ad; } .newsletter-form input:focus { outline: none; box-shadow: none; } .newsletter-form button[type="submit"] { width: auto; flex-shrink: 0; height: 40px; padding: 0 0.4rem; border: 0; background: transparent; color: var(--wp--preset--color--ink); font-weight: 700; font-size: 0.95rem; letter-spacing: 0; cursor: pointer; transition: color 0.15s ease; } .newsletter-form button[type="submit"]:hover { color: var(--wp--preset--color--primary); } .newsletter-form .hero-form__status { text-align: left; margin: 0.6rem 0 0; font-size: 0.82rem; } .newsletter__note { margin: 0.75rem 0 0; font-size: 0.78rem; color: var(--wp--preset--color--muted); } .newsletter__done { display: flex; align-items: center; gap: 0.7rem; } .newsletter__done-ico { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; color: #15803d; border: 1.5px solid #15803d; } .newsletter__done-ico svg { width: 20px; height: 20px; } .newsletter__done-text b { display: block; color: var(--wp--preset--color--ink); font-size: 0.98rem; } .newsletter__done-text span { font-size: 0.85rem; color: var(--wp--preset--color--muted); } .newsletter [hidden] { display: none; } @media (max-width: 720px) { .newsletter__inner { grid-template-columns: 1fr; gap: 1.4rem; } } .wp-block-post-featured-image.alignwide { margin: 0 auto 2.4rem; border-radius: 20px; overflow: hidden; box-shadow: var(--wp--preset--shadow--card); } .wp-block-post-featured-image.alignwide img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; display: block; } @media (max-width: 600px) { .wp-block-post-featured-image.alignwide img { aspect-ratio: 3 / 2; } } .wp-block-post-content { font-size: clamp(1rem, 0.97rem + 0.2vw, 1.06rem); line-height: 1.78; color: var(--wp--preset--color--body); } .wp-block-post-content > * { margin-block: 0; } .wp-block-post-content > * + * { margin-top: 1.15rem; } .wp-block-post-content :is(h2, h3, h4) { color: var(--wp--preset--color--ink); line-height: 1.25; letter-spacing: -0.01em; } .wp-block-post-content h2 { font-size: clamp(1.5rem, 2.6vw, 1.95rem); margin-top: 2.4rem; margin-bottom: 0.4rem; } .wp-block-post-content h3 { font-size: clamp(1.2rem, 1.05rem + 0.7vw, 1.34rem); margin-top: 1.9rem; margin-bottom: 0.3rem; } .wp-block-post-content h4 { font-size: clamp(1.05rem, 0.98rem + 0.35vw, 1.14rem); margin-top: 1.5rem; margin-bottom: 0.3rem; } .wp-block-post-content :is(h2, h3, h4):first-child { margin-top: 0; } .wp-block-post-content p { margin: 0 0 1.15rem; } .wp-block-post-content a { color: var(--wp--preset--color--primary); text-decoration: underline; text-underline-offset: 2px; } .wp-block-post-content a:hover { color: var(--wp--preset--color--primary-hover); } .wp-block-post-content strong, .wp-block-post-content b { color: var(--wp--preset--color--ink); } .wp-block-post-content ul, .wp-block-post-content ol { margin: 0 0 1.2rem; padding-left: 1.4rem; } .wp-block-post-content li { margin-bottom: 0.55rem; line-height: 1.7; } .wp-block-post-content li::marker { color: var(--wp--preset--color--primary); } .wp-block-post-content img { max-width: 100%; height: auto; border-radius: 12px; } .wp-block-post-content blockquote { margin: 1.6rem 0; padding: 0.6rem 0 0.6rem 1.3rem; border-left: 3px solid var(--wp--preset--color--primary); color: var(--wp--preset--color--ink); font-size: clamp(1.02rem, 0.95rem + 0.35vw, 1.12rem); } .wp-block-post-content table { width: 100%; border-collapse: collapse; margin: 1.2rem 0; font-size: 0.92rem; } .wp-block-post-content :is(th, td) { border: 1px solid var(--wp--preset--color--border); padding: 0.65rem 0.85rem; text-align: left; } .wp-block-post-content th { background: var(--wp--preset--color--surface); } @media (max-width: 600px) { .wp-block-post-content table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; } } .single-service .wp-block-post-content { max-width: var(--wp--style--global--content-size); margin-inline: auto; } .contact-info { background: var(--wp--preset--color--ink); color: #fff; border-radius: 18px; padding: clamp(1.6rem, 3vw, 2.2rem); } .contact-info .contact-info__title { color: #fff; } .contact-info__lead { color: rgba(255,255,255,0.72); margin: 0 0 1.6rem; font-size: 0.95rem; line-height: 1.6; } .contact-info .contact-item__ico { background: rgba(255,255,255,0.1); color: #fff; } .contact-info .contact-item h3 { color: #fff; } .contact-info .contact-item p { color: rgba(255,255,255,0.72); } .contact-info .contact-item a { color: #fff; } .contact-info .contact-item a:hover { color: var(--wp--preset--color--primary); } .contact-map { margin-top: clamp(2rem, 5vw, 3.5rem); border-radius: 18px; overflow: hidden; border: 1px solid var(--wp--preset--color--border); line-height: 0; } .contact-map iframe { width: 100%; height: clamp(260px, 45vh, 440px); border: 0; display: block; } .breadcrumbs-wrap { padding-block: 0.9rem; border-bottom: 1px solid var(--wp--preset--color--border); } .gichuri-breadcrumbs__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 0.55rem; font-size: 0.85rem; line-height: 1.4; } .gichuri-breadcrumbs a { display: inline-flex; align-items: center; gap: 0.35rem; color: var(--wp--preset--color--muted); text-decoration: none; transition: color 0.15s ease; } .gichuri-breadcrumbs a:hover { color: var(--wp--preset--color--primary); } .gichuri-breadcrumbs__home { width: 15px; height: 15px; margin-top: -1px; } .gichuri-breadcrumbs [aria-current="page"] { color: var(--wp--preset--color--ink); font-weight: 600; max-width: 42ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gichuri-breadcrumbs__sep { flex-shrink: 0; width: 5px; height: 5px; border-top: 1.5px solid #c2c8d2; border-right: 1.5px solid #c2c8d2; transform: rotate(45deg); } @media (max-width: 560px) { .gichuri-breadcrumbs [aria-current="page"] { max-width: 20ch; } } .who-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; } .who-text .eyebrow { text-align: left; margin: 0 0 0.5rem; } .who-text h2 { text-align: left; margin: 0 0 1.1rem; } .who-text p { color: var(--wp--preset--color--body); font-size: 0.98rem; line-height: 1.75; margin: 0 0 1rem; } .who-text p:last-child { margin-bottom: 0; } .who-media { position: relative; } .who-media__img { width: 100%; height: 100%; max-height: 540px; object-fit: cover; object-position: 50% 12%; border-radius: 20px; display: block; box-shadow: var(--wp--preset--shadow--raised); } .mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1rem, 2.5vw, 1.6rem); margin-top: 2rem; } .mv-card { position: relative; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 16px; padding: clamp(1.5rem, 3vw, 2rem); padding-top: 2.4rem; } .mv-card__tag { position: absolute; top: -0.8rem; left: 1.6rem; display: inline-block; padding: 0.35rem 0.9rem; border-radius: 40px; background: var(--wp--preset--color--primary); color: #fff; font-size: 0.78rem; font-weight: 600; } .mv-card--navy .mv-card__tag { background: var(--wp--preset--color--ink); } .mv-card__ico { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 13px; color: var(--wp--preset--color--primary); background: color-mix(in srgb, var(--wp--preset--color--primary) 9%, #fff); margin-bottom: 1rem; } .mv-card--navy .mv-card__ico { color: var(--wp--preset--color--ink); background: color-mix(in srgb, var(--wp--preset--color--ink) 8%, #fff); } .mv-card__ico svg { width: 26px; height: 26px; } .mv-card p { margin: 0; color: var(--wp--preset--color--body); line-height: 1.65; } .values-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.9rem; margin-top: 1.4rem; } .value { background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 14px; padding: 1.3rem 1.1rem; text-align: center; } .value__ico { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; color: var(--wp--preset--color--primary); background: color-mix(in srgb, var(--wp--preset--color--primary) 9%, #fff); margin-bottom: 0.8rem; } .value__ico svg { width: 23px; height: 23px; } .value b { display: block; font-size: 1rem; color: var(--wp--preset--color--ink); margin-bottom: 0.35rem; } .value span { font-size: 0.85rem; color: var(--wp--preset--color--muted); line-height: 1.55; } .why-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(1.5rem, 4vw, 2.5rem); align-items: start; margin-top: 2rem; } .why-media__img { width: 100%; height: 260px; object-fit: cover; border-radius: 16px; display: block; } .why-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; margin-top: 1rem; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 14px; padding: 1.2rem 0.5rem; text-align: center; } .why-stat { padding: 0 0.3rem; border-right: 1px solid var(--wp--preset--color--border); } .why-stat:last-child { border-right: 0; } .why-stat b { display: block; font-size: clamp(1.2rem, 1.0rem + 0.9vw, 1.4rem); font-weight: 700; color: var(--wp--preset--color--primary); line-height: 1.1; } .why-stat span { font-size: 0.78rem; color: var(--wp--preset--color--muted); } .why-features { display: flex; flex-direction: column; gap: 0.85rem; } .wc-item { display: flex; gap: 1rem; align-items: flex-start; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 14px; padding: 1.2rem 1.3rem; transition: box-shadow 0.18s ease; } .wc-item:hover { box-shadow: var(--wp--preset--shadow--card); } .wc-item__ico { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; color: var(--wp--preset--color--primary); background: color-mix(in srgb, var(--wp--preset--color--primary) 9%, #fff); } .wc-item__ico svg { width: 23px; height: 23px; } .wc-item h3 { margin: 0 0 0.3rem; font-size: 1.02rem; line-height: 1.3; } .wc-item p { margin: 0; color: var(--wp--preset--color--muted); font-size: 0.9rem; line-height: 1.6; } .expertise-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.9rem; margin-top: 2rem; } .expertise-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.85rem; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 14px; padding: 1.6rem 1rem; color: var(--wp--preset--color--ink); text-decoration: none; transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease; } .expertise-item__ico { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; color: var(--wp--preset--color--primary); background: color-mix(in srgb, var(--wp--preset--color--primary) 9%, #fff); transition: background 0.15s ease, color 0.15s ease; } .expertise-item__ico svg { width: 25px; height: 25px; } .expertise-item b { font-size: 0.95rem; font-weight: 600; line-height: 1.3; } .expertise-item:hover { border-color: var(--wp--preset--color--primary); transform: translateY(-3px); box-shadow: var(--wp--preset--shadow--card); } .expertise-item:hover .expertise-item__ico { background: var(--wp--preset--color--primary); color: #fff; } @media (max-width: 900px) { .who-grid { grid-template-columns: 1fr; } .who-media { order: -1; } .who-media__img { max-height: 360px; } .why-grid { grid-template-columns: 1fr; } } @media (max-width: 860px) { .values-row { grid-template-columns: repeat(2, 1fr); } .expertise-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 620px) { .mv-grid { grid-template-columns: 1fr; } .values-row { grid-template-columns: 1fr; } .expertise-grid { grid-template-columns: 1fr; } } .hero .wp-block-post-terms.eyebrow { text-align: center; } .iti .iti__flag { width: 20px; height: 15px; background-image: none; background-color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); border-radius: 2px; } .iti .iti__flag.iti__globe { background-image: none; box-shadow: none; } .iti__flag.iti__ke { background-image: url("assets/vendor/intl-tel-input/flags/ke.svg"); } .iti__flag.iti__ug { background-image: url("assets/vendor/intl-tel-input/flags/ug.svg"); } .iti__flag.iti__tz { background-image: url("assets/vendor/intl-tel-input/flags/tz.svg"); } .iti__flag.iti__rw { background-image: url("assets/vendor/intl-tel-input/flags/rw.svg"); } .iti__flag.iti__bi { background-image: url("assets/vendor/intl-tel-input/flags/bi.svg"); } .iti__flag.iti__ss { background-image: url("assets/vendor/intl-tel-input/flags/ss.svg"); } .iti__flag.iti__et { background-image: url("assets/vendor/intl-tel-input/flags/et.svg"); } .iti__flag.iti__so { background-image: url("assets/vendor/intl-tel-input/flags/so.svg"); } .iti__flag.iti__za { background-image: url("assets/vendor/intl-tel-input/flags/za.svg"); } .iti__flag.iti__ng { background-image: url("assets/vendor/intl-tel-input/flags/ng.svg"); } .iti__flag.iti__gh { background-image: url("assets/vendor/intl-tel-input/flags/gh.svg"); } .iti__flag.iti__zm { background-image: url("assets/vendor/intl-tel-input/flags/zm.svg"); } .iti__flag.iti__zw { background-image: url("assets/vendor/intl-tel-input/flags/zw.svg"); } .iti__flag.iti__us { background-image: url("assets/vendor/intl-tel-input/flags/us.svg"); } .iti__flag.iti__ca { background-image: url("assets/vendor/intl-tel-input/flags/ca.svg"); } .iti__flag.iti__gb { background-image: url("assets/vendor/intl-tel-input/flags/gb.svg"); } .iti__flag.iti__ie { background-image: url("assets/vendor/intl-tel-input/flags/ie.svg"); } .iti__flag.iti__de { background-image: url("assets/vendor/intl-tel-input/flags/de.svg"); } .iti__flag.iti__nl { background-image: url("assets/vendor/intl-tel-input/flags/nl.svg"); } .iti__flag.iti__fr { background-image: url("assets/vendor/intl-tel-input/flags/fr.svg"); } .iti__flag.iti__be { background-image: url("assets/vendor/intl-tel-input/flags/be.svg"); } .iti__flag.iti__ch { background-image: url("assets/vendor/intl-tel-input/flags/ch.svg"); } .iti__flag.iti__se { background-image: url("assets/vendor/intl-tel-input/flags/se.svg"); } .iti__flag.iti__no { background-image: url("assets/vendor/intl-tel-input/flags/no.svg"); } .iti__flag.iti__dk { background-image: url("assets/vendor/intl-tel-input/flags/dk.svg"); } .iti__flag.iti__it { background-image: url("assets/vendor/intl-tel-input/flags/it.svg"); } .iti__flag.iti__es { background-image: url("assets/vendor/intl-tel-input/flags/es.svg"); } .iti__flag.iti__at { background-image: url("assets/vendor/intl-tel-input/flags/at.svg"); } .iti__flag.iti__fi { background-image: url("assets/vendor/intl-tel-input/flags/fi.svg"); } .iti__flag.iti__pt { background-image: url("assets/vendor/intl-tel-input/flags/pt.svg"); } .iti__flag.iti__ae { background-image: url("assets/vendor/intl-tel-input/flags/ae.svg"); } .iti__flag.iti__qa { background-image: url("assets/vendor/intl-tel-input/flags/qa.svg"); } .iti__flag.iti__sa { background-image: url("assets/vendor/intl-tel-input/flags/sa.svg"); } .iti__flag.iti__kw { background-image: url("assets/vendor/intl-tel-input/flags/kw.svg"); } .iti__flag.iti__om { background-image: url("assets/vendor/intl-tel-input/flags/om.svg"); } .iti__flag.iti__bh { background-image: url("assets/vendor/intl-tel-input/flags/bh.svg"); } .iti__flag.iti__in { background-image: url("assets/vendor/intl-tel-input/flags/in.svg"); } .iti__flag.iti__cn { background-image: url("assets/vendor/intl-tel-input/flags/cn.svg"); } .iti__flag.iti__jp { background-image: url("assets/vendor/intl-tel-input/flags/jp.svg"); } .iti__flag.iti__sg { background-image: url("assets/vendor/intl-tel-input/flags/sg.svg"); } .iti__flag.iti__hk { background-image: url("assets/vendor/intl-tel-input/flags/hk.svg"); } .iti__flag.iti__au { background-image: url("assets/vendor/intl-tel-input/flags/au.svg"); } .iti__flag.iti__nz { background-image: url("assets/vendor/intl-tel-input/flags/nz.svg"); } @media (max-width: 782px) { .hero-form input, .hero-form select, .quote-form input, .quote-form select, .appt-form input, .appt-form select, .contact-form input, .contact-form textarea, .svc-search input, .wp-block-search__input { font-size: 16px; } } @media (max-width: 600px) { h2.wp-block-heading, .sec-head h2, .footer-cta h2 { font-size: clamp(1.4rem, 3.4vw + 0.7rem, 1.85rem); line-height: 1.2; } h3.wp-block-heading { font-size: clamp(1.15rem, 2vw + 0.7rem, 1.35rem); line-height: 1.28; } } @media (max-width: 600px) { .wp-block-button__link, .wp-element-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; overflow-wrap: anywhere; font-size: 1rem; line-height: 1.25; padding-block: 0.85rem; padding-inline: 1.5rem; } .wp-block-buttons.is-layout-flex:not(.header-cta) { gap: 0.6rem; } .wp-block-buttons.is-layout-flex:not(.header-cta) > .wp-block-button { flex: 1 1 14rem; min-width: 0; } .wp-block-buttons.is-layout-flex:not(.header-cta) > .wp-block-button > .wp-block-button__link { width: 100%; text-align: center; } .site-footer { padding-bottom: 5.5rem; } .modal__close { top: 0.65rem; right: 0.65rem; width: 42px; height: 42px; } .newsletter-form input, .newsletter-form button[type="submit"] { height: 44px; } } @media (max-width: 360px) { .site-header { padding: 0.35rem 0.4rem 0.35rem 0.75rem; } .header-cta .wp-block-button__link { padding: 0.45rem 0.7rem; font-size: 0.72rem; } .site-header .wp-block-site-logo img, .site-header__logo img { height: 26px; } .fab > summary.fab__toggle { width: 52px; height: 52px; } }