/**
* Settings
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
figure {
margin: 0;
line-height: 0;
}
button {
appearance: none;
border: none;
background: none;
}
body {
line-height: 150%;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
a {
text-decoration: none;
color: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
p,
ul,
li {
margin: 0;
padding: 0;
}
/*
100 Thin (Hairline)
200 Extra Light (Ultra Light)
300 Light
400 Normal (Regular)
500 Medium
600 Semi Bold (Demi Bold)
700 Bold
800 Extra Bold (Ultra Bold)
900 Black (Heavy)
950 Extra Black (Ultra Black)
*/
/* latin-ext */
@font-face {
font-family: "host-grotesk";
font-style: italic;
font-weight: 300 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/hostgrotesk/v4/co3fmWBnlCJ3U42vbbfdwMjZoWjqyUnirFNPgS4.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "host-grotesk";
font-style: italic;
font-weight: 300 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/hostgrotesk/v4/co3fmWBnlCJ3U42vbbfdwMjZoWjkyUnirFNP.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "host-grotesk";
font-style: normal;
font-weight: 300 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/hostgrotesk/v4/co3BmWBnlCJ3U42vbbfdwMjZqljmw07ArmNO.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "host-grotesk";
font-style: normal;
font-weight: 300 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/hostgrotesk/v4/co3BmWBnlCJ3U42vbbfdwMjZpFjmw07Arg.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "instrument-serif";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/instrumentserif/v4/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjgn7Motmp5r61.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "instrument-serif";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/instrumentserif/v4/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjjH7Motmp5g.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: "instrument-serif";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/instrumentserif/v4/jizBRFtNs2ka5fXjeivQ4LroWlx-6zsTjnTLgNuZ5w.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "instrument-serif";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/instrumentserif/v4/jizBRFtNs2ka5fXjeivQ4LroWlx-6zUTjnTLgNs.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
| REM | PX |
|----------|-------|
| 0.5rem | 8px |
| 0.75rem | 12px |
| 0.875rem | 14px |
| 1rem | 16px |
| 1.25rem | 20px |
| 1.5rem | 24px |
| 1.75rem | 28px |
| 2rem | 32px |
| 2.25rem | 36px |
| 2.5rem | 40px |
| 2.75rem | 44px |
| 3rem | 48px |
| 3.25rem | 52px |
| 3.5rem | 56px |
| 3.75rem | 60px |
| 4rem | 64px |
| 4.5rem | 72px |
| 5rem | 80px |
| 5.5rem | 88px |
| 6rem | 96px |
| 6.5rem | 104px |
| 7rem | 112px |
| 7.5rem | 120px |
| 8rem | 128px |
| 8.5rem | 136px |
| 9rem | 144px |
| 9.5rem | 152px |
| 10rem | 160px |
| 10.5rem | 168px |
| 11rem | 176px |
| 11.5rem | 184px |
| 12rem | 192px |
*/
html {
font-size: 16px;
}
*,
:after,
:before {
box-sizing: border-box;
line-height: 1.5;
}
*:focus {
outline: 0 !important;
}
*:focus-visible {
outline: 1px solid var(--black) !important;
}
@media (max-width: 768px) {
*:focus-visible {
outline: none;
}
}
html,
body {
height: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
overflow-x: hidden;
font-family: var(--paragraph_classic_font);
color: var(--paragraph_classic_color);
font-size: var(--paragraph_classic_size_desktop);
font-weight: var(--paragraph_classic_weight_desktop);
line-height: var(--paragraph_classic_height_desktop);
}
@media screen and (max-width: 768px) {
body {
font-size: var(--paragraph_classic_size_tablet);
font-weight: var(--paragraph_classic_weight_tablet);
line-height: var(--paragraph_classic_height_tablet);
}
}
@media screen and (max-width: 450px) {
body {
font-size: var(--paragraph_classic_size_mobile);
font-weight: var(--paragraph_classic_weight_mobile);
line-height: var(--paragraph_classic_height_mobile);
}
}
div.container {
max-width: calc(1280px + 3rem);
margin: 0 auto;
padding: 0 1.5rem;
width: 100%;
}
section {
position: relative;
z-index: 1;
overflow: hidden;
}
section.light-mode {
background-color: var(--beige);
}
section.dark-mode {
background-color: var(--black);
}
section.dashed-background.dark-mode::before {
--line-color: var(--white);
opacity: 0.16;
}
section.dashed-background::before {
content: "";
max-width: calc(1280px + 1.5rem);
width: calc(100% - 1.5rem);
height: 100%;
--line-color: var(--black);
--dash: 3px;
--gap: 3px;
--thickness: 1px;
opacity: 0.08;
background-image: repeating-linear-gradient(to bottom, var(--line-color) 0 var(--dash), transparent var(--dash) calc(var(--dash) + var(--gap))), repeating-linear-gradient(to bottom, var(--line-color) 0 var(--dash), transparent var(--dash) calc(var(--dash) + var(--gap))), repeating-linear-gradient(to bottom, var(--line-color) 0 var(--dash), transparent var(--dash) calc(var(--dash) + var(--gap)));
background-size: var(--thickness) 100%, var(--thickness) 100%, var(--thickness) 100%;
background-position: left top, center top, right top;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
}
section.colorful-background::after {
content: "";
display: block;
width: 2500px;
height: auto;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: -200px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
pointer-events: none;
filter: blur(108px);
opacity: 0.7;
}
section.colorful-background.color-1::after, section.colorful-background.color-1-flip::after {
aspect-ratio: 25/8;
background-image: url("data:image/svg+xml,%3Csvg width='2500' height='800' viewBox='0 0 2500 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1031_322)'%3E%3Cmask id='mask0_1031_322' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='-60' y='-29' width='2453' height='1522'%3E%3Cpath d='M1446.31 384.092C1180.36 244.253 1015.83 306.006 891.006 282.479C690.691 120.92 833.856 -14.6181 569.255 -28.1664L-59.8437 1492.16L2392.2 1292.8L1930.05 186.188C1758.16 152.612 1925.62 113.458 1751.41 108.285C1657.66 105.501 1530.98 428.616 1446.31 384.092Z' fill='%23111028'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1031_322)'%3E%3Cg filter='url(%23filter0_d_1031_322)'%3E%3Cellipse cx='329.5' cy='318.387' rx='329.5' ry='318.387' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 315.658 1043.99)' fill='%23F9B3BD'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d_1031_322)'%3E%3Cellipse cx='381' cy='369.194' rx='381' ry='369.194' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 974.66 1095.28)' fill='%23DCDEE0'/%3E%3C/g%3E%3Cg filter='url(%23filter2_d_1031_322)'%3E%3Cellipse cx='248' cy='239.516' rx='248' ry='239.516' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 726.658 973.347)' fill='%23EE2A47'/%3E%3C/g%3E%3Cg filter='url(%23filter3_d_1031_322)'%3E%3Cellipse cx='498.5' cy='482.419' rx='498.5' ry='482.419' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 1307.66 1050.77)' fill='%23F36D81'/%3E%3C/g%3E%3Cg filter='url(%23filter4_d_1031_322)'%3E%3Cellipse cx='381.5' cy='369.194' rx='381.5' ry='369.194' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 1081.66 863.992)' fill='%23DD97EC'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1031_322' x='243.658' y='335.218' width='803' height='780.774' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_322'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_322' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_1031_322' x='902.66' y='284.895' width='906' height='882.387' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_322'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_322' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter2_d_1031_322' x='654.658' y='422.315' width='640' height='623.032' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_322'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_322' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter3_d_1031_322' x='1235.66' y='13.9276' width='1141' height='1108.84' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_322'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_322' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter4_d_1031_322' x='1009.66' y='53.6044' width='907' height='882.387' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_322'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_322' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_1031_322'%3E%3Crect width='2500' height='800' fill='white' transform='matrix(1 -5.03555e-08 -1.51776e-07 -1 0 800)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
section.colorful-background.color-1-flip::after {
transform: translateX(-50%) rotateY(180deg);
}
section.colorful-background.color-1-small::after {
aspect-ratio: 250/65;
background-image: url("data:image/svg+xml,%3Csvg width='2500' height='650' viewBox='0 0 2500 650' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1031_336)'%3E%3Cmask id='mask0_1031_336' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='-60' y='18' width='2453' height='1142'%3E%3Cpath d='M1446.31 328.069C1180.36 223.19 1015.83 269.505 891.005 251.859C690.69 130.69 833.855 29.0363 569.255 18.875L-59.8448 1159.12L2392.2 1009.6L1930.05 179.641C1758.16 154.459 1925.62 125.093 1751.41 121.214C1657.66 119.126 1530.98 361.462 1446.31 328.069Z' fill='%23111028'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1031_336)'%3E%3Cg filter='url(%23filter0_d_1031_336)'%3E%3Cellipse cx='329.5' cy='238.79' rx='329.5' ry='238.79' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 315.658 782.994)' fill='%23F9B3BD'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d_1031_336)'%3E%3Cellipse cx='381' cy='276.895' rx='381' ry='276.895' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 974.66 821.462)' fill='%23DCDEE0'/%3E%3C/g%3E%3Cg filter='url(%23filter2_d_1031_336)'%3E%3Cellipse cx='248' cy='179.637' rx='248' ry='179.637' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 726.658 730.01)' fill='%23EE2A47'/%3E%3C/g%3E%3Cg filter='url(%23filter3_d_1031_336)'%3E%3Cellipse cx='498.5' cy='361.814' rx='498.5' ry='361.814' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 1307.66 788.075)' fill='%23F36D81'/%3E%3C/g%3E%3Cg filter='url(%23filter4_d_1031_336)'%3E%3Cellipse cx='381.5' cy='276.895' rx='381.5' ry='276.895' transform='matrix(1 -8.74228e-08 -8.74228e-08 -1 1081.66 647.994)' fill='%23DD97EC'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1031_336' x='243.658' y='233.413' width='803' height='621.581' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_336'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_336' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_1031_336' x='902.66' y='195.671' width='906' height='697.79' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_336'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_336' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter2_d_1031_336' x='654.658' y='298.736' width='640' height='503.274' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_336'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_336' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter3_d_1031_336' x='1235.66' y='-7.55431' width='1141' height='867.629' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_336'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_336' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter4_d_1031_336' x='1009.66' y='22.2033' width='907' height='697.79' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_336'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_336' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_1031_336'%3E%3Crect width='2500' height='650' fill='white' transform='matrix(1 -5.03555e-08 -1.51776e-07 -1 0 650)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
section.colorful-background.color-2::after {
aspect-ratio: 25/8;
background-image: url("data:image/svg+xml,%3Csvg width='2500' height='800' viewBox='0 0 2500 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9' clip-path='url(%23clip0_1031_343)'%3E%3Cmask id='mask0_1031_343' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='107' y='195' width='2453' height='1298'%3E%3Cpath d='M1062 244.5C1324.5 376.5 1344 386 1630 354.5C1902.5 416.5 1762.4 622.548 2027 609L2559.84 1492.16L107.796 1292.8L456.5 198C628.397 164.424 571.79 523.173 746.001 518C839.748 515.216 976.529 201.52 1062 244.5Z' fill='%23111028'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1031_343)'%3E%3Cg filter='url(%23filter0_d_1031_343)'%3E%3Cellipse cx='1854.5' cy='800.395' rx='329.5' ry='351.107' transform='rotate(-180 1854.5 800.395)' fill='%23F792A1'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d_1031_343)'%3E%3Cellipse cx='1525' cy='809.467' rx='248' ry='264.13' transform='rotate(-180 1525 809.467)' fill='%23EE2A47'/%3E%3C/g%3E%3Cg filter='url(%23filter2_d_1031_343)'%3E%3Cellipse cx='693.5' cy='626.977' rx='498.5' ry='531.996' transform='rotate(-180 693.5 626.977)' fill='%23F36D81'/%3E%3C/g%3E%3Cg filter='url(%23filter3_d_1031_343)'%3E%3Cellipse cx='1036.5' cy='545.87' rx='381.5' ry='407.134' transform='rotate(-180 1036.5 545.87)' fill='%23DD97EC'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1031_343' x='1453' y='377.288' width='803' height='846.214' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_343'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_343' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_1031_343' x='1205' y='473.337' width='640' height='672.261' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_343'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_343' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter2_d_1031_343' x='123' y='22.9808' width='1141' height='1207.99' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_343'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_343' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter3_d_1031_343' x='583' y='66.7354' width='907' height='958.269' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_343'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_343' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_1031_343'%3E%3Crect width='2500' height='800' fill='white' transform='translate(2500 800) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
section.colorful-background.color-3::after, section.colorful-background.color-3-flip::after {
aspect-ratio: 250/65;
background-image: url("data:image/svg+xml,%3Csvg width='2500' height='650' viewBox='0 0 2500 650' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1031_349)'%3E%3Cmask id='mask0_1031_349' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='-60' y='74' width='2453' height='1142'%3E%3Cpath d='M886.054 384.069C1152 279.19 1316.53 325.505 1441.35 307.859C1641.67 186.69 1498.5 85.0363 1763.1 74.875L2392.2 1215.12L-59.8444 1065.6L402.306 235.641C574.203 210.459 406.744 181.093 580.954 177.214C674.702 175.126 801.377 417.462 886.054 384.069Z' fill='%23111028'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1031_349)'%3E%3Cg filter='url(%23filter0_d_1031_349)'%3E%3Cellipse cx='1687.2' cy='600.204' rx='329.5' ry='238.79' transform='rotate(-180 1687.2 600.204)' fill='%23F9B3BD'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d_1031_349)'%3E%3Cellipse cx='976.699' cy='600.567' rx='381' ry='276.895' transform='rotate(-180 976.699 600.567)' fill='%23DCDEE0'/%3E%3C/g%3E%3Cg filter='url(%23filter2_d_1031_349)'%3E%3Cellipse cx='1357.7' cy='606.373' rx='248' ry='179.637' transform='rotate(-180 1357.7 606.373)' fill='%23EE2A47'/%3E%3C/g%3E%3Cg filter='url(%23filter3_d_1031_349)'%3E%3Cellipse cx='526.2' cy='482.26' rx='498.5' ry='361.814' transform='rotate(-180 526.2 482.26)' fill='%23EE2643'/%3E%3C/g%3E%3Cg filter='url(%23filter4_d_1031_349)'%3E%3Cellipse cx='869.204' cy='427.099' rx='381.5' ry='276.895' transform='rotate(-180 869.204 427.099)' fill='%23EC97D6'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1031_349' x='1285.7' y='289.414' width='803' height='621.581' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_349'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_349' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_1031_349' x='523.699' y='251.672' width='906' height='697.79' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_349'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_349' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter2_d_1031_349' x='1037.7' y='354.736' width='640' height='503.274' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_349'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_349' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter3_d_1031_349' x='-44.2998' y='48.4453' width='1141' height='867.629' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_349'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_349' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter4_d_1031_349' x='415.704' y='78.2039' width='907' height='697.79' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='36'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.788235 0 0 0 0 0.698039 0 0 0 0 0.780392 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1031_349'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1031_349' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_1031_349'%3E%3Crect width='2500' height='650' fill='white' transform='matrix(1 -5.03555e-08 -1.51776e-07 -1 0 650)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
section.colorful-background.color-3-flip::after {
transform: translateX(-50%) rotateY(180deg);
}
section ul li {
list-style-type: disc;
list-style-position: inside;
}
section ul li::marker {
color: var(--black);
}
section ol li {
list-style-type: decimal;
list-style-position: inside;
}
section ol li::marker {
color: var(--black);
}
.visual-noise {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://146037018.fs1.hubspotusercontent-eu1.net/hubfs/146037018/website-2025-the-animation-school/noise-tas.webp);
background-position: 50%;
background-repeat: repeat;
background-size: auto;
pointer-events: none;
z-index: 0;
opacity: 0.3;
mix-blend-mode: soft-light;
}
.pt-0 {
padding-top: 0;
}
.pt-sm {
padding-top: 2rem;
}
.pt-md {
padding-top: 4rem;
}
.pt-lg {
padding-top: 6rem;
}
.pt-xl {
padding-top: 8rem;
}
.pb-0 {
padding-bottom: 0;
}
.pb-sm {
padding-bottom: 2rem;
}
.pb-md {
padding-bottom: 4rem;
}
.pb-lg {
padding-bottom: 6rem;
}
.pb-xl {
padding-bottom: 8rem;
}
@media all and (max-width: 768px) {
.pt-m-0 {
padding-top: 0 !important;
}
}
@media all and (max-width: 768px) {
.pt-m-sm {
padding-top: 2rem !important;
}
}
@media all and (max-width: 768px) {
.pt-m-md {
padding-top: 4rem !important;
}
}
@media all and (max-width: 768px) {
.pt-m-lg {
padding-top: 6rem !important;
}
}
@media all and (max-width: 768px) {
.pt-m-xl {
padding-top: 8rem !important;
}
}
@media all and (max-width: 768px) {
.pb-m-0 {
padding-bottom: 0 !important;
}
}
@media all and (max-width: 768px) {
.pb-m-sm {
padding-bottom: 2rem !important;
}
}
@media all and (max-width: 768px) {
.pb-m-md {
padding-bottom: 4rem !important;
}
}
@media all and (max-width: 768px) {
.pb-m-lg {
padding-bottom: 6rem !important;
}
}
@media all and (max-width: 768px) {
.pb-m-xl {
padding-bottom: 8rem !important;
}
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
overflow-wrap: break-word;
margin: 0;
}
h1,
.h1 {
font-family: var(--heading_1_classic_font);
color: var(--heading_1_classic_color);
font-size: var(--heading_1_classic_size_desktop);
font-weight: var(--heading_1_classic_weight_desktop);
line-height: var(--heading_1_classic_height_desktop);
}
@media screen and (max-width: 768px) {
h1,
.h1 {
font-size: var(--heading_1_classic_size_tablet);
font-weight: var(--heading_1_classic_weight_tablet);
line-height: var(--heading_1_classic_height_tablet);
}
}
@media screen and (max-width: 450px) {
h1,
.h1 {
font-size: var(--heading_1_classic_size_mobile);
font-weight: var(--heading_1_classic_weight_mobile);
line-height: var(--heading_1_classic_height_mobile);
}
}
h1 strong,
.h1 strong {
font-style: italic;
font-family: var(--heading_1_highlight_font);
color: var(--heading_1_highlight_color);
font-size: var(--heading_1_highlight_size_desktop);
font-weight: var(--heading_1_highlight_weight_desktop);
line-height: var(--heading_1_highlight_height_desktop);
}
@media screen and (max-width: 768px) {
h1 strong,
.h1 strong {
font-size: var(--heading_1_highlight_size_tablet);
font-weight: var(--heading_1_highlight_weight_tablet);
line-height: var(--heading_1_highlight_height_tablet);
}
}
@media screen and (max-width: 450px) {
h1 strong,
.h1 strong {
font-size: var(--heading_1_highlight_size_mobile);
font-weight: var(--heading_1_highlight_weight_mobile);
line-height: var(--heading_1_highlight_height_mobile);
}
}
h2,
.h2 {
font-family: var(--heading_2_classic_font);
color: var(--heading_2_classic_color);
font-size: var(--heading_2_classic_size_desktop);
font-weight: var(--heading_2_classic_weight_desktop);
line-height: var(--heading_2_classic_height_desktop);
}
@media screen and (max-width: 768px) {
h2,
.h2 {
font-size: var(--heading_2_classic_size_tablet);
font-weight: var(--heading_2_classic_weight_tablet);
line-height: var(--heading_2_classic_height_tablet);
}
}
@media screen and (max-width: 450px) {
h2,
.h2 {
font-size: var(--heading_2_classic_size_mobile);
font-weight: var(--heading_2_classic_weight_mobile);
line-height: var(--heading_2_classic_height_mobile);
}
}
h2 strong,
.h2 strong {
font-style: italic;
font-family: var(--heading_2_highlight_font);
color: var(--heading_2_highlight_color);
font-size: var(--heading_2_highlight_size_desktop);
font-weight: var(--heading_2_highlight_weight_desktop);
line-height: var(--heading_2_highlight_height_desktop);
}
@media screen and (max-width: 768px) {
h2 strong,
.h2 strong {
font-size: var(--heading_2_highlight_size_tablet);
font-weight: var(--heading_2_highlight_weight_tablet);
line-height: var(--heading_2_highlight_height_tablet);
}
}
@media screen and (max-width: 450px) {
h2 strong,
.h2 strong {
font-size: var(--heading_2_highlight_size_mobile);
font-weight: var(--heading_2_highlight_weight_mobile);
line-height: var(--heading_2_highlight_height_mobile);
}
}
h3,
.h3 {
font-family: var(--heading_3_font);
color: var(--heading_3_color);
font-size: var(--heading_3_size_desktop);
font-weight: var(--heading_3_weight_desktop);
line-height: var(--heading_3_height_desktop);
}
@media screen and (max-width: 768px) {
h3,
.h3 {
font-size: var(--heading_3_size_tablet);
font-weight: var(--heading_3_weight_tablet);
line-height: var(--heading_3_height_tablet);
}
}
@media screen and (max-width: 450px) {
h3,
.h3 {
font-size: var(--heading_3_size_mobile);
font-weight: var(--heading_3_weight_mobile);
line-height: var(--heading_3_height_mobile);
}
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: var(--heading_4_font);
color: var(--heading_4_color);
font-size: var(--heading_4_size_desktop);
font-weight: var(--heading_4_weight_desktop);
line-height: var(--heading_4_height_desktop);
}
@media screen and (max-width: 768px) {
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-size: var(--heading_4_size_tablet);
font-weight: var(--heading_4_weight_tablet);
line-height: var(--heading_4_height_tablet);
}
}
@media screen and (max-width: 450px) {
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-size: var(--heading_4_size_mobile);
font-weight: var(--heading_4_weight_mobile);
line-height: var(--heading_4_height_mobile);
}
}
p, a {
font-family: var(--paragraph_classic_font);
color: var(--paragraph_classic_color);
font-size: var(--paragraph_classic_size_desktop);
font-weight: var(--paragraph_classic_weight_desktop);
line-height: var(--paragraph_classic_height_desktop);
}
@media screen and (max-width: 768px) {
p, a {
font-size: var(--paragraph_classic_size_tablet);
font-weight: var(--paragraph_classic_weight_tablet);
line-height: var(--paragraph_classic_height_tablet);
}
}
@media screen and (max-width: 450px) {
p, a {
font-size: var(--paragraph_classic_size_mobile);
font-weight: var(--paragraph_classic_weight_mobile);
line-height: var(--paragraph_classic_height_mobile);
}
}
p.small, a.small {
font-family: var(--paragraph_small_font);
color: var(--paragraph_small_color);
font-size: var(--paragraph_small_size_desktop);
font-weight: var(--paragraph_small_weight_desktop);
line-height: var(--paragraph_small_height_desktop);
}
@media screen and (max-width: 768px) {
p.small, a.small {
font-size: var(--paragraph_small_size_tablet);
font-weight: var(--paragraph_small_weight_tablet);
line-height: var(--paragraph_small_height_tablet);
}
}
@media screen and (max-width: 450px) {
p.small, a.small {
font-size: var(--paragraph_small_size_mobile);
font-weight: var(--paragraph_small_weight_mobile);
line-height: var(--paragraph_small_height_mobile);
}
}
.dark-mode h1,
.dark-mode .h1 {
color: var(--heading_1_classic_color_dark);
}
.dark-mode h1 strong,
.dark-mode .h1 strong {
color: var(--heading_1_highlight_color_dark);
}
.dark-mode h2,
.dark-mode .h2 {
color: var(--heading_2_classic_color_dark);
}
.dark-mode h2 strong,
.dark-mode .h2 strong {
color: var(--heading_2_highlight_color_dark);
}
.dark-mode h3,
.dark-mode .h3 {
color: var(--heading_3_color_dark);
}
.dark-mode h4,
.dark-mode .h4,
.dark-mode h5,
.dark-mode .h5,
.dark-mode h6,
.dark-mode .h6 {
color: var(--heading_4_color_dark);
}
.dark-mode p, .dark-mode a {
color: var(--paragraph_classic_color_dark);
}
.dark-mode p.small, .dark-mode a.small {
color: var(--paragraph_small_color_dark);
}
.label {
width: fit-content;
padding: 0.375rem 1rem;
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: center;
border-radius: 10rem;
background-color: var(--black);
text-transform: uppercase;
transform: rotate(-2deg);
letter-spacing: 0.1em;
font-family: var(--title_label_font);
color: var(--white);
font-size: var(--title_label_size_desktop);
font-weight: var(--title_label_weight_desktop);
line-height: var(--title_label_height_desktop);
}
.label::before {
content: "";
width: 3px;
height: 3px;
background-color: var(--white);
border-radius: 10rem;
}
@media screen and (max-width: 768px) {
.label {
font-size: var(--title_label_size_tablet);
font-weight: var(--title_label_weight_tablet);
line-height: var(--title_label_height_tablet);
}
}
@media screen and (max-width: 450px) {
.label {
font-size: var(--title_label_size_mobile);
font-weight: var(--title_label_weight_mobile);
line-height: var(--title_label_height_mobile);
}
}
.dark-mode .label {
background-color: var(--white);
color: var(--black);
}
.dark-mode .label::before {
background-color: var(--black);
}
a:not([href]),
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
.cover img {
object-fit: cover;
width: 100%;
height: 100%;
object-position: center;
}
.gsap-global-start .gsap-animation-target {
opacity: 0;
}
.gsap-global-start .gsap-animation-target[data-gsap-direction=left-right] {
transform: translateX(-4rem);
}
.gsap-global-start .gsap-animation-target[data-gsap-direction=right-left] {
transform: translateX(4rem);
}
.gsap-global-start .gsap-animation-target[data-gsap-direction=bottom-top] {
transform: translateY(4rem);
}
img:not([src]) {
visibility: hidden;
}
/**
* Components
*/
article.post-lg {
width: 100%;
text-decoration: none;
color: inherit;
padding: 1rem;
background-color: white;
border-radius: 0.5rem;
}
article.post-lg a {
display: flex;
flex-direction: column;
gap: 1rem;
height: 100%;
}
article.post-lg .image {
width: 100%;
height: auto;
aspect-ratio: 373/235;
overflow: hidden;
border-radius: 0.25rem;
flex-shrink: 0;
}
article.post-lg .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
article.post-lg .text-content {
display: flex;
flex-direction: column;
height: 100%;
}
article.post-lg .text-content .wrapper-info {
width: 100%;
display: flex;
flex-direction: row;
gap: 1rem;
row-gap: 0.5rem;
align-items: center;
flex-wrap: wrap;
margin-bottom: 1rem;
}
article.post-lg .text-content .wrapper-info .tags {
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: center;
flex-wrap: wrap;
}
article.post-lg .text-content .wrapper-info .publish {
font-size: 14px;
font-weight: 600;
}
article.post-lg .text-content .title {
margin-bottom: 0.5rem;
}
article.post-lg .text-content .text {
margin-bottom: 1rem;
}
article.post-lg .text-content .btn {
width: fit-content;
margin-top: auto;
}
article.post-md {
position: relative;
width: 100%;
}
article.post-md a {
width: 100%;
flex-direction: row;
display: flex;
height: 100%;
}
@media screen and (max-width: 768px) {
article.post-md a {
flex-direction: column;
}
}
article.post-md a .image {
position: absolute;
top: 1rem;
left: 1rem;
width: calc(33.3333333333% + 2rem);
height: calc(100% - 2rem);
aspect-ratio: unset;
}
@media screen and (max-width: 992px) {
article.post-md a .image {
display: none;
}
}
@media screen and (max-width: 768px) {
article.post-md a .image {
display: block;
position: relative;
top: unset;
left: unset;
width: 100%;
height: auto;
aspect-ratio: 224/142;
}
}
article.post-md a .text-content {
width: calc(66.6666666667% - 3.5rem);
height: fit-content;
margin-left: auto;
}
@media screen and (max-width: 992px) {
article.post-md a .text-content {
width: 100%;
margin-left: unset;
}
}
article.post-md a .text-content .title {
margin-bottom: 1rem;
}
article.post-md a .text-content .btn {
margin-top: unset;
}
article.post-sm {
width: 100%;
text-decoration: none;
color: inherit;
border-radius: 0.5rem;
background-color: white;
padding: 1rem;
padding-left: 4.25rem;
position: relative;
counter-increment: list;
}
article.post-sm::before {
content: counter(list);
width: 2.25rem;
height: 2.25rem;
background-color: var(--black);
border-radius: 50%;
position: absolute;
top: 1rem;
left: 1rem;
color: white;
font-size: 18px;
font-weight: 500;
line-height: 2.25rem;
text-align: center;
}
article.post-sm .wrapper-info {
width: 100%;
display: flex;
flex-direction: row;
gap: 1rem;
row-gap: 0.5rem;
align-items: center;
flex-wrap: wrap;
margin-bottom: 1rem;
}
article.post-sm .wrapper-info .tags {
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: center;
flex-wrap: wrap;
}
article.post-sm .wrapper-info .publish {
font-size: 14px;
font-weight: 600;
}
.wrapper-breadcrumb {
position: relative;
overflow: hidden;
}
.wrapper-breadcrumb ul.breadcrumb {
display: flex;
}
.wrapper-breadcrumb ul.breadcrumb li {
position: relative;
list-style-type: none;
}
.wrapper-breadcrumb ul.breadcrumb li a {
font-size: 16px;
line-height: 150%;
font-weight: 300;
text-decoration: none;
color: var(--black);
transition: all 0.3s cubic-bezier(0, 0.55, 0.45, 1);
}
.wrapper-breadcrumb ul.breadcrumb li a:hover {
color: var(--black);
}
.wrapper-breadcrumb ul.breadcrumb li a::first-letter {
text-transform: uppercase;
}
.wrapper-breadcrumb ul.breadcrumb li span {
font-weight: 500;
color: var(--black);
}
.wrapper-breadcrumb ul.breadcrumb li + li {
padding-left: 1rem;
margin-left: 0.5rem;
}
.wrapper-breadcrumb ul.breadcrumb li + li:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 8px;
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M1 1L4 4L1 7' stroke='%237F818C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.wrapper-breadcrumb-website {
position: relative;
}
.wrapper-breadcrumb-website:before {
content: "";
position: absolute;
width: 100vw;
height: 1px;
left: 0;
top: 0;
background: #bebfc4;
}
.wrapper-breadcrumb-website .wrapper-hs-menu ul {
padding: 0;
list-style: none;
display: inline-block !important;
}
.wrapper-breadcrumb-website .wrapper-hs-menu ul.active-branch {
margin: 0;
}
.wrapper-breadcrumb-website .wrapper-hs-menu ul.active-branch:not(:first-child):before {
content: "";
padding-left: 0.5rem;
padding-right: 1.5rem;
width: 5px;
height: 8px;
display: inline-block;
background-repeat: no-repeat;
background-position: 40% 60%;
background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L1 7' stroke='%237F818C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.wrapper-breadcrumb-website .wrapper-hs-menu ul li {
display: inline-block;
}
.wrapper-breadcrumb-website .wrapper-hs-menu ul li:not(.active-branch) {
display: none;
}
.wrapper-breadcrumb-website .wrapper-hs-menu ul li.active a {
color: #7f818c;
}
.wrapper-breadcrumb-website .wrapper-hs-menu ul li a {
color: #7f818c;
text-decoration: none;
transition: color 0.3s cubic-bezier(0, 0.55, 0.45, 1);
font-size: 16px;
font-weight: 500;
}
.wrapper-breadcrumb-website .wrapper-hs-menu ul li a:hover {
color: #7f818c;
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.wrapper-breadcrumb-website .wrapper-hs-menu ul li a {
font-size: 12px;
}
.wrapper-breadcrumb-website .wrapper-hs-menu ul.active-branch:not(:first-child):before {
padding-right: 0.5rem;
padding-left: 0.25rem;
background-position: 38% 60%;
background-size: 4px 6px;
}
}
.ctas,
.wrapper-buttons {
display: flex;
flex-direction: row;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
}
.btn {
font-family: var(--primary_font);
font-size: 0.75rem;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
cursor: pointer;
position: relative;
display: inline-block;
text-align: center;
white-space: normal;
vertical-align: middle;
text-decoration: none;
user-select: none;
appearance: none;
letter-spacing: 0.15em;
transition: background-color 300ms, padding 300ms, border-radius 300ms, border 300ms, box-shadow 300ms;
}
@media screen and (hover: hover) {
.btn:hover span::before {
transform: translateY(-100%);
}
.btn:hover span::after {
transform: translateY(0);
}
}
.btn.primary:not(.video-btn) {
background-color: var(--btn_p_back_color);
padding: var(--btn_p_padding);
border-radius: var(--btn_p_radius);
border: var(--btn_p_border);
box-shadow: var(--btn_p_shadow);
--before-color: var(--btn_p_text_color);
--after-color: var(--btn_p_hover_text_color);
}
@media screen and (hover: hover) {
.btn.primary:not(.video-btn):hover {
background-color: var(--btn_p_hover_back_color);
padding: var(--btn_p_hover_padding);
border-radius: var(--btn_p_hover_radius);
border: var(--btn_p_hover_border);
box-shadow: var(--btn_p_hover_shadow);
}
}
.btn.secondary {
background-color: var(--btn_s_back_color);
padding: var(--btn_s_padding);
border-radius: var(--btn_s_radius);
border: var(--btn_s_border);
box-shadow: var(--btn_s_shadow);
--before-color: var(--btn_s_text_color);
--after-color: var(--btn_s_hover_text_color);
}
@media screen and (hover: hover) {
.btn.secondary:hover {
background-color: var(--btn_s_hover_back_color);
padding: var(--btn_s_hover_padding);
border-radius: var(--btn_s_hover_radius);
border: var(--btn_s_hover_border);
box-shadow: var(--btn_s_hover_shadow);
}
}
.btn.video-btn.primary {
background-color: var(--btn_p_back_color_dark);
padding: var(--btn_p_padding);
padding-left: var(--btn_p_vid_padding);
border-radius: var(--btn_p_radius);
border: var(--btn_p_border_dark);
box-shadow: var(--btn_p_shadow_dark);
--before-color: var(--btn_p_text_color_dark);
--after-color: var(--btn_p_text_color_dark);
}
@media screen and (hover: hover) {
.btn.video-btn.primary:hover {
padding: var(--btn_p_hover_padding);
padding-left: var(--btn_p_vid_hover_padding);
border-radius: var(--btn_p_hover_radius);
border: var(--btn_p_hover_border_dark);
box-shadow: var(--btn_p_hover_shadow_dark);
}
.btn.video-btn.primary:hover::before {
background-color: var(--btn_p_hover_back_color_dark);
}
}
.btn.video-btn.secondary {
padding-left: var(--btn_s_vid_padding);
}
@media screen and (hover: hover) {
.btn.video-btn.secondary:hover {
padding-left: var(--btn_s_vid_hover_padding);
}
.btn.video-btn.secondary:hover::before {
background-color: var(--after-color);
}
}
.btn.video-btn::before {
content: "";
width: 2rem;
height: 2rem;
flex-shrink: 0;
mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0ZM13.5986 12.3418C13.332 12.1894 13 12.3823 13 12.6895V19.3105C13 19.6177 13.332 19.8106 13.5986 19.6582L19.3926 16.3477C19.6612 16.1941 19.6612 15.8059 19.3926 15.6523L13.5986 12.3418Z' fill='black'/%3E%3C/svg%3E%0A");
mask-position: 50%;
mask-repeat: no-repeat;
mask-size: contain;
background-color: var(--before-color);
position: absolute;
top: 50%;
left: 0.5rem;
transform: translateY(-50%);
transition: background-color 300ms;
}
.btn span {
display: block;
margin-bottom: -2px;
color: transparent;
overflow: hidden;
position: relative;
}
.btn span::before, .btn span::after {
content: attr(data-text);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
color: var(--before-color);
transition: transform 300ms;
}
.btn span::after {
color: var(--after-color);
transform: translateY(100%);
}
.dark-mode .btn.primary:not(.video-btn) {
background-color: var(--btn_p_back_color_dark);
border: var(--btn_p_border_dark);
box-shadow: var(--btn_p_shadow_dark);
--before-color: var(--btn_p_text_color_dark);
--after-color: var(--btn_p_hover_text_color_dark);
}
@media screen and (hover: hover) {
.dark-mode .btn.primary:not(.video-btn):hover {
background-color: var(--btn_p_hover_back_color_dark);
border: var(--btn_p_hover_border_dark);
box-shadow: var(--btn_p_hover_shadow_dark);
}
}
.dark-mode .btn.secondary:not(.video-btn) {
background-color: var(--btn_s_back_color_dark);
border: var(--btn_s_border_dark);
box-shadow: var(--btn_s_shadow_dark);
--before-color: var(--btn_s_text_color_dark);
--after-color: var(--btn_s_hover_text_color_dark);
}
@media screen and (hover: hover) {
.dark-mode .btn.secondary:not(.video-btn):hover {
background-color: var(--btn_s_hover_back_color_dark);
border: var(--btn_s_hover_border_dark);
box-shadow: var(--btn_s_hover_shadow_dark);
}
}
@media screen and (hover: hover) {
a:hover .btn.primary:not(.video-btn) {
background-color: var(--btn_p_hover_back_color);
padding: var(--btn_p_hover_padding);
border-radius: var(--btn_p_hover_radius);
border: var(--btn_p_hover_border);
box-shadow: var(--btn_p_hover_shadow);
}
a:hover .btn.secondary:not(.video-btn) {
background-color: var(--btn_s_hover_back_color);
padding: var(--btn_s_hover_padding);
border-radius: var(--btn_s_hover_radius);
border: var(--btn_s_hover_border);
box-shadow: var(--btn_s_hover_shadow);
}
a:hover .btn span::before {
transform: translateY(-100%);
}
a:hover .btn span::after {
transform: translateY(0);
}
}
.slider-controls {
display: flex;
flex-direction: row;
gap: 1rem;
align-items: center;
}
.slider-arrow-prev, .slider-arrow-next,
.swiper-button-prev, .swiper-button-next {
width: 4rem;
height: 2.5rem;
flex-shrink: 0;
border-radius: 10rem;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--red);
cursor: pointer;
transition: background-color 300ms, opacity 300ms, box-shadow 300ms;
}
.slider-arrow-prev.swiper-button-disabled, .slider-arrow-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
background-color: var(--black);
opacity: 0.2;
pointer-events: none;
}
.slider-arrow-prev:hover, .slider-arrow-next:hover,
.swiper-button-prev:hover, .swiper-button-next:hover {
box-shadow: 0 4px 16px 0 rgba(231, 18, 50, 0.3215686275);
background-color: var(--red_highlight);
}
.slider-arrow-prev::before, .slider-arrow-next::before,
.swiper-button-prev::before, .swiper-button-next::before {
content: "";
width: 14px;
height: 12px;
mask-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.69629 0.889653C7.98918 0.59676 8.46492 0.59676 8.75781 0.889653L13.5303 5.66309C13.8232 5.95598 13.8232 6.43074 13.5303 6.72364L8.75781 11.4971C8.46492 11.79 7.98918 11.79 7.69629 11.4971C7.4034 11.2042 7.4034 10.7284 7.69629 10.4356L11.1895 6.94336H1C0.585786 6.94336 0.25 6.60758 0.25 6.19336C0.25 5.77915 0.585786 5.44336 1 5.44336H11.1895L7.69629 1.95118C7.4034 1.65828 7.4034 1.18255 7.69629 0.889653Z' fill='white'/%3E%3C/svg%3E%0A");
mask-position: 50%;
mask-repeat: no-repeat;
mask-size: contain;
background-color: var(--white);
}
.slider-arrow-prev::before,
.swiper-button-prev::before {
transform: rotateZ(180deg);
}
/* BANNIERE COOKIES */
/*body {
div#hs-eu-cookie-confirmation {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 650px;
@media screen and (max-width: $mobile-l) {
max-width: calc(100% - 30px);
}
&::before {
content: '';
position: absolute;
width: 100vw;
height: 100vh;
top: 50%;
left: 50%;
transform: translate(-50vw, -50vh);
background-color: rgba(0, 0, 0, 0.35);
backdrop-filter: blur(5px);
}
div#hs-eu-cookie-confirmation-inner {
position: relative;
border-radius: 5px;
padding: 90px 15px 30px 45px;
@media screen and (max-width: $mobile-l) {
padding: 60px 15px 15px !important;
}
p {
font-family: var(--primary_font);
font-size: 16px;
line-height: 150%;
color: #7f818c !important;
a {
color: var(--black);
font-weight: 500 !important;
&:hover {
color: var(--black);
font-weight: 500 !important;
}
}
}
&::after {
content: '';
width: 32px;
height: 31px;
top: 30px;
left: 45px;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='31' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.756 25.971c.512 0 .927.416.927.928v2.754a.927.927 0 11-1.855 0v-2.754c0-.512.415-.928.928-.928zM28.756.029c.512 0 .927.415.927.928V14.84a.928.928 0 11-1.855 0V.957c0-.513.415-.928.928-.928z' fill='%232954FF'/%3E%3Cpath d='M28.754 24.116a3.246 3.246 0 100-6.493 3.246 3.246 0 000 6.493z' fill='%23BFCCFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.158 15.768c.512 0 .928.416.928.928v12.957a.928.928 0 01-1.855 0V16.696c0-.512.415-.928.927-.928zM17.158.029c.512 0 .928.415.928.928v3.68a.928.928 0 11-1.855 0V.958c0-.513.415-.928.927-.928z' fill='%232954FF'/%3E%3Cpath d='M17.157 13.913a3.246 3.246 0 100-6.493 3.246 3.246 0 000 6.493z' fill='%23BFCCFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.564 24.116c.513 0 .928.416.928.928v4.638a.927.927 0 11-1.855 0v-4.638c0-.512.415-.928.927-.928zM5.564 0c.513 0 .928.415.928.928v7.42a.928.928 0 11-1.855 0V.928c0-.513.415-.928.927-.928z' fill='%232954FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16.696a5.565 5.565 0 1111.13 0 5.565 5.565 0 01-11.13 0z' fill='%232954FF' fill-opacity='.3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.568 13.913a2.783 2.783 0 100 5.565 2.783 2.783 0 000-5.565z' fill='%232954FF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
@media screen and (max-width: $mobile-l) {
left: 15px;
top: 15px;
}
}
#hs-en-cookie-confirmation-buttons-area {
flex-direction: column-reverse !important;
#hs-eu-cookie-confirmation-button-group {
flex-direction: column;
width: 100%;
a#hs-eu-confirmation-button,
a#hs-eu-decline-button {
font-family: var(--primary_font);
width: 100%;
display: block;
text-align: center;
border-radius: 5px;
font-size: 20px;
line-height: 150%;
margin: 6px 0px !important;
padding: 15px 30px !important;
font-weight: bold !important;
}
a#hs-eu-confirmation-button {
background-color: var(--black) !important;
border: 2px solid var(--black) !important;
}
}
a#hs-eu-cookie-settings-button {
font-family: var(--primary_font);
font-size: 16px;
line-height: 150%;
text-decoration: underline !important;
font-weight: bold !important;
color: rgba(0, 0, 0, 0.5) !important;
}
}
}
}
}
*/
form.hsfc-Form .hsfc-Step .hsfc-Step__Content {
padding: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-ErrorAlert {
font-family: var(--paragraph_classic_font);
color: var(--error_state);
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
margin-top: 0.25rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row {
margin-bottom: 1.25rem;
gap: 1.5rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownOptions {
border: 1px solid rgba(10, 8, 28, 0.08);
border-radius: 0.25rem;
background-color: var(--beige_light);
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownOptions .hsfc-DropdownOptions__Search {
padding: 0.5rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownOptions .hsfc-DropdownOptions__List .hsfc-DropdownOptions__List__ListItem {
background-color: transparent;
padding: 0.5rem 0.75rem;
color: var(--black);
font-family: var(--paragraph_classic_font);
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownOptions .hsfc-DropdownOptions__List .hsfc-DropdownOptions__List__ListItem:hover {
background-color: var(--beige);
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField > .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField > .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField > .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField > .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField > .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField > .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField > .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField > .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup > .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup > .hsfc-FieldLabel {
width: fit-content;
margin-bottom: 0.5rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField > .hsfc-FieldLabel span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField > .hsfc-FieldLabel span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField > .hsfc-FieldLabel span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField > .hsfc-FieldLabel span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField > .hsfc-FieldLabel span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField > .hsfc-FieldLabel span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField > .hsfc-FieldLabel span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField > .hsfc-FieldLabel span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup > .hsfc-FieldLabel span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup > .hsfc-FieldLabel span span {
color: var(--black);
font-family: var(--paragraph_classic_font);
font-weight: 700;
font-size: 14px;
line-height: 1.5;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField > .hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField > .hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField > .hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField > .hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField > .hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField > .hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField > .hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField > .hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup > .hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup > .hsfc-FieldLabel span span.hsfc-FieldLabel__RequiredIndicator {
color: var(--black);
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-FieldDescription,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-FieldDescription,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-FieldDescription,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-FieldDescription,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-FieldDescription,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-FieldDescription,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-FieldDescription,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-FieldDescription,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-FieldDescription,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-FieldDescription {
color: var(--black);
font-family: var(--paragraph_classic_font);
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 0.25rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextareaInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextareaInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextareaInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextareaInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextareaInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextareaInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextareaInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextareaInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextareaInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextareaInput {
background-color: var(--beige_light);
border: 1px solid rgba(10, 8, 28, 0.08);
border-radius: 0.25rem;
padding: 12px;
color: var(--black);
font-family: var(--paragraph_classic_font);
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
margin: unset;
transition: 0.35s;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextareaInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextareaInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextareaInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextareaInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextareaInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextareaInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextareaInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextareaInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextareaInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextInput:hover,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextareaInput:hover {
box-shadow: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextareaInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextareaInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextareaInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextareaInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextareaInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextareaInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextareaInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextareaInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextareaInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextInput[aria-invalid=true],
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextareaInput[aria-invalid=true] {
border-color: var(--error_state);
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 15.4572C10.6937 15.4572 10.8561 15.3917 10.9872 15.2606C11.1183 15.1296 11.1839 14.9673 11.1839 14.7736C11.1839 14.5797 11.1183 14.4173 10.9872 14.2864C10.8561 14.1553 10.6937 14.0897 10.5 14.0897C10.3063 14.0897 10.1439 14.1553 10.0128 14.2864C9.88167 14.4173 9.81611 14.5797 9.81611 14.7736C9.81611 14.9673 9.88167 15.1296 10.0128 15.2606C10.1439 15.3917 10.3063 15.4572 10.5 15.4572ZM10.5008 11.7819C10.6584 11.7819 10.7903 11.7287 10.8964 11.6222C11.0025 11.5157 11.0556 11.3838 11.0556 11.2264V5.67083C11.0556 5.51343 11.0022 5.38148 10.8956 5.275C10.7889 5.16852 10.6568 5.11528 10.4992 5.11528C10.3416 5.11528 10.2097 5.16852 10.1036 5.275C9.9975 5.38148 9.94444 5.51343 9.94444 5.67083V11.2264C9.94444 11.3838 9.99778 11.5157 10.1044 11.6222C10.2111 11.7287 10.3432 11.7819 10.5008 11.7819ZM10.5036 20.5C9.12083 20.5 7.82074 20.2376 6.60333 19.7128C5.38611 19.188 4.32722 18.4757 3.42667 17.5761C2.52611 16.6765 1.81324 15.6185 1.28806 14.4022C0.762685 13.1861 0.5 11.8866 0.5 10.5036C0.5 9.12083 0.762407 7.82074 1.28722 6.60333C1.81204 5.38611 2.52426 4.32722 3.42389 3.42667C4.32352 2.52611 5.38148 1.81324 6.59778 1.28806C7.81389 0.762685 9.11343 0.5 10.4964 0.5C11.8792 0.5 13.1793 0.762408 14.3967 1.28722C15.6139 1.81204 16.6728 2.52426 17.5733 3.42389C18.4739 4.32352 19.1868 5.38148 19.7119 6.59778C20.2373 7.81389 20.5 9.11343 20.5 10.4964C20.5 11.8792 20.2376 13.1793 19.7128 14.3967C19.188 15.6139 18.4757 16.6728 17.5761 17.5733C16.6765 18.4739 15.6185 19.1868 14.4022 19.7119C13.1861 20.2373 11.8866 20.5 10.5036 20.5ZM10.5 19.3889C12.9815 19.3889 15.0833 18.5278 16.8056 16.8056C18.5278 15.0833 19.3889 12.9815 19.3889 10.5C19.3889 8.01852 18.5278 5.91667 16.8056 4.19444C15.0833 2.47222 12.9815 1.61111 10.5 1.61111C8.01852 1.61111 5.91667 2.47222 4.19444 4.19444C2.47222 5.91667 1.61111 8.01852 1.61111 10.5C1.61111 12.9815 2.47222 15.0833 4.19444 16.8056C5.91667 18.5278 8.01852 19.3889 10.5 19.3889Z' fill='%23980000'/%3E%3C/svg%3E%0A");
background-position: calc(100% - 1rem) 50%;
background-repeat: no-repeat;
background-size: 21px;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextInput:focus, form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextareaInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextareaInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextareaInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextareaInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextareaInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextareaInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextareaInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextareaInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextareaInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextareaInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextareaInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextareaInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextareaInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextareaInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextareaInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextareaInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextareaInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextareaInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextInput:focus-visible,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextareaInput:focus,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextareaInput:focus-visible {
border: 1px solid rgba(10, 8, 28, 0.26);
outline-offset: 0;
outline: none !important;
box-shadow: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextField .hsfc-TextareaInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-EmailField .hsfc-TextareaInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-TextareaInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-TextareaInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DateField .hsfc-TextareaInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-TextareaInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-TextareaInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextareaInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-TextareaInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextInput::placeholder,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-TextareaInput::placeholder {
opacity: 1;
color: #6F6D79;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-NumberField .hsfc-NumberInput {
margin: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-PhoneInput {
margin: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-PhoneInput .hsfc-PhoneInput__FlagAndCaret {
border: 1px solid rgba(10, 8, 28, 0.08);
border-right: unset;
border-radius: 0.25rem 0 0 0.25rem;
background-color: var(--beige_light);
padding: 0 0.75rem;
gap: 0.5rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-PhoneInput .hsfc-PhoneInput__FlagAndCaret .hsfc-PhoneInput__FlagAndCaret__Caret {
border: unset;
width: 13px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.10131 7.39778C6.88164 7.61746 6.52554 7.61746 6.30586 7.39778L0.571001 1.66291C0.351333 1.44323 0.351333 1.08713 0.571001 0.867456L0.836171 0.602256C1.05584 0.382581 1.41199 0.382581 1.63167 0.602256L6.70359 5.67421L11.7755 0.602256C11.9952 0.382581 12.3513 0.382581 12.571 0.602256L12.8362 0.867456C13.0559 1.08713 13.0559 1.44323 12.8362 1.66291L7.10131 7.39778Z' fill='%2319192F'/%3E%3C/svg%3E%0A");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-PhoneInput .hsfc-DropdownOptions {
border: 1px solid rgba(10, 8, 28, 0.08);
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-PhoneField .hsfc-PhoneInput > .hsfc-TextInput {
border-radius: 0 0.25rem 0.25rem 0;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-DropdownInput {
margin: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-DropdownInput .hsfc-TextInput[aria-invalid=true] {
background-position: calc(100% - 2.25rem) 50%;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-DropdownInput .hsfc-DropdownInput__Caret {
padding: 0 1rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DropdownField .hsfc-DropdownInput .hsfc-DropdownInput__Caret span {
border: unset;
width: 13px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.10131 7.39778C6.88164 7.61746 6.52554 7.61746 6.30586 7.39778L0.571001 1.66291C0.351333 1.44323 0.351333 1.08713 0.571001 0.867456L0.836171 0.602256C1.05584 0.382581 1.41199 0.382581 1.63167 0.602256L6.70359 5.67421L11.7755 0.602256C11.9952 0.382581 12.3513 0.382581 12.571 0.602256L12.8362 0.867456C13.0559 1.08713 13.0559 1.44323 12.8362 1.66291L7.10131 7.39778Z' fill='%2319192F'/%3E%3C/svg%3E%0A");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-FileInput {
color: var(--black);
font-family: var(--paragraph_classic_font);
font-weight: 500;
font-size: 1rem;
line-height: 1.5;
cursor: pointer;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-FileField .hsfc-InfoAlert {
color: var(--black);
font-family: var(--paragraph_classic_font);
font-weight: 500;
font-size: 1rem;
line-height: 1.5;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-TextareaField .hsfc-TextareaInput {
margin: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-CheckboxFieldGroup__Options,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-RadioFieldGroup__Options {
display: flex;
flex-direction: row;
gap: 1rem;
flex-wrap: wrap;
margin: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup .hsfc-CheckboxFieldGroup__Options > div,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup .hsfc-RadioFieldGroup__Options > div {
margin: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel {
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: center;
margin: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel .hsfc-CheckboxInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel .hsfc-RadioInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel .hsfc-CheckboxInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel .hsfc-RadioInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel .hsfc-CheckboxInput,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel .hsfc-RadioInput {
display: none;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel .hsfc-CheckboxInput:checked + span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel .hsfc-RadioInput:checked + span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel .hsfc-CheckboxInput:checked + span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel .hsfc-RadioInput:checked + span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel .hsfc-CheckboxInput:checked + span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel .hsfc-RadioInput:checked + span::after {
opacity: 1;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel > span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel > span {
position: relative;
padding-left: 1.75rem;
cursor: pointer;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span::before, form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel > span::before,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel > span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel > span::before,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel > span::after {
content: "";
width: 1.25rem;
height: 1.25rem;
border: 1px solid var(--black);
position: absolute;
top: 0.125rem;
left: 0;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel > span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel > span::after {
opacity: 0;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel > span span,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel > span span {
color: var(--black);
font-family: var(--paragraph_classic_font);
font-weight: 400;
font-size: 0.875rem;
line-height: 1.5;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span::before, form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel > span::before,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel > span::after {
border-radius: 0.25rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span::after,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-FieldLabel > span::after {
border: unset;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5C1 3.29086 2.79086 1.5 5 1.5H17C19.2091 1.5 21 3.29086 21 5.5V17.5C21 19.7091 19.2091 21.5 17 21.5H5C2.79086 21.5 1 19.7091 1 17.5V5.5Z' fill='%233256A7'/%3E%3Cpath d='M1 5.5C1 3.29086 2.79086 1.5 5 1.5H17C19.2091 1.5 21 3.29086 21 5.5V17.5C21 19.7091 19.2091 21.5 17 21.5H5C2.79086 21.5 1 19.7091 1 17.5V5.5Z' stroke='%233256A7' stroke-width='1.5'/%3E%3Cpath d='M9.2586 13.7539L15.2987 7.71381C15.4412 7.57127 15.6075 7.5 15.7976 7.5C15.9876 7.5 16.1539 7.57127 16.2965 7.71381C16.439 7.85635 16.5103 8.02561 16.5103 8.2216C16.5103 8.41759 16.439 8.58686 16.2965 8.7294L9.75749 15.2862C9.61495 15.4287 9.44865 15.5 9.2586 15.5C9.06855 15.5 8.90225 15.4287 8.75971 15.2862L5.69512 12.2216C5.55259 12.0791 5.48429 11.9098 5.49022 11.7138C5.49616 11.5178 5.5704 11.3486 5.71294 11.206C5.85548 11.0635 6.02475 10.9922 6.22074 10.9922C6.41673 10.9922 6.58599 11.0635 6.72853 11.206L9.2586 13.7539Z' fill='white'/%3E%3C/svg%3E%0A");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel > span::before, form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel > span::after {
border-radius: 10rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel > span::after {
background-color: var(--black);
transform: scale(0.5);
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-Heading,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RichText {
color: var(--black);
font-family: var(--paragraph_classic_font);
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-Heading a,
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-RichText a {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-decoration: underline;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-Row {
margin-bottom: 0.75rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-Row .hsfc-DataPrivacyField .hsfc-RichText {
font-size: 0.875rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-NavigationRow {
margin-top: 2rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-NavigationRow .hsfc-NavigationRow__Alerts {
margin-bottom: 2rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-NavigationRow .hsfc-NavigationRow__Alerts .hsfc-ErrorAlert {
margin-top: unset;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-NavigationRow .hsfc-NavigationRow__Buttons {
justify-content: space-between;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-NavigationRow .hsfc-NavigationRow__Buttons .hsfc-Button {
width: fit-content;
padding: 1rem 1.5rem;
color: var(--white);
background-color: var(--red);
letter-spacing: 0.15em;
border-radius: 50px;
text-transform: uppercase;
font-size: 0.75rem;
}
form.hsfc-Form .hsfc-Step .hsfc-Step__Content .hsfc-NavigationRow .hsfc-NavigationRow__Buttons .hsfc-Button:hover {
transform: translateY(0px);
}
[data-hsfc-id=Renderer] .hsfc-PostSubmit .hsfc-Step .hsfc-Step__Content {
padding: unset;
}
[data-hsfc-id=Renderer] .hsfc-PostSubmit .hsfc-Step .hsfc-Step__Content .hsfc-RichText {
color: var(--black);
font-family: var(--paragraph_classic_font);
}
[data-hsfc-id=Renderer] .hsfc-PostSubmit .hsfc-Step .hsfc-Step__Content .hsfc-RichText a {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-decoration: underline;
}
.menu-burger {
width: 40px;
height: 40px;
cursor: pointer;
display: none;
}
@media (max-width: 1280px) {
.menu-burger {
display: block;
}
}
.menu-burger.active .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.menu-burger.active .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
.menu-burger.active .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.menu-burger .line {
fill: none;
stroke: black;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-burger .line1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.menu-burger .line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.menu-burger .line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.container-blog-pagination {
width: 100%;
display: flex;
flex-direction: row;
gap: 0.75rem;
align-items: center;
justify-content: center;
}
.container-blog-pagination p, .container-blog-pagination a {
font-family: var(--primary_font);
font-size: 20px;
font-weight: 700;
line-height: 1.5;
color: var(--black);
}
.container-blog-pagination .pagination-button {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 5.25C13.4142 5.25 13.75 5.58579 13.75 6C13.75 6.41421 13.4142 6.75 13 6.75V5.25ZM0.46967 6.53033C0.176777 6.23744 0.176777 5.76256 0.46967 5.46967L5.24264 0.696699C5.53553 0.403806 6.01041 0.403806 6.3033 0.696699C6.59619 0.989593 6.59619 1.46447 6.3033 1.75736L2.06066 6L6.3033 10.2426C6.59619 10.5355 6.59619 11.0104 6.3033 11.3033C6.01041 11.5962 5.53553 11.5962 5.24264 11.3033L0.46967 6.53033ZM13 6V6.75H1V6V5.25H13V6Z' fill='white'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: 0.75rem;
cursor: pointer;
flex-shrink: 0;
width: 4rem;
height: 2.5rem;
border-radius: 0.25rem;
border-radius: 50px;
background-color: var(--red);
}
.container-blog-pagination .pagination-button.next {
transform: rotate(180deg);
}
.container-blog-pagination .pagination-button.disabled {
pointer-events: none;
opacity: 0.2;
background-color: var(--black);
}
.container-blog-pagination .pagination-button.hidden-arrow {
display: none;
}
.container-blog-pagination .wrapper-numbers {
display: flex;
flex-direction: row;
gap: 1rem;
}
.container-blog-pagination .wrapper-numbers .pagination-number {
width: 4rem;
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color 300ms, color 300ms;
border: 1px solid var(--black);
border-radius: 50px;
letter-spacing: 0.15rem;
font-size: 0.75rem;
}
.container-blog-pagination .wrapper-numbers .pagination-number.active, .container-blog-pagination .wrapper-numbers .pagination-number:not(.scroller-trigger):hover {
background-color: var(--black);
color: white;
}
.container-blog-pagination .wrapper-numbers .pagination-number.active {
pointer-events: none;
}
.container-blog-pagination .wrapper-numbers .select-scroller {
width: 4rem;
height: 2.5rem;
border-radius: 50px;
position: relative;
z-index: 20;
}
.container-blog-pagination .wrapper-numbers .select-scroller.active .numbers-scroller {
opacity: 1;
pointer-events: all;
z-index: 1;
transition: opacity 300ms, z-index 300ms;
}
.container-blog-pagination .wrapper-numbers .select-scroller .pagination-number {
padding: 0.25rem 1.5rem 0.25rem 0.5rem;
text-align: center;
position: relative;
}
.container-blog-pagination .wrapper-numbers .select-scroller .scroller-arrow {
width: 20px;
height: 20px;
mask-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.667969 1.16675L4.33444 4.83322L8.00091 1.16675' stroke='%23000519' stroke-width='1.72839'/%3E%3C/svg%3E");
mask-position: 50%;
mask-repeat: no-repeat;
mask-size: 9px;
background-color: var(--black);
flex-shrink: 0;
cursor: pointer;
}
.container-blog-pagination .wrapper-numbers .select-scroller > .scroller-arrow {
position: absolute;
top: 11px;
right: 10px;
pointer-events: none;
}
.container-blog-pagination .wrapper-numbers .select-scroller .numbers-scroller {
width: 100%;
height: fit-content;
max-height: 250px;
min-height: 2.5rem;
border-radius: 1.25rem;
background-color: #f4f3ef;
padding: 0.5rem 0;
display: flex;
flex-direction: row;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
opacity: 0;
pointer-events: none;
z-index: -1;
transition: opacity 300ms, z-index 0ms 300ms;
border: 1px solid var(--black);
}
.container-blog-pagination .wrapper-numbers .select-scroller .numbers-scroller .wrapper-scroller {
display: flex;
flex-direction: column;
overflow: scroll;
width: 100%;
-ms-overflow-style: none;
scrollbar-width: none;
}
.container-blog-pagination .wrapper-numbers .select-scroller .numbers-scroller .wrapper-scroller::-webkit-scrollbar {
display: none;
}
.container-blog-pagination .wrapper-numbers .select-scroller .numbers-scroller .wrapper-scroller .number-item {
padding: 0.25rem 1.5rem 0.25rem 0.5rem;
text-align: center;
cursor: pointer;
transition: color 300ms;
font-size: 0.75rem;
}
.container-blog-pagination .wrapper-numbers .select-scroller .numbers-scroller .scroller-controls {
position: absolute;
top: 10px;
right: 8px;
width: 25px;
height: 100%;
display: flex;
flex-direction: column;
gap: 0.5rem;
align-items: center;
}
.container-blog-pagination .wrapper-numbers .select-scroller .numbers-scroller .scroller-controls .scroller-arrow {
transform: rotate(180deg);
background-color: var(--black);
}
.container-blog-pagination .wrapper-numbers .select-scroller .numbers-scroller .scroller-controls .scroll-bar {
width: 3px;
height: 100%;
border-radius: 0.25rem;
background-color: var(--black);
position: relative;
transition: opacity 300ms;
}
.container-blog-pagination .wrapper-numbers .select-scroller .numbers-scroller .scroller-controls .scroll-bar.hidden {
opacity: 0;
pointer-events: none;
z-index: -1;
}
.container-blog-pagination .wrapper-numbers .select-scroller .numbers-scroller .scroller-controls .scroll-bar .scroll-handle {
width: 100%;
height: 44px;
background-color: var(--black);
border-radius: 0.5rem;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 425px) {
.container-blog-pagination {
justify-content: center;
}
.container-blog-pagination .pagination-button {
display: none;
}
}
.richtext a:not(.btn) {
text-decoration: underline;
}
.richtext ul li, .richtext ol li {
padding-left: 2rem;
position: relative;
list-style-type: none;
}
.richtext ul li::before, .richtext ol li::before {
content: "";
width: 1.5rem;
height: 1.5rem;
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87869 15.1819L19.0711 5.9895L20.4853 7.40371L9.87869 18.0103L3.51471 11.6464L4.92892 10.2322L9.87869 15.1819Z' fill='%232954FF'/%3E%3C/svg%3E%0A");
mask-position: 50%;
mask-repeat: no-repeat;
mask-size: contain;
background-color: var(--black);
position: absolute;
top: 0;
left: 0;
}
.richtext ul li + li, .richtext ol li + li {
margin-top: 0.5rem;
}
.richtext ul li > ul, .richtext ul li > ol, .richtext ol li > ul, .richtext ol li > ol {
padding-left: 0.25rem;
margin-top: 0.5rem;
}
#hs_cos_wrapper_post_body a:not(.btn) {
text-decoration: underline;
color: var(--red);
font-weight: 700;
}
#hs_cos_wrapper_post_body ul li, #hs_cos_wrapper_post_body ol li {
padding-left: 2.25rem;
position: relative;
list-style-type: none;
}
#hs_cos_wrapper_post_body ul li::before, #hs_cos_wrapper_post_body ol li::before {
content: "";
width: 1.5rem;
height: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='4' fill='white'/%3E%3Cpath d='M7.5 12L10.3232 14.8232C10.4209 14.9209 10.5791 14.9209 10.6768 14.8232L16.5 9' stroke='%230A081C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 0;
}
#hs_cos_wrapper_post_body ul li + li, #hs_cos_wrapper_post_body ol li + li {
margin-top: 1rem;
}
#hs_cos_wrapper_post_body ul li > ul, #hs_cos_wrapper_post_body ul li > ol, #hs_cos_wrapper_post_body ol li > ul, #hs_cos_wrapper_post_body ol li > ol {
padding-left: 2.25rem;
margin-top: 1rem;
}
#hs_cos_wrapper_post_body img, .richtext img {
border-radius: 0.5rem;
}
#hs_cos_wrapper_post_body blockquote, #hs_cos_wrapper_post_body pre, .richtext blockquote, .richtext pre {
display: block;
padding: 0.75rem 1.25rem;
border-radius: 0.25rem;
background-color: var(--white);
}
#hs_cos_wrapper_post_body h1 + h1, #hs_cos_wrapper_post_body h1 + h2, #hs_cos_wrapper_post_body h1 + h3, #hs_cos_wrapper_post_body h1 + h4, #hs_cos_wrapper_post_body h1 + h5, #hs_cos_wrapper_post_body h1 + h6,
#hs_cos_wrapper_post_body h2 + h1, #hs_cos_wrapper_post_body h2 + h2, #hs_cos_wrapper_post_body h2 + h3, #hs_cos_wrapper_post_body h2 + h4, #hs_cos_wrapper_post_body h2 + h5, #hs_cos_wrapper_post_body h2 + h6, .richtext h1 + h1, .richtext h1 + h2, .richtext h1 + h3, .richtext h1 + h4, .richtext h1 + h5, .richtext h1 + h6,
.richtext h2 + h1, .richtext h2 + h2, .richtext h2 + h3, .richtext h2 + h4, .richtext h2 + h5, .richtext h2 + h6 {
margin-top: 1.5rem;
}
#hs_cos_wrapper_post_body h3 + h1, #hs_cos_wrapper_post_body h3 + h2, #hs_cos_wrapper_post_body h3 + h3, #hs_cos_wrapper_post_body h3 + h4, #hs_cos_wrapper_post_body h3 + h5, #hs_cos_wrapper_post_body h3 + h6,
#hs_cos_wrapper_post_body h4 + h1, #hs_cos_wrapper_post_body h4 + h2, #hs_cos_wrapper_post_body h4 + h3, #hs_cos_wrapper_post_body h4 + h4, #hs_cos_wrapper_post_body h4 + h5, #hs_cos_wrapper_post_body h4 + h6,
#hs_cos_wrapper_post_body h5 + h1, #hs_cos_wrapper_post_body h5 + h2, #hs_cos_wrapper_post_body h5 + h3, #hs_cos_wrapper_post_body h5 + h4, #hs_cos_wrapper_post_body h5 + h5, #hs_cos_wrapper_post_body h5 + h6,
#hs_cos_wrapper_post_body h6 + h1, #hs_cos_wrapper_post_body h6 + h2, #hs_cos_wrapper_post_body h6 + h3, #hs_cos_wrapper_post_body h6 + h4, #hs_cos_wrapper_post_body h6 + h5, #hs_cos_wrapper_post_body h6 + h6, .richtext h3 + h1, .richtext h3 + h2, .richtext h3 + h3, .richtext h3 + h4, .richtext h3 + h5, .richtext h3 + h6,
.richtext h4 + h1, .richtext h4 + h2, .richtext h4 + h3, .richtext h4 + h4, .richtext h4 + h5, .richtext h4 + h6,
.richtext h5 + h1, .richtext h5 + h2, .richtext h5 + h3, .richtext h5 + h4, .richtext h5 + h5, .richtext h5 + h6,
.richtext h6 + h1, .richtext h6 + h2, .richtext h6 + h3, .richtext h6 + h4, .richtext h6 + h5, .richtext h6 + h6 {
margin-top: 1rem;
}
#hs_cos_wrapper_post_body h1 + p,
#hs_cos_wrapper_post_body h2 + p, .richtext h1 + p,
.richtext h2 + p {
margin-top: 1.5rem;
}
#hs_cos_wrapper_post_body h3 + p,
#hs_cos_wrapper_post_body h4 + p,
#hs_cos_wrapper_post_body h5 + p,
#hs_cos_wrapper_post_body h6 + p, .richtext h3 + p,
.richtext h4 + p,
.richtext h5 + p,
.richtext h6 + p {
margin-top: 1rem;
}
#hs_cos_wrapper_post_body h1 + ol, #hs_cos_wrapper_post_body h1 + ul,
#hs_cos_wrapper_post_body h2 + ol, #hs_cos_wrapper_post_body h2 + ul, .richtext h1 + ol, .richtext h1 + ul,
.richtext h2 + ol, .richtext h2 + ul {
margin-top: 1.5rem;
}
#hs_cos_wrapper_post_body h3 + ol, #hs_cos_wrapper_post_body h3 + ul,
#hs_cos_wrapper_post_body h4 + ol, #hs_cos_wrapper_post_body h4 + ul,
#hs_cos_wrapper_post_body h5 + ol, #hs_cos_wrapper_post_body h5 + ul,
#hs_cos_wrapper_post_body h6 + ol, #hs_cos_wrapper_post_body h6 + ul, .richtext h3 + ol, .richtext h3 + ul,
.richtext h4 + ol, .richtext h4 + ul,
.richtext h5 + ol, .richtext h5 + ul,
.richtext h6 + ol, .richtext h6 + ul {
margin-top: 1rem;
}
#hs_cos_wrapper_post_body h1 + img, #hs_cos_wrapper_post_body h1 + p > img,
#hs_cos_wrapper_post_body h2 + img, #hs_cos_wrapper_post_body h2 + p > img,
#hs_cos_wrapper_post_body h3 + img, #hs_cos_wrapper_post_body h3 + p > img,
#hs_cos_wrapper_post_body h4 + img, #hs_cos_wrapper_post_body h4 + p > img,
#hs_cos_wrapper_post_body h5 + img, #hs_cos_wrapper_post_body h5 + p > img,
#hs_cos_wrapper_post_body h6 + img, #hs_cos_wrapper_post_body h6 + p > img, .richtext h1 + img, .richtext h1 + p > img,
.richtext h2 + img, .richtext h2 + p > img,
.richtext h3 + img, .richtext h3 + p > img,
.richtext h4 + img, .richtext h4 + p > img,
.richtext h5 + img, .richtext h5 + p > img,
.richtext h6 + img, .richtext h6 + p > img {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body h1 + pre,
#hs_cos_wrapper_post_body h2 + pre,
#hs_cos_wrapper_post_body h3 + pre,
#hs_cos_wrapper_post_body h4 + pre,
#hs_cos_wrapper_post_body h5 + pre,
#hs_cos_wrapper_post_body h6 + pre, .richtext h1 + pre,
.richtext h2 + pre,
.richtext h3 + pre,
.richtext h4 + pre,
.richtext h5 + pre,
.richtext h6 + pre {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body h1 + blockquote,
#hs_cos_wrapper_post_body h2 + blockquote,
#hs_cos_wrapper_post_body h3 + blockquote,
#hs_cos_wrapper_post_body h4 + blockquote,
#hs_cos_wrapper_post_body h5 + blockquote,
#hs_cos_wrapper_post_body h6 + blockquote, .richtext h1 + blockquote,
.richtext h2 + blockquote,
.richtext h3 + blockquote,
.richtext h4 + blockquote,
.richtext h5 + blockquote,
.richtext h6 + blockquote {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body h1 + section,
#hs_cos_wrapper_post_body h2 + section,
#hs_cos_wrapper_post_body h3 + section,
#hs_cos_wrapper_post_body h4 + section,
#hs_cos_wrapper_post_body h5 + section,
#hs_cos_wrapper_post_body h6 + section, .richtext h1 + section,
.richtext h2 + section,
.richtext h3 + section,
.richtext h4 + section,
.richtext h5 + section,
.richtext h6 + section {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body p + h1, #hs_cos_wrapper_post_body p + h2, #hs_cos_wrapper_post_body p + h3, #hs_cos_wrapper_post_body p + h4, #hs_cos_wrapper_post_body p + h5, #hs_cos_wrapper_post_body p + h6, .richtext p + h1, .richtext p + h2, .richtext p + h3, .richtext p + h4, .richtext p + h5, .richtext p + h6 {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body p + p, .richtext p + p {
margin-top: 1rem;
}
#hs_cos_wrapper_post_body p + ol, #hs_cos_wrapper_post_body p + ul, .richtext p + ol, .richtext p + ul {
margin-top: 1rem;
}
#hs_cos_wrapper_post_body p + img, #hs_cos_wrapper_post_body p + p > img, .richtext p + img, .richtext p + p > img {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body p + pre, .richtext p + pre {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body p + blockquote, .richtext p + blockquote {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body p + section, .richtext p + section {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body ul + h1, #hs_cos_wrapper_post_body ul + h2, #hs_cos_wrapper_post_body ul + h3, #hs_cos_wrapper_post_body ul + h4, #hs_cos_wrapper_post_body ul + h5, #hs_cos_wrapper_post_body ul + h6,
#hs_cos_wrapper_post_body ol + h1, #hs_cos_wrapper_post_body ol + h2, #hs_cos_wrapper_post_body ol + h3, #hs_cos_wrapper_post_body ol + h4, #hs_cos_wrapper_post_body ol + h5, #hs_cos_wrapper_post_body ol + h6, .richtext ul + h1, .richtext ul + h2, .richtext ul + h3, .richtext ul + h4, .richtext ul + h5, .richtext ul + h6,
.richtext ol + h1, .richtext ol + h2, .richtext ol + h3, .richtext ol + h4, .richtext ol + h5, .richtext ol + h6 {
margin-top: 4.5rem;
}
#hs_cos_wrapper_post_body ul + p,
#hs_cos_wrapper_post_body ol + p, .richtext ul + p,
.richtext ol + p {
margin-top: 1rem;
}
#hs_cos_wrapper_post_body ul + ol, #hs_cos_wrapper_post_body ul + ul,
#hs_cos_wrapper_post_body ol + ol, #hs_cos_wrapper_post_body ol + ul, .richtext ul + ol, .richtext ul + ul,
.richtext ol + ol, .richtext ol + ul {
margin-top: 1rem;
}
#hs_cos_wrapper_post_body ul + img, #hs_cos_wrapper_post_body ul + p > img,
#hs_cos_wrapper_post_body ol + img, #hs_cos_wrapper_post_body ol + p > img, .richtext ul + img, .richtext ul + p > img,
.richtext ol + img, .richtext ol + p > img {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body ul + pre,
#hs_cos_wrapper_post_body ol + pre, .richtext ul + pre,
.richtext ol + pre {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body ul + blockquote,
#hs_cos_wrapper_post_body ol + blockquote, .richtext ul + blockquote,
.richtext ol + blockquote {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body ul + section,
#hs_cos_wrapper_post_body ol + section, .richtext ul + section,
.richtext ol + section {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body img + h1, #hs_cos_wrapper_post_body img + h2, #hs_cos_wrapper_post_body img + h3, #hs_cos_wrapper_post_body img + h4, #hs_cos_wrapper_post_body img + h5, #hs_cos_wrapper_post_body img + h6,
#hs_cos_wrapper_post_body p > img + h1, #hs_cos_wrapper_post_body p > img + h2, #hs_cos_wrapper_post_body p > img + h3, #hs_cos_wrapper_post_body p > img + h4, #hs_cos_wrapper_post_body p > img + h5, #hs_cos_wrapper_post_body p > img + h6, .richtext img + h1, .richtext img + h2, .richtext img + h3, .richtext img + h4, .richtext img + h5, .richtext img + h6,
.richtext p > img + h1, .richtext p > img + h2, .richtext p > img + h3, .richtext p > img + h4, .richtext p > img + h5, .richtext p > img + h6 {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body img + p,
#hs_cos_wrapper_post_body p > img + p, .richtext img + p,
.richtext p > img + p {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body img + ol, #hs_cos_wrapper_post_body img + ul,
#hs_cos_wrapper_post_body p > img + ol, #hs_cos_wrapper_post_body p > img + ul, .richtext img + ol, .richtext img + ul,
.richtext p > img + ol, .richtext p > img + ul {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body img + img, #hs_cos_wrapper_post_body img + p > img,
#hs_cos_wrapper_post_body p > img + img, #hs_cos_wrapper_post_body p > img + p > img, .richtext img + img, .richtext img + p > img,
.richtext p > img + img, .richtext p > img + p > img {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body img + pre,
#hs_cos_wrapper_post_body p > img + pre, .richtext img + pre,
.richtext p > img + pre {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body img + blockquote,
#hs_cos_wrapper_post_body p > img + blockquote, .richtext img + blockquote,
.richtext p > img + blockquote {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body img + section,
#hs_cos_wrapper_post_body p > img + section, .richtext img + section,
.richtext p > img + section {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body pre + h1, #hs_cos_wrapper_post_body pre + h2, #hs_cos_wrapper_post_body pre + h3, #hs_cos_wrapper_post_body pre + h4, #hs_cos_wrapper_post_body pre + h5, #hs_cos_wrapper_post_body pre + h6, .richtext pre + h1, .richtext pre + h2, .richtext pre + h3, .richtext pre + h4, .richtext pre + h5, .richtext pre + h6 {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body pre + p, .richtext pre + p {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body pre + ol, #hs_cos_wrapper_post_body pre + ul, .richtext pre + ol, .richtext pre + ul {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body pre + img, #hs_cos_wrapper_post_body pre + p > img, .richtext pre + img, .richtext pre + p > img {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body pre + pre, .richtext pre + pre {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body pre + blockquote, .richtext pre + blockquote {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body pre + section, .richtext pre + section {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body blockquote + h1, #hs_cos_wrapper_post_body blockquote + h2, #hs_cos_wrapper_post_body blockquote + h3, #hs_cos_wrapper_post_body blockquote + h4, #hs_cos_wrapper_post_body blockquote + h5, #hs_cos_wrapper_post_body blockquote + h6, .richtext blockquote + h1, .richtext blockquote + h2, .richtext blockquote + h3, .richtext blockquote + h4, .richtext blockquote + h5, .richtext blockquote + h6 {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body blockquote + p, .richtext blockquote + p {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body blockquote + ol, #hs_cos_wrapper_post_body blockquote + ul, .richtext blockquote + ol, .richtext blockquote + ul {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body blockquote + img, #hs_cos_wrapper_post_body blockquote + p > img, .richtext blockquote + img, .richtext blockquote + p > img {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body blockquote + pre, .richtext blockquote + pre {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body blockquote + blockquote, .richtext blockquote + blockquote {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body blockquote + section, .richtext blockquote + section {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body section + h1, #hs_cos_wrapper_post_body section + h2, #hs_cos_wrapper_post_body section + h3, #hs_cos_wrapper_post_body section + h4, #hs_cos_wrapper_post_body section + h5, #hs_cos_wrapper_post_body section + h6, .richtext section + h1, .richtext section + h2, .richtext section + h3, .richtext section + h4, .richtext section + h5, .richtext section + h6 {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body section + p, .richtext section + p {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body section + ol, #hs_cos_wrapper_post_body section + ul, .richtext section + ol, .richtext section + ul {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body section + img, #hs_cos_wrapper_post_body section + p > img, .richtext section + img, .richtext section + p > img {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body section + pre, .richtext section + pre {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body section + blockquote, .richtext section + blockquote {
margin-top: 2.5rem;
}
#hs_cos_wrapper_post_body section + section, .richtext section + section {
margin-top: 2.5rem;
}
.switch-language {
background-color: var(--black);
border-radius: 1rem;
padding: 0.25rem 1.5rem 0.25rem 0.5rem;
font-size: 14px;
position: relative;
transition: 0.35s;
min-width: 70px;
}
@media (max-width: 1280px) {
.switch-language {
padding: 0 1.5rem 0.75rem 1rem;
border-radius: 0.5rem;
margin-top: 2rem;
transition: 0s;
}
}
.switch-language.active {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.switch-language.active .lang_switcher_class .globe_class:after {
transform: translateY(-50%) rotate(-180deg);
}
.switch-language.active .lang_switcher_class .globe_class .lang_list_class {
pointer-events: inherit;
opacity: 1;
top: 100%;
visibility: visible;
}
.switch-language span.lang {
text-transform: capitalize;
}
.switch-language .lang_switcher_class {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.switch-language .lang_switcher_class .globe_class {
width: 100%;
height: 100%;
background-image: none;
position: relative;
}
.switch-language .lang_switcher_class .globe_class:after {
content: "";
display: block;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
transition: 0.35s;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.91933 3.20046C3.96378 3.24491 4.03584 3.24491 4.0803 3.20046L6.82827 0.452523C7.08862 0.192177 7.51073 0.192179 7.77108 0.452528C8.03143 0.712877 8.03142 1.13499 7.77108 1.39533L4.20184 4.96457C4.09026 5.07615 3.90936 5.07615 3.79778 4.96457L0.228577 1.39534C-0.0317729 1.13499 -0.031772 0.712877 0.22858 0.452527C0.48893 0.192178 0.91104 0.192179 1.17139 0.452528L3.91933 3.20046Z' fill='%234E3E31'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1280px) {
.switch-language .lang_switcher_class .globe_class:after {
right: 15px;
}
}
.switch-language .lang_switcher_class .globe_class .lang_list_class {
display: block;
width: 100%;
border: none;
background-color: var(--black);
top: calc(100% - 5px);
padding: 0px;
opacity: 0;
pointer-events: none;
transition: 0.25s;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
visibility: hidden;
}
.switch-language .lang_switcher_class .globe_class .lang_list_class:before, .switch-language .lang_switcher_class .globe_class .lang_list_class:after {
display: none;
}
.switch-language .lang_switcher_class .globe_class .lang_list_class li {
border: none;
background-color: transparent;
transition: 0.35s;
text-align: left;
padding: 0.25rem 0.5rem;
}
.switch-language .lang_switcher_class .globe_class .lang_list_class li:first-child {
padding: 0.5rem 0.5rem 0.25rem 0.5rem;
}
@media (max-width: 1280px) {
.switch-language .lang_switcher_class .globe_class .lang_list_class li:first-child {
padding: 0.5rem 1.5rem 0.25rem 1rem;
}
}
.switch-language .lang_switcher_class .globe_class .lang_list_class li:last-child {
padding: 0.25rem 0.5rem 0.5rem 0.5rem;
}
@media (max-width: 1280px) {
.switch-language .lang_switcher_class .globe_class .lang_list_class li:last-child {
padding: 0.5rem 1.5rem 0.25rem 0.5rem;
}
}
.hs-video-widget {
position: relative;
}
.hs-video-widget .hsvideo-play-icon {
position: absolute;
pointer-events: none;
width: calc(16% + 1px);
height: auto;
aspect-ratio: 1/1;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #2954ff;
z-index: 1;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
}
.hs-video-widget .hsvideo-play-icon::after {
content: "\f691";
font-size: 4vw;
color: #fff;
font-family: "tabler-icons" !important;
}
.hs-video-widget[data-hsv-status=playing] + .hsvideo-play-icon {
opacity: 0;
transition-delay: 0.3s;
transition: opacity 0.3s ease-in-out;
}
/**
* Blog
*/
@media screen and (max-width: 768px) {
.blog-listing-template {
padding: 5rem 0rem;
}
}
.blog-listing-template .wrapper-hero-tag {
margin-bottom: 5rem;
}
.blog-listing-template .wrapper-hero-tag div.container h1 {
text-align: center;
}
.blog-listing-template .wrapper-tags {
width: 100%;
margin-bottom: 3rem;
}
.blog-listing-template .wrapper-tags .container {
display: flex;
flex-direction: row;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
}
.blog-listing-template .wrapper-tags .container a.tag {
background-color: var(--black);
font-size: 1rem;
padding: 0.75rem 1rem;
}
.blog-listing-template .wrapper-tags .container a.tag:hover {
background-color: var(--black);
}
.blog-listing-template .wrapper-blog-listing .container {
display: flex;
flex-direction: row;
gap: 2rem;
}
@media screen and (max-width: 992px) {
.blog-listing-template .wrapper-blog-listing .container {
flex-direction: column;
}
}
.blog-listing-template .wrapper-blog-listing .container > .posts {
width: calc(66.6666666667% - 1rem);
display: flex;
flex-direction: row;
gap: 2rem;
flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
.blog-listing-template .wrapper-blog-listing .container > .posts {
width: 100%;
order: 2;
}
}
@media screen and (max-width: 768px) {
.blog-listing-template .wrapper-blog-listing .container > .posts {
flex-direction: column;
}
}
.blog-listing-template .wrapper-blog-listing .container > .posts article {
width: calc(50% - 1rem);
}
@media screen and (max-width: 768px) {
.blog-listing-template .wrapper-blog-listing .container > .posts article {
width: 100%;
}
}
.blog-listing-template .wrapper-blog-listing .container .sidebar {
width: calc(33.3333333333% - 1rem);
}
@media screen and (max-width: 992px) {
.blog-listing-template .wrapper-blog-listing .container .sidebar {
width: 100%;
order: 1;
}
}
.blog-post-template {
padding: 7.5rem 0;
overflow: visible;
}
.blog-post-template .container {
display: flex;
flex-direction: row;
gap: 7.5rem;
max-width: 75rem;
position: relative;
z-index: 2;
}
@media screen and (max-width: 950px) {
.blog-post-template .container {
flex-direction: column-reverse;
gap: 4.5rem;
}
}
.blog-post-template .container .side-bar-wrapper {
width: 16.6666666667%;
flex-shrink: 0;
}
@media screen and (max-width: 950px) {
.blog-post-template .container .side-bar-wrapper {
width: 100%;
}
}
.blog-post-template .container .side-bar-wrapper .side-bar {
width: 100%;
height: fit-content;
position: sticky;
top: 7.5rem;
left: 0;
display: flex;
flex-direction: column;
gap: 1rem;
}
.blog-post-template .container .side-bar-wrapper .side-bar .socials {
display: flex;
flex-direction: row;
gap: 0.75rem;
}
.blog-post-template .container .side-bar-wrapper .side-bar .socials .social {
width: 2rem;
height: 2rem;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--beige_dark);
border-radius: 0.25rem;
cursor: pointer;
transition: background-color 300ms;
}
.blog-post-template .container .side-bar-wrapper .side-bar .socials .social:hover {
background-color: var(--black);
}
.blog-post-template .container .side-bar-wrapper .side-bar .socials .social:hover::before {
background-color: var(--white);
}
.blog-post-template .container .side-bar-wrapper .side-bar .socials .social::before {
content: "";
width: 1rem;
height: 1rem;
background-color: var(--black);
mask-position: 50%;
mask-repeat: no-repeat;
mask-size: contain;
transition: background-color 300ms;
}
.blog-post-template .container .side-bar-wrapper .side-bar .socials .social.copy::before {
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.47096 8.663C6.77328 9.06717 7.15899 9.40159 7.60193 9.64359C8.04486 9.88559 8.53466 10.0295 9.0381 10.0655C9.54154 10.1016 10.0469 10.029 10.5198 9.85256C10.9927 9.67615 11.4221 9.40011 11.7789 9.04314L13.8908 6.93122C14.532 6.26737 14.8868 5.37824 14.8788 4.45535C14.8708 3.53245 14.5006 2.64962 13.848 1.99701C13.1953 1.3444 12.3125 0.974217 11.3896 0.966198C10.4667 0.958178 9.5776 1.31296 8.91375 1.95413L7.70291 3.15793M9.28685 7.25505C8.98453 6.85088 8.59882 6.51645 8.15588 6.27446C7.71295 6.03246 7.22315 5.88856 6.71971 5.8525C6.21627 5.81645 5.71096 5.88908 5.23806 6.06549C4.76516 6.2419 4.33573 6.51794 3.97889 6.8749L1.86697 8.98683C1.2258 9.65068 0.87102 10.5398 0.879039 11.4627C0.887059 12.3856 1.25724 13.2684 1.90985 13.921C2.56246 14.5737 3.44529 14.9438 4.36819 14.9519C5.29108 14.9599 6.18021 14.6051 6.84406 13.9639L8.04786 12.7601' stroke='%230A081C' stroke-width='1.40795' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.blog-post-template .container .side-bar-wrapper .side-bar .socials .social.facebook::before {
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='19' viewBox='0 0 16 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79976 9.83421V15.9592H8.53888V9.83421H10.5812L10.9699 7.30052H8.53888V5.65704C8.53888 4.96319 8.87853 4.28748 9.96733 4.28748H11.0726V2.13042C11.0726 2.13042 10.0692 1.95923 9.1105 1.95923C7.10837 1.95923 5.79976 3.17266 5.79976 5.36944V7.30052H3.57422V9.83421H5.79976Z' fill='%230A081C'/%3E%3C/svg%3E%0A");
}
.blog-post-template .container .side-bar-wrapper .side-bar .socials .social.twitter::before {
mask-image: url("data:image/svg+xml,%3Csvg width='21' height='17' viewBox='0 0 21 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.7918 16.6251C14.3371 16.6251 18.4652 10.3724 18.4652 4.95171C18.4652 4.77591 18.4613 4.59621 18.4535 4.42041C19.2566 3.83971 19.9496 3.12031 20.5 2.29621C19.7521 2.62891 18.958 2.84631 18.1449 2.94071C19.0011 2.42751 19.6421 1.62131 19.9492 0.671608C19.1438 1.14891 18.263 1.48561 17.3445 1.66731C16.7257 1.00971 15.9075 0.574408 15.0164 0.428508C14.1253 0.282608 13.211 0.434307 12.4148 0.860207C11.6186 1.28611 10.9848 1.96241 10.6115 2.78451C10.2382 3.60671 10.1462 4.52891 10.3496 5.40871C8.7187 5.32681 7.1233 4.90321 5.6667 4.16521C4.21 3.42721 2.9247 2.39131 1.8941 1.12471C1.3703 2.02781 1.21 3.09651 1.4459 4.11351C1.6817 5.13051 2.2959 6.01961 3.1637 6.60011C2.5122 6.57941 1.875 6.40401 1.3047 6.08841V6.13921C1.3041 7.08691 1.6317 8.00561 2.2319 8.73911C2.8321 9.47261 3.6678 9.97561 4.5969 10.1626C3.9934 10.3277 3.36 10.3518 2.7457 10.2329C3.0079 11.048 3.518 11.7608 4.2048 12.272C4.8916 12.7832 5.7209 13.0673 6.577 13.0845C5.1237 14.226 3.3285 14.8452 1.4805 14.8423C1.1527 14.8418 0.8253 14.8217 0.5 14.7821C2.3774 15.9866 4.5613 16.6263 6.7918 16.6251Z' fill='%230E0F30'/%3E%3C/svg%3E%0A");
}
.blog-post-template .container .side-bar-wrapper .side-bar .socials .social.linkedin::before {
mask-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.77746 14.959H4.66666V5.62565H7.77746V7.18152C8.10493 6.76462 8.52064 6.42539 8.99475 6.18818C9.46885 5.95096 9.98959 5.82165 10.5196 5.80952C11.4464 5.8147 12.3333 6.18728 12.9858 6.84552C13.6382 7.50375 14.003 8.39391 14 9.32072V14.959H10.8883V9.70898C10.828 9.28861 10.6179 8.90415 10.2967 8.62634C9.97551 8.34853 9.56479 8.19606 9.14012 8.19698C8.95017 8.20316 8.76341 8.24762 8.59104 8.32769C8.41868 8.40776 8.26425 8.52181 8.13702 8.66299C8.00978 8.80417 7.91235 8.96958 7.85056 9.14932C7.78878 9.32905 7.76392 9.51941 7.77746 9.70898V14.959ZM3.1108 14.959H5.56309e-08V5.62565H3.1108V14.959ZM1.55586 4.07072C1.35155 4.07072 1.14923 4.03047 0.960461 3.95228C0.771695 3.87409 0.600178 3.75949 0.455702 3.61502C0.311227 3.47054 0.196623 3.29902 0.118433 3.11026C0.0402437 2.92149 0 2.71917 0 2.51485C0 2.31053 0.0402437 2.10821 0.118433 1.91945C0.196623 1.73068 0.311227 1.55916 0.455702 1.41469C0.600178 1.27021 0.771695 1.15561 0.960461 1.07742C1.14923 0.999228 1.35155 0.958984 1.55586 0.958984C1.96851 0.958984 2.36425 1.12291 2.65603 1.41469C2.94781 1.70647 3.11173 2.10221 3.11173 2.51485C3.11173 2.92749 2.94781 3.32323 2.65603 3.61502C2.36425 3.9068 1.96851 4.07072 1.55586 4.07072Z' fill='white'/%3E%3C/svg%3E%0A");
}
.blog-post-template .container .post-content-wrapper {
width: 100%;
}
.blog-post-template .container .post-content-wrapper .summary-links {
background-color: var(--beige_light);
border-radius: 0.5rem;
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 1rem;
margin: 4.5rem 0;
}
.blog-post-template .container .post-content-wrapper .summary-links a {
font-weight: 400;
font-size: 0.875rem;
line-height: 1.5;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.blog-post-template .container .post-content-wrapper .summary-links a:hover {
text-decoration: underline;
}
/**
* System
*/
section.error-page {
position: relative;
z-index: 1;
overflow: hidden;
padding: 8rem 0;
}
section.error-page .wrapper {
max-width: 38rem;
margin: 0 auto;
text-align: center;
display: flex;
flex-direction: column;
gap: 0.5rem;
justify-content: center;
align-items: center;
}
section.error-page .wrapper p a {
text-decoration: underline;
}
section.error-page .wrapper .error-type {
color: var(--black);
font-weight: 500;
font-size: 6rem;
line-height: 1.3;
margin-bottom: 1rem;
}
section.error-page .wrapper .btn {
max-width: 26.25rem;
width: 100%;
margin-top: 2rem;
}
section.error-page .wrapper .under-btn-text {
margin-top: 0.75rem;
}
section.form-page {
position: relative;
z-index: 1;
overflow: hidden;
padding: 8rem 0;
}
section.form-page[data-form=member-login] .wrapper .form-separator,
section.form-page[data-form=member-login] .wrapper #hs-membership-passwordless-auth-form {
display: none;
}
section.form-page[data-form=unsubscribe] .wrapper, section.form-page[data-form=subscriptions-preferences] .wrapper, section.form-page[data-form=subscriptions-confirmation] .wrapper {
max-width: 45rem;
}
section.form-page[data-form=unsubscribe] .wrapper .page-header, section.form-page[data-form=subscriptions-preferences] .wrapper .page-header, section.form-page[data-form=subscriptions-confirmation] .wrapper .page-header {
text-align: center;
}
section.form-page[data-form=unsubscribe] .wrapper h1, section.form-page[data-form=subscriptions-preferences] .wrapper h1, section.form-page[data-form=subscriptions-confirmation] .wrapper h1 {
font-size: 2.875rem;
text-align: center;
}
section.form-page[data-form=unsubscribe] .wrapper h2, section.form-page[data-form=subscriptions-preferences] .wrapper h2, section.form-page[data-form=subscriptions-confirmation] .wrapper h2 {
font-size: 2rem;
text-align: center;
}
section.form-page[data-form=unsubscribe] .wrapper h3, section.form-page[data-form=subscriptions-preferences] .wrapper h3, section.form-page[data-form=subscriptions-confirmation] .wrapper h3 {
font-size: 1rem;
text-align: center;
margin-top: 0.5rem;
}
section.form-page[data-form=unsubscribe] .wrapper .form-container form, section.form-page[data-form=subscriptions-preferences] .wrapper .form-container form, section.form-page[data-form=subscriptions-confirmation] .wrapper .form-container form {
margin: unset;
}
section.form-page[data-form=unsubscribe] .wrapper .form-container form .email-prefs, section.form-page[data-form=subscriptions-preferences] .wrapper .form-container form .email-prefs, section.form-page[data-form=subscriptions-confirmation] .wrapper .form-container form .email-prefs {
display: flex;
flex-direction: column;
gap: 1rem;
}
section.form-page .wrapper {
max-width: 35rem;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 0.5rem;
justify-content: center;
align-items: center;
}
section.form-page .wrapper p a {
text-decoration: underline;
}
section.form-page .wrapper #hs_login_reset {
text-decoration: underline;
font-size: 0.875rem;
}
section.form-page .wrapper .form-container {
width: 100%;
padding: 2.5rem;
background-color: var(--beige);
border-radius: 0.5rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
align-items: center;
}
section.form-page .wrapper .form-container > .h4,
section.form-page .wrapper .form-container > p {
text-align: center;
}
section.form-page .wrapper .form-container > span {
width: 100%;
}
section.form-page .wrapper .form-container > span > .hs-form-field {
display: none;
}
section.form-page .wrapper .form-container form {
margin-top: 1.5rem;
width: 100%;
display: flex;
flex-direction: column;
gap: 1rem;
}
section.form-page .wrapper .form-container form input[type=text],
section.form-page .wrapper .form-container form input[type=email],
section.form-page .wrapper .form-container form input[type=password] {
width: 100%;
height: auto !important;
font-family: var(--paragraph_classic_font);
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
padding: 0.75rem 1rem;
border: 1px solid var(--black);
border-radius: 0.25rem;
background-color: transparent;
}
section.form-page .wrapper .form-container form input[type=text]::placeholder,
section.form-page .wrapper .form-container form input[type=email]::placeholder,
section.form-page .wrapper .form-container form input[type=password]::placeholder {
opacity: 1;
color: var(--black);
}
section.form-page .wrapper .form-container form input[type=checkbox] {
width: fit-content !important;
}
section.form-page .wrapper .form-container form input[type=checkbox] + label {
display: inline;
}
section.form-page .wrapper .form-container form .hs-form-field {
position: relative;
}
section.form-page .wrapper .form-container form .hs-form-field label:first-child {
display: block;
width: fit-content;
margin-bottom: 0.25rem;
font-weight: 500;
font-size: 1rem;
line-height: 1.5;
}
section.form-page .wrapper .form-container form .hs-form-field .hs-register-widget-show-password,
section.form-page .wrapper .form-container form .hs-form-field .hs-reset-widget-show-password,
section.form-page .wrapper .form-container form .hs-form-field .hs-login-widget-show-password {
position: absolute;
bottom: 0.75rem;
right: 1rem;
font-weight: 800;
font-size: 1rem;
line-height: 1.5;
}
section.form-page .wrapper .form-container form .form-input-validation-message {
margin-top: -0.75rem;
margin-bottom: unset;
font-size: 1rem;
color: var(--black);
}
section.form-page .wrapper .form-container form input[type=submit] {
width: 100%;
color: var(--white);
background-color: var(--btn_p_back_color);
padding: var(--btn_p_padding);
border-radius: var(--btn_p_radius);
border: var(--btn_p_border);
box-shadow: var(--btn_p_shadow);
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.05em;
transition: box-shadow 300ms, background-color 300ms;
cursor: pointer;
}
@media screen and (hover: hover) {
section.form-page .wrapper .form-container form input[type=submit]:hover {
background-color: var(--btn_p_hover_back_color);
padding: var(--btn_p_hover_padding);
border-radius: var(--btn_p_hover_radius);
border: var(--btn_p_hover_border);
box-shadow: var(--btn_p_hover_shadow);
}
}
section.form-page .wrapper .form-container .under-btn-text {
margin-top: 0.75rem;
}
section.form-page .wrapper .admin-link {
margin-top: 2.5rem;
}
section.search-dark-init {
position: absolute;
width: 0;
height: 0;
pointer-events: none;
background: transparent;
z-index: -1;
}
section.search-results-page .wrapper-top {
background-color: var(--black);
padding: 8rem 1.5rem;
color: var(--white);
display: flex;
flex-direction: column;
gap: 3rem;
align-items: center;
}
section.search-results-page .wrapper-top h1 {
max-width: 53rem;
width: 100%;
color: var(--white);
text-align: center;
}
section.search-results-page .wrapper-top .search-block {
max-width: 53rem;
width: 100%;
}
section.search-results-page .wrapper-top .search-block .hs-search-field .hs-search-field__bar form {
display: flex;
flex-direction: row;
gap: 1rem;
position: relative;
}
@media all and (max-width: 768px) {
section.search-results-page .wrapper-top .search-block .hs-search-field .hs-search-field__bar form {
flex-direction: column;
align-items: center;
}
}
section.search-results-page .wrapper-top .search-block .hs-search-field .hs-search-field__bar form::before {
content: "";
width: 24px;
height: 24px;
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.78753 3.78742C6.65773 0.917684 11.3113 0.917445 14.1815 3.78742C16.9125 6.51854 17.0419 10.8621 14.5757 13.7497L20.2533 19.4273C20.4588 19.6328 20.4586 19.9661 20.2533 20.1717C20.0477 20.3771 19.7144 20.3772 19.5089 20.1717L13.8376 14.5004C10.9509 17.0451 6.54648 16.9402 3.78753 14.1813C0.917419 11.311 0.91737 6.65758 3.78753 3.78742ZM4.53193 4.53181C2.07295 6.99079 2.07301 10.9778 4.53193 13.4369C6.99107 15.896 10.978 15.896 13.4371 13.4369C15.8957 10.9779 15.896 6.9908 13.4371 4.53181C10.9781 2.07303 6.99094 2.07327 4.53193 4.53181Z' fill='white'/%3E%3C/svg%3E");
mask-position: 50%;
mask-repeat: no-repeat;
mask-size: contain;
background-color: var(--black);
position: absolute;
top: 0.875rem;
left: 1rem;
}
section.search-results-page .wrapper-top .search-block .hs-search-field .hs-search-field__bar form input[type=text] {
width: 100%;
padding: 0.75rem 1rem 0.75rem 3.25rem;
border: 1px solid var(--black);
border-radius: 0.25rem;
font-family: var(--paragraph_classic_font);
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
color: var(--black);
}
section.search-results-page .wrapper-top .search-block .hs-search-field .hs-search-field__bar form input[type=text]::placeholder {
opacity: 1;
color: var(--black);
}
section.search-results-page .wrapper-top .search-block .hs-search-field .hs-search-field__bar form button {
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: center;
}
section.search-results-page .wrapper-top .search-block .hs-search-field .hs-search-field__bar form button p {
color: var(--white);
}
section.search-results-page .wrapper-search-results {
max-width: 56rem;
margin: auto;
padding: 7.5rem 1.5rem;
}
section.search-results-page .wrapper-search-results .hs-search-results > .h4 {
margin-bottom: 2rem;
}
section.search-results-page .wrapper-search-results .hs-search-results .hs-search-results__listing {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
section.search-results-page .wrapper-search-results .hs-search-results .hs-search-results__listing li {
padding: 1.25rem 0;
border-bottom: 1px solid var(--beige);
}
section.search-results-page .wrapper-search-results .hs-search-results .hs-search-results__listing li .hs-search-results__link {
display: flex;
flex-direction: column;
gap: 1rem;
}
section.search-results-page .wrapper-search-results .hs-search-results .hs-search-results__listing li .hs-search-results__link .hs-search-highlight {
color: var(--red);
}
section.search-results-page .wrapper-search-results .hs-search-results .hs-search-results__listing li .hs-search-results__link .info {
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: center;
flex-wrap: wrap;
}
section.search-results-page .wrapper-search-results .hs-search-results .hs-search-results__listing li .hs-search-results__link .info p:not(:first-child) {
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: center;
}
section.search-results-page .wrapper-search-results .hs-search-results .hs-search-results__listing li .hs-search-results__link .info p:not(:first-child)::before {
content: "";
width: 0.25rem;
height: 0.25rem;
background-color: var(--black);
border-radius: 10rem;
}
section.search-results-page .wrapper-search-results .hs-search-results .hs-search-results__pagination {
display: flex;
flex-direction: row;
gap: 2rem;
justify-content: space-between;
margin-top: 3rem;
}
section.search-results-page .wrapper-search-results .hs-search-results .hs-search-results__pagination .btn {
color: var(--white);
}
section.search-results-page .wrapper-search-results .hs-search-results .hs-search-results__pagination .btn svg {
margin-bottom: -0.125rem;
}
.whatsapp-widget {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 2147483000;
display: flex;
align-items: center;
gap: 10px;
padding: 14px 18px 14px 15px;
border-radius: 999px;
background: #25d366;
color: #ffffff;
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1;
text-decoration: none;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.whatsapp-widget:hover,
.whatsapp-widget:focus-visible {
color: #ffffff;
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}
.whatsapp-widget:focus-visible {
outline: 3px solid #ffffff;
outline-offset: 3px;
}
.whatsapp-widget__icon {
width: 25px;
height: 25px;
flex: 0 0 25px;
}
@media (max-width: 600px) {
.whatsapp-widget {
right: 16px;
bottom: 16px;
width: 56px;
height: 56px;
padding: 0;
justify-content: center;
}
.whatsapp-widget span {
display: none;
}
.whatsapp-widget__icon {
width: 27px;
height: 27px;
}
.hs_cos_wrapper_type_linked_image,
.hs_cos_wrapper_type_image,
.module img {
display: block;
margin: 0 auto;
}
.hs_cos_wrapper_type_linked_image a,
.hs_cos_wrapper_type_image,
.module .hs-image-widget {
display: flex;
justify-content: center;
}
.hs_cos_wrapper_type_linked_image img,
.hs_cos_wrapper_type_image img,
.module .hs-image-widget img {
width: 500px;
height: 500px;
object-fit: cover;
}
.square-image-module {
aspect-ratio: 1 / 1;
width: 100%;
max-width: 500px; /* adjust if needed */
margin: 0 auto; /* centers the module */
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.square-image-module img {
width: 100%;
height: 100%;
object-fit: cover; /* fills the square */
display: block;
}