.block-contact-r2 *,.block-contact-r2 *::before,.block-contact-r2 *::after{
box-sizing:border-box
}
.contact-form-wrapper-r2 .block-contact-form .cf7-row{
margin-bottom: 24px;
}
.contact-form-wrapper-r2 .block-contact-form .cf7-row>*{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px
}
.contact-form-wrapper-r2 .block-contact-form .cf7-row>* br{
display:none
}
.block-contact-r2{
--contact-r2-text: var(--wp--preset--color--base, #111c1e);
--contact-r2-muted: var(--wp--preset--color--light-700, #827b76);
--contact-r2-card: var(--wp--preset--color--light-400, #faf8f2);
--contact-r2-tabs: var(--wp--preset--color--light-500, #efede3);
--contact-r2-border: var(--wp--preset--color--light-600, #dfdac7);
--contact-r2-white: var(--wp--preset--color--white, #fff);
--contact-r2-accent: var(--wp--preset--color--yellow-400, #e1ff01);
--contact-r2-accent-soft: var(--wp--preset--color--yellow-300, #eaff4d);
--contact-r2-cf7-bg: transparent;
width:min(100% - 3.2rem,93rem);
margin:2.4rem auto 2.8rem;
color:var(--contact-r2-text);
font-family:var(--wp--preset--font-family--geist, Geist, sans-serif)
}
.block-contact-r2__tabs{
padding:1.2rem 1rem 4.5rem;
background:var(--contact-r2-card);
border-radius:1.4rem
}
.block-contact-r2__tabs-nav{
width:calc(100% - .8rem);
padding:.9rem 1rem .8rem;
background:var(--contact-r2-tabs);
border-radius:1rem
}
.block-contact-r2__tabs-nav-list{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:1.2rem;
margin:0;
padding:0;
list-style:none
}
.block-contact-r2__tabs-nav-button{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:4.4rem;
padding:0 1.6rem;
color:var(--contact-r2-text);
font-family:var(--wp--preset--font-family--host-grotesk, "Host Grotesk", sans-serif);
font-size:1.8rem;
font-weight:400;
line-height:1;
letter-spacing:-0.03em;
text-align:center;
background:rgba(0,0,0,0);
border:0;
border-radius:1rem;
cursor:pointer;
transition:background-color .2s ease,color .2s ease
}
.block-contact-r2__tabs-nav-button.-active{
background:var(--contact-r2-white)
}
.block-contact-r2__tabs-nav-button:focus-visible{
outline:.2rem solid var(--contact-r2-text);
outline-offset:-0.2rem
}
.block-contact-r2__tabs-panel{
display:none
}
.block-contact-r2__tabs-panel.-active{
display:block
}
.block-contact-r2__tabs-panel-inner{
max-width:80rem;
margin-inline:auto;
padding-top:1rem
}
.block-contact-r2 .block-contact-form-wrapper{
display:flex;
flex-direction:column;
gap:27px;
padding-block:48px
}
.block-contact-r2 .block-contact-form-wrapper .wp-block-columns{
--wp--style--global--content-size: calc(var(--wp--style--root--padding-left) * 2 + 1070px);
max-width:calc(var(--wp--style--root--padding-left)*2 + 1070px);
padding:0 var(--wp--style--root--padding-left);
column-gap:46px;
row-gap:27px
}
.block-contact-r2 .block-contact-form h2{
margin-bottom:13px;
font-size:20px;
font-weight:600;
line-height:1.2
}
.block-contact-r2 .block-contact-form h2+p{
font-size:16px;
line-height:1.3
}
.block-contact-r2 .block-contact-form .cf7-row{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:22px;
padding-bottom:24px
}
.block-contact-r2 .block-contact-form .cf7-row>div,.block-contact-r2 .block-contact-form .cf7-row>p{
display:contents
}
.block-contact-r2 .block-contact-form .cf7-row br{
display:none
}
.block-contact-r2 .block-contact-form .cv-upload{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-height:135px;
margin-bottom:15px;
padding:29px var(--wp--style--root--padding-left);
color:#827c76;
font-size:12px;
line-height:1.16;
text-align:center;
background:#fff;
border:1px dashed #dfdac7;
border-radius:10px;
box-shadow:0 0 10.2px 0 rgba(223,218,199,.5) inset
}
.block-contact-r2 .block-contact-form .cv-upload-hint,.block-contact-r2 .block-contact-form .cv-upload-text{
font-family:var(--wp--preset--font-family--host-grotesk, "Host Grotesk", sans-serif);
font-size:12px;
line-height:1.16;
text-align:center;
text-transform:uppercase
}
.block-contact-r2 .block-contact-form .cv-upload-hint{
margin-bottom:0;
color:#dfdac7;
font-weight:600;
text-transform:lowercase
}
.block-contact-r2 .block-contact-form .cv-upload-text{
margin-bottom:8px;
color:#827c76
}
.block-contact-r2 .block-contact-form .cv-upload-text strong{
font-weight:600
}
.block-contact-r2 .block-contact-form .cv-upload .wpcf7-form-control-wrap{
margin-block:0
}
.block-contact-r2 .block-contact-form .cv-upload .wpcf7-file{
position:absolute;
width:1px;
height:1px;
opacity:0;
pointer-events:none
}
.block-contact-r2 .block-contact-form .cv-upload svg{
display:inline-block;
margin-bottom:19px
}
.block-contact-r2 .block-contact-form .phone-field{
display:block;
width:100%;
height:44px;
box-sizing:border-box;
padding:9px 15px;
color:#827c76;
font-family:var(--wp--preset--font-family--geist, Geist, sans-serif);
font-size:16px;
font-weight:400;
font-style:normal;
line-height:21px;
background:#fff;
border:1px solid #dfdac7;
border-radius:10px;
box-shadow:0 0 10.2px 0 rgba(223,218,199,.5) inset;
appearance:none;
outline:none;
transition:border-color .2s
}
.block-contact-r2 .block-contact-form .phone-field br{
display:none
}
.block-contact-r2 .block-contact-form .phone-field::placeholder{
color:#dfdac7
}
.block-contact-r2 .block-contact-form .phone-field:focus{
border-color:#827c76
}
.block-contact-r2 .block-contact-form .phone-field[aria-invalid=true]{
border-color:rgba(229,57,53,.5)
}
.block-contact-r2 .block-contact-form .phone-field{
position:relative;
display:flex;
align-items:center;
padding:8px
}
.block-contact-r2 .block-contact-form .phone-field input[type=tel]{
width:100%;
padding:0 0 0 15px;
color:#827c76;
font-size:16px;
font-weight:400;
background-color:rgba(0,0,0,0);
border:0;
border-radius:0;
box-shadow:none;
outline:none
}
.block-contact-r2 .block-contact-form .phone-field input[type=tel]::placeholder{
color:#dfdac7
}
.block-contact-r2 .block-contact-form .phone-field .phone-prefix-trigger{
display:flex;
align-items:center;
gap:9px;
height:100%;
padding:4px 12px;
color:#827c76;
font-size:12px;
white-space:nowrap;
text-transform:uppercase;
background:#dfdac7;
border:none;
border-radius:4px;
cursor:pointer
}
.block-contact-r2 .block-contact-form .phone-field .phone-prefix-trigger .phone-separator{
color:#d0c6bf
}
.block-contact-r2 .block-contact-form .phone-field .phone-prefix-trigger:focus{
outline:none
}
.block-contact-r2 .block-contact-form .phone-field .phone-prefix-dropdown{
position:absolute;
top:calc(100% + 4px);
left:0;
z-index:100;
display:none;
min-width:120px;
max-height:230px;
margin:0;
padding:4px 0;
overflow-y:auto;
list-style:none;
background:#fff;
border:1px solid #dfdac7;
border-radius:10px;
box-shadow:0 0 10.2px 0 rgba(223,218,199,.5) inset
}
.block-contact-r2 .block-contact-form .phone-field .phone-prefix-dropdown.open{
display:block
}
.block-contact-r2 .block-contact-form .phone-field .phone-prefix-dropdown li{
padding:8px 14px;
color:#827c76;
font-size:14px;
cursor:pointer
}
.block-contact-r2 .block-contact-form .phone-field .phone-prefix-dropdown li:hover{
background:#f5f2eb
}
.block-contact-r2 .block-contact-form .contact-consent-wrapper{
cursor:pointer
}
.block-contact-r2 .block-contact-form .contact-consent-wrapper .wpcf7-list-item{
display:flex;
align-items:flex-start;
gap:24px;
margin:0;
cursor:pointer
}
.block-contact-r2 .block-contact-form .contact-consent-wrapper .wpcf7-checkbox{
display:flex
}
.block-contact-r2 .block-contact-form .contact-consent-wrapper .wpcf7-list-item-label{
padding-top:6px;
color:#000;
font-size:10px;
font-weight:400;
font-style:normal;
line-height:1.2;
text-transform:none
}
.block-contact-r2 .block-contact-form .contact-consent-wrapper input[type=checkbox]{
flex-shrink:0;
width:22px;
height:22px;
margin:0;
background:#fff;
border:2px solid #dfdac7;
border-radius:6px;
appearance:none;
cursor:pointer;
transition:border-color .15s,background .15s
}
.block-contact-r2 .block-contact-form .contact-consent-wrapper input[type=checkbox]:checked{
background:#dfdac7;
border-color:#fff
}
.block-contact-r2 .block-contact-form .contact-consent-wrapper input[type=checkbox]:focus-visible{
outline:2px solid #333;
outline-offset:2px
}
.block-contact-r2 .block-contact-form .contact-consent-wrapper .wpcf7-not-valid-tip{
padding-left:33px
}
.block-contact-r2 .block-contact-form .consent-subtext{
margin:24px 0 0;
padding-left:0;
color:#827c76;
font-size:10px;
font-weight:400;
font-style:normal;
line-height:1.2
}
.block-contact-r2 .block-contact-form .consent-subtext a{
color:#827c76;
text-decoration:underline
}
.block-contact-r2 .block-contact-form .consent-subtext a:hover{
color:var(--contact-r2-text)
}
.block-contact-r2 .wpcf7 form{
display:flex;
flex-direction:column;
padding:0
}
.block-contact-r2 .wpcf7 form .wpcf7-response-output{
display:none;
order:-1;
margin:0;
padding:0;
color:#827c76 !important;
font-size:14px;
text-align:center;
border:1px solid rgba(0,0,0,0);
border-radius:10px
}
.block-contact-r2 .wpcf7 form .wpcf7-response-output:not(:empty){
display:block;
margin:15px 0 20px;
padding:12px 14px;
color:#827c76;
background-color:#fff;
border-color:#dfdac7
}
.block-contact-r2 .wpcf7 form .wpcf7-spinner{
display:inline-block;
width:14px;
height:14px;
margin-left:0;
vertical-align:middle;
border:2px solid rgba(130,124,118,.2);
border-top-color:#827c76;
border-radius:50%;
visibility:hidden;
animation:contact-form-r2-spin .7s linear infinite
}
.block-contact-r2 .wpcf7 form .recaptcha{
display:none
}
.block-contact-r2 .wpcf7 form .grecaptcha-badge{
visibility:hidden
}
.block-contact-r2 .wpcf7 .wpcf7-form{
color:#827c76;
font-family:var(--wp--preset--font-family--geist, Geist, sans-serif)font-size:13px;
background:var(--contact-r2-cf7-bg)
}
.consent-subtext{
font-size: 10px;
margin-top: 20px;
}
.consent-subtext a {
font-size: 10px;
color:#827c76;
}
.block-contact-r2 .wpcf7 .wpcf7-form.sent>*:not(.wpcf7-response-output){
display:none
}
.block-contact-r2 .wpcf7 .wpcf7-form .hidden-fields-container{
display:none
}
.block-contact-r2 .wpcf7 .wpcf7-form .wpcf7-not-valid-tip{
padding-left:8px;
font-size:10px;
text-transform:lowercase
}
.block-contact-r2 .wpcf7 .wpcf7-form p{
margin:0 0 24px
}
.block-contact-r2 .wpcf7 .wpcf7-form p br{
display:none
}
.block-contact-r2 .wpcf7 .wpcf7-form p.consent-subtext{
font-size: 10px;
margin-top: 20px;
}
.block-contact-r2 .wpcf7 .wpcf7-form p.consent-subtext a{
font-size: 10px;
color:#827c76;
}
.block-contact-r2 .wpcf7 .wpcf7-form p:last-of-type{
margin-bottom:0
}
.block-contact-r2 .wpcf7 .wpcf7-form p:has(.cv-upload-label){
margin-bottom:8px
}
.block-contact-r2 .wpcf7 .wpcf7-form p:has(.contact-consent-wrapper){
margin-bottom:0
}
.block-contact-r2 .wpcf7 .wpcf7-form label{
display:block;
color:#827c76;
font-size:12px;
font-weight:400;
font-style:normal;
line-height:normal;
letter-spacing:.1px;
text-transform:uppercase;
cursor:text
}
.block-contact-r2 .wpcf7 .wpcf7-form label.contact-consent-wrapper{
color:#000;
text-transform:none
}
.block-contact-r2 .wpcf7 .wpcf7-form .cf7-required{
color:#e25a5a;
font-size:16px;
line-height:1
}
.block-contact-r2 .wpcf7 .wpcf7-form .wpcf7-form-control-wrap{
display:block;
margin-top:8px
}
.block-contact-r2 .wpcf7 .wpcf7-form input[type=text],.block-contact-r2 .wpcf7 .wpcf7-form input[type=email],.block-contact-r2 .wpcf7 .wpcf7-form textarea{
display:block;
width:100%;
height:44px;
box-sizing:border-box;
padding:9px 15px;
color:#827c76;
font-family:var(--wp--preset--font-family--geist, Geist, sans-serif);
font-size:16px;
font-weight:400;
font-style:normal;
line-height:21px;
background:#fff;
border:1px solid #dfdac7;
border-radius:10px;
box-shadow:0 0 10.2px 0 rgba(223,218,199,.5) inset;
appearance:none;
outline:none;
transition:border-color .2s
}
.block-contact-r2 .wpcf7 .wpcf7-form input[type=text] br,.block-contact-r2 .wpcf7 .wpcf7-form input[type=email] br,.block-contact-r2 .wpcf7 .wpcf7-form textarea br{
display:none
}
.block-contact-r2 .wpcf7 .wpcf7-form input[type=text]::placeholder,.block-contact-r2 .wpcf7 .wpcf7-form input[type=email]::placeholder,.block-contact-r2 .wpcf7 .wpcf7-form textarea::placeholder{
color:#dfdac7
}
.block-contact-r2 .wpcf7 .wpcf7-form input[type=text]:focus,.block-contact-r2 .wpcf7 .wpcf7-form input[type=email]:focus,.block-contact-r2 .wpcf7 .wpcf7-form textarea:focus{
border-color:#827c76
}
.block-contact-r2 .wpcf7 .wpcf7-form input[type=text][aria-invalid=true],.block-contact-r2 .wpcf7 .wpcf7-form input[type=email][aria-invalid=true],.block-contact-r2 .wpcf7 .wpcf7-form textarea[aria-invalid=true]{
border-color:rgba(229,57,53,.5)
}
.block-contact-r2 .wpcf7 .wpcf7-form textarea{
height:148px;
min-height:148px;
line-height:1.6;
resize:none
}
.block-contact-r2 .wpcf7 .wpcf7-form input[type=submit]{
width:100%;
height:51px;
padding:0 18px;
color:var(--contact-r2-muted);
font-family:var(--wp--preset--font-family--host-grotesk, "Host Grotesk", sans-serif);
font-size:18px;
font-weight:400;
background-color:var(--contact-r2-accent-soft);
border:none;
border-radius:8px;
box-shadow:0 2px 10px 0 rgba(65,61,58,.1);
cursor:pointer;
transition:opacity .15s,transform .1s
}
.block-contact-r2 .wpcf7 .wpcf7-form input[type=submit]:hover{
opacity:.85
}
.block-contact-r2 .wpcf7 .wpcf7-form input[type=submit]:active{
transform:scale(0.98)
}
.block-contact-r2 .wpcf7 .wpcf7-form .cf7-submit-row{
position:relative;
display:grid;
grid-template-columns:51px minmax(0, 1fr);
gap:4px;
width:min(100%,358px);
margin:73px 0 0 auto
}
.block-contact-r2 .wpcf7 .wpcf7-form .cf7-submit-row>p{
display:contents
}
.block-contact-r2 .wpcf7 .wpcf7-form .cf7-submit-row br{
display:none
}
.block-contact-r2 .wpcf7 .wpcf7-form .cf7-submit-row .cf7-submit-icon{
display:block;
width:51px;
height:51px;
background:var(--contact-r2-accent) url(//www.conectys.com/wp-content/themes/conectys/assets/build/images/icon-submit.svg) no-repeat center/48px auto;
border-radius:8px
}
.block-contact-r2 .wpcf7 .wpcf7-form .cf7-submit-row .wpcf7-spinner{
position:absolute;
top:calc(50% - 7px);
right:-22px
}
.block-contact-r2 .wpcf7 .wpcf7-form.submitting .wpcf7-spinner{
visibility:visible
}
.block-contact-r2 .hbspt-form form{
display:grid;
grid-template-columns:21.7rem minmax(0, 1fr);
column-gap:11.8rem;
width:100%;
margin:0;
padding:0;
font-family:var(--wp--preset--font-family--geist, Geist, sans-serif)
}
.block-contact-r2 .hbspt-form fieldset{
grid-column:1/-1;
max-width:100%;
margin:0 0 2.4rem;
padding:0;
border:0
}
.block-contact-r2 .hbspt-form fieldset.form-columns-2{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:2.4rem
}
.block-contact-r2 .hbspt-form fieldset:has(textarea){
margin-top:.6rem
}
.block-contact-r2 .hbspt-form fieldset:has(.legal-consent-container){
margin-top:1rem;
margin-bottom:0
}
.block-contact-r2 .hbspt-form fieldset:has(.hs-form-field[style*="display: none"]){
display:none
}
.block-contact-r2 .hbspt-form .hs-form-field{
width:100% !important;
max-width:100%;
margin:0;
padding:0
}
.block-contact-r2 .hbspt-form .hs-form-field>label{
position:relative;
display:block;
margin-bottom:.8rem;
padding-left:.9rem;
color:var(--contact-r2-muted);
font-size:1.2rem;
font-weight:400;
line-height:1.2;
letter-spacing:.01em;
text-transform:uppercase
}
.block-contact-r2 .hbspt-form .hs-form-field .hs-form-required{
position:absolute;
left:0;
top:-0.2rem;
color:#e25a5a;
font-size:1.6rem;
line-height:1
}
.block-contact-r2 .hbspt-form .hs-form-field .input{
margin:0
}
.block-contact-r2 .hbspt-form .hs-form-field input[type=text],.block-contact-r2 .hbspt-form .hs-form-field input[type=email],.block-contact-r2 .hbspt-form .hs-form-field input[type=tel],.block-contact-r2 .hbspt-form .hs-form-field input[type=number],.block-contact-r2 .hbspt-form .hs-form-field select,.block-contact-r2 .hbspt-form .hs-form-field textarea{
display:block;
width:100%;
height:4.4rem;
padding:.9rem 1.6rem;
color:var(--contact-r2-text);
font-family:var(--wp--preset--font-family--geist, Geist, sans-serif);
font-size:1.6rem;
font-weight:400;
line-height:1.3;
background:var(--contact-r2-white);
border:.1rem solid var(--contact-r2-border);
border-radius:1rem;
box-shadow:0 0 1.02rem rgba(223,218,199,.5) inset;
appearance:none;
outline:0;
transition:border-color .2s ease
}
.block-contact-r2 .hbspt-form .hs-form-field input[type=text]::placeholder,.block-contact-r2 .hbspt-form .hs-form-field input[type=email]::placeholder,.block-contact-r2 .hbspt-form .hs-form-field input[type=tel]::placeholder,.block-contact-r2 .hbspt-form .hs-form-field input[type=number]::placeholder,.block-contact-r2 .hbspt-form .hs-form-field select::placeholder,.block-contact-r2 .hbspt-form .hs-form-field textarea::placeholder{
color:var(--contact-r2-border);
opacity:1
}
.block-contact-r2 .hbspt-form .hs-form-field textarea{
height:14.8rem;
resize:none
}
.block-contact-r2 .hbspt-form .hs-form-field input[type=text]:focus,.block-contact-r2 .hbspt-form .hs-form-field input[type=email]:focus,.block-contact-r2 .hbspt-form .hs-form-field input[type=tel]:focus,.block-contact-r2 .hbspt-form .hs-form-field input[type=number]:focus,.block-contact-r2 .hbspt-form .hs-form-field select:focus,.block-contact-r2 .hbspt-form .hs-form-field textarea:focus{
border-color:var(--contact-r2-muted)
}
.block-contact-r2 .hbspt-form .hs-form-field .hs-error-msgs{
margin:.6rem 0 0;
padding:0;
list-style:none
}
.block-contact-r2 .hbspt-form .hs-form-field .hs-error-msgs label{
color:#e25a5a;
font-size:1rem;
line-height:1.2
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container .inputs-list{
margin:0;
padding:0;
list-style:none
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container .inputs-list>li{
margin:0;
padding:0
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container .inputs-list label{
display:grid;
grid-template-columns:2.2rem minmax(0, 1fr);
gap:2.4rem;
align-items:start;
margin:0;
padding:0;
cursor:pointer
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container input[type=checkbox]{
width:2.2rem;
height:2.2rem;
margin:0;
background:var(--contact-r2-white);
border:.2rem solid var(--contact-r2-border);
border-radius:.6rem;
appearance:none;
cursor:pointer
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container input[type=checkbox]:checked{
background:var(--contact-r2-muted);
box-shadow:inset 0 0 0 .4rem var(--contact-r2-white)
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container input[type=checkbox]:focus-visible{
outline:.2rem solid var(--contact-r2-text);
outline-offset:.2rem
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container .inputs-list span{
padding-top:.6rem;
color:var(--contact-r2-text);
font-size:1rem;
font-weight:400;
line-height:1.2
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container .hs-richtext{
margin-top:2.6rem
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container .hs-richtext p,.block-contact-r2 .hbspt-form .hs-form .legal-consent-container .hs-richtext a{
margin:0;
color:var(--contact-r2-muted);
font-size:1rem;
font-weight:400;
line-height:1.2
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container .hs-richtext a{
text-decoration:underline
}
.block-contact-r2 .hbspt-form .hs-form .hs-recaptcha{
grid-column:1;
width:21.7rem;
height:5.2rem;
margin-top:4.1rem;
overflow:hidden
}
.block-contact-r2 .hbspt-form .hs-form .hs-recaptcha>div,.block-contact-r2 .hbspt-form .hs-form .hs-recaptcha .grecaptcha-badge{
transform:scale(0.71);
transform-origin:left top
}
.block-contact-r2 .hbspt-form .hs-form .hs-submit{
grid-column:2;
margin-top:4.1rem
}
.block-contact-r2 .hbspt-form .hs-form .hs-submit .actions{
position:relative;
height:5.1rem
}
.block-contact-r2 .hbspt-form .hs-form .hs-submit .actions::before,.block-contact-r2 .hbspt-form .hs-form .hs-submit .actions::after{
content:"";
position:absolute;
top:0;
height:5.1rem;
border-radius:.8rem
}
.block-contact-r2 .hbspt-form .hs-form .hs-submit .actions::before{
left:0;
width:5.1rem;
background:var(--contact-r2-accent) url(//www.conectys.com/wp-content/themes/conectys/assets/build/images/icon-submit.svg) no-repeat center/4.8rem auto
}
.block-contact-r2 .hbspt-form .hs-form .hs-submit .actions::after{
right:0;
width:calc(100% - 5.5rem);
background:var(--contact-r2-accent-soft)
}
.block-contact-r2 .hbspt-form .hs-form .hs-submit input[type=submit]{
position:relative;
z-index:1;
width:100%;
height:5.1rem;
padding:0 1.8rem 0 7.3rem;
color:var(--contact-r2-muted);
font-family:var(--wp--preset--font-family--host-grotesk, "Host Grotesk", sans-serif);
font-size:1.8rem;
font-weight:400;
line-height:1;
text-align:center;
background:rgba(0,0,0,0);
border:0;
border-radius:.8rem;
cursor:pointer;
transition:opacity .2s ease,transform .1s ease
}
.block-contact-r2 .hbspt-form .hs-form .hs-submit input[type=submit]:hover{
opacity:.75
}
.block-contact-r2 .hbspt-form .hs-form .hs-submit input[type=submit]:active{
transform:scale(0.99)
}
.block-contact-r2 .hbspt-form .hs-form .hs-submit input[type=submit]:focus-visible{
outline:.2rem solid var(--contact-r2-text);
outline-offset:.2rem
}
.block-contact-r2 .hbspt-form .hs-form .hs_error_rollup{
grid-column:1/-1
}
.block-contact-r2 .hbspt-form .hs-form .hs_error_rollup ul{
margin:.8rem 0 0;
padding:0;
color:#e25a5a;
font-size:1.2rem;
list-style:none
}
@keyframes contact-form-r2-spin{
to{
transform:rotate(360deg)
}
}
@media(max-width: 767px){
.block-contact-r2{
margin-block:1.6rem
}
.block-contact-r2__tabs{
padding:.8rem .8rem 3.2rem;
border-radius:1.2rem
}
.block-contact-r2__tabs-nav{
width:100%;
padding:.6rem
}
.block-contact-r2__tabs-nav-button{
padding-inline:.8rem;
font-size:1.4rem
}
.block-contact-r2__tabs-nav-list{
gap:.4rem
}
.block-contact-r2__tabs-panel-inner{
padding:3.2rem .8rem 0
}
.block-contact-r2 .block-contact-form-wrapper .wp-block-columns{
display:grid;
grid-template-columns:1fr
}
.block-contact-r2 .block-contact-form .cf7-row{
grid-template-columns:minmax(0, 1fr);
gap:24px
}
.block-contact-r2 .wpcf7 .wpcf7-form .cf7-submit-row{
width:100%;
margin-top:32px
}
.block-contact-r2 .hbspt-form form{
grid-template-columns:minmax(0, 1fr);
column-gap:0
}
.block-contact-r2 .hbspt-form fieldset.form-columns-2{
grid-template-columns:minmax(0, 1fr);
gap:2.4rem
}
.block-contact-r2 .hbspt-form .hs-form .legal-consent-container .inputs-list label{
gap:1.2rem
}
.block-contact-r2 .hbspt-form .hs-form .hs-recaptcha,.block-contact-r2 .hbspt-form .hs-form .hs-submit{
grid-column:1
}
.block-contact-r2 .hbspt-form .hs-form .hs-submit{
margin-top:2.4rem
}
.contact-form-wrapper-r2 .block-contact-form .cf7-row>*{
grid-template-columns:minmax(0, 1fr);
gap:24px
}
}
.block-contact-r2__tabs-panel-inner .hs-form-html {
font-family: var(--wp--preset--font-family--geist);
font-size: 13px;
color: #827c76;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-FieldLabel {
color: #827c76;
font-family: var(--wp--preset--font-family--geist);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.1px;
text-transform: uppercase;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-TextInput {
display: block;
width: 100%;
box-sizing: border-box;
background: #fff;
border: 1px solid #dfdac7;
border-radius: 10px;
color: #827c76;
font-family: var(--wp--preset--font-family--geist);
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 21px;
padding: 9px 15px;
outline: none;
appearance: none;
box-shadow: 0 0 10.2px 0 rgba(223, 218, 199, 0.5) inset;
transition: border-color 0.2s;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-TextInput::placeholder,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-TextareaInput::placeholder {
color: #dfdac7;
opacity: 1;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-TextInput:focus,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-TextareaInput:focus {
border-color: #827c76;
outline: none;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-TextInput[aria-invalid="true"],
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-TextareaInput[aria-invalid="true"] {
border-color: rgba(229, 57, 53, 0.5);
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-TextInput:hover,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-TextareaInput:hover {
box-shadow: 0 0 10.2px 0 rgba(223, 218, 199, 0.5) inset;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-TextareaInput {
display: block;
width: 100%;
box-sizing: border-box;
background: #fff;
border: 1px solid #dfdac7;
border-radius: 10px;
color: #827c76;
font-family: var(--wp--preset--font-family--geist);
font-size: 16px;
font-weight: 400;
font-style: normal;
padding: 9px 15px;
outline: none;
appearance: none;
resize: none;
min-height: 83px;
height: 83px;
line-height: 1.6;
box-shadow: 0 0 10.2px 0 rgba(223, 218, 199, 0.5) inset;
transition: border-color 0.2s;
} .block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-DataPrivacyField {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-DataPrivacyField > * {
width: 100%;
} .block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-DataPrivacyField .hsfc-CheckboxField,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-DataPrivacyField .hsfc-CommunicationConsentField,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-DataPrivacyField .hsfc-CommunicationConsentField__subscription-list {
order: 1 !important;
} .block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-DataPrivacyField > .hsfc-RichText,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-DataPrivacyField .hsfc-RichText:last-child {
order: 2 !important;
margin-top: 7px !important;
padding-left: 32px;
color: #827c76;
font-family: var(--wp--preset--font-family--geist);
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 1.2;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-DataPrivacyField .hsfc-RichText p {
margin: 0;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-DataPrivacyField .hsfc-RichText a {
color: #827c76;
text-decoration: underline;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CommunicationConsentField__subscription-list {
margin-inline-start: 0 !important;
padding-left: 0 !important;
} .block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CheckboxField label,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CheckboxFieldGroup__Options label,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CommunicationConsentField label,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CommunicationConsentField__subscription-list-label {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
color: #111C1E;
font-family: var(--wp--preset--font-family--geist);
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px;
text-transform: none;
} .block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CheckboxInput {
position: relative;
appearance: none;
-webkit-appearance: none;
flex: 0 0 20px;
width: 20px;
height: 20px;
padding: 0;
margin: 0;
border: 2px solid #dfdac7;
border-radius: 3px;
background: #fff;
cursor: pointer;
box-shadow: none;
transition: border-color 0.15s, background 0.15s;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CheckboxInput:checked {
background: #dfdac7;
border-color: #dfdac7;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CheckboxInput:checked::after {
content: "";
position: absolute;
top: 3px;
left: 2.5px;
width: 10px;
height: 10px;
border: solid #827c76;
border-width: 0 2px 2px 0;
transform: rotate(0);
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CheckboxInput:hover,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CheckboxInput:focus,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-CheckboxInput:active {
box-shadow: none;
} .block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Step__Content {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
column-gap: 24px;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Step__Content > .hsfc-Row {
flex: 0 0 100%;
width: 100%;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Step__Content > .hsfc-Row:has(.hsfc-ReCaptchaV3) {
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-ReCaptchaV3,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-ReCaptchaV3__Badge__Container {
margin: 0 !important;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Step__Content > .hsfc-NavigationRow {
flex: 0 0 auto !important;
width: auto !important;
min-width: auto !important;
margin: 0 0 0 auto !important;
align-self: center !important;
} .block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-NavigationRow__Buttons,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-NavigationRow__Buttons:has(> *:only-child) {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
justify-content: flex-end !important;
width: auto !important;
flex-grow: 0 !important;
gap: 5px !important;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-NavigationRow__Buttons::before {
content: "" !important;
display: block !important;
flex: 0 0 52px;
width: 52px;
height: 52px;
border-radius: 10px;
background-color: #e1ff01;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111c1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 23px;
box-shadow: 0 2px 10px 0 rgba(65, 61, 58, 0.1);
} .block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Button {
flex: 0 0 335px !important;
width: 335px !important;
max-width: 335px !important;
height: 52px;
min-height: 52px;
padding: 12px 20px;
border: none;
border-radius: 10px;
background-color: #e1ff01 !important;
color: #827c76 !important;
font-family: var(--wp--preset--font-family--host-grotesk);
font-size: 18px;
font-weight: 400;
box-shadow: 0 2px 10px 0 rgba(65, 61, 58, 0.1);
cursor: pointer;
transition: opacity 0.15s, transform 0.1s;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Button:not([disabled]):hover {
background-color: #e1ff01 !important;
color: #827c76 !important;
opacity: 0.85;
transform: none;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Button:not([disabled]):active {
transform: scale(0.98);
}
@media (max-width: 767px) {
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Step__Content > .hsfc-Row:has(.hsfc-ReCaptchaV3) {
flex: 0 0 100% !important;
width: 100% !important;
margin-bottom: 12px !important;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Step__Content > .hsfc-NavigationRow {
flex: 0 0 100% !important;
width: 100% !important;
margin-left: 0 !important;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-NavigationRow__Buttons,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-NavigationRow__Buttons:has(> *:only-child) {
width: 100% !important;
}
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Button {
flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
}
}
@media (max-width: 1024px) {
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Button {
flex: 0 0 145px !important;
width: 145px !important;
max-width: 145px !important;
}
}
@media (max-width: 991px) {
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Button {
flex: 0 0 290px !important;
width: 290px !important;
max-width: 290px !important;
}
}
@media (max-width: 640px) {
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-NavigationRow__Buttons,
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-NavigationRow__Buttons:has(> *:only-child) {
justify-content: start !important;
}
}
@media (max-width: 480px) {
.block-contact-r2__tabs-panel-inner .hs-form-html .hsfc-Button {
flex: 0 0 227px !important;
width: 227px !important;
max-width: 227px !important;
}
}
[data-hsfc-id=Renderer] .hsfc-RichText p {
font-family: inherit;
font-style: inherit;
font-weight: inherit;
text-decoration: inherit;
color: #827B76 !important;
font-size: 10px !important;
}
[data-hsfc-id=Renderer] .hsfc-RichText p a {	
color: #827B76 !important;
font-size: 10px !important;
text-decoration: none !important;
}
[data-hsfc-id=Renderer] .hsfc-NavigationRow__Alerts {
margin-bottom: 0  !important;
}
.hsfc-RichText p {font-size: 30px  !important;}
.hsfc-RichText span {font-size: 15px  !important;}