@layer base, elements, utilities, components;
@layer base {
:root {
color-scheme: light;
}
*,::after,::before{box-sizing:inherit;padding:0;margin:0}:where(:root){line-height:1.15;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}:where(main){display:block}:where(h1){font-size:2em;margin:.67em 0}:where(p + p){margin-top:1rem}:where(a){background-color:transparent}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(code,kbd,samp,pre){font-family:monospace,monospace;font-size:1em}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:baseline}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(button,input,optgroup,select,textarea){line-height:inherit;border:1px solid currentColor}:where(button){overflow:visible;text-transform:none}:where(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:button;padding:1px 6px}:where(input){overflow:visible}:where(input,textarea){padding:1px}:where(fieldset){border:1px solid currentColor;margin:0 2px}:where(legend){color:inherit;display:table;max-width:100%;white-space:normal}:where(progress){display:inline-block;vertical-align:baseline}:where(select){text-transform:none}:where(textarea){overflow:auto;vertical-align:top}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}:where([type=color]){background:inherit}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.5}::-webkit-file-upload-button,::-webkit-search-decoration{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}:where(hr){box-sizing:content-box;height:0;color:inherit;overflow:visible}:where(dl,ol,ul){margin:1em 0}:where(ol ol,ol ul,ol dl,ul ol,ul ul,ul dl,dl ol,dl ul,dl dl){margin:0}:where(b,strong){font-weight:bolder}:where(audio,video){display:inline-block}:where(audio):not([controls]){display:none;height:0}:where(img){border:0}:where(svg):not(:root){overflow:hidden}:where(table){text-indent:0;border-color:inherit}:where(details){display:block}:where(dialog){background-color:inherit;border:solid;color:inherit;display:block;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:fit-content}:where(dialog):not([open]){display:none}:where(summary){display:list-item}:where(canvas){display:inline-block}:where(template){display:none}:where([hidden]){display:none}
:root {
--container_width: 1350px;
--dnd_section_padding: 60px 0;
--gutter_width_percent: 0.7703703703703704%;
--column_width_percent: 7.6271604938271595%;
--gutter_width_px: 3rem;
--column_width_px: 7rem;
--primary_color: #DBFC87;
--secondary_color: #FDEEE1;
--success_color: #2ECE6E;
--error_color: #FE3636;
--grass_light: #384649;
--dark_grass: #15292F;
--dark_grass_medium: #1C343A;
--electric_lime: #DBFC87;
--electric_lime_light: #FAFFDC;
--aqua: #7BADAD;
--aqua_light: #CEE5DE;
--green_dark: #0E2A30;
--blue: #6D9FE3;
--blue_dark: #6A6B83;
--blue_light: #BFD6F5;
--dark_blue: #35444B;
--purple: #9589C9;
--purple_light: #D7D4E4;
--orange: #D7804C;
--orange_light: #E5C4B0;
--electric_green: #34B67F;
--electric_green_light: #BEE3C6;
--black_color: #000000;
--white_color: #ffffff;
--grey_25: #E5D5C7;
--grey_50: #878D96;
--grey_100: #1E2325;
--pink: #EBC9B5;
--pink_light: #F8E7D5;
--pink_taupe: #D8D7CD;
--beige: #FDEEE1;
--creme: #E1D9CA;
--primary_font: "Haffer", Arial;
--secondary_font: var(--primary_font);
--h1_color: #1C343A;
--h1_font_style: normal;
--h1_font_weight: 600;
--h1_font_family: var(--primary_font);
--h1_text_decoration: none;
--h1_font_size: 7rem;
--h1_text_transform: none;
--h1_line_height: 1.5;
--h2_color: #1C343A;
--h2_font_style: normal;
--h2_font_weight: 700;
--h2_font_family: var(--primary_font);
--h2_font_size: 4.8rem;
--h2_text_decoration: none;
--h2_text_transform: none;
--h2_line_height: 1.12;
--h3_color: #1C343A;
--h3_font_style: normal;
--h3_font_weight: 700;
--h3_font_family: var(--primary_font);
--h3_font_size: 3.6rem;
--h3_text_decoration: none;
--h3_text_transform: none;
--h3_line_height: 1.1;
--h4_color: #1C343A;
--h4_font_style: normal;
--h4_font_weight: 600;
--h4_font_family: var(--primary_font);
--h4_font_size: 3rem;
--h4_text_decoration: none;
--h4_text_transform: none;
--h4_line_height: 1.5;
--h5_color: #1C343A;
--h5_font_style: normal;
--h5_font_weight: 600;
--h5_font_family: var(--primary_font);
--h5_font_size: 2.4rem;
--h5_text_decoration: none;
--h5_text_transform: none;
--h5_line_height: 1.5;
--h6_color: #1C343A;
--h6_font_style: normal;
--h6_font_weight: 600;
--h6_font_family: var(--primary_font);
--h6_font_size: 2rem;
--h6_text_decoration: none;
--h6_text_transform: none;
--h6_line_height: 1.5;
--body_font_color: #1C343A;
--body_font_font_family: var(--primary_font);
--body_font_font_size: 1.8rem;
--body_line_height: 1.5;
--anchor_color: #0064AC;
--anchor_font_style: ;
--anchor_font_weight: ;
--anchor_font_family: var(--primary_font);
--anchor_text_decoration: none;
--button_text_decoration: ;
--button_font_weight: ;
--button_font_family: var(--primary_font);
--button_font_size: 13px;
--button_color: #15292F;
--button_color_active: rgba(#null, 0.0);
--button_text_transform: none;
--button_bg_color: rgba(219, 252, 135, 1.0);
--button_bg_color_active: rgba(250, 255, 220, 1.0);
--button_border_color: var(--button_bg_color);
--button_border_width: 1px;
--button_border_color_active: var(--button_bg_color_active);
--button_corner_radius: 100px;
--button_spacing: 16px 40px 16px 40px;
--form_title_font_color: #FDEEE1;
--form_label_font_color: #0D0D18;
--form_help_text_font_color: #ffffff;
--form_field_placeholder_color: #4E5C6D;
--form_field_font_color: #162e49;
--form_field_bg_color: rgba(255, 255, 255, 1.0);
--form_field_border_width: 1px;
--form_field_border_color: rgba(221, 225, 230, 1.0);
--form_field_corner_radius: 4px;
--nav_font_color: ;
--nav_drop_down_font_color: ;
--nav_drop_down_bg_color: rgba(255, 255, 255, 1.0);
--nav_drop_down_border_top: 2px solid #DBFC87;
--nav_drop_down_border_right: 2px solid #DBFC87;
--nav_drop_down_border_bottom: 2px solid #DBFC87;
--nav_drop_down_border_left: 2px solid #DBFC87;
--header_bg_color: var(--dark_grass);
--footer_bg_color: var(--dark_grass);
--footer_font_color: #FFFFFF;
--spacer_4: 0.4rem;
--spacer_6: 0.6rem;
--spacer_8: 0.8rem;
--spacer_10: 1rem;
--spacer_12: 1.2rem;
--spacer_14: 1.4rem;
--spacer_16: 1.6rem;
--spacer_18: 1.8rem;
--spacer_20: 2rem;
--spacer_22: 2.2rem;
--spacer_24: 2.4rem;
--spacer_26: 2.4rem;
--spacer_28: 2.8rem;
--spacer_30: 3rem;
--spacer_32: 3.2rem;
--spacer_34: 3.4rem;
--spacer_36: 3.6rem;
--spacer_40: 4rem;
--spacer_44: 4.4rem;
--spacer_48: 4.8rem;
--spacer_50: 5rem;
--spacer_52: 5.2rem;
--spacer_56: 5.6rem;
--spacer_60: 6rem;
--spacer_64: 6.4rem;
--spacer_68: 6.8rem;
--spacer_72: 7.2rem;
--spacer_76: 7.6rem;
--spacer_80: 8rem;
--spacer_84: 8.4rem;
--spacer_88: 8.8rem;
--border_radius_2: 0.2rem;
--border_radius_4: 0.4rem;
--border_radius_8: 0.8rem;
--border_radius_10: 1rem;
--border_radius_30: 3rem;
--border_radius_100: 10rem;
--border_radius_round: 50%;
--font_size_10: 1rem;
--font_size_11: 1.1rem;
--font_size_12: 1.2rem;
--font_size_13: 1.3rem;
--font_size_14: 1.4rem;
--font_size_16: 1.6rem;
--font_size_18: 1.8rem;
--font_size_20: 2rem;
--font_weight_400: 400;
--font_weight_500: 500;
--font_weight_600: 600;
--font_weight_700: 700;
--scroll_behavior: smooth;
--default_timing_function: cubic-bezier(0.44, 0.21, 0, 1); /* ease */
--default_transition_duration: 0.2s;
--default_transition: var(--default_transition_duration) var(--default_timing_function);
--slow_transition_duration: 0.5s;
--slow_transition: var(--slow_transition_duration) var(--default_timing_function);
}
@media (max-width: 767px) {
:root {
--dnd_section_padding: var(--spacer_32) 0;
--h1_font_size: 4.8rem;
--h2_font_size: 3.4rem;
--h3_font_size: 3rem;
--h4_font_size: 2.4rem;
--h5_font_size: 2.4rem;
--h6_font_size: 1.8rem;
}
}
@media screen and (prefers-reduced-motion: reduce) {
:root {
--default_transition_duration: 0.001ms;
}
* {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
}
}
@media screen and (prefers-color-scheme: light) and (prefers-color-scheme: dark) {
:root {
--container_width: 1350px;
--dnd_section_padding: 60px 0;
--gutter_width_percent: 0.7703703703703704%;
--column_width_percent: 7.6271604938271595%;
--gutter_width_px: 3rem;
--column_width_px: 7rem;
--primary_color: #DBFC87;
--secondary_color: #FDEEE1;
--success_color: #2ECE6E;
--error_color: #FE3636;
--grass_light: #384649;
--dark_grass: #15292F;
--dark_grass_medium: #1C343A;
--electric_lime: #DBFC87;
--electric_lime_light: #FAFFDC;
--aqua: #7BADAD;
--aqua_light: #CEE5DE;
--green_dark: #0E2A30;
--blue: #6D9FE3;
--blue_dark: #6A6B83;
--blue_light: #BFD6F5;
--purple: #9589C9;
--purple_light: #D7D4E4;
--orange: #D7804C;
--orange_light: #E5C4B0;
--electric_green: #34B67F;
--electric_green_light: #BEE3C6;
--black_color: #000000;
--white_color: #ffffff;
--grey_25: #E5D5C7;
--grey_50: #878D96;
--grey_100: #1E2325;
--pink: #EBC9B5;
--pink_light: #F8E7D5;
--pink_taupe: #D8D7CD;
--beige: #FDEEE1;
--creme: #E1D9CA;
--primary_font: "Haffer", Arial;
--secondary_font: var(--primary_font);
--h1_color: #1C343A;
--h1_font_style: normal;
--h1_font_weight: 600;
--h1_font_family: var(--primary_font);
--h1_text_decoration: none;
--h1_font_size: 7rem;
--h1_text_transform: none;
--h1_line_height: 1.5;
--h2_color: #1C343A;
--h2_font_style: normal;
--h2_font_weight: 700;
--h2_font_family: var(--primary_font);
--h2_font_size: 4.8rem;
--h2_text_decoration: none;
--h2_text_transform: none;
--h2_line_height: 1.12;
--h3_color: #1C343A;
--h3_font_style: normal;
--h3_font_weight: 700;
--h3_font_family: var(--primary_font);
--h3_font_size: 3.6rem;
--h3_text_decoration: none;
--h3_text_transform: none;
--h3_line_height: 1.1;
--h4_color: #1C343A;
--h4_font_style: normal;
--h4_font_weight: 600;
--h4_font_family: var(--primary_font);
--h4_font_size: 3rem;
--h4_text_decoration: none;
--h4_text_transform: none;
--h4_line_height: 1.5;
--h5_color: #1C343A;
--h5_font_style: normal;
--h5_font_weight: 600;
--h5_font_family: var(--primary_font);
--h5_font_size: 2.4rem;
--h5_text_decoration: none;
--h5_text_transform: none;
--h5_line_height: 1.5;
--h6_color: #1C343A;
--h6_font_style: normal;
--h6_font_weight: 600;
--h6_font_family: var(--primary_font);
--h6_font_size: 2rem;
--h6_text_decoration: none;
--h6_text_transform: none;
--h6_line_height: 1.5;
--body_font_color: #1C343A;
--body_font_font_family: var(--primary_font);
--body_font_font_size: 1.8rem;
--body_line_height: 1.5;
--anchor_color: #0064AC;
--anchor_font_style: ;
--anchor_font_weight: ;
--anchor_font_family: var(--primary_font);
--anchor_text_decoration: none;
--button_text_decoration: ;
--button_font_weight: ;
--button_font_family: var(--primary_font);
--button_font_size: 13px;
--button_color: #15292F;
--button_color_active: rgba(#null, 0.0);
--button_text_transform: none;
--button_bg_color: rgba(219, 252, 135, 1.0);
--button_bg_color_active: rgba(250, 255, 220, 1.0);
--button_border_color: var(--button_bg_color);
--button_border_width: 1px;
--button_border_color_active: var(--button_bg_color_active);
--button_corner_radius: 100px;
--button_spacing: 16px 40px 16px 40px;
--form_title_font_color: #FDEEE1;
--form_label_font_color: #0D0D18;
--form_help_text_font_color: #ffffff;
--form_field_placeholder_color: #4E5C6D;
--form_field_font_color: #162e49;
--form_field_bg_color: rgba(255, 255, 255, 1.0);
--form_field_border_width: 1px;
--form_field_border_color: rgba(221, 225, 230, 1.0);
--form_field_corner_radius: 4px;
--nav_font_color: ;
--nav_drop_down_font_color: ;
--nav_drop_down_bg_color: rgba(255, 255, 255, 1.0);
--nav_drop_down_border_top: 2px solid #DBFC87;
--nav_drop_down_border_right: 2px solid #DBFC87;
--nav_drop_down_border_bottom: 2px solid #DBFC87;
--nav_drop_down_border_left: 2px solid #DBFC87;
--header_bg_color: var(--dark_grass);
--footer_bg_color: var(--dark_grass);
--footer_font_color: #FFFFFF;
--spacer_4: 0.4rem;
--spacer_6: 0.6rem;
--spacer_8: 0.8rem;
--spacer_10: 1rem;
--spacer_12: 1.2rem;
--spacer_14: 1.4rem;
--spacer_16: 1.6rem;
--spacer_18: 1.8rem;
--spacer_20: 2rem;
--spacer_22: 2.2rem;
--spacer_24: 2.4rem;
--spacer_26: 2.4rem;
--spacer_28: 2.8rem;
--spacer_30: 3rem;
--spacer_32: 3.2rem;
--spacer_34: 3.4rem;
--spacer_36: 3.6rem;
--spacer_40: 4rem;
--spacer_44: 4.4rem;
--spacer_48: 4.8rem;
--spacer_50: 5rem;
--spacer_52: 5.2rem;
--spacer_56: 5.6rem;
--spacer_60: 6rem;
--spacer_64: 6.4rem;
--spacer_68: 6.8rem;
--spacer_72: 7.2rem;
--spacer_76: 7.6rem;
--spacer_80: 8rem;
--spacer_84: 8.4rem;
--spacer_88: 8.8rem;
--border_radius_2: 0.2rem;
--border_radius_4: 0.4rem;
--border_radius_8: 0.8rem;
--border_radius_10: 1rem;
--border_radius_30: 3rem;
--border_radius_100: 10rem;
--border_radius_round: 50%;
--font_size_10: 1rem;
--font_size_11: 1.1rem;
--font_size_12: 1.2rem;
--font_size_13: 1.3rem;
--font_size_14: 1.4rem;
--font_size_16: 1.6rem;
--font_size_18: 1.8rem;
--font_size_20: 2rem;
--font_weight_400: 400;
--font_weight_500: 500;
--font_weight_600: 600;
--font_weight_700: 700;
--scroll_behavior: smooth;
--default_timing_function: cubic-bezier(0.44, 0.21, 0, 1); /* ease */
--default_transition_duration: 0.2s;
--default_transition: var(--default_transition_duration) var(--default_timing_function);
--slow_transition_duration: 0.5s;
--slow_transition: var(--slow_transition_duration) var(--default_timing_function);
}
}
.title--parts {
display: inline-block;
opacity: 0;
transform: translateY(40px);
}
.show .title--parts {
animation: fade-in 1.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}
/* Responsive grid */
.row-fluid {
display: flex;
flex-wrap: wrap;
}
.row-fluid [class*='span'] {
margin-left: var(--gutter_width_percent);
box-sizing: border-box;
}
.row-fluid [class*='span']:first-child {
margin-left: 0;
}
.row-fluid .span12 {
flex: 0 0 auto;
width: 100%;
}
.row-fluid .span11 {
flex: 0 0 auto;
width: calc( (var(--column_width_percent) * 11) + (var(--gutter_width_percent) * 10) );
}
.row-fluid .span10 {
flex: 0 0 auto;
width: calc( (var(--column_width_percent) * 10) + (var(--gutter_width_percent) * 9) );
}
.row-fluid .span9 {
flex: 0 0 auto;
width: calc( (var(--column_width_percent) * 9) + (var(--gutter_width_percent) * 8) );
}
.row-fluid .span8 {
flex: 0 0 auto;
width: calc( (var(--column_width_percent) * 8) + (var(--gutter_width_percent) * 7) );
}
.row-fluid .span7 {
flex: 0 0 auto;
width: calc( (var(--column_width_percent) * 7) + (var(--gutter_width_percent) * 6) );
}
.row-fluid .span6 {
flex: 0 0 auto;
width: calc( (var(--column_width_percent) * 6) + (var(--gutter_width_percent) * 5) );
}
.row-fluid .span5 {
flex: 0 0 auto;
width: calc( (var(--column_width_percent) * 5) + (var(--gutter_width_percent) * 4) );
}
.row-fluid .span4 {
flex: 0 0 auto;
width: calc( (var(--column_width_percent) * 4) + (var(--gutter_width_percent) * 3) );
}
.row-fluid .span3 {
flex: 0 0 auto;
width: calc( (var(--column_width_percent) * 3) + (var(--gutter_width_percent) * 2) );
}
.row-fluid .span2 {
flex: 0 0 auto;
width: calc( (var(--column_width_percent) * 2) + var(--gutter_width_percent) );
}
.row-fluid .span1 {
flex: 0 0 auto;
width: var(--column_width_percent);
}
@media (max-width: 992px) {
.row-fluid [class*='span'] {
margin-left: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%
}
}
.dnd-column--full-height .row-fluid-wrapper.row-depth-1.dnd-row,
.dnd-column--full-height .row-fluid-wrapper.row-depth-1.dnd-row > .row-fluid,
.dnd-column--full-height .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module {
height: 100%;
}
.body-wrapper {
padding-top: 13.4rem;
}
@media (max-width: 1200px) {
.body-wrapper {
padding-top: 11.3rem;
}
}
.content-wrapper {
margin: 0 auto;
padding: 0 2rem;
max-width: var(--container_width);
}
.dnd-section {
position: relative;
}
.dnd-section,
.content-wrapper--vertical-spacing {
padding: var(--dnd_section_padding);
}
.dnd-section > .row-fluid {
margin: 0 auto;
padding: 0 2rem;
max-width: var(--container_width);
}
.dnd-section[class*="force-full-width-section"] > .row-fluid {
padding: 0;
}
/* Add transition on opacity to the body to hide the load of the font */
}
@layer elements {
/* G Font from HS */
@font-face {
font-family: "Haffer";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("https://26693661.fs1.hubspotusercontent-eu1.net/hubfs/26693661/pgxmarkentive/fonts/Haffer-Regular.ttf") format("truetype"),
url("https://26693661.fs1.hubspotusercontent-eu1.net/hubfs/26693661/pgxmarkentive/fonts/Haffer-Regular.otf") format("opentype"),
url("https://26693661.fs1.hubspotusercontent-eu1.net/hubfs/26693661/pgxmarkentive/fonts/Haffer-Regular.woff") format("woff"),
url("https://26693661.fs1.hubspotusercontent-eu1.net/hubfs/26693661/pgxmarkentive/fonts/Haffer-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Haffer";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("https://26693661.fs1.hubspotusercontent-eu1.net/hubfs/26693661/pgxmarkentive/fonts/Haffer-Bold.ttf") format("truetype"),
url("https://26693661.fs1.hubspotusercontent-eu1.net/hubfs/26693661/pgxmarkentive/fonts/Haffer-Bold.otf") format("opentype"),
url("https://26693661.fs1.hubspotusercontent-eu1.net/hubfs/26693661/pgxmarkentive/fonts/Haffer-Bold.woff") format("woff"),
url("https://26693661.fs1.hubspotusercontent-eu1.net/hubfs/26693661/pgxmarkentive/fonts/Haffer-Bold.woff2") format("woff2");
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-size: 62.5%;
}
body {
font: normal normal normal normal var(--body_font_font_size, 16px)/var(--body_line_height, 1.5) var(--body_font_font_family, Arial);
color: var(--body_font_color);
word-break: break-word;
scroll-behavior: var(--scroll_behavior);
-webkit-tap-highlight-color: transparent;
background-color: var(--beige);
}
html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
line-break: strict;
word-break: break-all;
}
::selection,
mark {
background-color: var(--dark_grass);
color: var(--electric_lime);
}
/* Paragraphs */
p {
font-size: var(--body_font_font_size);
margin: 0 0 var(--spacer_16);
}
/* Anchors */
a {
font-weight: var(--anchor_font_weight);
text-decoration: var(--anchor_text_decoration);
font-family: var(--anchor_font_family);
font-style: var( --anchor_font_style);
color: var(--anchor_color);
cursor: pointer;
}
a:hover,
a:focus {
font-weight: var(--anchor_font_weight);
text-decoration: var(--anchor_text_decoration);
font-family: var(--anchor_font_family);
font-style: var( --anchor_font_style);
}
a:active {
font-weight: var(--anchor_font_weight);
text-decoration: var(--anchor_text_decoration);
font-family: var(--anchor_font_family);
font-style: var( --anchor_font_style);
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 var(--spacer_16);
}
h1,
.h1 {
font: var( --h1_font_style) normal var(--h1_font_weight) normal var(--h1_font_size)/var(--h1_line_height) var(--h1_font_family);
color: var(--h1_color);
text-decoration: var(--h1_text_decoration);
text-transform: var(--h1_text_transform);
}
h2,
.h2 {
font: var( --h2_font_style) normal var(--h2_font_weight) normal var(--h2_font_size)/var(--h2_line_height) var(--h2_font_family);
color: var(--h2_color);
text-decoration: var(--h2_text_decoration);
text-transform: var(--h2_text_transform);
}
h3,
.h3 {
font: var( --h3_font_style) normal var(--h3_font_weight) normal var(--h3_font_size)/var(--h3_line_height) var(--h3_font_family);
color: var(--h3_color);
text-decoration: var(--h3_text_decoration);
text-transform: var(--h3_text_transform);
}
h4,
.h4 {
font: var( --h4_font_style) normal var(--h4_font_weight) normal var(--h4_font_size)/var(--h4_line_height) var(--h4_font_family);
color: var(--h4_color);
text-decoration: var(--h4_text_decoration);
text-transform: var(--h4_text_transform);
}
h5,
.h5 {
font: var( --h5_font_style) normal var(--h5_font_weight) normal var(--h5_font_size)/var(--h5_line_height) var(--h5_font_family);
color: var(--h5_color);
text-decoration: var(--h5_text_decoration);
text-transform: var(--h5_text_transform);
}
h6,
.h6 {
font: var( --h6_font_style) normal var(--h6_font_weight) normal var(--h6_font_size)/var(--h6_line_height) var(--h6_font_family);
color: var(--h6_color);
text-decoration: var(--h6_text_decoration);
text-transform: var(--h6_text_transform);
}
/* Lists */
ul,
ol {
margin: 0 0 var(--spacer_16);
}
ul {
padding-left: var(--spacer_16);
}
ol {
padding-left: var(--spacer_28);
}
ul ul,
ol ul,
ul ol,
ol ol {
margin: 0;
}
/* Code blocks */
pre {
overflow: auto;
}
code {
vertical-align: bottom;
}
/* Blockquotes */
blockquote {
border-left: 2px solid;
border-left-color: var(--secondary_color);
margin: 0 0 var(--spacer_16);
padding-left: var(--spacer_8);
}
/* Horizontal rules */
hr {
border: none;
border-bottom: 1px solid #CCC;
}
/* Image alt text */
img {
font-size: 1rem;
word-break: normal;
display: block;
max-width: 100%;
height: auto;
}
.icon {
display: block;
width: 1.6rem;
height: 1.6rem;
}
button,
.button,
.hs-blog-post-listing__post-button {
box-shadow: inset 0 0 0 var(--button_border_width) var(--button_border_color);
padding: var(--button_spacing);
text-decoration: var(--button_text_decoration);
font-weight: var(--button_font_weight);
font-family: var(--button_font_family);
font-size: var(--button_font_size);
line-height: 1.09;
color: var(--button_color);
text-transform: var(--button_text_transform);
background-color: var(--button_bg_color);
border-radius: var(--button_corner_radius);
border: 0;
cursor: pointer;
display: inline-flex;
align-items: center;
text-align: center;
white-space: normal;
transition: background var(--default_transition), color var(--default_transition), box-shadow var(--default_transition);
}
button::after,
.button::after,
.hs-blog-post-listing__post-button::after {
content: "";
display: block;
width: 16px;
min-width: 16px;
height: 16px;
margin-left: var(--spacer_12);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43M11.428 12l4-4-4-4'/%3E%3C/svg%3E");
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
transition: transform var(--default_transition), background var(--default_transition);
}
button:hover,
button:focus-within,
.button:hover,
.button:focus-within,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus-within {
background-color: var(--button_bg_color_active);
box-shadow: inset 0 0 0 var(--button_border_width) var(--button_border_color_active);
}
button:active,
.button:active,
.hs-blog-post-listing__post-button:active {
background-color: var(--button_bg_color_active);
box-shadow: inset 0 0 0 var(--button_border_width) var(--button_border_color_active);
}
button:hover::after,
button:focus-within::after,
.button:hover::after,
.button:focus-within::after,
.hs-blog-post-listing__post-button:hover::after,
.hs-blog-post-listing__post-button:focus-within::after,
button:active::after,
.button:active::after,
.hs-blog-post-listing__post-button:active::after {
transform: translateX(var(--spacer_4));
}
button:disabled,
.button:disabled,
.hs-blog-post-listing__post-button:disabled {
background-color: var(--button_bg_color);
box-shadow: inset 0 0 0 var(--button_border_width) var(--button_border_color);
color: var(--button_color);
opacity: 0.7;
}
.button--outline {
background-color: transparent;
color: var(--button_bg_color);
}
.button--outline:hover,
.button--outline:active,
.button--outline:focus-within {
box-shadow: inset 0 0 0 var(--button_border_width) var(--button_border_color);
background-color: var(--button_bg_color);
color: var(--button_color);
}
.button--outline::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23DBFC87' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43M11.428 12l4-4-4-4'/%3E%3C/svg%3E");
}
.button--outline:hover::after,
.button--outline:focus-within::after,
.button--outline:active::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43M11.428 12l4-4-4-4'/%3E%3C/svg%3E");
}
.button--small {
padding: var(--spacer_8) var(--spacer_28);
}
.button--secondary {
background-color: transparent;
color: var(--button_bg_color);
}
.button--secondary:hover,
.button--secondary:focus-within,
.button--secondary:active {
background-color: var(--button_bg_color);
color: var(--button_color);
box-shadow: inset 0 0 0 var(--button_border_width) var(--button_bg_color);
}
.button--ternary:after {
content: none;
}
.button--ternary-arrow:after {
content: "";
display: block;
width: 16px;
height: 16px;
margin-left: var(--spacer_12);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43M11.428 12l4-4-4-4'/%3E%3C/svg%3E");
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
transition: transform var(--default_transition), background var(--default_transition);
}
.button--ternary {
background: transparent;
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
}
.button--ternary:hover {
background-color: var(--dark_grass);
color: var(--white_color);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
}
.button--ternary-arrow:hover {
background-color: transparent;
color: var(--dark_grass);
}
.button--ternary-arrow--hover:hover{
background-color: var(--dark_grass);
color: var(--electric_lime_light);
}
.button--ternary-arrow--hover:hover:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23faffdc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43M11.428 12l4-4-4-4'/%3E%3C/svg%3E");
}
.button--lime {
color: var(--electric_lime_light);
box-shadow: inset 0 0 0 var(--button_border_width) var(--electric_lime_light);
background-color: transparent;
}
.button--lime:after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5119_393829)'%3E%3Cpath d='M1.54688 8.55762H16.404' stroke='%23FAFFDC' stroke-width='1.14286' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.4043 12.5576L16.4043 8.55762L12.4043 4.55762' stroke='%23FAFFDC' stroke-width='1.14286' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5119_393829'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.974609 0.557617)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.button--lime:hover {
background-color: transparent;
}
.button--dark {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--electric_lime);
}
.button--dark.button--outline {
background-color: transparent;
color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
}
.button--dark::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23DBFC87' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43M11.428 12l4-4-4-4'/%3E%3C/svg%3E");
}
.button--dark.button--outline::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43M11.428 12l4-4-4-4'/%3E%3C/svg%3E");
}
.button--dark:hover,
.button--dark:focus-within,
.button--dark:active {
background-color: var(--electric_lime);
box-shadow: inset 0 0 0 var(--button_border_width) var(--electric_lime);
color: var(--dark_grass);
}
.body-ressources .button--dark:hover,
.body-ressources .button--dark:focus-within,
.body-ressources .button--dark:active {
background-color: var(--electric_lime);
box-shadow: inset 0 0 0 var(--button_border_width) var(--electric_lime);
}
.button--dark.button--outline:hover,
.button--dark.button--outline:focus-within,
.button--dark.button--outline:active {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--beige);
}
.button--dark:hover::after,
.button--dark:focus-within::after,
.button--dark:active::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43M11.428 12l4-4-4-4'/%3E%3C/svg%3E");
}
.button--dark.button--outline:hover::after,
.button--dark.button--outline:focus-within::after,
.button--dark.button--outline:active::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23FDEEE1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43M11.428 12l4-4-4-4'/%3E%3C/svg%3E");
}
.button--dark-color:hover,
.button--dark-color{
color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
}
.button--pink-light {
background-color: var(--pink_light);
box-shadow: inset 0 0 0 var(--button_border_width) var(--pink_light);
color: var(--dark_grass);
}
.button--pink-light:hover,
.button--pink-light:active,
.button--pink-light:focus-within {
background-color: var(--pink_taupe);
box-shadow: inset 0 0 0 var(--button_color) var(--button_color);
}
.button--pink-light.button--outline {
color: var(--pink_light);
box-shadow: inset 0 0 0 var(--button_border_width) var(--pink_light);
background-color: transparent;
}
.button--pink-light.button--outline::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23f8e7d5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--pink-light.button--outline:hover,
.button--pink-light.button--outline:active,
.button--pink-light.button--outline:focus-within {
color: var(--dark_grass);
background-color: var(--pink_light);
}
.button--pink-light.button--outline:hover::after,
.button--pink-light.button--outline:active::after,
.button--pink-light.button--outline:focus-within::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--electric-lime-light {
background-color: var(--electric_lime_light);
box-shadow: inset 0 0 0 var(--button_border_width) var(--electric_lime_light);
color: var(--dark_grass);
}
.button--electric-lime-light:hover,
.button--electric-lime-light:active,
.button--electric-lime-light:focus-within {
background-color: var(--electric_lime);
box-shadow: inset 0 0 0 var(--button_border_width) var(--electric_lime);
}
.button--electric-lime-light.button--outline {
color: var(--electric_lime_light);
box-shadow: inset 0 0 0 var(--button_border_width) var(--electric_lime_light);
background-color: transparent;
}
.button--electric-lime-light.button--outline::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23FAFFDC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--electric-lime-light.button--outline:hover,
.button--electric-lime-light.button--outline:active,
.button--electric-lime-light.button--outline:focus-within {
color: var(--dark_grass);
background-color: var(--electric_lime_light);
}
.button--electric-lime-light.button--outline:hover::after,
.button--electric-lime-light.button--outline:active::after,
.button--electric-lime-light.button--outline:focus-within::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--electric-lime-light-invert {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--electric_lime_light);
}
.button--electric-lime-light-invert:hover,
.button--electric-lime-light-invert:active,
.button--electric-lime-light-invert:focus-within {
background-color: var(--electric_lime);
box-shadow: inset 0 0 0 var(--button_border_width) var(--electric_lime);
color: var(--dark_grass);
}
.button--electric-lime-light-invert::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23FAFFDC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--electric-lime-light-invert:hover::after,
.button--electric-lime-light-invert:active::after,
.button--electric-lime-light-invert:focus-within::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--purple {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--purple_light);
}
.button--purple:hover,
.button--purple:focus-within,
.button--purple:active {
background-color: var(--purple);
box-shadow: inset 0 0 0 var(--button_border_width) var(--purple);
color: var(--dark_grass);
}
.button--purple::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23D7D4E4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--purple:hover::after,
.button--purple:focus-within::after,
.button--purple:active::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292f' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--purple.button--outline {
background-color: transparent;
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--dark_grass);
}
.button--purple.button--outline::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--purple.button--outline:hover,
.button--purple.button--outline:focus-within,
.button--purple.button--outline:active {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--purple_light);
}
.button--purple.button--outline:hover::after,
.button--purple.button--outline:focus-within::after,
.button--purple.button--outline:active::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23D7D4E4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--aqua {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--aqua_light);
}
.button--aqua:hover,
.button--aqua:focus-within,
.button--aqua:active {
background-color: var(--aqua);
box-shadow: inset 0 0 0 var(--button_border_width) var(--aqua);
color: var(--dark_grass);
}
.button--aqua2 {
background-color: #FAFFDC;
box-shadow: inset 0 0 0 var(--button_border_width) #FAFFDC;
color: var(--dark_grass);
}
.button--aqua2:hover,
.button--aqua2:focus-within,
.button--aqua2:active {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: #FAFFDC;
}
.button--aqua2::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--aqua2:hover::after,
.button--aqua2:focus-within::after,
.button--aqua2:active::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23FAFFDC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--aqua3 {
background-color: var(--aqua_light);
box-shadow: inset 0 0 0 var(--button_border_width) var(--aqua_light);
color: var(--dark_grass);
}
.button--aqua3:hover,
.button--aqua3:focus-within,
.button--aqua3:active {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--aqua_light);
}
.button--aqua3::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--aqua3:hover::after,
.button--aqua3:focus-within::after,
.button--aqua3:active::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23cee5de' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--aqua::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23cee5de' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--aqua:hover::after,
.button--aqua:focus-within::after,
.button--aqua:active::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--aqua-light {
background-color: var(--aqua_light);
box-shadow: inset 0 0 0 var(--button_border_width) var(--aqua_light);
color: var(--dark_grass);
}
.button--aqua-light:hover,
.button--aqua-light:focus-within,
.button--aqua-light:active {
background-color: var(--aqua);
box-shadow: inset 0 0 0 var(--button_border_width) var(--aqua);
color: var(--dark_grass);
}
.button--aqua-light-invert {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--aqua_light);
}
.button--aqua-light-invert:hover,
.button--aqua-light-invert:focus-within,
.button--aqua-light-invert:active {
background-color: var(--aqua);
box-shadow: inset 0 0 0 var(--button_border_width) var(--aqua);
color: var(--dark_grass);
}
.button--aqua-light-invert::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23CEE5DE' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--aqua-light-invert:hover::after,
.button--aqua-light-invert:focus-within::after,
.button--aqua-light-invert:active::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--blue {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--blue_light);
}
.button--blue:hover,
.button--blue:focus-within,
.button--blue:active {
background-color: var(--blue);
box-shadow: inset 0 0 0 var(--button_border_width) var(--blue);
color: var(--dark_grass);
}
.button--blue::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23bfd6f5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--blue:hover::after,
.button--blue:focus-within::after,
.button--blue:active::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--orange {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--orange_light);
}
.button--orange:hover,
.button--orange:focus-within,
.button--orange:active {
background-color: var(--orange);
box-shadow: inset 0 0 0 var(--button_border_width) var(--orange);
color: var(--dark_grass);
}
.button--orange::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23e5c4b0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--orange:hover::after,
.button--orange:focus-within::after,
.button--orange:active::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--green {
background-color: var(--dark_grass);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass);
color: var(--electric_green_light);
}
.button--green:hover,
.button--green:focus-within,
.button--green:active {
background-color: var(--electric_green);
box-shadow: inset 0 0 0 var(--button_border_width) var(--electric_green);
color: var(--dark_grass);
}
.button--green::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23bee3c6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--green:hover::after,
.button--green:focus-within::after,
.button--green:active::after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.143' d='M.571 8H15.43m-4.002 4 4-4-4-4'/%3E%3C/svg%3E);
}
.button--no-arrow::after {
content: none;
}
/* Reset default button style */
.reset-button-style,
.reset-button-style:hover,
.reset-button-style:focus-within,
.reset-button-style:active {
appearance: none;
background: none;
border: none;
border-radius: 0;
color: initial;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin-bottom: 0;
padding: 0;
text-align: left;
text-decoration: none;
box-shadow: none;
}
.reset-button-style:after {
content: none;
}
.button--contact{
padding: 13px 17px;
}
.button--contact:before{
content: '';
height: 1.6rem;
width: 1.6rem;
margin-right: 1rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M10.5967 5.71387C11.8849 5.71387 13.1203 6.2256 14.0312 7.13649C14.9421 8.04738 15.4538 9.28282 15.4538 10.571C15.4569 11.5271 15.1743 12.4623 14.6424 13.2567L15.4538 15.4282L12.7224 14.9367C12.0655 15.2571 11.3448 15.425 10.614 15.4281C9.88315 15.4312 9.16104 15.2693 8.50147 14.9545C7.84189 14.6398 7.26186 14.1802 6.80458 13.6101C6.34729 13.04 6.02456 12.3741 5.86042 11.6619C5.69628 10.9497 5.69496 10.2097 5.85657 9.49697C6.01817 8.78422 6.33854 8.11714 6.79379 7.54541C7.24904 6.97369 7.82744 6.51207 8.48588 6.19495C9.14433 5.87783 9.86586 5.71338 10.5967 5.71387Z' stroke='%2315292F' stroke-width='1.14286' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2938 2.86833C10.5242 1.88899 9.46836 1.17399 8.27328 0.822902C7.07821 0.471809 5.8034 0.502092 4.62635 0.909533C3.4493 1.31697 2.42858 2.0813 1.70632 3.09608C0.984049 4.11087 0.596178 5.32561 0.596706 6.57119C0.593164 7.7552 0.943372 8.91327 1.60242 9.89691L0.596706 12.5712L3.01956 12.1369' stroke='%2315292F' stroke-width='1.14286' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.button--contact:after{
display: none;
}
/* -------------------------------------------------- Remove theme style for HubSpot UI Button -------------------------------------------------- */
button.uiButton {
all: initial;
}
button.uiButton::after {
content: none;
}
.hs-private.hs-private.hs-private button {
box-shadow: unset;
}
.hs-private.hs-private.hs-private ::after {
content: none;
}
#hs-eu-cookie-settings-button,
#hs-eu-decline-button,
#hs-eu-confirmation-button {
all: unset;
}
#hs-eu-cookie-settings-button,
#hs-eu-decline-button,
#hs-eu-confirmation-button {
text-align: center;
}
#hs-eu-cookie-settings-button::after,
#hs-eu-decline-button::after,
#hs-eu-confirmation-button::after {
content: none;
}
#hs-eu-cookie-confirmation:not(.disclaimer__cookies) #hs-eu-cookie-settings-button,
#hs-eu-cookie-confirmation:not(.disclaimer__cookies) #hs-eu-confirmation-button,
#hs-eu-cookie-confirmation:not(.disclaimer__cookies) #hs-eu-decline-button {
white-space: nowrap;
flex: unset !important;
padding: 1rem !important;
}
.hh {
overflow: hidden;
}
.hh__title {
font-weight: 700;
font-size: 48px;
line-height: 54px;
letter-spacing: -0.5px;
text-align: center;
max-width: 75rem;
margin: 0 auto;
padding-bottom: 3rem;
}
.hh__subtitle {
text-align: center;
max-width: 1131px;
margin: 0 auto;
padding-bottom: 30px;
font-size: 20px;
line-height: 24px;
letter-spacing: -0.2px;
}
.hh__content-container {
padding-top: 3rem;
}
.hh__first-row {
border-radius: 8px;
width: 100%;
height: 52.1rem;
margin-bottom; 1rem;
position: relative;
transition: transform var(--slow_transition), opacity var(--slow_transition);
opacity: 0;
transform: translateX(100px);
}
.show .hh__first-row {
opacity: 1;
transform: translateX(0);
}
.hh__first-row:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 8px;
background-color: #89612F33;
top: 0;
left: 0;
}
.hh__first-row-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
.hh__second-row {
position: relative;
gap: 10px;
display: flex;
overflow: hidden;
margin-top: 10px;
border-radius: 8px;
opacity: 0;
transform: translateY(100px);
transition: opacity var(--slow_transition), transform var(--slow_transition);
}
.show .hh__second-row {
opacity: 1;
transform: translateY(0);
}
.hh__second-row-svg-container {
position: absolute;
z-index: -1;
background-color: #15292F;
border-radius: 8px;
}
.hh__second-row-first-card {
padding: 60px 30px;
border-radius: 8px;
width: 432px;
position: relative;
overflow: hidden;
flex-shrink: 0;
min-height: 410px;
display: flex;
flex-direction: column;
justify-content: center;
}
.hh__second-row-first-card-svg-container {
left: -600px;
top: -84%;
}
.hh__second-row-first-card-text {
font-size: 48px;
line-height: 54px;
letter-spacing: -0.5px;
text-align: center;
vertical-align: middle;
color: #DBFC87;
}
.hh__second-row-second-card {
padding: 60px 30px;
width: 100%;
overflow: hidden;
position: relative;
border-radius: 8px;
min-height: 410px;
display: flex;
flex-direction: column;
justify-content: center;
}
.hh__second-row-second-card-svg-container {
left: calc(-600px - 432px - 10px);
top: -84%;
}
.hh__second-row-second-card-text {
font-size: 20px;
line-height: 24px;
letter-spacing: -0.2px;
color: #FFF8F0;
}
.hh__second-row-second-card-link {
margin-top: 30px;
width: fit-content;
}
@media (max-width: 900px) {
.hh__second-row {
flex-direction: column;
}
.hh__second-row-first-card {
width: 100%;
}
.hh__second-row-first-card-svg-container {
left: -600px;
top: 0%;
}
.hh__second-row-second-card-svg-container {
left: -600px;
top: calc(-410px - 10px);
}
}
@media (max-width: 600px) {
.hh__second-row-first-card {
min-height: 30rem;
}
.hh__second-row-first-card-svg-container {
left: -800px;
top: -10rem;
}
.hh__second-row-second-card-svg-container {
left: -800px;
top: calc(-40rem - 10px)
}
}
.hc {
margin-bottom: var(--spacer_80);
}
.hc__title,
.hc__caption {
color: var(--electric_lime);
position: absolute;
z-index: 2;
}
.hc__clipped-bg-container {
width: 100%;
height: 52.5rem;
position: relative;
/*
filter: url('data:image/svg+xml,\ #corners');
*/
}
@media (max-width: 768px) {
.hc__clipped-bg-container {
height: 47.4rem;
}
}
.hc__clipped-bg-container--no-filter {
filter: unset;
}
.hc__clipped-bg-container-outer {
position: absolute;
}
.hc__clipped-bg-container-inner--inner-shape {
width: 1.6rem;
height: 1.6rem;
position: absolute;
}
.hc[data-layout="lay2"] .hc__clipped-bg-container-outer--1 {
width: 24.58%;
height: 28.38%;
top: 18px;
}
@media (min-width: 769px) {
.hc__clipped-bg-container-outer--mobile {
display: none;
}
}
@media (max-width: 768px) {
.hc__clipped-bg-container-outer--desktop {
display: none;
}
}
.hc[data-layout="lay2"] .hc__clipped-bg-container-inner--image {
width: 100%;
height: 100%;
overflow: hidden;
border-top-left-radius: var(--border_radius_8);
border-top-right-radius: var(--border_radius_8);
border-bottom-left-radius: var(--border_radius_8);
}
.hc[data-layout="lay2"] .hc__clipped-bg-container-outer--1 .hc__clipped-bg-container-inner--image .hc__clipped-bg--desktop {
width: 406.83%;
height: 352.37%;
max-width: unset;
clip-path: unset;
transform: translateY(-18px);
}
.hc__clipped-bg-container-inner--inner-shape {
width: 1.6rem;
height: 1.6rem;
overflow: hidden;
}
.hc__clipped-bg-container-inner--inner-shape .hc__clipped-bg--desktop {
width: 1310px;
height: 525px;
max-width: unset;
clip-path: unset;
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape .hc__clipped-bg--desktop {
/* width: calc(100dvw - 4rem); */
}
}
.hc__clipped-bg-container-inner--inner-shape .hc__clipped-bg--desktop {
position: relative;
}
.hc__clipped-bg-container-inner--inner-shape::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--dark_grass);
}
.hc[data-layout="lay2"] .hc__clipped-bg-container-inner--inner-shape-1-1 {
left: 100%;
top: 41.52%;
}
@media (max-width: 1349px) {
.hc[data-layout="lay2"] .hc__clipped-bg-container-inner--inner-shape-1-1 {
width: 4.97%;
}
}
.hc[data-layout="lay2"] .hc__clipped-bg-container-inner--inner-shape-1-1::after {
border-bottom-left-radius: 50%;
border-top: 1px solid var(--dark_grass);
border-right: 1px solid var(--dark_grass);
}
.hc[data-layout="lay2"] .hc__clipped-bg-container-inner--inner-shape-1-1 .hc__clipped-bg--desktop {
top: -387.5%;
left: -2012.5%;
transform: translateY(-18px);
}
@media (max-width: 1349px) {
.hc[data-layout="lay2"] .hc__clipped-bg-container-inner--inner-shape-1-1 .hc__clipped-bg--desktop {
width: 8187.5%;
}
}
.hc[data-layout="lay2"] .hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--1,
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--1 {
width: 62.46%;
height: 253px;
top: 0;
left: 0;
}
@media (min-width: 769px) {
.hc__clipped-bg-container-outer--mobile {
display: none;
}
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--1 .hc__clipped-bg--mobile {
top: 0;
width: 160.10%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--1 .hc__clipped-bg-container-inner--inner-shape-1-1 {
width: 8.08%;
height: 1.6rem;
top: 9.1%;
left: 100%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--1 .hc__clipped-bg-container-inner--inner-shape-1-1 .hc__clipped-bg--mobile {
width: 1975%;
top: -143%;
left: -1238%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--1 .hc__clipped-bg-container-inner--inner-shape-1-1::after {
border-top: 0;
border-right: 0;
border-bottom-left-radius: 50%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--2 .hc__clipped-bg-container-inner--image {
border-bottom-right-radius: 0;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--2 {
width: 91.48%;
height: 336px;
top: 39px;
left: 8.52%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--2 .hc__clipped-bg--mobile {
left: -9.3%;
top: -11.5%;
width: 109.31%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--2 .hc__clipped-bg-container-inner--inner-shape-2-1 {
right: 100%;
top: 214px;
width: 5.51%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--2 .hc__clipped-bg-container-inner--inner-shape-2-1 .hc__clipped-bg--mobile {
width: 1975%;
left: -68%;
top: -1587%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--3 {
width: 32.81%;
height: 435px;
top: 39px;
left: 67.19%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--3 .hc__clipped-bg--mobile {
left: -204.8%;
top: -8.95%;
width: 304.81%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--3 .hc__clipped-bg-container-inner--inner-shape-3-1 {
width: 15.38%;
top: 336px;
right: 100%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--3 .hc__clipped-bg-container-inner--inner-shape-3-1 .hc__clipped-bg--mobile {
width: 1975%;
left: -1230%;
top: -2343%;
}
.hc__clipped-bg-container-outer--mobile.hc__clipped-bg-container-outer--3 .hc__clipped-bg-container-inner--inner-shape-3-1::after {
border-top-right-radius: 50%;
border-bottom-right-radius: 0;
}
.hc__clipped-bg-container-outer--mobile .hc__clipped-bg--mobile {
clip-path: none;
height: 47.4rem;
max-width: unset;
position: relative;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop {
position: absolute;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-inner--image {
width: 100%;
height: 100%;
overflow: hidden;
}
.hc[data-layout="lay1"] .hc__clipped-bg--desktop {
clip-path: unset;
max-width: unset;
position: relative;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop.hc__clipped-bg-container-outer--1 {
top: 225px;
left: 0;
width: 17.10%;
height: 192px;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop.hc__clipped-bg-container-outer--1 .hc__clipped-bg-container-inner--image {
border-top-left-radius: var(--border_radius_8);
border-bottom-left-radius: var(--border_radius_8);
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop.hc__clipped-bg-container-outer--1 .hc__clipped-bg-container-inner--image .hc__clipped-bg--desktop {
height: 273%;
top: -117%;
width: 584.3%;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop.hc__clipped-bg-container-outer--2{
top: 59px;
left: 8.55%;
width: 91.45%;
height: 358px;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop.hc__clipped-bg-container-outer--2 .hc__clipped-bg-container-inner--image {
border-top-left-radius: var(--border_radius_8);
border-top-right-radius: var(--border_radius_8);
border-bottom-right-radius: var(--border_radius_8);
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop.hc__clipped-bg-container-outer--2 .hc__clipped-bg-container-inner--image .hc__clipped-bg--desktop {
height: 146.5%;
top: -16.4%;
width: 109.2%;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop .hc__clipped-bg-container-inner--inner-shape-2-1 {
top: 42%;
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape-2-1 {
width: 1.33%;
}
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop .hc__clipped-bg-container-inner--inner-shape-2-1::after {
border-top-right-radius: 0;
border-bottom-right-radius: 50%;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop.hc__clipped-bg-container-outer--3 {
top: 0;
left: 42.21%;
width: 49.62%;
height: 525px;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop.hc__clipped-bg-container-outer--3 .hc__clipped-bg-container-inner--image {
border-radius: var(--border_radius_8);
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop.hc__clipped-bg-container-outer--3 .hc__clipped-bg-container-inner--image .hc__clipped-bg--desktop {
height: 100%;
top: 0;
width: 201.3%;
left: -85%;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop .hc__clipped-bg-container-inner--inner-shape-3-1 {
top: 8.1%;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop .hc__clipped-bg-container-inner--inner-shape-3-2 {
top: 8.1%;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop .hc__clipped-bg-container-inner--inner-shape-3-3 {
top: 79.5%;
}
.hc[data-layout="lay1"] .hc__clipped-bg-container-outer--desktop .hc__clipped-bg-container-inner--inner-shape-3-4 {
top: 79.5%;
}
@media (max-width: 768px) {
.hc[data-layout="lay1"] .hc__clipped-bg {
clip-path: unset;
}
}
.hc__clipped-bg-container-outer--2 {
top: 96px;
left: 8.47%;
width: 91.53%;
height: 62.67%;
}
.hc__clipped-bg-container-outer--2 .hc__clipped-bg-container-inner--image {
width: 100%;
height: 100%;
overflow: hidden;
border-bottom-left-radius: var(--border_radius_8);
border-top-right-radius: var(--border_radius_8);
border-bottom-right-radius: var(--border_radius_8);
}
.hc__clipped-bg-container-outer--2 .hc__clipped-bg-container-inner--image .hc__clipped-bg--desktop {
position: relative;
left: -9.26%;
top: -29.18%;
clip-path: unset;
width: 109.26%;
height: 159.57%;
max-width: unset;
}
.hc__clipped-bg-container-inner--inner-shape-2-1 {
top: 7.1rem;
right: 100%;
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape-2-1 {
width: 1.33%;
}
}
.hc__clipped-bg-container-inner--inner-shape-2-1 .hc__clipped-bg--desktop {
top: -1043%;
left: -593.25%;
}
.hc__clipped-bg-container-inner--inner-shape-2-1::after {
border-top-right-radius: 50%;
}
.hc__clipped-bg-container-inner--inner-shape-3-1 {
top: 15.3%;
right: 100%;
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape-3-1 {
width: 2.42%;
}
}
.hc__clipped-bg-container-inner--inner-shape-3-1 .hc__clipped-bg--desktop {
top: -501.25%;
left: -3337.35%;
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape-3-1 .hc__clipped-bg--desktop {
width: 8187.5%;
}
}
.hc__clipped-bg-container-inner--inner-shape-3-1::after {
border-bottom-right-radius: 50%;
}
.hc__clipped-bg-container-inner--inner-shape-3-2 {
top: 15.3%;
left: 100%;
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape-3-2 {
width: 2.42%;
}
}
.hc__clipped-bg-container-inner--inner-shape-3-2 .hc__clipped-bg--desktop {
top: -501.25%;
left: -7562.25%;
height: 3281.25%;
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape-3-2 .hc__clipped-bg--desktop {
width: 8187.5%;
}
}
.hc__clipped-bg-container-inner--inner-shape-3-2::after {
border-bottom-left-radius: 50%;
}
.hc__clipped-bg-container-inner--inner-shape-3-3 {
top: 80.9%;
left: 100%
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape-3-3 {
width: 2.42%;
}
}
.hc__clipped-bg-container-inner--inner-shape-3-3 .hc__clipped-bg--desktop {
top: -2655.25%;
left: -7562.25%;
height: 3281.25%;
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape-3-3 .hc__clipped-bg--desktop {
width: 8187.5%;
}
}
.hc__clipped-bg-container-inner--inner-shape-3-3::after {
border-top-left-radius: 50%;
}
.hc__clipped-bg-container-inner--inner-shape-3-4 {
top: 80.9%;
right: 100%;
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape-3-4 {
width: 2.42%;
}
}
.hc__clipped-bg-container-inner--inner-shape-3-4 .hc__clipped-bg--desktop {
top: -2655.45%;
left: -3338.15%;
height: 3281.25%;
}
@media (max-width: 1349px) {
.hc__clipped-bg-container-inner--inner-shape-3-4 .hc__clipped-bg--desktop {
width: 8187.5%;
}
}
.hc__clipped-bg-container-inner--inner-shape-3-4::after {
border-top-right-radius: 50%;
}
.hc__clipped-bg-container-outer--3 {
top: 0;
left: 41.98%;
width: 50.38%;
height: 100%;
}
.hc__clipped-bg-container-outer--3 .hc__clipped-bg-container-inner--image {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: var(--border_radius_8);
}
.hc__clipped-bg-container-outer--3 .hc__clipped-bg-container-inner--image .hc__clipped-bg--desktop {
position: relative;
max-width: unset;
clip-path: unset;
width: 198.48%;
height: 100%;
left: -83.33%;
}
.hc__clipped-bg-container-inner {
}
.hc__shape {
position: absolute;
top: 0;
left: 0;
width: 1.22%;
aspect-ratio: 1/1;
z-index: 2;
}
.hc__shape--1 {
top: 8.4%;
left: 0;
box-shadow: -2px -2px 0 2px var(--dark_grass);
border-top-left-radius: 50%;
}
.hc__shape--2 {
top: 8.4%;
left: 23.38%;
box-shadow: 2px -2px 0 2px var(--dark_grass);
border-top-right-radius: 50%;
}
.hc__shape--3 {
top: 0;
left: 24.57%;
background-color: var(--dark_grass);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
width: 17.4%;
height: 18.26%;
}
/*
.hc__shape--4 {
top: 14.02%;
left: 40.67%;
background-color: var(--dark_grass);
border-bottom-right-radius: 50%;
}
*/
.hc__shape--5 {
top: 0;
left: 41.97%;
border-top-left-radius: 50%;
box-shadow: -2px -2px 0 2px var(--dark_grass);
}
.hc__shape--6 {
top: 0;
left: 90.4%;
border-top-right-radius: 50%;
box-shadow: 2px -2px 0 2px var(--dark_grass);
}
.hc__shape--7 {
top: 0;
left: 91.6%;
width: 8.4%;
height: 18.36%;
border-bottom-left-radius: var(--border_radius_8);
background-color: var(--dark_grass);
}
.hc__shape--8 {
top: 18.26%;
left: 98.75%;
border-top-right-radius: 50%;
box-shadow: 2px -2px 0 2px var(--dark_grass);
}
.hc__shape--9 {
top: 77.85%;
left: 98.8%;
border-bottom-right-radius: 50%;
box-shadow: 2px 2px 0 2px var(--dark_grass);
}
.hc__shape--10 {
top: 80.95%;
left: 92.4%;
width: 7.6%;
height: 19.05%;
border-top-left-radius: var(--border_radius_8);
background-color: var(--dark_grass);
}
.hc__shape--11 {
left: 91.2%;
top: auto;
bottom: 0;
border-bottom-right-radius: 50%;
box-shadow: 2px 2px 0 2px var(--dark_grass);
}
.hc__shape--12 {
left: 42.05%;
top: 96.95%;
border-bottom-left-radius: 50%;
box-shadow: -2px 2px 0 2px var(--dark_grass);
}
.hc__shape--13 {
top: 80.95%;
left: 0;
width: 42.05%;
height: 19.05%;
border-top-right-radius: var(--border_radius_8);
background-color: var(--dark_grass);
}
.hc__shape--14 {
top: 77.85%;
left: 8.47%;
border-bottom-left-radius: 50%;
box-shadow: -2px 2px 0 2px var(--dark_grass);
}
.hc__shape--15 {
top: 31.85%;
left: 0;
width: 8.5%;
height: 68.15%;
border-top-right-radius: var(--border_radius_8);
background-color: var(--dark_grass);
}
.hc__shape--16 {
top: 28.75%;
left: 0;
border-bottom-left-radius: 50%;
box-shadow: -2px 2px 0 2px var(--dark_grass);
}
.hc__clipped-bg {
height: 100%;
object-fit: cover;
background-color: var(--grey_25);
}
.hc__title {
top: 35%;
right: 15%;
width: 74%;
height: fit-content;
line-height: 1;
text-align: right;
letter-spacing: -0.7px;
line-height: 1.14;
}
.hc__caption {
left: 11rem;
width: 30%;
max-width: 100%;
top: 46.6rem;
line-height: 1.44;
letter-spacing: -0.54px;
margin-bottom: 0;
}
.hc__clipped-bg--mobile {
display: none;
visibility: hidden;
width: 100%;
}
@media (max-width: 1200px) {
.hc[data-layout="lay1"] .hc__caption {
left: 0;
width: 40%;
bottom: 1rem;
}
}
@media (max-width: 992px) {
.hc__title {
font-size: 4.8rem;
}
.hc__caption {
font-size: 1.6rem;
left: 0;
width: 40%;
bottom: 1rem;
}
}
@media (max-width: 768px) {
.hc__title {
top: 25%;
font-size: 3.8rem;
}
.hc[data-layout="lay1"] .hc__caption,
.hc__caption {
font-size: 1.6rem;
bottom: auto;
top: 40rem;
}
.hc__clipped-bg--mobile {
display: block;
visibility: visible;
}
.hc__clipped-bg--desktop {
display: none;
visibility: hidden;
}
}
@media (max-width: 600px) {
.hc[data-layout="lay1"] .hc__caption,
.hc__caption {
width: 60%;
}
}
@media (max-width: 480px) {
.hc__title {
right: 10%;
max-width: 75%;
}
.hc {
padding-bottom: var(--spacer_64);
}
.hc__caption {
line-height: 1.2;
}
}
.hc__button{
height: 77px;
width: 77px;
border-radius: 50%;
background-color: var(--electric_lime);
position: absolute;
bottom: 80px;
right: 0;
background-position: center;
background-repeat: no-repeat;
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'%3E%3Cpath d='M15.857 8.57129C17.7892 8.57129 19.6424 9.33889 21.0087 10.7052C22.3751 12.0716 23.1427 13.9247 23.1427 15.857C23.1472 17.2911 22.7234 18.6939 21.9255 19.8856L23.1427 23.1427L19.0455 22.4056C18.0602 22.8861 16.9791 23.138 15.8829 23.1427C14.7866 23.1473 13.7035 22.9045 12.7141 22.4323C11.7248 21.9601 10.8547 21.2708 10.1688 20.4156C9.48286 19.5605 8.99875 18.5616 8.75254 17.4933C8.50633 16.4251 8.50435 15.3151 8.74676 14.2459C8.98917 13.1768 9.46972 12.1762 10.1526 11.3186C10.8355 10.461 11.7031 9.76859 12.6907 9.29291C13.6784 8.81723 14.7607 8.57056 15.857 8.57129Z' stroke='%2315292F' stroke-width='1.71429' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9032 4.3025C15.7487 2.83348 14.1649 1.76099 12.3723 1.23435C10.5797 0.707714 8.66751 0.753138 6.90193 1.3643C5.13635 1.97546 3.60528 3.12194 2.52188 4.64412C1.43848 6.1663 0.856669 7.98842 0.857462 9.85679C0.852148 11.6328 1.37746 13.3699 2.36603 14.8454L0.857462 18.8568L4.49175 18.2054' stroke='%2315292F' stroke-width='1.71429' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
transition: background-color .3s;
}
.hc__button:hover{
background-color: var(--pink_light);
}
@media (max-width: 768px){
.hc[data-layout=lay1] .hc__clipped-bg-container-inner--image{
border-radius: 10px;
}
}
.hero-content {
gap: var(--spacer_10);
}
.hero-content__hero-tag {
font-size: var(--font_size_13);
line-height: 1.09;
color: var(--dark_grass);
padding-top: var(--spacer_6);
padding-bottom: var(--spacer_6);
padding-left: var(--spacer_12);
padding-right: var(--spacer_12);
border-radius: var(--border_radius_30);
display: inline-block;
margin-bottom: var(--spacer_30);
}
.hero-content__left-block {
flex: 0 0 calc((var(--column_width_percent) * 4) + (var(--gutter_width_percent) * 3));
}
.hero-content__right-block {
flex: 0 0 calc((var(--column_width_percent) * 8) + (var(--gutter_width_percent) * 7));
}
.hero-content__hero-title {
line-height: 1.12;
font-size: 4.8rem;
margin-bottom: var(--spacer_30);
}
.hero-content__caption-container {
line-height: 1.44;
max-width: 33rem;
}
.hero-content__clip-support {
clip-path: polygon(20% 0%, 100% 0%, 100% 83%, 90% 83%, 90% 100%, 0% 100%, 0% 50%, 20% 50%);
}
.hero-content__clip-support {
clip-path: unset;
}
.hero-content__filter-support {
filter: url('data:image/svg+xml,\ #corners');
}
.hero-content__filter-support {
filter: unset;
}
@media (max-width: 992px) {
.hero-content {
flex-direction: column;
}
.hero-content__caption-container {
line-height: 1.44;
max-width: 100%;
}
.hero-content__left-block {
margin-bottom: var(--spacer_20);
}
.hero-content__clip-support {
clip-path: polygon(10% 0%, 100% 0%, 100% 83%, 90% 83%, 90% 100%, 0% 100%, 0% 20%, 10% 20%);
}
.hero-content__filter-support {
clip-path: unset;
}
.hero-content__clip-support {
clip-path: unset;
}
}
.hero-content__shape {
position: relative;
width: 100%;
height: 64.7rem;
}
.hero-content__shape-squarre {
position: absolute;
}
.hero-content__shape-squarre--1 {
bottom: 0;
left: 0;
width: 87.36%;
height: 55.02%;
}
.hero-content__shape-squarre-image-container {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.hero-content__shape-image {
position: absolute;
max-width: unset;
object-fit: cover;
}
.hero-content__shape-border-image-container {
position: absolute;
overflow: hidden;
}
.hero-content__shape-border-image-container::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--beige);
}
.hero-content__shape-squarre--1 .hero-content__shape-squarre-image-container {
border-top-left-radius: var(--border_radius_8);
border-bottom-left-radius: var(--border_radius_8);
border-bottom-right-radius: var(--border_radius_8);
}
.hero-content__shape-squarre--1 .hero-content__shape-squarre-image-container .hero-content__shape-image {
height: 181.758%;
left: 0;
top: -81.8%;
width: 114.475%;
}
.hero-content__shape-squarre--1 .hero-content__shape-border-image-container {
left: 100%;
top: 69.1%;
width: 4.21%;
height: 8.99%;
}
.hero-content__shape-squarre--1 .hero-content__shape-border-image-container .hero-content__shape-image {
height: 2021.9%;
left: -2376%;
top: -1678%;
width: 2720.1%;
}
.hero-content__shape-squarre--1 .hero-content__shape-border-image-container::after {
border-top-left-radius: 50%;
}
.hero-content__shape-squarre--2 {
width: 74.71%;
height: 83%;
top: 0;
right: 0;
}
.hero-content__shape-squarre--2 .hero-content__shape-squarre-image-container {
border-top-left-radius: var(--border_radius_8);
border-top-right-radius: var(--border_radius_8);
border-bottom-right-radius: var(--border_radius_8);
}
.hero-content__shape-squarre--2 .hero-content__shape-squarre-image-container .hero-content__shape-image {
height: 120.485%;
left: -33.9%;
top: 0;
width: 133.856%;
}
.hero-content__shape-squarre--2 .hero-content__shape-border-image-container {
top: 48.2%;
right: 100%;
width: 4.92%;
height: 5.96%
}
.hero-content__shape-squarre--2 .hero-content__shape-border-image-container .hero-content__shape-image {
height: 2021.88%;
left: -588%;
top: -811%;
width: 2721.45%;
}
.hero-content__shape-squarre--2 .hero-content__shape-border-image-container::after {
border-bottom-right-radius: 50%;
}
@media (max-width: 992px) {
.hero-content__right-block {
width: 100%;
height: 44.7rem;
}
}
@media (max-width: 600px) {
.hero-content__right-block {
width: 100%;
height: 44.7rem;
}
.hero-content__shape {
position: relative;
width: 100%;
height: 44.8rem;
}
.hero-content__shape-squarre--1 {
width: 73.82%;
height: 85.71%;
}
.hero-content__shape-squarre--2 {
width: 74.76%;
height: 81.92%;
}
.hero-content__shape-squarre--1 .hero-content__shape-squarre-image-container .hero-content__shape-image {
height: 116.68%;
top: -16.55%;
width: 135.467%;
}
.hero-content__shape-squarre--2 .hero-content__shape-squarre-image-container .hero-content__shape-image {
height: 122.075%;
width: 133.762%;
left: -33.8%;
}
.hero-content__shape-squarre--1 .hero-content__shape-border-image-container {
width: 13.68%;
height: 8.33%;
top: 79%;
}
.hero-content__shape-squarre--1 .hero-content__shape-border-image-container .hero-content__shape-image {
height: 1397.6%;
width: 990.39%;
left: -731%;
top: -1147.4%;
}
.hero-content__shape-squarre--2 .hero-content__shape-border-image-container {
width: 13.5%;
height: 8.72%;
top: 8.85%;
}
.hero-content__shape-squarre--2 .hero-content__shape-border-image-container .hero-content__shape-image {
height: 1400%;
width: 990.89%;
left: -150%;
top: -100.4%;
}
}
}
@layer utilities {
/* For content that needs to be visually hidden but stay visible for screenreaders */
.show-for-sr {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
@media (min-width: 1025px) {
.show-for-sr--desktop {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
}
@media (max-width: 1024px) {
.show-for-sr--tablet {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
}
@media (max-width: 767px) {
.show-for-sr--mobile {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
}
/* Displays */
.d-flex {
display: flex;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-column {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-row-wrap {
flex-flow: row wrap;
}
.flex-column-wrap {
flex-flow: column wrap;
}
.align-items-start {
align-items: flex-start;
}
.align-items-center {
align-items: center;
}
.align-items-stretch {
align-items: stretch;
}
.align-items-end {
align-items: flex-end;
}
.justify-content-start {
justify-content: flex-start;
}
.justify-content-center {
justify-content: center;
}
.justify-content-end {
justify-content: flex-end;
}
.justify-content-space-between {
justify-content: space-between;
}
.justify-content-space-stretch {
justify-content: stretch;
}
.d-grid {
display: grid;
}
.d-block {
display: block;
}
.hide {
display: none;
}
.no-list,
.semantic-list {
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.obfuscate {
cursor: pointer;
}
.menu-open,
.search-open {
overflow: hidden;
}
.select {
appearance: none;
border: 0;
background-color: rgba(255, 255, 255, 0);
border-radius: var(--border_radius_30);
box-shadow: inset 0 0 0 1px var(--dark_grass), 0 0 0 0px var(--dark_grass);
height: 4.4rem;
width: var(--select_width, 100%);
padding-left: var(--spacer_24);
padding-right: var(--spacer_48);
font-family: var(--body_font_font_family);
font-size: var(--font_size_13);
line-height: 1.09;
text-overflow: ellipsis;
white-space: nowrap;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%2315292F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='m4 6 3.785 3.904A.297.297 0 0 0 8 10a.288.288 0 0 0 .215-.096L12 6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right var(--spacer_24) center;
background-size: 16px;
cursor: pointer;
transition: box-shadow var(--default_transition);
}
@media (max-width: 767px) {
.select {
width: 100%;
font-size: var(--font_size_16);
}
}
.select:focus {
outline: none;
}
.select:hover,
.select:focus {
box-shadow: inset 0 0 0 1px var(--dark_grass), 0 0 0 1px var(--dark_grass);
}
@media (min-width: 992px) {
.select {
height: 3.2rem;
}
}
.input-style {
appearance: none;
border: 0;
display: inline-block;
font-size: var(--font_size_13);
line-height: 1.09;
color: var(--form_field_font_color);
padding: 0 var(--spacer_16);
width: 100%;
background-color: var(--form_field_bg_color);
box-shadow: inset 0 0 0 var(--form_field_border_width) var(--form_field_border_color);
border-radius: var(--form_field_corner_radius);
min-height: 3.2rem;
transition: box-shadow var(--default_transition);
}
.input-style:focus {
outline: none;
box-shadow: inset 0 0 0 var(--form_field_border_width) var(--grey_100), 0 0 0 var(--form_field_border_width) var(--grey_100);
}
.position-r {
position: relative;
}
.uppercase {
text-transform: uppercase;
}
.white-color {
color: #ffffff;
}
.mobile-h1 {
text-align: center;
line-height: 80px;
}
@media (max-width: 992px){
.mobile-h1 {
font-size: 34px;
font-weight: 700;
line-height: 38px;
letter-spacing: -0.34px;
}
}
/* Text alignment */
.txt-left {
text-align: left;
}
.txt-center {
text-align: center;
}
.txt-right {
text-align: right;
}
@keyframes fade-in {
0% {
transform: translateY(15%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
/* generate in HUBL every helper class for spacing with css variables */
.pt-4{
padding-top: var(--spacer-4);
}
.pt-8{
padding-top: var(--spacer-8);
}
.pt-12{
padding-top: var(--spacer-12);
}
.pt-16{
padding-top: var(--spacer-16);
}
.pt-24{
padding-top: var(--spacer-24);
}
.pt-32{
padding-top: var(--spacer-32);
}
.pt-40{
padding-top: var(--spacer-40);
}
.pt-48{
padding-top: var(--spacer-48);
}
.pt-56{
padding-top: var(--spacer-56);
}
.pt-64{
padding-top: var(--spacer-64);
}
.pt-80{
padding-top: var(--spacer-80);
}
.pb-4{
padding-bottom: var(--spacer-4);
}
.pb-8{
padding-bottom: var(--spacer-8);
}
.pb-12{
padding-bottom: var(--spacer-12);
}
.pb-16{
padding-bottom: var(--spacer-16);
}
.pb-24{
padding-bottom: var(--spacer-24);
}
.pb-32{
padding-bottom: var(--spacer-32);
}
.pb-40{
padding-bottom: var(--spacer-40);
}
.pb-48{
padding-bottom: var(--spacer-48);
}
.pb-56{
padding-bottom: var(--spacer-56);
}
.pb-64{
padding-bottom: var(--spacer-64);
}
.pb-80{
padding-bottom: var(--spacer-80);
}
.pr-4{
padding-right: var(--spacer-4);
}
.pr-8{
padding-right: var(--spacer-8);
}
.pr-12{
padding-right: var(--spacer-12);
}
.pr-16{
padding-right: var(--spacer-16);
}
.pr-24{
padding-right: var(--spacer-24);
}
.pr-32{
padding-right: var(--spacer-32);
}
.pr-40{
padding-right: var(--spacer-40);
}
.pr-48{
padding-right: var(--spacer-48);
}
.pr-56{
padding-right: var(--spacer-56);
}
.pr-64{
padding-right: var(--spacer-64);
}
.pr-80{
padding-right: var(--spacer-80);
}
.pl-4{
padding-left: var(--spacer-4);
}
.pl-8{
padding-left: var(--spacer-8);
}
.pl-12{
padding-left: var(--spacer-12);
}
.pl-16{
padding-left: var(--spacer-16);
}
.pl-24{
padding-left: var(--spacer-24);
}
.pl-32{
padding-left: var(--spacer-32);
}
.pl-40{
padding-left: var(--spacer-40);
}
.pl-48{
padding-left: var(--spacer-48);
}
.pl-56{
padding-left: var(--spacer-56);
}
.pl-64{
padding-left: var(--spacer-64);
}
.pl-80{
padding-left: var(--spacer-80);
}
.mt-4{
margin-top: var(--spacer-4);
}
.mt-8{
margin-top: var(--spacer-8);
}
.mt-12{
margin-top: var(--spacer-12);
}
.mt-16{
margin-top: var(--spacer-16);
}
.mt-24{
margin-top: var(--spacer-24);
}
.mt-32{
margin-top: var(--spacer-32);
}
.mt-40{
margin-top: var(--spacer-40);
}
.mt-48{
margin-top: var(--spacer-48);
}
.mt-56{
margin-top: var(--spacer-56);
}
.mt-64{
margin-top: var(--spacer-64);
}
.mt-80{
margin-top: var(--spacer-80);
}
.mb-4{
margin-bottom: var(--spacer-4);
}
.mb-8{
margin-bottom: var(--spacer-8);
}
.mb-12{
margin-bottom: var(--spacer-12);
}
.mb-16{
margin-bottom: var(--spacer-16);
}
.mb-24{
margin-bottom: var(--spacer-24);
}
.mb-32{
margin-bottom: var(--spacer-32);
}
.mb-40{
margin-bottom: var(--spacer-40);
}
.mb-48{
margin-bottom: var(--spacer-48);
}
.mb-56{
margin-bottom: var(--spacer-56);
}
.mb-64{
margin-bottom: var(--spacer-64);
}
.mb-80{
margin-bottom: var(--spacer-80);
}
.mr-4{
margin-right: var(--spacer-4);
}
.mr-8{
margin-right: var(--spacer-8);
}
.mr-12{
margin-right: var(--spacer-12);
}
.mr-16{
margin-right: var(--spacer-16);
}
.mr-24{
margin-right: var(--spacer-24);
}
.mr-32{
margin-right: var(--spacer-32);
}
.mr-40{
margin-right: var(--spacer-40);
}
.mr-48{
margin-right: var(--spacer-48);
}
.mr-56{
margin-right: var(--spacer-56);
}
.mr-64{
margin-right: var(--spacer-64);
}
.mr-80{
margin-right: var(--spacer-80);
}
.ml-4{
margin-left: var(--spacer-4);
}
.ml-8{
margin-left: var(--spacer-8);
}
.ml-12{
margin-left: var(--spacer-12);
}
.ml-16{
margin-left: var(--spacer-16);
}
.ml-24{
margin-left: var(--spacer-24);
}
.ml-32{
margin-left: var(--spacer-32);
}
.ml-40{
margin-left: var(--spacer-40);
}
.ml-48{
margin-left: var(--spacer-48);
}
.ml-56{
margin-left: var(--spacer-56);
}
.ml-64{
margin-left: var(--spacer-64);
}
.ml-80{
margin-left: var(--spacer-80);
}
}
@layer components {
/* Header DND sections */
header.header {
background-color: var(--header_bg_color);
transition: margin var(--slow_transition);
}
@media (min-width: 1201px) {
.scrolled--down header.header {
margin-top: -50px;
}
}
@media (max-width: 1200px) {
header.header {
background-color: var(--green_dark);
}
.scrolled--down .header,
.menu-open header.header {
margin-top: -40px;
}
.search-open div[data-global-resource-path*="header"] {
transform: translateY(-100%);
}
}
div[data-global-resource-path*="header"] {
position: fixed;
top: 0;
transition: background-color var(--default_transition), transform var(--slow_transition);
width: 100%;
z-index: 10;
}
header.header .dnd-section {
padding: 0;
}
/* Navigation skipper */
.header__skip {
height: 1px;
left: -1000px;
overflow: hidden;
position: absolute;
text-align: left;
top: -1000px;
width: 1px;
}
.header__skip:hover,
.header__skip:focus,
.header__skip:active {
height: auto;
left: 0;
overflow: visible;
top: 0;
width: auto;
}
.header--no-navigation{
height: 9rem;
}
.header-no-nav{
height: 9rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.header-lp-no-nav {
position: relative;
justify-content: center;
}
.header-lp__logo {
margin: 0 6rem;
}
.header-no-nav img{
max-height: 27px;
width: auto !important;
}
.scrolled--down .header--no-navigation{
margin-top: -9rem !important;
}
.header--no-navigation .header__lang-switcher,
.header--no-navigation .header__cta{
width: calc(var(--column_width_percent) * 2 + var(--gutter_width_percent))
}
.header--no-navigation .header-lp__lang-switcher {
position: absolute;
width: 5.6rem;
left: 2rem;
}
.header--no-navigation .header__cta--mobile{
display: none;
}
@media (max-width: 1200px){
.header--no-navigation .header__cta--desktop{
display: none;
}
.header--no-navigation .header__cta--mobile{
display: block;
}
.header--no-navigation .button--contact span{
display: none;
}
.header--no-navigation .button--contact:before{
margin-right: 0;
}
}
.nav {
width: 100%;
padding-top: var(--spacer_18);
flex-direction: column;
border-bottom: 1px solid var(--grass_light);
}
@media (max-width: 1200px) {
.nav {
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
padding-bottom: var(--spacer_16);
background-color: var(--green_dark);
}
#header-logo {
width: 270px;
}
}
.nav__logo-container-mobile {
width: 100%;
margin-bottom: var(--spacer_18);
}
.burger-label {
cursor: pointer;
color: var(--pink_light);
}
.burger-label__line {
display: block;
width: 24px;
height: 24px;
cursor: pointer;
transition: transform var(--slow_transition);
user-select: none;
}
#burger-input:checked + .burger-label .burger-label__line {
transform: rotate(45deg);
}
.burger-label__line .line {
fill: none;
transition: stroke-dasharray var(--slow_transition), stroke-dashoffset var(--slow_transition);
stroke: currentColor;
stroke-width: 4;
stroke-linecap: round;
}
.burger-label__line .top {
stroke-dasharray: 40 121;
}
.burger-label__line .bottom {
stroke-dasharray: 40 121;
}
#burger-input:checked + .burger-label .burger-label__line .top {
stroke-dashoffset: -68px;
}
#burger-input:checked + .burger-label .burger-label__line .bottom {
stroke-dashoffset: -68px;
}
.nav__container--mobile {
display: flex;
align-items: center;
gap: var(--spacer_8);
}
@media (min-width: 1201px) {
.nav__container--mobile,
.nav__logo-container-mobile {
display: none;
}
.burger-label {
display: none;
}
}
@media (max-width: 1200px) {
.nav__container--desktop {
display: flex;
flex-direction: column;
position: fixed;
top: 72px;
left: 0;
width: 100%;
height: calc(100% - 72px);
padding-top: var(--spacer_16);
padding-bottom: 0;
padding-left: var(--spacer_20);
padding-right: var(--spacer_20);
background-color: var(--dark_grass_medium);
opacity: 0;
visibility: hidden;
overflow-y: auto;
overflow-x: hidden;
transform: translateY(40px);
transition: opacity var(--slow_transition), visibility var(--slow_transition), transform var(--slow_transition);
}
#burger-input:checked ~ .nav__container--desktop {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
.nav__leaf {
margin-right: auto;
margin-left: var(--spacer_16);
transform: translateX(-16px) scale(0.5);
transform-origin: left center;
opacity: 0;
visibility: hidden;
transition: opacity var(--slow_transition), visibility var(--slow_transition), transform var(--slow_transition);
}
.menu-open .nav__leaf {
transform: translateX(0px) scale(1);
opacity: 1;
visibility: visible;
}
@media (min-width: 1201px) {
.nav__leaf {
display: none;
}
}
.nav__mobile-button {
padding: var(--spacer_12);
color: var(--dark_grass);
}
.nav__mobile-button--search,
.nav__mobile-button--search:hover,
.nav__mobile-button--search:focus-within,
.nav__mobile-button--search:active {
background-color: rgba(255, 255, 255, 0.2);
color: var(--pink_light);
box-shadow: inset 0 0 0 var(--button_border_width) rgba(255, 255, 255, 0);
}
#header-search-mobile-checkbox:checked + .nav .nav__mobile-button--search,
#header-search-mobile-checkbox:checked + .nav .nav__mobile-button--search:hover,
#header-search-mobile-checkbox:checked + .nav .nav__mobile-button--search:focus-within,
#header-search-mobile-checkbox:checked + .nav .nav__mobile-button--search:active {
background-color: var(--dark_grass_medium);
box-shadow: inset 0 0 0 var(--button_border_width) var(--dark_grass_medium);
color: var(--electric_lime);
}
.nav__mobile-button-icon {
width: 14px;
height: 14px;
}
.nav__top {
display: flex;
}
@media (max-width: 1200px){
.nav__top {
display: none;
width: 100vw;
min-height: 4rem;
padding-left: var(--spacer_20);
padding-right: var(--spacer_20);
padding-bottom: var(--spacer_16);
overflow-x: auto;
overflow-y: hidden;
transform: translateX(-2rem);
}
}
.ntl,
.nav__top-links {
margin-left: 11.7rem;
padding: var(--spacer_4);
border-radius: 110px;
background-color: #21353A;
}
@media (max-width: 1200px) {
.ntl {
padding: 0;
margin-left: 0;
border-radius: 0;
background-color: unset;
}
}
.nav__top-links-list {
gap: var(--spacer_8);
}
.nav__top-link {
display: block;
color: var(--electric_lime);
font-size: var(--font_size_11);
line-height: 1.09;
padding: var(--spacer_6) var(--spacer_12);
border-radius: var(--border_radius_30);
background-color: var(--dark_grass);
text-transform: uppercase;
white-space: nowrap;
transition: color var(--default_transition), background-color var(--default_transition);
}
.nav__top-link:hover,
.nav__top-link:focus-within,
.nav__top-link:active {
color: var(--dark_grass);
background-color: var(--electric_lime);
}
.nav__top-link--active {
pointer-events: none;
color: var(--dark_grass);
background-color: var(--electric_lime);
}
@media (min-width: 1201px) {
.nav__top-link-text--mobile {
display: none;
}
}
@media (max-width: 1200px) {
.nav__top-link-text--desktop {
display: none;
}
}
.nav__search-lang-switch {
display: flex;
margin-left: auto;
align-items: flex-end;
}
@media (max-width: 1200px) {
.nav__search-lang-switch {
display: none;
}
}
.nav__search-bar .icon {
width: 1.6rem;
height: 1.6rem;
color: var(--pink_light);
}
.language-switcher__list {
display: flex;
align-items: center;
margin-left: var(--spacer_18);
}
@media (min-width: 1201px) {
.language-switcher__list--mobile {
display: none;
}
}
@media (max-width: 1200px) {
.language-switcher__list {
margin-left: 0;
padding-bottom: var(--spacer_52);
}
}
.language-switcher__item:not(:first-of-type) {
margin-left: var(--spacer_12);
}
.language-switcher__item:last-of-type {
margin-right: var(--spacer_16);
}
.language-switcher__link {
display: block;
color: var(--grey_50);
border-bottom: 1px solid var(--dark_grass);
text-transform: uppercase;
font-size: var(--font_size_11);
line-height: 1.09;
padding-bottom: var(--spacer_4);
transition: color var(--default_transition), border var(--default_transition);
}
.language-switcher__link:hover,
.language-switcher__link:focus-within,
.language-switcher__link:active {
color: var(--pink_light);
border-bottom-color: var(--pink_light);
}
.language-switcher__link--active {
color: var(--pink_light);
border-bottom-color: var(--pink_light);
}
@media (min-width: 1201px) {
.language-switcher__link-text--mobile {
display: none;
}
}
@media (max-width: 1200px) {
.language-switcher__link {
border-bottom-color: var(--dark_grass_medium);
}
.language-switcher__link--active {
border-bottom-color: var(--pink_light);
}
.language-switcher__link-text--desktop {
display: none;
}
}
.nav__bot {
padding-top: var(--spacer_32);
justify-content: space-between;
}
@media (max-width: 1200px) {
.nav__bot {
height: 100%;
padding-top: 0;
flex-direction: column;
justify-content: flex-start;
}
}
.nav__bot-item {
color: var(--pink_light);
transition: color var(--default_transition);
}
@media (max-width: 1200px) {
.nav__bot-item {
position: relative;
margin-right: 0;
padding-bottom: 0;
}
}
.nav__bot-input:checked ~ .nav__bot-text-container {
color: var(--electric_lime);
}
.nav__bot-input:checked ~ .nav__bot-text-container .nav__bot-text::after {
background-color: var(--electric_lime);
}
.nav__bot-item:hover {
color: var(--electric_lime);
}
.nav__bot-item:hover .nav__bot-text::after {
background-color: var(--electric_lime);
}
.nav__bot-text-container {
display: inline-flex;
align-items: center;
margin-bottom: 0;
font-size: var(--font_size_16);
cursor: default;
margin-right: var(--spacer_40);
padding-bottom: var(--spacer_32);
cursor: pointer;
}
@media (max-width: 1200px) {
.nav__bot-text-container {
position: relative;
width: 100%;
justify-content: space-between;
font-size: var(--font_size_18);
line-height: 1.44;
padding-top: var(--spacer_16);
padding-bottom: var(--spacer_16);
margin-right: 0;
}
}
.nav__bot-main-link {
color: inherit;
cursor: pointer;
}
.nav__bot-text {
position: relative;
user-select: none;
display: inline-block;
}
.nav__bot-text::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background-color: var(--dark_grass);
transform: translateY(3rem);
transition: background-color var(--default_transition);
}
@media (max-width: 1200px) {
.nav__bot-text {
position: initial;
}
.nav__bot-text::after {
transform: unset;
background-color: var(--grass_light);
}
}
.nav__bot-text-icon {
display: block;
width: 1.6rem;
height: 1.6rem;
margin-left: var(--spacer_12);
}
.nbtim {
transition: transform var(--default_transition);
}
.nav__bot-input:checked + .nav__bot-text-container .nbtim {
transform: rotate(90deg);
}
@media (min-width: 1201px) {
.nbtim {
display: none;
}
}
@media (max-width: 1200px) {
.nav__bot-links {
flex-direction: column;
}
.nbtid {
display: none;
}
}
.nav__bot-container {
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding-top: var(--spacer_76);
padding-bottom: var(--spacer_64);
opacity: 0;
visibility: hidden;
background-color: var(--dark_grass_medium);
/*
background-image: url("data:image/svg+xml,%3Csvg width='49' height='46' viewBox='0 0 49 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1054_620' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='49' height='46'%3E%3Crect width='49' height='46' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1054_620)'%3E%3Cg opacity='0.05'%3E%3Cpath d='M0.0028837 -5.39095L-7.44916 2.06109L-21.66 -2.61811L-24.4329 -5.39095L-21.66 -8.1638L-7.44916 -12.843L0.0028837 -5.39095Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M0.0028837 9.51312L-7.44916 16.9652L-21.66 12.286L-24.4329 9.51312L-21.66 6.74027L-7.44916 2.06109L0.0028837 9.51312Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M0.00317383 -5.39095L7.62852 2.06109L21.6661 -2.61811L24.6122 -5.39095L21.6661 -8.1638L7.62852 -12.843L0.00317383 -5.39095Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M0.00317383 9.51312L7.62852 16.9652L21.6661 12.286L24.6122 9.51312L21.6661 6.74027L7.62852 2.06109L0.00317383 9.51312Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M0.0030672 9.51311L7.4551 16.9652L2.77592 31.176L0.0030672 34.1222L-2.76978 31.176L-7.44897 16.9652L0.0030672 9.51311Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M49.0478 -5.39095L41.5958 2.06109L27.3849 -2.61811L24.6121 -5.39095L27.3849 -8.1638L41.5958 -12.843L49.0478 -5.39095Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M49.0478 9.51312L41.5958 16.9652L27.3849 12.286L24.6121 9.51312L27.3849 6.74027L41.5958 2.06109L49.0478 9.51312Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M49.0481 -5.39095L56.6734 2.06109L70.711 -2.61811L73.6571 -5.39095L70.711 -8.1638L56.6734 -12.843L49.0481 -5.39095Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M49.0481 9.51312L56.6734 16.9652L70.711 12.286L73.6571 9.51312L70.711 6.74027L56.6734 2.06109L49.0481 9.51312Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M49.048 9.51311L56.5 16.9652L51.8208 31.176L49.048 34.1222L46.2751 31.176L41.5959 16.9652L49.048 9.51311Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3C/g%3E%3Cg opacity='0.05'%3E%3Cpath d='M-24.5193 34.4688L-16.8939 41.9208L-2.85639 37.2416L0.0897584 34.4688L-2.85639 31.6959L-16.8939 27.0167L-24.5193 34.4688Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M-24.5193 49.3729L-16.8939 56.8249L-2.85639 52.1457L0.0897584 49.3729L-2.85639 46.6L-16.8939 41.9208L-24.5193 49.3729Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M24.5253 34.4688L17.0733 41.9208L2.86245 37.2416L0.0895996 34.4688L2.86245 31.6959L17.0733 27.0167L24.5253 34.4688Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M24.5253 49.3729L17.0733 56.8249L2.86245 52.1457L0.0895996 49.3729L2.86245 46.6L17.0733 41.9208L24.5253 49.3729Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M24.5256 34.4688L32.151 41.9208L46.1885 37.2416L49.1347 34.4688L46.1885 31.6959L32.151 27.0167L24.5256 34.4688Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M24.5256 49.3729L32.151 56.8249L46.1885 52.1457L49.1347 49.3729L46.1885 46.6L32.151 41.9208L24.5256 49.3729Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M24.5255 34.4688L31.9776 27.0167L27.2984 12.8059L24.5255 9.85973L21.7527 12.8059L17.0735 27.0167L24.5255 34.4688Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M73.57 34.4688L66.118 41.9208L51.9071 37.2416L49.1343 34.4688L51.9071 31.6959L66.118 27.0167L73.57 34.4688Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3Cpath d='M73.57 49.3729L66.118 56.8249L51.9071 52.1457L49.1343 49.3729L51.9071 46.6L66.118 41.9208L73.57 49.3729Z' stroke='white' stroke-width='0.572767' stroke-miterlimit='10'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
*/
background-image: url("https://26693661.fs1.hubspotusercontent-eu1.net/hubfs/26693661/pgxmarkentive/header_trame.svg");
background-size: 49px 46px;
background-position: top;
background-repeat: repeat-x;
transition: opacity var(--default_transition), visibility var(--default_transition), transform var(--default_transition);
}
.nav__bot-input:checked ~ .nav__bot-container {
opacity: 1;
visibility: visible;
}
@media (max-width: 1200px) {
.nav__bot-container {
position: relative;
background-image: unset;
top: auto;
left: -2rem;
width: 100vw;
background-color: var(--dark_grass);
max-height: 0;
padding-top: 0;
padding-bottom: 0;
opacity: 1;
visibility: visible;
overflow: hidden;
transition: opacity var(--slow_transition), visibility var(--slow_transition), max-height var(--slow_transition);
}
.nav__bot-input:checked + .nav__bot-text-container + .nav__bot-container {
max-height: var(--section_height);
}
}
.nav__bot-section {
height: 100%;
width: 100%;
}
@media (max-width: 1200px) {
.nav__bot-section {
flex-direction: column;
}
}
.nav__bot-section-inner {
position: relative;
width: 100%;
max-width: 220px;
margin-right: var(--spacer_32);
padding-right: var(--spacer_24);
}
@media (max-width: 1200px) {
.nav__bot-section-inner {
display: none;
}
}
.nav__bot-section-inner::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: calc(100% + var(--spacer_24));
background-color: var(--grass_light);
}
.nav__bot-title {
line-height: 1.11;
font-weight: var(--font_weight_400);
hyphens: auto;
color: var(--electric_lime_light);
margin-bottom: 0;
}
.nav__bot-link-container {
margin-top: var(--spacer_28);
}
.nav__bot-sublist {
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
/* gap: var(--spacer_44); */
padding-left: var(--spacer_32);
width: 100%;
max-width: 27.9rem;
}
@media (min-width: 1201px) {
.nav__bot-sublist--mobile {
display: none;
}
}
@media (max-width: 1200px) {
.nav__bot-sublist {
padding-left: 0;
max-width: 100%;
}
.nav__bot-sublist--mobile {
display: flex;
}
}
@media (min-width: 1201px){
.nav__bot-sublist-item:not(.nav__bot-sublist-item--next-no-child):not(.nav__bot-sublist-item--no-child):not(:last-of-type) {
margin-bottom: var(--spacer_44);
}
.nav__bot-sublist-item:not(:first-of-type) {
margin-top: var(--spacer_20);
}
}
@media (max-width: 1200px) {
.nav__bot-sublist-item {
padding-left: 0;
max-width: 100%;
}
}
.nav__bot-sublist-list-item {
font-size: var(--font_size_16);
line-height: 1.25;
}
@media (min-width: 1201px) {
.nav__bot-sublist-list > .nav__bot-sublist-list-item:not(:last-of-type) {
margin-bottom: var(--spacer_16);
}
.nav__bot-sublist-list-item--title:not(.nav__bot-sublist-list-item--no-child) {
margin-bottom: var(--spacer_20);
}
}
@media (max-width: 1200px) {
.nav__bot-sublist-list-item {
margin-bottom: 0;
}
.nav__bot-sublist-list-item:not(.nav__bot-sublist-list-item--title) {
display: none;
}
.nav__bot-sublist-item:last-of-type .nav__bot-sublist-list-item:last-of-type .nav__bot-sublist-link {
border-bottom: 0;
}
}
.nav__bot-sublist-item-title {
font-weight: var(--font_weight_700);
color: var(--electric_lime);
margin-bottom: 0;
font-size: 16px;
}
.nav__bot-sublist-item-title--link {
display: inline-block;
color: var(--electric_lime);
}
.nav__bot-sublist-item-title--link .nav__bot-sublist-link-text {
display: inline;
background-image: linear-gradient(to right, var(--electric_lime), var(--electric_lime));
background-repeat: no-repeat;
background-position: left bottom;
background-size: 0% 1px;
transition: background-size var(--default_transition);
}
@media (hover: hover) and (pointer: fine) {
.nav__bot-sublist-item-title--link:hover .nav__bot-sublist-link-text,
.nav__bot-sublist-item-title--link:focus-within .nav__bot-sublist-link-text,
.nav__bot-sublist-item-title--link:active .nav__bot-sublist-link-text {
font-weight: var(--font_weight_700);
background-size: 100% 1px;
}
}
@media (max-width: 1200px) {
.nav__bot-sublist-item-title {
border-bottom: 1px solid var(--grass_light);
color: var(--pink_taupe);
display: block;
font-weight: var(--font_weight_400);
padding-bottom: var(--spacer_16);
padding-top: var(--spacer_16);
}
.nav__bot-sublist-item-title--link {
display: block;
padding-top: var(--spacer_16);
padding-bottom: var(--spacer_16);
border-bottom: 1px solid var(--grass_light);
color: var(--pink_taupe);
font-weight: var(--font_weight_400);
}
.nav__bot-section > .nav__bot-sublist:last-of-type > .nav__bot-sublist-item:last-of-type > .nav__bot-sublist-list:last-of-type > .nav__bot-sublist-list-item--title .nav__bot-sublist-item-title--link {
border-bottom: 0;
}
}
.nav__bot-sublist-link {
display: inline-block;
color: var(--pink_light);
}
@media (max-width: 1200px) {
.nav__bot-sublist-link {
display: block;
padding-top: var(--spacer_16);
padding-bottom: var(--spacer_16);
border-bottom: 1px solid var(--grass_light);
}
}
.nav__bot-sublist-link-text {
display: inline;
background-image: linear-gradient(to right, var(--pink_light), var(--pink_light));
background-repeat: no-repeat;
background-position: left bottom;
background-size: 0% 1px;
transition: background-size var(--default_transition);
}
@media (hover: hover) and (pointer: fine) {
.nav__bot-sublist-link:hover .nav__bot-sublist-link-text,
.nav__bot-sublist-link:focus-within .nav__bot-sublist-link-text,
.nav__bot-sublist-link:active .nav__bot-sublist-link-text {
background-size: 100% 1px;
}
}
ul.nav-bot__contact {
margin-left: auto;
}
@media (max-width: 1200px) {
.nav-bot__contact {
width: 100%;
flex-direction: column-reverse;
padding-top: var(--spacer_40);
padding-bottom: var(--spacer_40);
}
ul.nav-bot__contact {
margin-top: var(--spacer_12);
margin-left: 0;
}
}
.nav-bot__contact-item {
margin-left: var(--spacer_14);
}
@media (max-width: 1200px) {
.nav-bot__contact-item {
margin-left: 0;
margin-bottom: var(--spacer_12);
}
}
.nav-bot__contact-link {
display: inline-flex;
align-items: center;
padding-left: var(--spacer_18);
padding-right: var(--spacer_18);
gap: var(--spacer_8);
}
@media (max-width: 1200px) {
.nav-bot__contact-link {
font-size: var(--font_size_15);
line-height: 1.09;
width: 100%;
justify-content: center;
padding: var(--spacer_20);
border-radius: 10rem;
}
}
.nav-bot__contact-link-icon {
display: block;
width: 16px;
height: 16px;
}
.nav__search-container--mobile {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100dvh;
display: flex;
align-items: center;
justify-content: center;
padding: var(--spacer_20);
background-color: rgba(14, 42, 48, 0.9);
opacity: 0;
visibility: hidden;
z-index: 1;
}
.loaded .nav__search-container--mobile {
transition: opacity var(--slow_transition), visibility var(--slow_transition);
}
#header-search-mobile-checkbox:checked ~ .nav__search-container--mobile {
opacity: 1;
visibility: visible;
}
.nav__search-container--mobile .nav__search-bar-form {
align-items: center;
}
.nav__search-container--mobile .nav__search-bar {
padding-top: var(--spacer_20);
padding-bottom: var(--spacer_20);
}
.nav__search-bar-button {
width: 100%;
justify-content: center;
margin-top: var(--spacer_20);
font-size: var(--font_size_16);
background-color: transparent;
}
.nav__mobile-button-close {
position: absolute;
top: var(--spacer_20);
right: var(--spacer_20);
color: var(--pink_light);
width: 3.8rem;
height: 3.8rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--border_radius_round);
box-shadow: inset 0 0 0 1px var(--pink_light);
}
.nav__search-container--mobile .nav__search-bar {
width: 100%;
}
.nav__bot-sublist-list-item.nav__bot-sublist-list-item--title-link--mobile {
display: none;
}
@media (max-width: 1200px) {
.nav__bot-sublist-list-item.nav__bot-sublist-list-item--title-link--mobile {
display: list-item;
}
.nav__bot-input:checked+.nav__bot-text-container+.nav__bot-container {
max-height: 100vh;
}
.nav__bot-sublist-list-item.nav__bot-sublist-list-item--title:not(.nav__bot-sublist-list-item--no-child):has(+ .nav__bot-sublist-list-item) {
position: relative;
}
.nav__bot-sublist-list-item.nav__bot-sublist-list-item--title:not(.nav__bot-sublist-list-item--no-child):has(+ .nav__bot-sublist-list-item)::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath stroke='%23dbfc87' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3' d='m4.95 7.414 3.784 3.903a.294.294 0 0 0 .215.097.288.288 0 0 0 .216-.097l3.784-3.903'%3E%3C/path%3E%3C/svg%3E"); background-position: center;
background-size: contain;
background-repeat: no-repeat;
transition: transform var(--slow_transition);
}
.nav__bot-sublist-list-item.nav__bot-sublist-list-item--title:not(.nav__bot-sublist-list-item--no-child):has(+ .nav__bot-sublist-list-item)::after {
transform: translate(-50%, -50%) rotate(0);
}
.nav__bot-sublist-list-item:not(.nav__bot-sublist-list-item--title) {
display: block;
max-height: 0;
transition: max-height var(--slow_transition);
font-size: var(--font_size_14);
overflow: hidden;
}
.nav__bot-sublist-list-item.nav__bot-sublist-list-item--title:not(.nav__bot-sublist-list-item--no-child):has(+ .nav__bot-sublist-list-item) ~ .nav__bot-sublist-list-item {
margin-left: var(--spacer_16);
}
.nav__bot-sublist-list-item.nav__bot-sublist-list-item--title:not(.nav__bot-sublist-list-item--no-child):has(+ .nav__bot-sublist-list-item) .nav__bot-sublist-item-title {
transition: border-bottom var(--slow_transition);
}
.nav__bot-sublist-list-item.nav__bot-sublist-list-item--title:not(.nav__bot-sublist-list-item--no-child):has(+ .nav__bot-sublist-list-item).nav__bot-sublist-list-item--title--open .nav__bot-sublist-item-title,
.nav__bot-section>.nav__bot-sublist:last-of-type>.nav__bot-sublist-item:last-of-type>.nav__bot-sublist-list:last-of-type>.nav__bot-sublist-list-item--title.nav__bot-sublist-list-item--title--open .nav__bot-sublist-item-title--link {
border-bottom: 1px solid var(--electric_lime);
}
.nav__bot-sublist-list-item.nav__bot-sublist-list-item--title:not(.nav__bot-sublist-list-item--no-child):has(+ .nav__bot-sublist-list-item).nav__bot-sublist-list-item--title--open ~ .nav__bot-sublist-list-item {
max-height: 100px;
}
.nav__bot-sublist--hide-on-mobile {
display: none;
}
.nav__bot-sublist-item--hide-on-mobile {
display: none;
}
.nav__bot-sublist-list-item.nav__bot-sublist-item--hide-on-mobile:not(.nav__bot-sublist-list-item--no-child):has(+.nav__bot-sublist-list-item)~.nav__bot-sublist-list-item{
max-height: unset;
margin-left: 0;
font-size: var(--font_size_16);
}
}
}
.hide-title{
position: relative;
}
.hide-title__absolute{
position: absolute;
background-color: transparent;
width: 100%;
height: 100%;
}
@media (max-width: 1024px){
.hide-title__absolute,
.hide-title{
display: none;
}
}