.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: 'Parkinsans';
src: url(//citynordgroup.ro/wp-content/themes/city-nord/assets/fonts/Parkinsans/Parkinsans-VariableFont_wght.ttf) format('truetype');
font-weight: 300 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//citynordgroup.ro/wp-content/themes/city-nord/assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf) format('truetype');
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//citynordgroup.ro/wp-content/themes/city-nord/assets/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf) format('truetype');
font-weight: 100 900;
font-style: italic;
font-display: swap;
} :root { --color-surface:       var(--wp--preset--color--surface, #FCFCFC);
--color-surface-muted: var(--wp--preset--color--surface-muted, #F5F5F5);
--color-accent:        var(--wp--preset--color--accent, #FFEC8E);
--color-border-soft:   var(--wp--preset--color--border-soft, #E0E4E0);
--color-sage-soft:     var(--wp--preset--color--sage-soft, #DCE5D6);
--color-sage:          var(--wp--preset--color--sage, #7E9F68);
--color-brand:         var(--wp--preset--color--brand, #185F57);
--color-brand-soft:    var(--wp--preset--color--brand-soft, #F4F5EB);
--color-ink:           var(--wp--preset--color--ink, #031C19); --color-brand-hover:  var(--color-ink);
--color-page-bg:      var(--color-surface);
--color-white:        var(--color-surface);
--color-black:        var(--color-ink);
--color-gray-strong:  var(--color-ink);
--color-gray:         var(--color-brand);
--color-gray-muted:   var(--color-sage);
--color-gray-line:    rgba(3, 28, 25, 0.1);
--color-text-muted:   rgba(3, 28, 25, 0.6); --color-primary:      var(--color-brand);
--color-secondary:    var(--color-brand);
--color-bg:           var(--color-page-bg);
--color-text:         var(--color-black);
--color-text-strong:  var(--color-black);
--color-border:       var(--color-gray-line);
--color-link:         var(--color-black);
--color-link-hover:   var(--color-brand);
--color-focus:        var(--color-brand);
--color-gray-50:      var(--color-surface-muted);
--color-gray-100:     var(--color-surface-muted);
--color-gray-200:     var(--color-border-soft);
--color-gray-300:     var(--color-sage-soft);
--color-gray-400:     var(--color-sage);
--color-gray-500:     var(--color-gray-muted);
--color-gray-600:     var(--color-gray);
--color-gray-700:     var(--color-gray-strong);
--color-gray-800:     var(--color-ink);
--color-gray-900:     var(--color-black); --font-display:   var(--wp--preset--font-family--primary, 'Parkinsans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif);
--font-body:      var(--wp--preset--font-family--secondary, 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif); --font-primary:   var(--font-display);
--font-secondary: var(--font-body); --fs-xs:    0.75rem; --fs-sm:    0.875rem; --fs-base:  1rem; --fs-md:    1.125rem; --fs-lg:    1.25rem; --fs-xl:    1.5rem; --fs-2xl:   1.75rem; --fs-3xl:   2.25rem; --fs-price: 2.6875rem; --fs-h1:    clamp(2.25rem, 3vw + 1rem, 3.25rem); --lh-tight:   1;
--lh-snug:    1.2;
--lh-base:    1.5;
--lh-relaxed: 1.6; --ls-tighter: -0.8px; --ls-tight:   -0.56px; --ls-tightish: -0.48px; --ls-snug:    -0.54px; --ls-snug-sm: -0.4px; --ls-normal:   0; --fw-regular:  400;
--fw-medium:   500;
--fw-semibold: 600;
--fw-bold:     700; --space-0:   0;
--space-1:   0.25rem;
--space-2:   0.5rem;
--space-3:   0.75rem;
--space-4:   1rem;
--space-5:   1.5rem;
--space-6:   2rem;
--space-7:   3rem;
--space-8:   4rem;
--space-9:   6rem;
--space-10:  8rem; --container-max:    1300px; --container-wide:   1400px; --container-narrow: 800px;
--container-px:     clamp(1rem, 4vw, 2.1875rem);  --radius-none: 0;
--radius-sm:   2px;
--radius-md:   4px;
--radius-lg:   8px;
--radius-pill: 999px; --border-card:  0.7px solid var(--color-border-soft);
--border-line:  1px solid var(--color-gray-line); --shadow-xs: 0 1px 2px rgba(3, 28, 25, 0.04);
--shadow-sm: 0 1px 3px rgba(3, 28, 25, 0.06);
--shadow-md: 0 4px 12px rgba(3, 28, 25, 0.08);
--shadow-lg: 0 20px 40px rgba(3, 28, 25, 0.10); --transition-fast: 150ms ease;
--transition-base: 250ms ease;
--transition-slow: 400ms ease; --z-base:     1;
--z-dropdown: 50;
--z-sticky:   75;
--z-header:   100;
--z-overlay:  150;
--z-modal:    200;
--z-toast:    300; --header-height: 66px;
} *,
*::before,
*::after { box-sizing: border-box; }
html {
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(--color-page-bg);
color: var(--color-black);
font-family: var(--font-body);
font-size: var(--fs-base);
line-height: var(--lh-base);
font-weight: var(--fw-regular);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .site-bg-lines {
position: fixed;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: calc(1300px - 70px);
pointer-events: none;
z-index: 1;
}
.site-bg-lines > span {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: #E3E3E3;
} .site-bg-lines > span:nth-child(1) { left: 0; }
.site-bg-lines > span:nth-child(2) { left: 33.3333%; }
.site-bg-lines > span:nth-child(3) { left: 66.6666%; }
.site-bg-lines > span:nth-child(4) { left: 100%; transform: translateX(-1px); } .site-container { position: relative; z-index: 1; }
img, picture, svg, video {
display: block;
max-width: 100%;
height: auto;
}
button, input, select, textarea {
font: inherit;
color: inherit;
}
button {
cursor: pointer;
background: none;
border: 0;
padding: 0;
}
a {
color: inherit;
text-decoration: none;
transition: color var(--transition-fast);
}
a:hover,
a:focus-visible { color: var(--color-brand); }
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline: 2px solid var(--color-brand);
outline-offset: 2px;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-family: var(--font-display);
font-weight: var(--fw-medium);
line-height: var(--lh-snug);
letter-spacing: var(--ls-tight);
color: var(--color-black);
}
p { margin: 0 0 var(--space-4); }
p:last-child { margin-bottom: 0; } .wrap,
.container {
width: 100%;
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--container-px);
}
.container--wide   { max-width: var(--container-wide); }
.container--narrow { max-width: var(--container-narrow); }
.container--flush  { padding-inline: 0; } .btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 46px;
padding-inline: var(--space-5);
font-family: var(--font-display);
font-size: var(--fs-md);
font-weight: var(--fw-medium);
line-height: 1;
letter-spacing: var(--ls-snug);
text-decoration: none;
transition: background var(--transition-fast), color var(--transition-fast),
border-color var(--transition-fast);
}
.btn--primary {
background: var(--color-brand);
color: var(--color-white);
border: 1px solid var(--color-brand);
}
.btn--primary:hover,
.btn--primary:focus-visible {
background: var(--color-brand-hover);
border-color: var(--color-brand-hover);
color: var(--color-white);
}
.btn--outline {
background: transparent;
color: var(--color-gray-strong);
border: 1px solid var(--color-gray-strong);
}
.btn--outline:hover,
.btn--outline:focus-visible {
background: var(--color-gray-strong);
color: var(--color-white);
}
.btn--block { width: 100%; } .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: var(--color-white);
clip: auto !important;
clip-path: none;
color: var(--color-black);
display: block;
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: var(--z-toast);
}
.skip-link {
position: absolute;
left: 0;
top: 0;
z-index: var(--z-toast);
transform: translateY(-100%);
transition: transform var(--transition-fast);
}
.skip-link:focus { transform: translateY(0); }
body.has-overlay { overflow: hidden; }
@media screen and (max-width: 900px) {
body{
background: var(--color-white);
}
}.site-header {
z-index: var(--z-header);
padding-block: .5rem;
background: transparent;
} .site-header--transparent {
position: fixed;
top: 0;
left: 0;
right: 0;
background: transparent; transition: background var(--transition-base), box-shadow var(--transition-base);
} .site-header--transparent.is-scrolled {
background: var(--color-page-bg);
box-shadow: 0 2px 16px rgba(3, 28, 25, 0.08);
} .site-header--solid {
position: sticky;
top: 0;
background: var(--color-page-bg);
}
.site-header__inner {
display: flex;
align-items: center;
gap: var(--space-5);
min-height: var(--header-height);
} .site-header__logo {
flex: 0 0 auto;
}
.site-header__logo a {
display: inline-block;
line-height: 0;
}
.site-header__logo img,
.site-header__logo svg {
height: 70px;
width: auto;
color: var(--color-brand);
transition: filter var(--transition-base);
} .site-header--transparent .site-header__logo img,
.site-header--transparent .site-header__logo svg {
filter: invert(1);
} .site-header--transparent.is-scrolled .site-header__logo img,
.site-header--transparent.is-scrolled .site-header__logo svg {
filter: none;
} .primary-navigation {
flex: 1 1 auto;
display: flex;
justify-content: center;
} .project-header .primary-navigation { display: none; }
.primary-menu {
display: flex;
align-items: center;
gap: 29px;
margin: 0;
padding: 0;
list-style: none;
}
.primary-menu > li {
position: relative;
}
.primary-menu a {
color: var(--color-black);
font-family: var(--font-display);
font-size: var(--fs-md);
font-weight: var(--fw-regular);
line-height: var(--lh-snug);
letter-spacing: var(--ls-snug);
padding-block: var(--space-2);
white-space: nowrap;
transition: color var(--transition-base);
}
.primary-menu a:hover,
.primary-menu .current-menu-item > a {
color: var(--color-brand);
} .primary-menu .menu-item-has-children > a::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-left: 8px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: translateY(-2px) rotate(45deg);
transition: transform var(--transition-fast);
}
.primary-menu .sub-menu {
position: absolute;
top: 150%;  min-width: 240px;
background: #F6F7F0;
border: 0;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
padding: var(--space-3) var(--space-4) var(--space-5);
margin: 0;
list-style: none;
opacity: 0;
visibility: hidden;
transition: opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);
z-index: var(--z-overlay, 20);
} .primary-menu .sub-menu::after {
content: "";
position: absolute;
right: -10px;
bottom: -10px;
width: 22px;
height: 22px;
background: var(--color-brand);
} .primary-menu .sub-menu::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -10px;
height: 18px;
background: transparent;
} .primary-menu .sub-menu a,
.site-header--transparent .primary-menu .sub-menu a {
display: block;
padding: var(--space-2) 0;
color: var(--color-ink, #1a1a1a);
white-space: nowrap;
}
.primary-menu .sub-menu a:hover,
.site-header--transparent .primary-menu .sub-menu a:hover {
background: transparent;
color: var(--color-brand);
}
.primary-menu .menu-item-has-children:hover > .sub-menu,
.primary-menu .menu-item-has-children:focus-within > .sub-menu {
opacity: 1;
visibility: visible; } @media (min-width: 901px) {
.primary-menu .sub-menu .menu-item.mobile-parent-shortcut { display: none; }
} .site-header--transparent .primary-menu a {
color: var(--color-white);
}
.site-header--transparent .primary-menu a:hover,
.site-header--transparent .primary-menu .current-menu-item > a {
color: var(--color-brand-soft, #d6e1d3);
} .site-header--transparent.is-scrolled .primary-menu a {
color: var(--color-black);
}
.site-header--transparent.is-scrolled .primary-menu a:hover,
.site-header--transparent.is-scrolled .primary-menu .current-menu-item > a {
color: var(--color-brand);
} .site-header__actions {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: var(--space-3);
} .site-header__cta {
display: inline-flex;
align-items: center;
justify-content: center;
height: 46px;
padding-inline: 22px;
border: 1px solid var(--color-ink, #1f2422);
font-family: var(--font-display);
font-size: var(--fs-md);
font-weight: var(--fw-medium);
line-height: 1;
letter-spacing: var(--ls-snug);
white-space: nowrap;
transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}
.site-header__cta:hover,
.site-header__cta:focus-visible {
background: var(--color-brand);
border-color: var(--color-brand);
color: var(--color-white);
} .site-header--transparent .site-header__cta {
background: transparent;
color: var(--color-white);
border-color: var(--color-white);
}
.site-header--transparent .site-header__cta:hover,
.site-header--transparent .site-header__cta:focus-visible {
background: var(--color-white);
color: var(--color-ink, #1a1a1a);
border-color: var(--color-white);
} .site-header--transparent.is-scrolled .site-header__cta {
background: transparent;
color: var(--color-ink, #1f2422);
border-color: var(--color-ink, #1f2422);
}
.site-header--transparent.is-scrolled .site-header__cta:hover,
.site-header--transparent.is-scrolled .site-header__cta:focus-visible {
background: var(--color-brand);
color: var(--color-white);
border-color: var(--color-brand);
} .menu-toggle {
display: none;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
background: transparent;
color: var(--color-gray-strong);
}
.site-header--transparent .menu-toggle {
border-color: var(--color-white);
color: var(--color-white);
transition: color var(--transition-base), border-color var(--transition-base);
} .site-header--transparent.is-scrolled .menu-toggle {
border-color: var(--color-gray-strong);
color: var(--color-gray-strong);
}
.menu-toggle__bar,
.menu-toggle__bar::before,
.menu-toggle__bar::after {
display: block;
width: 20px;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: transform var(--transition-fast), opacity var(--transition-fast);
}
.menu-toggle__bar { position: relative; }
.menu-toggle__bar::before,
.menu-toggle__bar::after {
content: "";
position: absolute;
left: 0;
}
.menu-toggle__bar::before { top: -6px; }
.menu-toggle__bar::after  { top: 6px; }
.menu-toggle[aria-expanded="true"] .menu-toggle__bar           { background: transparent; }
.menu-toggle[aria-expanded="true"] .menu-toggle__bar::before   { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__bar::after    { transform: translateY(-6px) rotate(-45deg); } @media (max-width: 1024px) {
.site-header__cta { padding-inline: var(--space-4); }
.primary-menu { gap: var(--space-5); }
} .primary-navigation__top,
.primary-navigation__cta {
display: none;
}
@media (max-width: 900px) {
.menu-toggle { display: inline-flex; order: 3; }
.site-header__cta { display: none; }
.site-header__inner {
justify-content: space-between;
} .primary-navigation,
.project-header .primary-navigation {
display: flex;
position: fixed;
inset: 0;
background: var(--color-brand);
color: var(--color-white);
padding: clamp(30px, 5vw, 32px);
transform: translateX(100%);
transition: transform var(--transition-base);
z-index: calc(var(--z-overlay) + 10);
flex-direction: column;
justify-content: flex-start;
gap: clamp(50px, 6vw, 48px);
overflow-y: auto;
}
.primary-navigation[data-open="true"] { transform: translateX(0); }
.primary-navigation__top {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.primary-navigation__logo {
display: inline-block;
line-height: 0;
}
.primary-navigation__logo img,
.primary-navigation__logo svg {
height: 40px;
width: auto;
color: var(--color-white); filter: brightness(0) invert(1);
}
.primary-navigation__close {
width: 40px;
height: 40px;
border: 0;
background: transparent;
color: var(--color-white);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.primary-navigation__close svg {
width: 26px;
height: 26px;
} .primary-menu {
flex-direction: column;
align-items: flex-start;
gap: clamp(14px, 3vw, 22px);
width: 100%;
margin: 0;
}
.primary-menu a {
color: var(--color-white);
font-family: var(--font-display);
font-size: clamp(26px, 6vw, 34px);
font-weight: var(--fw-regular);
line-height: 1.1;
letter-spacing: -0.4px;
padding: 0;
border: 0;
width: auto;
}
.primary-menu a:hover,
.primary-menu .current-menu-item > a {
color: var(--color-brand-soft, #d6e1d3);
} .primary-menu .menu-item-has-children > a::after {
display: inline-block;
margin-left: 12px;
border-color: currentColor;
transition: transform var(--transition-fast);
}
.primary-menu .menu-item-has-children[data-submenu-open="true"] > a::after {
transform: translateY(2px) rotate(-135deg);
}
.primary-menu .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
border: 0;
background: transparent;
padding: 12px 0 0 var(--space-4);
flex-direction: column;
gap: 10px;
min-width: 0; display: none;
}
.primary-menu .menu-item-has-children[data-submenu-open="true"] > .sub-menu {
display: flex;
} .primary-menu .menu-item-has-children:hover > .sub-menu,
.primary-menu .menu-item-has-children:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
}
.primary-menu .sub-menu a {
color: rgba(255, 255, 255, 0.85) !important;
font-size: clamp(18px, 4.5vw, 22px);
padding: 0;
}
.primary-menu .sub-menu a:hover {
background: transparent;
color: var(--color-white);
} .primary-navigation__cta {
display: inline-flex;
align-items: center;
justify-content: center;
height: 54px;
width: 100%;
margin-top: auto;
padding-inline: 24px;
background: transparent;
color: var(--color-white);
border: 1px solid var(--color-white);
font-family: var(--font-display);
font-size: var(--fs-md, 16px);
font-weight: var(--fw-medium);
line-height: 1;
letter-spacing: var(--ls-snug);
transition: background var(--transition-fast), color var(--transition-fast);
}
.primary-navigation__cta:hover,
.primary-navigation__cta:focus-visible {
background: var(--color-white);
color: var(--color-brand);
} body.has-overlay .site-header__actions .menu-toggle { display: none; }
body.has-overlay .site-header__logo { visibility: hidden; }
} .project-header {
position: sticky;
top: 0;
z-index: var(--z-header, 50);
padding-block: 1rem;
background: var(--color-page-bg, #fff);
}
.project-header__inner {
display: flex;
align-items: center;
gap: var(--space-5);
min-height: var(--header-height);
}
.project-header__logo {
flex: 0 0 auto;
}
.project-header__logo a,
.project-header__logo .custom-logo-link {
display: inline-block;
line-height: 0;
}
.project-header__logo img,
.project-header__logo svg {
height: 52px;
width: auto;
color: var(--color-brand);
} .project-header__nav {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
gap: clamp(20px, 3vw, 48px);
}
.project-header__nav-link {
color: var(--color-ink, #1a1a1a);
font-family: var(--font-display);
font-size: var(--fs-md, 15px);
line-height: 1;
letter-spacing: var(--ls-snug);
white-space: nowrap;
text-decoration: none;
transition: color var(--transition-fast);
}
.project-header__nav-link:hover,
.project-header__nav-link:focus-visible {
color: var(--color-brand);
} .project-header__actions {
flex: 0 0 auto;
position: relative;
display: flex;
align-items: center;
gap: var(--space-3);
}
.project-header__projects {
display: inline-flex;
align-items: center;
gap: 12px;
height: 46px;
padding-inline: 22px;
background: var(--color-white);
color: var(--color-ink, #1a1a1a);
border: 1px solid var(--color-ink, #1a1a1a);
font-family: var(--font-display);
font-size: var(--fs-md, 15px);
font-weight: var(--fw-medium);
line-height: 1;
letter-spacing: var(--ls-snug);
cursor: pointer;
transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}
.project-header__projects:hover,
.project-header__projects:focus-visible {
background: var(--color-ink, #1a1a1a);
border-color: var(--color-ink, #1a1a1a);
color: var(--color-white);
} .project-header__projects-icon-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
padding: 0;
background: var(--color-white);
color: var(--color-ink, #1a1a1a);
border: 1px solid var(--color-ink, #1a1a1a);
cursor: pointer;
transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}
.project-header__projects-icon-btn:hover,
.project-header__projects-icon-btn:focus-visible {
background: var(--color-ink, #1a1a1a);
border-color: var(--color-ink, #1a1a1a);
color: var(--color-white);
}
.project-header__projects-icon-btn svg {
width: 25px;
height: 25px;
display: block;
stroke-width: 2px;
} .project-header__projects-caret {
display: inline-block;
width: 6px;
height: 6px;
margin-left: 4px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: translateY(-2px) rotate(45deg);
transition: transform var(--transition-fast);
}
.project-header__projects[aria-expanded="true"] .project-header__projects-caret {
transform: translateY(2px) rotate(-135deg);
} .project-header__dropdown {
position: absolute;
top: calc(100% + 8px);
right: 0;
min-width: 280px;
background: var(--color-brand);
color: var(--color-white);
padding: var(--space-3) var(--space-4) var(--space-4);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
transform-origin: top right;
transform: translateY(-8px) scaleY(0.95);
opacity: 0;
pointer-events: none;
transition:
opacity 220ms ease,
transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
z-index: var(--z-overlay, 20);
} .project-header__dropdown[data-open="true"] {
opacity: 1;
transform: translateY(0) scaleY(1);
pointer-events: auto;
}
.project-header__dropdown ul {
margin: 0;
padding: 0;
list-style: none;
}
.project-header__dropdown a {
display: block;
padding: var(--space-2) 0;
color: var(--color-white);
font-family: var(--font-display);
font-size: var(--fs-md, 15px);
text-decoration: none;
transition: color var(--transition-fast);
white-space: nowrap;
}
.project-header__dropdown a:hover,
.project-header__dropdown a:focus-visible {
color: var(--color-brand-soft, #d6e1d3);
}
.project-header__dropdown-empty {
margin: 0;
color: rgba(255, 255, 255, 0.75);
font-size: var(--fs-sm, 13px);
} @media (max-width: 900px) {
.project-header__nav {
display: none; } .project-header__projects { display: none; } .project-header__inner { justify-content: space-between; } .project-header__actions {
gap: 10px;
}
.project-header__actions .menu-toggle { order: 2; }
.project-header__projects-icon-btn { order: 1;width: 37px;height: 37px;}
.project-header__projects-icon-btn svg {width: 22px;height: 22px;} .project-header__dropdown {
min-width: min(280px, calc(100vw - 32px));
right: 0;
}
}.site-footer {
background: #031c19;
color: var(--color-white);
font-family: var(--font-display);
padding-block: 70px; }
.site-footer__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-template-areas:
"logo  info  nav"
"brand info  nav";
column-gap: 80px;
row-gap: var(--space-7);
align-items: start;
}
.site-footer__logo         { grid-area: logo; }
.site-footer__col--info    { grid-area: info; }
.site-footer__col--nav     { grid-area: nav;  }
.site-footer__brand-bottom { grid-area: brand; } .site-footer__brand-bottom {
display: flex;
flex-direction: column;
gap: var(--space-5);
}
.site-footer__logo {
display: inline-block;
line-height: 0;
}
.site-footer__logo img,
.site-footer__logo svg {
width: 93px;
height: auto;
color: var(--color-white); filter: brightness(0) invert(1);
}
.site-footer__legal-info {
font-family: var(--font-display);
font-size: 14px;
line-height: 1.5;
color: rgba(255, 255, 255, 0.6);
margin: 0;
}
.site-footer__anpc {
display: flex;
flex-direction: column;
gap: 11px;
margin-top: var(--space-4);
}
.site-footer__anpc img,
.site-footer__anpc a {
display: block;
width: 165px;
height: 41px;
}
.site-footer__copyright {
font-family: var(--font-display);
font-size: var(--fs-base);
line-height: 24px;
color: var(--color-white);
margin-top: var(--space-6);
}
.site-footer__copyright .credit {
color: #969494;
} .site-footer__col {
display: flex;
flex-direction: column;
gap: 48px;
}
.site-footer__group {
display: flex;
flex-direction: column;
gap: 12px;
}
.site-footer__group--right { text-align: right; align-items: stretch; }
.site-footer__group h3 {
font-family: var(--font-display);
font-size: var(--fs-md);
font-weight: var(--fw-regular);
color: var(--color-white);
line-height: 27px;
margin: 0 0 var(--space-2);
padding-bottom: 13px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
letter-spacing: var(--ls-normal);
}
.site-footer__group ul {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.site-footer__group a,
.site-footer__group p {
color: rgba(255, 255, 255, 0.6);
font-family: var(--font-display);
font-size: var(--fs-base);
line-height: 24px;
transition: color var(--transition-fast);
margin: 0;
}
.site-footer__group--right a,
.site-footer__group--right p,
.site-footer__group--right ul {
text-align: right;
}
.site-footer__group a:hover,
.site-footer__group a:focus-visible {
color: var(--color-white);
} @media (max-width: 900px) {
.site-footer__inner {
grid-template-columns: 1fr;
grid-template-areas: none;
column-gap: 0;
}
.site-footer__logo,
.site-footer__col--info,
.site-footer__col--nav,
.site-footer__brand-bottom { grid-area: auto; }
.site-footer__group--right { text-align: left; }
.site-footer__group--right a,
.site-footer__group--right p,
.site-footer__group--right ul { text-align: left; }
}.section-eyebrow {
display: inline-flex;
align-items: center;
gap: 24px;
margin-bottom: 28px;
}
.section-eyebrow__line {
width: 50.5px;
height: 1px;
background: currentColor;
flex-shrink: 0;
}
.section-eyebrow__label {
font-family: var(--font-display);
font-size: 18px;
line-height: 1;
letter-spacing: -3%;
text-transform: uppercase;
color: currentColor;
margin: 0;
}
.section-headline {
font-family: var(--font-display);
font-size: clamp(2rem, 3vw + 1rem, 2.75rem);
line-height: 1;
letter-spacing: -1.32px;
font-weight: var(--fw-regular);
color: currentColor;
margin: 0;
max-width: 720px;
} .cta-section {
position: relative;
min-height: 900px;
color: var(--color-white);
overflow: hidden;
padding-block: var(--space-9);
background: var(--color-gray-800);
}
.cta-section__bg {
position: absolute;
inset: 0;
z-index: 0;
}
.cta-section__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cta-section__bg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(103deg, rgba(0, 0, 0, 0.20) 3.71%, rgba(0, 0, 0, 0.00) 88.99%),
linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}
.cta-section__inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 700px;
gap: var(--space-9);
} .cta-section__feature {
display: grid;
grid-template-columns: minmax(0, 314px) minmax(0, 1fr) auto;
align-items: end;
gap: var(--space-5);
}
.cta-feature-card {
background: #e0e4d0;
color: var(--color-black);
padding: 40px;
width: 314px;
position: relative;
margin-top: 27px;
}
.cta-feature-card__badge {
position: absolute;
top: -27px;
left: 40px;
height: 46px;
padding: 0 21px;
display: inline-flex;
align-items: center;
background: var(--color-brand);
color: var(--color-white);
font-family: var(--font-display);
font-size: var(--fs-md);
font-weight: var(--fw-medium);
line-height: 1.2;
letter-spacing: var(--ls-snug);
}
.cta-feature-card__list {
display: flex;
flex-direction: column;
gap: 32px;
margin: 0;
padding: 0;
list-style: none;
}
.cta-feature-card__list li {
font-family: var(--font-display);
font-size: var(--fs-md);
font-weight: var(--fw-medium);
line-height: 1.2;
letter-spacing: var(--ls-snug);
text-transform: uppercase;
}
.cta-feature-card__list li + li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 32px;
} .cta-section__action {
align-self: end;
margin-left: auto;
} .premium-materials {
padding-block: clamp(86px, 8vw, 142px);
background: var(--color-brand-soft);
color: var(--color-ink);
}
.premium-materials__header {
margin-bottom: clamp(60px, 7vw, 106px);
}
.premium-materials__eyebrow {
margin-bottom: 42px;
}
.premium-materials__eyebrow .section-eyebrow__label {
font-size: clamp(16px, 1.4vw, 22px);
letter-spacing: 0;
}
.premium-materials__title {
margin: 0;
font-family: var(--font-display);
font-size: clamp(38px, 3.4vw, 44px);
font-weight: var(--fw-regular);
line-height: 1.04;
letter-spacing: 0;
}
.premium-materials__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(30px, 6vw, 50px);
}
.premium-material {
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
gap: 28px;
align-items: start;
}
.premium-material__icon {
width: 36px;
height: 36px;
color: var(--color-brand);
}
.premium-material__icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.premium-material__icon-fallback {
display: block;
width: 32px;
height: 32px;
border: 1.5px solid var(--color-brand);
background:
linear-gradient(var(--color-brand), var(--color-brand)) 50% 50% / 18px 1.5px no-repeat,
linear-gradient(var(--color-brand), var(--color-brand)) 50% 50% / 1.5px 18px no-repeat;
}
.premium-material__body h3 {
margin: 0 0 14px;
font-family: var(--font-display);
font-size: clamp(18px, 2vw, 22px);
font-weight: var(--fw-regular);
letter-spacing: -3%;
}
.premium-material__body p {
margin: 0;
font-family: var(--font-body);
font-size: clamp(15px, 1.25vw, 16px);
line-height: 1.2;
letter-spacing: -3%;
color: rgba(3, 28, 25, 0.62);
}
.premium-materials--contained {
padding-block: var(--space-6);
background: transparent;
}
.premium-materials--contained .premium-materials__header {
margin-bottom: var(--space-5);
}
.premium-materials--contained .premium-materials__eyebrow {
display: none;
}
.premium-materials--contained .premium-materials__title {
font-size: var(--fs-2xl);
line-height: 33.6px;
letter-spacing: var(--ls-tight);
}
.premium-materials--contained .premium-materials__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px 33px;
}
.premium-materials--contained .premium-material {
grid-template-columns: 30px minmax(0, 1fr);
gap: 24px;
}
.premium-materials--contained .premium-material__icon {
width: 30px;
height: 30px;
}
.premium-materials--contained .premium-material__body h3 {
margin-bottom: 8px;
font-size: var(--fs-lg);
}
.premium-materials--contained .premium-material__body p {
font-size: var(--fs-base);
line-height: 1.35;
}
@media (max-width: 1080px) {
.premium-materials__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} .tunari-area {
background: transparent;
color: var(--color-ink);
padding-top: clamp(76px, 8vw, 126px);
}
.tunari-area__header {
margin-bottom: clamp(56px, 6vw, 86px);
}
.tunari-area__eyebrow {
margin-bottom: 34px;
}
.tunari-area__eyebrow .section-eyebrow__label {
font-size: clamp(18px, 1.6vw, 24px);
letter-spacing: 0;
}
.tunari-area__title-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: end;
gap: var(--space-5);
}
.tunari-area__title-row h3 {
margin: 0;
font-family: var(--font-display);
font-size: clamp(28px, 2.2vw, 44px);
font-weight: var(--fw-regular);
line-height: 1;
letter-spacing: 0;
}
.tunari-area__title-row > p {
font-family: var(--font-body);
font-size: clamp(16px, 1.3vw, 16px);
line-height: 1.3;
color: #111111;
white-space: nowrap;
padding-right: 10px;
}
.tunari-area__map {
width: 100%;
margin: 0;
background: #e7eee2;
}
.tunari-area__map img {
display: block;
width: 100%;
height: auto;
}
.tunari-area__legend {
display: grid;
grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr);
background: #e3e3e383;
}
.tunari-area__legend-title {
padding: clamp(34px, 4vw, 52px);
}
.tunari-area__legend-title p {
margin: 0 0 44px;
font-family: var(--font-display);
font-size: clamp(18px, 1.5vw, 24px);
line-height: 1.1;
letter-spacing: 0;
text-transform: uppercase;
}
.tunari-area__legend-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: clamp(34px, 5vw, 74px);
row-gap: 20px;
margin: 0;
padding: clamp(34px, 4vw, 52px);
list-style: none;
}
.tunari-area__legend-item {
display: flex;
align-items: center;
gap: 24px;
min-height: 46px;
font-family: var(--font-display);
font-size: clamp(14px, 1vw, 16px);
}
.tunari-area__legend-icon {
position: relative;
width: 46px;
height: 46px;
flex: 0 0 46px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(3, 28, 25, 0.25);
background: var(--color-brand-soft);
}
.tunari-area__legend-icon img {
width: 34px;
height: 34px;
object-fit: contain;
display: block;
}
.tunari-area__legend-item--brand .tunari-area__legend-icon {
background: var(--color-brand);
border-color: var(--color-brand);
}
.tunari-area__legend-item--airport .tunari-area__legend-icon {
background: #dde7f6;
}
.tunari-area__legend-item--therme .tunari-area__legend-icon {
background: #cbd3ff;
}
.tunari-area__legend-item--road .tunari-area__legend-icon {
background: #ffec8e;
}
.tunari-area__legend-item--shopping .tunari-area__legend-icon {
background: #eef3e8;
}
.tunari-area__legend-item--belt .tunari-area__legend-icon {
background: #fff9d9;
}
.tunari-area__legend-item--business .tunari-area__legend-icon {
background: #7e9f68;
}
@media (max-width: 900px) {
.cta-section__feature {
grid-template-columns: 1fr;
}
.cta-section__action { align-self: stretch; margin-left: 0; }
.cta-feature-card { width: 100%; max-width: 360px; }
.tunari-area__title-row,
.tunari-area__legend {
grid-template-columns: 1fr;
}
.tunari-area__title-row > p {
white-space: normal;
}
.tunari-area__legend-title {
border-right: 0;
border-bottom: 1px solid var(--color-gray-line);
}
.tunari-area__map,
.tunari-area__legend{
width: 110%;
position: relative;
right: 5%;
}
}
@media (max-width: 680px) {
.premium-materials {
padding-block: var(--space-8);
}
.premium-materials__header {
margin-bottom: var(--space-7);
}
.premium-materials__grid {
grid-template-columns: 1fr;
gap: var(--space-6);
}
.premium-material {
grid-template-columns: 36px minmax(0, 1fr);
gap: 18px;
}
.premium-materials--contained .premium-materials__grid {
grid-template-columns: 1fr;
}
.tunari-area {
padding-top: var(--space-8);
}
.tunari-area__legend-list {
grid-template-columns: 1fr;
}
.tunari-area__legend-title,
.tunari-area__legend-list {
padding: var(--space-5);
}
} .contact-section {
background: var(--color-brand-soft);
padding-block: 140px;
margin-top: 100px;
color: var(--color-black);
}
.contact-section__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 548px);
gap: 92px;
align-items: start;
}
@media (max-width: 1024px) {
.contact-section__inner {
grid-template-columns: 1fr;
gap: var(--space-7);
}
.contact-section { padding-block: var(--space-8); }
} .contact-section__intro {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contact-section__intro .section-headline { margin-bottom: 64px; }
.contact-section__office-title {
font-family: var(--font-body);
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.72px;
color: var(--color-black);
margin: 0 0 28px;
}
.contact-section__info {
display: flex;
flex-direction: column;
gap: 16px;
}
.contact-info {
display: flex;
align-items: center;
gap: 22px;
}
.contact-info__icon {
flex-shrink: 0;
width: 60px;
height: 60px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--color-brand);
color: var(--color-white);
}
.contact-info__icon svg { width: 32px; height: 32px; }
.contact-info__body { display: flex; flex-direction: column; gap: 4px; }
.contact-info__primary {
font-family: var(--font-body);
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.6px;
color: var(--color-black);
margin: 0;
}
.contact-info__primary a { color: inherit; }
.contact-info__primary a:hover { color: var(--color-brand); }
.contact-info__secondary {
font-family: var(--font-body);
font-size: var(--fs-base);
line-height: 1.2;
letter-spacing: -0.48px;
color: var(--color-gray);
margin: 0;
} .contact-section__form,
.contact-section__form .wpcf7 {
width: 100%;
}
.contact-section__form .contact-section-logo{
display: none;
}
.contact-form,
.contact-section__form .wpcf7-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-form p,
.contact-section__form .wpcf7-form p {
margin: 0;
}
.contact-form__field {
display: flex;
flex-direction: column;
gap: 12px;
}
.contact-form__label {
font-family: var(--font-display);
font-size: 14px;
line-height: 1;
letter-spacing: -0.42px;
text-transform: uppercase;
color: var(--color-gray);
margin: 0;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="number"],
.contact-form select,
.contact-form textarea,
.contact-section__form .wpcf7-form input[type="text"],
.contact-section__form .wpcf7-form input[type="email"],
.contact-section__form .wpcf7-form input[type="tel"],
.contact-section__form .wpcf7-form input[type="number"],
.contact-section__form .wpcf7-form select,
.contact-section__form .wpcf7-form textarea {
width: 100%;
padding: 14px 24px;
background: var(--color-white);
border: 0;
border-radius: 0;
font-family: var(--font-body);
font-size: var(--fs-base);
line-height: 1.2;
letter-spacing: -0.48px;
color: var(--color-black);
outline: none;
transition: box-shadow var(--transition-fast);
}
.contact-form input::placeholder,
.contact-form textarea::placeholder,
.contact-section__form .wpcf7-form input::placeholder,
.contact-section__form .wpcf7-form textarea::placeholder {
color: #babbb1;
}
.contact-form select,
.contact-section__form .wpcf7-form select {
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M4 6l4 4 4-4' stroke='%23444' stroke-width='1.5' stroke-linecap='square' fill='none'/></svg>");
background-repeat: no-repeat;
background-position: right 24px center;
padding-right: 56px;
}
.contact-form textarea,
.contact-section__form .wpcf7-form textarea {
min-height: 121px;
resize: vertical;
font-family: var(--font-body);
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus,
.contact-section__form .wpcf7-form input:focus,
.contact-section__form .wpcf7-form select:focus,
.contact-section__form .wpcf7-form textarea:focus {
box-shadow: inset 0 0 0 2px var(--color-brand);
}
.contact-form__consent {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: var(--space-3);
}
.contact-form__check {
display: flex;
gap: 16px;
align-items: flex-start;
}
.contact-form .wpcf7-form-control-wrap,
.contact-section__form .wpcf7-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.contact-form__check .wpcf7-form-control-wrap {
width: auto;
}
.contact-form__check .wpcf7-list-item {
margin: 0;
}
.contact-form__check label {
display: flex;
gap: 16px;
align-items: flex-start;
}
.contact-form__check input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 2px 0 0;
accent-color: var(--color-brand);
flex-shrink: 0;
}
.contact-form__check label {
font-family: var(--font-body);
font-size: 13px;
line-height: 1.2;
letter-spacing: -0.3px;
color: var(--color-gray);
} .contact-form__check .contact-form__privacy-link,
.contact-form .contact-form__privacy-link {
color: var(--color-brand);
text-decoration: underline;
text-underline-offset: 2px;
transition: color var(--transition-fast);
}
.contact-form__check .contact-form__privacy-link:hover,
.contact-form__check .contact-form__privacy-link:focus-visible {
color: var(--color-ink);
}
.contact-form .wpcf7-not-valid-tip,
.contact-section__form .wpcf7-form .wpcf7-not-valid-tip {
margin-top: 6px;
font-family: var(--font-body);
font-size: 12px;
line-height: 1.2;
color: #b3261e;
}
.contact-form .wpcf7-response-output,
.contact-section__form .wpcf7-form .wpcf7-response-output {
margin: var(--space-3) 0 0;
padding: 12px 16px;
border-color: rgba(3, 28, 25, 0.18);
font-family: var(--font-body);
font-size: 14px;
line-height: 1.3;
}
.contact-form .wpcf7-spinner,
.contact-section__form .wpcf7-form .wpcf7-spinner {
margin: 12px auto 0;
}
.contact-form__submit {
width: 100%;
height: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--color-brand);
color: var(--color-white);
font-family: var(--font-display);
font-size: var(--fs-md);
font-weight: var(--fw-medium);
line-height: 1.2;
letter-spacing: var(--ls-snug);
border: 0;
cursor: pointer;
transition: background var(--transition-fast);
margin-top: var(--space-3);
}
.contact-form__submit:hover,
.contact-form__submit:focus-visible {
background: var(--color-brand-hover);
}
.contact-form--missing {
padding: 24px;
background: rgba(255, 255, 255, 0.55);
color: var(--color-gray);
font-family: var(--font-body);
font-size: var(--fs-base);
}
@media (max-width: 560px) {
.section-eyebrow {
gap: 16px;
margin-bottom: 22px;
}
.section-eyebrow__line {
width: 42px;
}
.section-eyebrow__label {
font-size: 16px;
letter-spacing: 0;
}
.contact-section__intro .section-headline {
margin-bottom: var(--space-6);
}
.contact-section__office-title {
font-size: 20px;
}
.contact-info {
gap: 16px;
}
.contact-info__icon {
width: 48px;
height: 48px;
}
.contact-info__icon svg {
width: 26px;
height: 26px;
}
.contact-info__primary {
font-size: 17px;
}
.contact-info__secondary {
font-size: 13px;
}
.contact-form,
.contact-section__form .wpcf7-form {
gap: 16px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="number"],
.contact-form select,
.contact-form textarea,
.contact-section__form .wpcf7-form input[type="text"],
.contact-section__form .wpcf7-form input[type="email"],
.contact-section__form .wpcf7-form input[type="tel"],
.contact-section__form .wpcf7-form input[type="number"],
.contact-section__form .wpcf7-form select,
.contact-section__form .wpcf7-form textarea {
padding: 13px 16px;
font-size: 15px;
}
.contact-form select,
.contact-section__form .wpcf7-form select {
background-position: right 16px center;
padding-right: 44px;
}
.contact-form__submit {
height: 52px;
font-size: 16px;
}
}