@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,*::before,*::after{margin:0;box-sizing:border-box}body{--webkit-font-smoothing:antialiased;font-family:inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-color:#20232a;color:#e4e5e9;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;background-color:transparent;color:#e4e5e9;padding:.8em .5em;border:1px solid #e4e5e9;border-radius:.25em}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p,ol,ul{text-wrap:pretty;margin-block-start:1em;margin-block-end:1em}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{color:#99d1ff;transition:all .6s ease}a:hover{color:#cce7ff}main section{display:flex;justify-content:space-around}main section.bg-primary{background-color:#20232a}main section.bg-secondary{background-color:#272b34}main section .container{width:100%;max-width:1200px}@media screen and (max-width:1200px){main section .container{padding:0 1em}}main article{padding:5em 0;font-weight:400;line-height:1.5em}main article h1{font-size:2em;font-weight:500}main article h2{font-size:1.6em;font-weight:500}main article h3{font-size:1.3em;font-weight:500}main article strong{font-weight:700}.cta-primary{display:inline-block;color:#0089fe;text-decoration:none;border:2px solid #0089fe;border-radius:.3rem;padding:1em .5em 1em 1em;transition:background-color .6s ease;box-sizing:border-box;font-size:1.2em}.cta-primary:hover{background:rgba(0,137,254,.1);color:#0089fe}.cta-primary:hover::after{padding-right:0}.cta-primary::after{transition:padding .6s ease;box-sizing:border-box;text-align:right;display:inline-block;padding-right:.5em;width:1.5em;margin-left:.5em;content:"\2192"}.cta-secondary{display:inline-block;color:#37e2a9;text-decoration:none;border:2px solid #37e2a9;border-radius:.3rem;padding:1em .5em 1em 1em;transition:background-color .6s ease;box-sizing:border-box;font-size:1.2em}.cta-secondary:hover{background:rgba(5,219,148,.1);color:#37e2a9}.cta-secondary:hover::after{padding-right:0}.cta-secondary::after{transition:padding .6s ease;box-sizing:border-box;text-align:right;display:inline-block;padding-right:.5em;width:1.5em;margin-left:.5em;content:"\2192"}header{display:flex;justify-content:space-around}header.bg-primary{background-color:#20232a}header.bg-secondary{background-color:#272b34}header .container{width:100%;max-width:1200px}@media screen and (max-width:1200px){header .container{padding:0 1em}}header .container{display:grid;grid-column-gap:16px;grid-row-gap:16px;border-bottom:1px solid rgba(228,229,233,.15);flex:1;grid-template-rows:auto;grid-auto-columns:1fr;grid-template-columns:.3fr 1fr .3fr;height:5em;justify-content:space-between;align-items:center;z-index:2}@media screen and (max-width:840px){header .container{grid-template-columns:.5fr 1fr .5fr}}@media screen and (max-width:640px){header .container{grid-template-columns:1fr 3fr}}@media screen and (max-width:580px){header .container{display:flex;justify-content:space-between;height:4em;padding-top:.5em;padding-bottom:.5em}}header #nav-hamburger{display:none}@media screen and (max-width:580px){header .branding img{max-height:3em}header #nav-hamburger{display:block;width:2em;height:100%;background-color:#e4e5e9;content:'';-webkit-mask-size:cover;mask-size:cover;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M0%2096C0%2078.3%2014.3%2064%2032%2064h384c17.7.0%2032%2014.3%2032%2032s-14.3%2032-32%2032H32C14.3%20128%200%20113.7.0%2096zM0%20256c0-17.7%2014.3-32%2032-32h384c17.7.0%2032%2014.3%2032%2032s-14.3%2032-32%2032H32c-17.7.0-32-14.3-32-32zM448%20416c0%2017.7-14.3%2032-32%2032H32c-17.7.0-32-14.3-32-32s14.3-32%2032-32h384c17.7.0%2032%2014.3%2032%2032z%22/%3E%3C/svg%3E)no-repeat 50% 50%;url(url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E")mask:) no-repeat 50% 50%; } header #nav-hamburger.active { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url(url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E")) no-repeat 50% 50%; } } @media screen and (max-width: 580px) { header .primary-navigation { z-index: -1; position: absolute; top: -24rem; margin: 0; padding-top: 0; left: 0; width: 100%; background-color: #20232A; border-bottom: 1px solid rgba(228, 229, 233, 0.15); box-shadow: 0 5px 8px rgba(228, 229, 233, 0.15); font-size: 1.4em; line-height: 1em; transition: transform .4s ease-out; } header .primary-navigation.activated { transform: translateY(28rem); } header .primary-navigation ul { flex-direction: column; } header .primary-navigation li { display: block; text-align: center; } header .primary-navigation li a { height: 4em !important; width: 100%; } header .primary-navigation li a.active { border-bottom: none !important; } } header .primary-navigation ul { display: flex; list-style-type: none; margin: 0; padding: 0; overflow: hidden; justify-content: center; } header .primary-navigation li a { height: 5em; color: #E4E5E9; text-decoration: none; align-content: center; padding: 1em; font-weight: 600; display: inline-block; transition: color 0.3s ease; } header .primary-navigation li a:hover { color: #8D8E92; } header .primary-navigation li a.active { color: #0089FE; border-bottom: 2px solid #0089FE; } header .primary-navigation li.contact { display: none; } @media screen and (max-width: 640px) { header .primary-navigation li.contact { display: inherit; } } header .contact-cta { display: flex; justify-content: flex-end; } @media screen and (max-width: 640px) { header .contact-cta { display: none; } } header .contact-cta a { display: inline-block; color: #0089FE; text-decoration: none; border: 2px solid #0089FE; border-radius: 0.3rem; padding: 1em 0.5em 1em 1em; transition: background-color .6s ease; box-sizing: border-box; } header .contact-cta a:hover { background: rgba(0, 137, 254, 0.1); color: #0089FE; } header .contact-cta a:hover::after { padding-right: 0; } header .contact-cta a::after { transition: padding .6s ease; box-sizing: border-box; text-align: right; display: inline-block; padding-right: 0.5em; width: 1.5em; margin-left: 0.5em; content: "\2192"; } section.page-hero { padding: 5em 0; } @media screen and (max-width: 768px) { section.page-hero { padding: 3em 0; } } section.page-hero .container { align-items: center; display: grid; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-auto-columns: 1fr; grid-template-columns: 1.8fr 1fr; } @media screen and (max-width: 700px) { section.page-hero .container { grid-template-columns: 1fr; grid-column-gap: 0; } section.page-hero .container .image { grid-column: 1 / -1; grid-row: 1; justify-content: center; } section.page-hero .container .text { grid-column: 1 / -1; grid-row: 2; } } section.page-hero h1 { margin: 0.5em 0; color: #E4E5E9; font-size: 3em; font-weight: 500; line-height: 1em; } section.page-hero h1.secondary { margin: 1em 0; color: #8D8E92; font-weight: 500; font-size: 1.6em; line-height: 1em; letter-spacing: -0.03em; } section.page-hero h2 { margin: 1em 0; color: #8D8E92; font-weight: 500; font-size: 1.6em; line-height: 1em; letter-spacing: -0.03em; } section.page-hero h2.primary { margin: 0.5em 0; color: #E4E5E9; font-size: 3em; font-weight: 500; line-height: 1em; } section.page-hero .image { display: flex; justify-content: flex-end; } section.homepage.page-hero .container { grid-template-columns: 1.3fr 1fr; } section.homepage.page-hero .image { height: 445px; } @media screen and (max-width: 1100px) { section.homepage.page-hero .image { height: auto; } } section.homepage.page-hero h1 { font-size: 3.8em; font-weight: 500; line-height: 1em; margin-bottom: 0.25em; } @media screen and (max-width: 980px) { section.homepage.page-hero h1 { font-size: 3em; } } @media screen and (max-width: 768px) { section.homepage.page-hero h1 { font-size: 2.5em; } } section.homepage.page-hero h2 { color: #8D8E92; font-weight: 500; font-size: 1.7em; line-height: 1em; letter-spacing: -0.03em; margin-bottom: 1.5em; } section.text-block { padding: 5em 0; } @media screen and (max-width: 720px) { section.text-block { padding: 3em 0; } } section.text-block .container { display: grid; grid-template-columns: 0.7fr 2fr; grid-column-gap: 3em; grid-template-rows: auto; grid-auto-columns: 1fr; } @media screen and (max-width: 720px) { section.text-block .container { grid-template-columns: 1fr; grid-column-gap: 0; } section.text-block .container > div, section.text-block .container > h3 { grid-auto-rows: 1fr; } section.text-block .container h3 { margin-bottom: 1em; } } section.text-block h3 { margin: 0; font-weight: 500; font-size: 2em; } section.text-block p:first-child { margin-top: 0; } section.text-block .cta { display: block; margin-top: 2em; } section.homepage.text-block > .container { grid-template-columns: 1fr 2fr; } @media screen and (max-width: 720px) { section.homepage.text-block > .container { grid-template-columns: 1fr; } } footer { display: flex; justify-content: space-around; background-color: #272B34; color: #8D8E92; transition: background-color .5s ease, color .5s ease; } footer.bg-primary { background-color: #20232A; } footer.bg-secondary { background-color: #272B34; } footer .container { width: 100%; max-width: 1200px; } @media screen and (max-width: 1200px) { footer .container { padding: 0 1em; } } footer .container { padding-top: 3em; padding-bottom: 3em; border-top: 1px solid rgba(228, 229, 233, 0.15); } footer a { color: inherit; text-decoration: none; } footer a:hover { color: #E4E5E9; text-decoration: underline; } footer nav { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 2em; grid-template-rows: auto; grid-auto-columns: 1fr; margin-bottom: 4em; align-items: center; } @media screen and (max-width: 750px) { footer nav { grid-template-columns: 1fr; grid-row-gap: 1em; justify-items: center; margin-bottom: 2em; } footer nav ul { flex-direction: column; } footer nav ul li a { padding: 0.5em 1em; } } footer nav img.logo { max-height: 40px; } footer nav ul { display: flex; list-style-type: none; margin: 0; padding: 0; overflow: hidden; justify-content: center; text-align: center; } footer nav li a { padding: 0 1em; align-content: center; display: inline-block; } footer nav .socials { text-align: right; } footer nav .socials .icon { width: 2.1em; height: 2.1em; display: inline-block; background-color: #8D8E92; content: ''; -webkit-mask-size: cover; mask-size: cover; } footer nav .socials .icon:hover { background-color: #E4E5E9; } footer nav .socials .icon-facebook-square { -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>') no-repeat 50% 50%; mask: url(url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>')) no-repeat 50% 50%; } footer nav .socials .icon-linkedin { -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>') no-repeat 50% 50%; mask: url(url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>')) no-repeat 50% 50%; } footer .legals { display: flex; justify-content: space-between; } @media screen and (max-width: 750px) { footer .legals { flex-direction: column; align-items: center; } footer .legals * { margin-bottom: 1em; } } ul.stepper { margin: 0; padding: 0; width: 100%; } ul.stepper li { display: flex; margin-left: 0; min-height: 5em; } ul.stepper li:last-child { min-height: auto; } ul.stepper li:last-child .description::before { border: 0; } ul.stepper .step { flex-grow: 0; flex-shrink: 0; max-width: 6em; position: relative; padding: 0.5em 2em 0 0; text-transform: uppercase; font-size: 0.9em; font-weight: 400; text-align: right; color: #8D8E92; } ul.stepper .step::after { content: ""; position: absolute; z-index: 2; top: 0; right: 0; transform: translateX(50%); border-radius: 50%; background-color: #272B34; border: 4px solid #0089FE; width: 2.1em; height: 2.1em; } ul.stepper .description { padding: 0.25em 1.5em 1.5em 2em; position: relative; } ul.stepper .description::before { content: ""; position: absolute; z-index: 1; left: -0.15em; height: calc(100%); border-left: 4px solid #0089FE; } .contact-form { display: flex; justify-content: space-around; } .contact-form.bg-primary { background-color: #20232A; } .contact-form.bg-secondary { background-color: #272B34; } .contact-form .container { width: 100%; max-width: 1200px; } @media screen and (max-width: 1200px) { .contact-form .container { padding: 0 1em; } } .contact-form .container { justify-content: center; display: flex; } .contact-form form { display: grid; grid-column-gap: 1em; grid-row-gap: 1em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; max-width: 900px; width: 100%; margin-bottom: 3em; } @media screen and (max-width: 500px) { .contact-form form { grid-template-columns: 1fr; } } .contact-form form span.validation_error { color: #FF6666; display: none; } .contact-form form span.text_field.invalid input[type="text"], .contact-form form span.text_field.invalid input[type="email"], .contact-form form span.text_field.invalid input[type="tel"], .contact-form form span.text_field.invalid textarea, .contact-form form span.detail_field.invalid input[type="text"], .contact-form form span.detail_field.invalid input[type="email"], .contact-form form span.detail_field.invalid input[type="tel"], .contact-form form span.detail_field.invalid textarea { color: #FF6666; border-color: #FF6666; background-color: rgba(255, 102, 102, 0.03); } .contact-form form span.text_field.invalid .validation_error, .contact-form form span.detail_field.invalid .validation_error { display: block; } .contact-form form span.radio_field.invalid .validation_error, .contact-form form span.confirm_field.invalid .validation_error { display: block; } .contact-form form span.text_field.required label::after, .contact-form form span.radio_field.required span:not(.validation_error)::after, .contact-form form span.confirm_field.required label::after { content: " *"; color: #FF6666; } .contact-form form button[type="submit"] { display: inline-block; color: #05DB94; text-decoration: none; border: 2px solid #05DB94; border-radius: 0.3rem; padding: 1em 0.5em 1em 1em; transition: background-color .6s ease; box-sizing: border-box; width: 60%; cursor: pointer; } .contact-form form button[type="submit"]:hover { background: rgba(5, 219, 148, 0.1); color: #05DB94; } .contact-form form button[type="submit"]:hover::after { padding-right: 0; } .contact-form form button[type="submit"]::after { transition: padding .6s ease; box-sizing: border-box; text-align: right; display: inline-block; padding-right: 0.5em; width: 1.5em; margin-left: 0.5em; content: "\2192"; } .contact-form form button[type="submit"]:disabled { color: rgba(5, 219, 148, 0.3); border-color: rgba(5, 219, 148, 0.3); cursor: default; } .contact-form form button[type="submit"]:disabled:hover { background-color: inherit; } .contact-form form button[type="submit"]:disabled:hover::after { padding-right: 0.5em; } .contact-form form button[type="submit"].loading::after { content: ''; width: 0; } .contact-form form button[type="submit"].loading::before { box-sizing: border-box; text-align: right; display: inline-block; padding-right: 0.5em; margin-right: 0.5em; content: ''; background-color: rgba(5, 219, 148, 0.3); -webkit-mask-size: cover; mask-size: cover; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M222.7 32.1c5 16.9-4.6 34.8-21.5 39.8C121.8 95.6 64 169.1 64 256c0 106 86 192 192 192s192-86 192-192c0-86.9-57.8-160.4-137.1-184.1c-16.9-5-26.6-22.9-21.5-39.8s22.9-26.6 39.8-21.5C434.9 42.1 512 140 512 256c0 141.4-114.6 256-256 256S0 397.4 0 256C0 140 77.1 42.1 182.9 10.6c16.9-5 34.8 4.6 39.8 21.5z"/></svg>') no-repeat 50% 50%; mask: url(url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M222.7 32.1c5 16.9-4.6 34.8-21.5 39.8C121.8 95.6 64 169.1 64 256c0 106 86 192 192 192s192-86 192-192c0-86.9-57.8-160.4-137.1-184.1c-16.9-5-26.6-22.9-21.5-39.8s22.9-26.6 39.8-21.5C434.9 42.1 512 140 512 256c0 141.4-114.6 256-256 256S0 397.4 0 256C0 140 77.1 42.1 182.9 10.6c16.9-5 34.8 4.6 39.8 21.5z"/></svg>')) no-repeat 50% 50%; width: 1em; height: 1em; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form input[type="tel"] { display: block; width: 100%; } .contact-form form input[type="text"]:disabled, .contact-form form input[type="email"]:disabled, .contact-form form input[type="tel"]:disabled { border-color: rgba(141, 142, 146, 0.5); color: rgba(141, 142, 146, 0.5); } .contact-form form textarea { display: block; width: 100%; min-height: 5em; } .contact-form form textarea:disabled { border-color: rgba(141, 142, 146, 0.5); color: rgba(141, 142, 146, 0.5); } .contact-form form input[type="radio"], .contact-form form input[type="checkbox"] { width: 1.15em; height: 1.15em; accent-color: #0089FE; } .contact-form form span.detail_field, .contact-form form span.radio_field, .contact-form form span.confirm_field { grid-column: 1 / -1; } .contact-form form span.radio_field span:not(.validation_error) { display: block; } .contact-form form span.radio_field label { display: inline-block; width: 8em; margin-top: 0.25em; } .contact-form form span.radio_field label input[type="radio"] { margin-right: 0.5em; } .contact-form form span.confirm_field input[type="checkbox"] { margin-right: 0.5em; } .contact-form form span.submission-error { grid-column: 1 / -1; display: block; padding: 1em; border-radius: 0.3rem; border: 2px solid #FF6666; color: #FF6666; }}}