@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

a {
	-webkit-text-decoration: none;
	text-decoration: none;
	color: inherit
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}


@font-face {
	font-family: Agrandir;
	font-weight: 400;
	font-display: swap;
	src: url(https://4309630.fs1.hubspotusercontent-na1.net/hubfs/4309630/fonts/PPAgrandir-Regular.woff2) format("woff2");
	src: url(https://4309630.fs1.hubspotusercontent-na1.net/hubfs/4309630/fonts/PPAgrandir-Regular.woff2) format("woff2")
}

@font-face {
	font-family: Agrandir;
	font-weight: 500;
	font-display: swap;
	src: url(https://4309630.fs1.hubspotusercontent-na1.net/hubfs/4309630/fonts/PPAgrandir-Medium.woff2) format("woff2");
	src: url(https://4309630.fs1.hubspotusercontent-na1.net/hubfs/4309630/fonts/PPAgrandir-Medium.woff2) format("woff2")
}

@font-face {
	font-family: Agrandir;
	font-weight: 700;
	font-display: swap;
	src: url(https://4309630.fs1.hubspotusercontent-na1.net/hubfs/4309630/fonts/PPAgrandir-Bold.woff) format("woff2");
	src: url(https://4309630.fs1.hubspotusercontent-na1.net/hubfs/4309630/fonts/PPAgrandir-Bold.woff2) format("woff2")
}

@font-face {
	font-family: Agrandir;
	font-weight: 900;
	font-display: swap;
	src: url(https://4309630.fs1.hubspotusercontent-na1.net/hubfs/4309630/fonts/PPAgrandir-Heavy.woff2) format("woff2");
	src: url(https://4309630.fs1.hubspotusercontent-na1.net/hubfs/4309630/fonts/PPAgrandir-Heavy.woff2) format("woff2")
}

body {
	--color-background: #fff;
	--color-text: #000;
	--color-secondary: #fffef3;
	--color-tertiary: #7f7f7f
}

.dark {
	--color-background: #000;
	--color-text: #fff;
	--color-secondary: #dcc896;
	--color-tertiary: #bbb
}

*,
:after,
:before {
	box-sizing: border-box
}

:focus {
	outline: 0
}

body,
html {
	height: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: 100px
}

body {
	background-color: var(--color-background);
	color: var(--color-text);
	font-family: Agrandir, sans-serif;
	font-weight: 500;
	font-size: 15px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
	line-height: 1.4
}

div.container {
	max-width: 100%;
	width: 1292px;
	margin: 0 auto
}

@media screen and (max-width:1292px) {
	div.container {
		padding: 0 20px
	}
}

.text-lg {
	font-size: 20px;
	font-weight: 500
}

.text-md {
	font-size: 15px;
	font-weight: 500
}

.text-sm {
	font-size: 13px;
	font-weight: 500
}

.section-sm {
	padding-top: 15px;
	padding-bottom: 15px
}

.section-md {
	padding-top: 35px;
	padding-bottom: 35px
}

.section-lg {
	padding-top: 100px;
	padding-bottom: 100px
}

.section-xl {
	padding-top: 150px;
	padding-bottom: 150px
}

.pt-0 {
	padding-top: 0;
	padding-top: initial
}

.pb-0 {
	padding-bottom: 0;
	padding-bottom: initial
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
	font-weight: 500;
	font-family: Agrandir, sans-serif;
	word-wrap: break-word;
	margin-top: 0
}

.h1 em,
.h2 em,
.h3 em,
.h4 em,
h1 em,
h2 em,
h3 em,
h4 em {
	color: #00b0ff;
	font-style: normal
}

.h1,
h1 {
	font-size: 62px;
	line-height: 1;
	letter-spacing: -.62px;
	margin-bottom: 50px
}

@media screen and (max-width:768px) {

	.h1,
	h1 {
		font-size: 40px;
		letter-spacing: .4px
	}
}

.h2,
h2 {
	font-size: 48px;
	line-height: 1.1;
	margin-bottom: 30px
}

@media screen and (max-width:768px) {

	.h2,
	h2 {
		font-size: 30px
	}
}

.h3,
h3 {
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 15px
}

@media screen and (max-width:768px) {

	.h3,
	h3 {
		font-size: 25px
	}
}

.h4,
h4 {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 30px
}

p {
	color: var(--color-text)
}

a {
	cursor: pointer
}

a:not([href]),
a:not([href]):hover {
	color: inherit;
	-webkit-text-decoration: none;
	text-decoration: none
}

ul {
	list-style-type: none;
	padding: 0 0 0 18px
}

li a {
	color: var(--color-tertiary);
	-webkit-text-decoration: none;
	text-decoration: none
}

table,
table td,
table tr {
	border: 0px solid var(--color-text)
}

table td {
	padding: 10px
}

.nav-tags a {
	position: relative;
	font-size: 20px !important;
	color: var(--color-tertiary)
}

.nav-tags a,
.nav-tags a:after {
	transition: all .3s cubic-bezier(.65, .05, .36, 1)
}

.nav-tags a:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 4px;
	transform-origin: left;
	background-color: var(--color-text)
}

.nav-tags a:hover {
	color: var(--color-text)
}

.nav-tags a:hover:after {
	width: 100%
}

.tag {
	color: var(--color-background);
	background-color: #00b0ff;
	border-radius: 6px;
	padding: 3px 5px;
	margin-right: 10px
}

.social a {
	width: 22px;
	height: 22px;
	display: block;
	background-color: var(--color-text);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain
}

.social a:hover {
	background-color: #00b0ff !important
}

.article-content {
	max-width: 100%;
	width: 602px
}

.article-content ul {
	list-style-type: disc;
	padding-left: 25px
}

.article-content #blog-post-cta,
.article-content img:not(.image) {
	margin: 45px auto
}

.subscribe .wrapper-logo {
	max-width: 100%;
	width: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
	margin: 100px auto 0
}

.subscribe .wrapper-logo .wrapper-img {
	max-width: 200px;
	display: flex
}

.subscribe .wrapper-logo .wrapper-img img {
	width: 100%;
	-o-object-fit: contain;
	font-family: "object-fit:contain;object-position:center";
	object-fit: contain;
	-o-object-position: center;
	object-position: center
}

img.fit-cover {
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

img.fit-contain,
img.fit-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

img.fit-contain {
	-o-object-fit: contain;
	font-family: "object-fit:contain";
	object-fit: contain
}

.figure,
figure {
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0
}

.figure.ratio,
figure.ratio {
	position: relative;
	padding-bottom: 56.25%;
	text-align: left
}

.figure.ratio iframe,
.figure.ratio img,
figure.ratio iframe,
figure.ratio img {
	position: absolute;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	width: 100%;
	height: 100%
}

img:not([src]) {
	visibility: hidden
}

.active {
	display: block !important
}

@media screen and (max-width:640px) {
	.card-background {
		height: 500px !important;
		padding: 30px
	}
}

@media screen and (max-width:480px) {
	.card-background {
		height: auto !important
	}
}

ul.breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

ul.breadcrumb li {
	position: relative
}

ul.breadcrumb li a,
ul.breadcrumb li span.disable {
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	-webkit-text-decoration: none;
	text-decoration: none;
	color: var(--color-text)
}

ul.breadcrumb li span.disable {
	cursor: default
}

ul.breadcrumb li a {
	transition: all .3s
}

ul.breadcrumb li a:hover {
	color: #00b0ff
}

ul.breadcrumb li a:first-letter {
	text-transform: uppercase
}

ul.breadcrumb li a span {
	cursor: pointer
}

ul.breadcrumb li+li {
	padding-left: 10px;
	margin-left: 5px
}

ul.breadcrumb li+li:before {
	content: "-";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-weight: 500
}

.breadcrumb-wrapper-website {
	position: relative
}

.breadcrumb-wrapper-website:before {
	content: "";
	position: absolute;
	width: 100vw;
	height: 1px;
	left: 0;
	top: 0;
	background: #bebfc4
}

.breadcrumb-wrapper-website .hs-menu-wrapper ul {
	padding: 0;
	list-style: none;
	display: inline-block !important
}

.breadcrumb-wrapper-website .hs-menu-wrapper ul.active-branch {
	margin: 0
}

.breadcrumb-wrapper-website .hs-menu-wrapper ul.active-branch:not(:first-child):before {
	content: "";
	padding-left: 8px;
	padding-right: 12px;
	width: 5px;
	height: 8px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 40% 60%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3-3 3' stroke='%237F818C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.breadcrumb-wrapper-website .hs-menu-wrapper ul li {
	display: inline-block
}

.breadcrumb-wrapper-website .hs-menu-wrapper ul li:not(.active-branch) {
	display: none
}

.breadcrumb-wrapper-website .hs-menu-wrapper ul li.active a {
	color: #7f818c
}

.breadcrumb-wrapper-website .hs-menu-wrapper ul li a {
	color: #7f818c;
	-webkit-text-decoration: none;
	text-decoration: none;
	transition: color .3s;
	font-size: 16px;
	font-weight: 500
}

.breadcrumb-wrapper-website .hs-menu-wrapper ul li a:hover {
	color: #7f818c;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

@media screen and (max-width:767px) {
	.breadcrumb-wrapper-website .hs-menu-wrapper ul li a {
		font-size: 12px
	}

	.breadcrumb-wrapper-website .hs-menu-wrapper ul.active-branch:not(:first-child):before {
		padding-right: 10px;
		padding-left: 5px;
		background-position: 38% 60%;
		background-size: 4px 6px
	}
}

.btn {
	width: -moz-fit-content;
	width: fit-content;
	font-family: Agrandir, sans-serif;
	color: var(--color-text);
	background-color: transparent;
	cursor: pointer;
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	text-align: center;
	white-space: normal;
	vertical-align: middle;
	-webkit-text-decoration: none;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border-radius: 5px;
	overflow: hidden;
	transition: all .5s ease-in-out;
	border: none
}

.btn.primary {
	border-radius: 94px;
	padding-right: 50px !important
}

.btn.primary:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 28px;
	height: 28px;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.477 14.483h21M18.477 21.483l7-7-7-7' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.477 14.483h21M18.477 21.483l7-7-7-7' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	transform: translateY(-50%);
	transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.btn.primary:hover:after {
	transform: translate(10%, -50%)
}

.btn.primary.blue {
	color: #fff;
	background: #00b0ff
}

.btn.primary.blue:after {
	background-color: #fff
}

.btn.primary.black {
	color: var(--color-background);
	background: var(--color-text)
}

.btn.primary.black:after,
.btn.primary.white {
	background-color: var(--color-background)
}

.btn.primary.white {
	color: var(--color-text)
}

.btn.primary.white:after {
	background-color: var(--color-text)
}

.btn.secondary {
	border-radius: 94px
}

.btn.secondary.blue {
	color: #fff;
	background: #00b0ff
}

.btn.secondary.black {
	color: var(--color-background);
	background: var(--color-text)
}

.btn.secondary.white {
	color: var(--color-text);
	background-color: var(--color-background)
}

.btn.tertiary {
	background: transparent;
	padding: 0 26px 0 0 !important
}

.btn.tertiary:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 12px;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.977 4.483l.354-.354.353.354-.353.354-.354-.354zm-12 .5a.5.5 0 010-1v1zM9.331.129l4 4-.707.708-4-4L9.33.129zm4 4.708l-4 4-.707-.708 4-4 .707.708zm-.354.146h-12v-1h12v1z' fill='%2300AFFF'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.977 4.483l.354-.354.353.354-.353.354-.354-.354zm-12 .5a.5.5 0 010-1v1zM9.331.129l4 4-.707.708-4-4L9.33.129zm4 4.708l-4 4-.707-.708 4-4 .707.708zm-.354.146h-12v-1h12v1z' fill='%2300AFFF'/%3E%3C/svg%3E");
	transform: translateY(-50%);
	transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.btn.tertiary:hover:after {
	transform: translateY(-50%) rotate(-45deg)
}

.btn.tertiary.blue {
	color: #00b0ff
}

.btn.tertiary.blue:after {
	background-color: #00b0ff
}

.btn.tertiary.black {
	color: var(--color-text)
}

.btn.tertiary.black:after {
	background-color: var(--color-text)
}

.btn.tertiary.white {
	color: var(--color-background)
}

.btn.tertiary.white:after {
	background-color: var(--color-background)
}

.btn.ancre {
	border-radius: 94px;
	padding-right: 50px !important
}

.btn.ancre:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 28px;
	height: 28px;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.977 3.949v21M7.977 17.949l7 7 7-7' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.977 3.949v21M7.977 17.949l7 7 7-7' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	transform: translateY(-50%);
	transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.btn.ancre:hover:after {
	transform: translateY(-40%)
}

.btn.ancre.blue {
	color: #fff;
	background: #00b0ff
}

.btn.ancre.blue:after {
	background-color: #fff
}

.btn.ancre.black {
	color: var(--color-background);
	background: var(--color-text)
}

.btn.ancre.black:after,
.btn.ancre.white {
	background-color: var(--color-background)
}

.btn.ancre.white {
	color: var(--color-text)
}

.btn.ancre.white:after {
	background-color: var(--color-text)
}

.btn.small {
	padding: 15px 20px
}

.btn.medium {
	padding: 20px
}

.btn.large {
	padding: 26px 20px
}

.btn.btn-contact {
	height: 100%;
	padding-right: 40px;
	color: var(--color-tertiary)
}

.btn.btn-contact span {
	position: relative
}

.btn.btn-contact span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateY(-50%);
	width: 15px;
	height: 16px;
	background-color: var(--color-tertiary);
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='480' height='512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.03 512c-.95-1.319-1.924-2.103-3.095-2.861-5.189-3.36-7.333-8.515-7.65-14.394-.285-5.317-.472-10.699.017-15.987 1.339-14.502 2.57-29.019 5.84-43.287 6.333-27.652 17.842-52.859 35.752-74.868 13.44-16.516 29.981-29.471 48.465-40.094 21.57-12.396 44.84-20.122 68.945-25.318 13.405-2.889 27.082-4.485 40.809-5.724 17.589-1.587 35.184-2.358 52.778-1.708 39.449 1.458 78.253 6.718 114.949 22.406 19.041 8.141 36.377 18.905 51.932 32.776 31.376 27.979 48.242 63.393 55.261 104.207 2.394 13.924 3.427 27.917 3.973 42.013.375 9.685-2.517 17.264-11.211 22.602C315.541 512 163.52 512 11.03 512zm319.031-38.351h108.548c-.652-13.641-2.883-26.123-6.479-38.388-6.468-22.063-17.277-41.67-33.482-58.054-17.399-17.592-38.593-29.017-61.849-36.847-30.493-10.267-62.165-12.653-94-14.026-7.851-.339-15.553 1.226-23.382 1.095-14.482-.243-28.819 1.862-42.979 4.392-22.913 4.094-45.136 10.633-65.499 22.442-13.736 7.966-26.457 17.288-36.651 29.48-12.485 14.932-21.37 31.935-26.926 50.67-3.734 12.589-6.06 25.372-6.88 39.235l289.579.001zM261.093 0c4.133 2.54 8.593 2.45 12.669 3.582 18.524 5.148 35.008 13.737 49.453 26.652 17.612 15.747 29.319 34.946 35.76 57.454 5.98 20.899 6.502 42.126 3.153 63.55-2.965 18.97-9.672 36.497-20.062 52.565-10.572 16.351-23.971 30.081-40.541 40.337-13.491 8.351-28.181 14.012-44.009 16.237-32.038 4.503-61.536-2.402-87.655-21.368-15.254-11.076-27.529-25.184-36.779-41.91-7.961-14.395-13.568-29.468-16.058-45.688-2.998-19.525-2.958-38.943 1.762-58.29 5.021-20.583 14.369-38.63 28.687-54.411 18.232-20.095 40.688-31.994 67.039-37.167.601-.118 1.128-.614 1.869-1.238C231.249 0 245.937 0 261.093 0zm-66.652 50.456c-8.145 5.483-15.699 11.479-21.713 19.49-19.551 26.046-23.093 54.885-14.628 85.43 5.622 20.288 16.664 37.513 33.724 50.403 17.137 12.949 36.185 19.267 57.784 15.963 31.715-4.851 52.637-23.782 65.88-51.896 9.908-21.034 12.431-43.021 6.914-65.948-5.959-24.769-20.321-43.043-42.092-55.378-17.338-9.825-36.349-12.118-55.946-9.029-10.409 1.642-20.142 5.376-29.923 10.965z' fill='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='480' height='512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.03 512c-.95-1.319-1.924-2.103-3.095-2.861-5.189-3.36-7.333-8.515-7.65-14.394-.285-5.317-.472-10.699.017-15.987 1.339-14.502 2.57-29.019 5.84-43.287 6.333-27.652 17.842-52.859 35.752-74.868 13.44-16.516 29.981-29.471 48.465-40.094 21.57-12.396 44.84-20.122 68.945-25.318 13.405-2.889 27.082-4.485 40.809-5.724 17.589-1.587 35.184-2.358 52.778-1.708 39.449 1.458 78.253 6.718 114.949 22.406 19.041 8.141 36.377 18.905 51.932 32.776 31.376 27.979 48.242 63.393 55.261 104.207 2.394 13.924 3.427 27.917 3.973 42.013.375 9.685-2.517 17.264-11.211 22.602C315.541 512 163.52 512 11.03 512zm319.031-38.351h108.548c-.652-13.641-2.883-26.123-6.479-38.388-6.468-22.063-17.277-41.67-33.482-58.054-17.399-17.592-38.593-29.017-61.849-36.847-30.493-10.267-62.165-12.653-94-14.026-7.851-.339-15.553 1.226-23.382 1.095-14.482-.243-28.819 1.862-42.979 4.392-22.913 4.094-45.136 10.633-65.499 22.442-13.736 7.966-26.457 17.288-36.651 29.48-12.485 14.932-21.37 31.935-26.926 50.67-3.734 12.589-6.06 25.372-6.88 39.235l289.579.001zM261.093 0c4.133 2.54 8.593 2.45 12.669 3.582 18.524 5.148 35.008 13.737 49.453 26.652 17.612 15.747 29.319 34.946 35.76 57.454 5.98 20.899 6.502 42.126 3.153 63.55-2.965 18.97-9.672 36.497-20.062 52.565-10.572 16.351-23.971 30.081-40.541 40.337-13.491 8.351-28.181 14.012-44.009 16.237-32.038 4.503-61.536-2.402-87.655-21.368-15.254-11.076-27.529-25.184-36.779-41.91-7.961-14.395-13.568-29.468-16.058-45.688-2.998-19.525-2.958-38.943 1.762-58.29 5.021-20.583 14.369-38.63 28.687-54.411 18.232-20.095 40.688-31.994 67.039-37.167.601-.118 1.128-.614 1.869-1.238C231.249 0 245.937 0 261.093 0zm-66.652 50.456c-8.145 5.483-15.699 11.479-21.713 19.49-19.551 26.046-23.093 54.885-14.628 85.43 5.622 20.288 16.664 37.513 33.724 50.403 17.137 12.949 36.185 19.267 57.784 15.963 31.715-4.851 52.637-23.782 65.88-51.896 9.908-21.034 12.431-43.021 6.914-65.948-5.959-24.769-20.321-43.043-42.092-55.378-17.338-9.825-36.349-12.118-55.946-9.029-10.409 1.642-20.142 5.376-29.923 10.965z' fill='%23000'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain
}

.swiper-button-next,
.swiper-button-prev {
	position: relative;
	width: 40px !important;
	height: 40px !important;
	border-radius: 100%;
	background-color: #00b0ff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	transition: all .3s ease-in-out
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	background-color: #008dcc
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	background-color: var(--color-secondary);
	opacity: 1 !important
}

.swiper-button-next.left:after,
.swiper-button-prev.left:after {
	content: "";
	position: absolute;
	width: 8px;
	height: 12px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.62 6l4.4 4.4-1.257 1.256L.106 6 5.763.343 7.02 1.599 2.62 6z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: auto
}

.swiper-button-next.right:after,
.swiper-button-prev.right:after {
	content: "";
	position: absolute;
	width: 8px;
	height: 12px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38 6L.98 1.6 2.237.345 7.894 6l-5.657 5.657L.98 10.4 5.38 6z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: auto
}

h3.form-title {
	display: none
}

form .legal-consent-container .hs-form-booleancheckbox-display span {
	margin-left: 0
}

form .hs-richtext>*,
form p {
	color: #fff
}

form.hs-form {
	padding: 0
}

form.hs-form div.hs-form-field {
	margin-bottom: 25px
}

form.hs-form div.hs-form-field label {
	font-size: 15px;
	margin: 0
}

form.hs-form div.hs-form-field label span+span {
	color: #fff
}

form.hs-form div.hs-form-field legend {
	color: grey;
	display: block !important;
	font-size: 80%;
	margin: 0 0 6px
}

form.hs-form div.hs-form-field div.input input:not([type=checkbox]):not([type=radio]):not([type=file]),
form.hs-form div.hs-form-field div.input select,
form.hs-form div.hs-form-field div.input textarea {
	width: 100% !important;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 6px;
	padding: 15px;
	outline: none;
	transition: border .3s, box-shadow .3s;
	margin: 0;
	box-sizing: border-box;
	height: 50px
}

form.hs-form div.hs-form-field div.input input:not([type=checkbox]):not([type=radio]):not([type=file]).invalid.error,
form.hs-form div.hs-form-field div.input select.invalid.error,
form.hs-form div.hs-form-field div.input textarea.invalid.error {
	border: 1px solid #ff6d2f;
	background-color: #fff
}

form.hs-form div.hs-form-field div.input input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,
form.hs-form div.hs-form-field div.input select:focus,
form.hs-form div.hs-form-field div.input textarea:focus {
	background-color: #fff;
	color: #000;
	border: 1px solid #000
}

form.hs-form div.hs-form-field div.input textarea {
	height: 180px
}

form.hs-form div.hs-form-field div.input select {
	font-size: 15px;
	font-weight: 500;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1.5l-5 5-5-5' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px top 50%;
	background-size: 12px auto;
	padding-right: 38px
}

form.hs-form div.hs-form-field div.input select::-ms-expand {
	display: none
}

form.hs-form div.hs-form-field div.input select option {
	font-weight: 400
}

form.hs-form div.hs-form-field div.input input[type=file] {
	width: 100% !important;
	background: #fff;
	border: 1px dashed #00b0ff;
	border-radius: 0;
	padding: 10px;
	cursor: pointer;
	outline: none
}

form.hs-form div.hs-form-field div.input ul.inputs-list {
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: wrap
}

form.hs-form div.hs-form-field div.input ul.inputs-list li {
	width: calc(100% - 20px);
	list-style-type: none;
	margin-right: 20px;
	margin-bottom: 0
}

form.hs-form div.hs-form-field div.input ul.inputs-list li input[type=checkbox],
form.hs-form div.hs-form-field div.input ul.inputs-list li input[type=radio] {
	position: absolute;
	opacity: 0
}

form.hs-form div.hs-form-field div.input ul.inputs-list li input[type=checkbox]:checked+span:before {
	background: #00b0ff;
	border-color: #00b0ff
}

form.hs-form div.hs-form-field div.input ul.inputs-list li input[type=checkbox]:checked+span:after {
	display: block;
	left: 6px;
	top: 6px;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	position: absolute;
	content: ""
}

form.hs-form div.hs-form-field div.input ul.inputs-list li span {
	font-size: 16px;
	position: relative;
	cursor: pointer;
	padding: 0
}

form.hs-form div.hs-form-field div.input ul.inputs-list li span:before {
	content: "";
	margin-right: 6px;
	margin-top: 3px;
	display: inline-block;
	vertical-align: text-top;
	width: 17px;
	height: 17px;
	background: #fff;
	border: 1px solid #00b0ff
}

form.hs-form div.hs-form-field div.input ul.inputs-list li input[type=radio] {
	position: absolute;
	opacity: 0
}

form.hs-form div.hs-form-field div.input ul.inputs-list li input[type=radio]:checked+span:after {
	opacity: 1;
	transform: scale(1);
	transition: .5s;
	-webkit-transition: .5s
}

form.hs-form div.hs-form-field div.input ul.inputs-list li input[type=radio]+span {
	font-size: 16px;
	position: relative;
	cursor: pointer;
	padding: 0
}

form.hs-form div.hs-form-field div.input ul.inputs-list li input[type=radio]+span:before {
	content: "";
	margin-right: 6px;
	margin-top: 3px;
	display: inline-block;
	vertical-align: text-top;
	width: 17px;
	height: 17px;
	background: #fff;
	border: 1px solid #00b0ff;
	border-radius: 100%
}

form.hs-form div.hs-form-field div.input ul.inputs-list li input[type=radio]+span:after {
	content: "";
	width: 11px;
	height: 11px;
	background-color: #00b0ff;
	display: block;
	opacity: 0;
	transform: scale(.8);
	transition: 0s;
	-webkit-transition: 0s;
	border-radius: 50%;
	top: 6px;
	left: 3px;
	position: absolute
}

form.hs-form fieldset {
	width: 100%;
	max-width: 100%
}

form.hs-form fieldset.form-columns-2 {
	display: flex;
	justify-content: space-between
}

@media (max-width:700px) {
	form.hs-form fieldset.form-columns-2 {
		flex-direction: column
	}
}

form.hs-form fieldset.form-columns-2 div.field {
	width: calc(50% - 3.5px)
}

@media (max-width:700px) {
	form.hs-form fieldset.form-columns-2 div.field {
		width: 100%
	}
}

form.hs-form fieldset.form-columns-3 {
	display: flex;
	justify-content: space-between
}

@media (max-width:700px) {
	form.hs-form fieldset.form-columns-3 {
		flex-direction: column
	}
}

form.hs-form fieldset.form-columns-3 div.field {
	width: calc(33.33333% - 20px)
}

@media (max-width:700px) {
	form.hs-form fieldset.form-columns-3 div.field {
		width: 100%
	}
}

form.hs-form fieldset .input {
	margin-right: 0
}

form.hs-form fieldset ul.hs-error-msgs {
	color: #7f7f7f;
	margin: 5px 0 0;
	list-style-type: none;
	padding: 0
}

form.hs-form fieldset ul.hs-error-msgs li label.hs-main-font-element {
	position: relative;
	text-align: center;
	color: #fff;
	list-style: none;
	margin: 0;
	padding: 0 0 0 23px
}

form.hs-form fieldset ul.hs-error-msgs li label.hs-main-font-element:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 18px;
	height: 14px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49.583a1.167 1.167 0 012.02 0l6.568 11.375a1.167 1.167 0 01-1.01 1.75H2.932c-.898 0-1.46-.972-1.01-1.75L8.49.583z' fill='%23FF6D2F'/%3E%3Cpath d='M9.5 4.667v4' stroke='%23fff' stroke-width='1.167' stroke-linecap='round'/%3E%3Ccircle cx='9.5' cy='11.083' r='.583' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat
}

form.hs-form fieldset div.hs_rgpd ul {
	margin: 0;
	padding: 0
}

form.hs-form fieldset div.hs_rgpd ul li {
	list-style: none
}

form.hs-form fieldset div.hs_rgpd ul li label input[type=checkbox],
form.hs-form fieldset div.hs_rgpd ul li label input[type=radio] {
	position: absolute;
	opacity: 0
}

form.hs-form fieldset div.hs_rgpd ul li label input[type=checkbox]:checked+span:before {
	background: #00b0ff;
	border-color: #00b0ff
}

form.hs-form fieldset div.hs_rgpd ul li label input[type=checkbox]:checked+span:after {
	content: "";
	position: absolute;
	display: block;
	left: 6px;
	top: 6px;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg)
}

form.hs-form fieldset div.hs_rgpd ul li label input[type=checkbox]+span {
	position: relative
}

form.hs-form fieldset div.hs_rgpd ul li label input[type=checkbox]+span:before {
	content: "";
	margin-right: 6px;
	margin-top: 3px;
	display: inline-block;
	vertical-align: text-top;
	width: 17px;
	height: 17px;
	background: #fff;
	border: 1px solid #00b0ff
}

form.hs-form div.hs_error_rollup {
	background-color: #ff6d2f;
	color: #fff;
	text-align: center;
	padding: 20px;
	border-radius: 6px
}

form.hs-form div.hs_error_rollup ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

form.hs-form div.hs_error_rollup ul li label {
	margin: 0
}

form.hs-form div.hs_input_file input[type=file] {
	width: 100% !important;
	background: #fff;
	border: 1px dashed #00b0ff;
	border-radius: 0;
	padding: 10px;
	cursor: pointer;
	outline: none
}

form div.hs_submit {
	margin-top: 30px
}

form div.hs_submit .actions {
	position: relative;
	width: -moz-fit-content;
	width: fit-content
}

form div.hs_submit .actions:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 21px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.477 8.483h21M15.477 15.483l7-7-7-7' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	transform: translateY(-50%);
	transition: all .5s ease-in-out
}

form div.hs_submit .actions:hover:after {
	right: 12px
}

form div.hs_submit .actions input[type=submit] {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	margin-top: 0;
	background-color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 50px;
	color: #000;
	padding: 20px 44px 20px 20px;
	border: none;
	max-width: 300px;
	cursor: pointer;
	transition: .5s
}

.container-blog-pagination {
	margin: 60px auto 100px;
	font-weight: 700
}

.container-blog-pagination,
.container-blog-pagination .blog-pagination,
.container-blog-pagination .blog-pagination__link {
	display: flex;
	justify-content: center;
	align-items: center
}

.container-blog-pagination .blog-pagination__link {
	margin: 0 5px;
	-webkit-text-decoration: none;
	text-decoration: none;
	color: var(--color-text);
	background-color: transparent;
	height: 50px;
	width: 50px;
	opacity: 1;
	border-radius: 4px;
	transition: all .3s ease
}

.container-blog-pagination .blog-pagination__link--active {
	color: var(--color-background);
	background-color: #00b0ff
}

.container-blog-pagination .blog-pagination__link--active:hover {
	color: var(--color-background) !important
}

.container-blog-pagination .blog-pagination__link:hover {
	color: #00b0ff
}

.container-blog-pagination .arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 5px;
	height: 50px;
	width: 50px;
	opacity: 1;
	transition: all .3s ease
}

.container-blog-pagination .arrow path {
	fill: var(--color-tertiary)
}

.container-blog-pagination .arrow:hover path {
	fill: #00b0ff
}

.post-template .nav {
	background-color: var(--color-secondary)
}

.post-template #toggle-mode {
	background-color: #fff !important
}

.blog-post-template {
	max-width: 100%;
	width: 1292px;
	margin: auto
}

.blog-post-template ul {
	list-style-type: disc;
	padding: 10px
}

.wrapper-summary {
	display: flex;
	max-width: 100%;
	width: 1070px;
	margin: 100px auto;
	justify-content: space-between;
	gap: 4vw
}

.wrapper-summary .container,
.wrapper-summary .container .wrapper {
	width: auto
}

.wrapper-summary .article-content {
	max-width: 100%;
	width: 639px
}



.wrapper-summary .article-content h1,
.wrapper-summary .article-content h2,
.wrapper-summary .article-content h3,
.wrapper-summary .article-content h4,
.wrapper-summary .article-content li,
.wrapper-summary .article-content p {
	color: var(--color-text)
}

.wrapper-summary .article-content h1,
.wrapper-summary .article-content h2 {
	margin-top: 45px;
	margin-bottom: 45px
}

.wrapper-summary .article-content h3 {
	margin-top: 45px;
	margin-bottom: 30px
}

.wrapper-summary .article-content h4,
.wrapper-summary .article-content p,
.wrapper-summary .article-content ul {
	margin-bottom: 15px
}

@media screen and (max-width:1070px) {
	.wrapper-summary {
		padding: 0 20px
	}

	.wrapper-summary .article-content {
		width: auto
	}
}

@media screen and (max-width:768px) {
	.wrapper-summary {
		flex-direction: column;
		margin: 50px auto
	}
}

section.banner-author.hide-author {
	display: none
}

section.banner-author .bloc-author {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000;
	background-color: #e6f7ff;
	padding: 30px;
	border-radius: 10px;
	gap: 4vw
}

section.banner-author .bloc-author .description,
section.banner-author .bloc-author .infos {
	max-width: 100%;
	width: 50%
}

section.banner-author .bloc-author .infos {
	display: flex;
	gap: 10px;
	align-items: center
}

section.banner-author .bloc-author .infos figure {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	overflow: hidden
}

section.banner-author .bloc-author .infos figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

section.banner-author .bloc-author .content .name {
	color: #000;
	margin-bottom: 0
}

section.banner-author .bloc-author .content .role {
	color: #000;
	margin-top: 5px;
	margin-bottom: 0
}

section.banner-author .bloc-author .bio {
	color: #7f7f7f;
	margin-bottom: 0
}

@media screen and (max-width:1070px) {
	section.banner-author .bloc-author {
		flex-direction: column;
		align-items: flex-start
	}

	section.banner-author .bloc-author .description,
	section.banner-author .bloc-author .infos {
		width: auto
	}
}

@media screen and (max-width:768px) {
	section.banner-author .bloc-author {
		flex-direction: row;
		align-items: center
	}

	section.banner-author .bloc-author .description,
	section.banner-author .bloc-author .infos {
		max-width: 100%;
		width: 50%
	}
}

@media screen and (max-width:640px) {
	section.banner-author .bloc-author {
		flex-direction: column;
		align-items: flex-start
	}

	section.banner-author .bloc-author .description,
	section.banner-author .bloc-author .infos {
		width: auto
	}
}

section.banner-juridique .wrapper {
	display: block;
	max-width: 100%;
	width: 1292px;
	background-color: var(--color-text);
	padding: 33px 106px;
	border-radius: 20px
}

section.banner-juridique .wrapper h3 {
	color: var(--color-background);
	position: relative;
	width: 100%;
	padding-right: 10vw;
	margin: 0
}

section.banner-juridique .wrapper :after {
	content: "";
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--color-background);
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 14h21M17.5 21l7-7-7-7' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 14h21M17.5 21l7-7-7-7' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	transition: all .3s ease
}

section.banner-juridique .wrapper:hover :after {
	transform: translate(10px, -50%)
}

@media screen and (max-width:768px) {
	section.banner-juridique .wrapper {
		padding: 30px
	}
}

@media screen and (max-width:480px) {
	section.banner-juridique .wrapper :after {
		top: 0;
		transform: none
	}
}

section.banner-cta-contact .container {
	display: flex;
	gap: 13px;
	align-items: center;
	justify-content: center
}

section.banner-cta-contact .container .wrapper-left,
section.banner-cta-contact .container .wrapper-right {
	width: 50%;
	max-width: 100%;
	height: 652px;
	border-radius: 20px;
	overflow: hidden
}

section.banner-cta-contact .container .wrapper-left {
	display: flex
}

section.banner-cta-contact .container .wrapper-left img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	transition: all .3s cubic-bezier(.65, .05, .36, 1)
}

section.banner-cta-contact .container .wrapper-right {
	min-height: 581px;
	padding: 50px
}

section.banner-cta-contact .container .wrapper-right.card-background {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 652px;
	color: var(--color-background);
	background-color: #00b0ff;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='640' height='432' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='640' height='432'%3E%3Crect width='640' height='432' rx='20' fill='%2300AFFF'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M575.842 543.623v-64.527c-113.765 0-206.291-75.245-206.291-167.743h-64.528c0 128.072 121.48 232.27 270.819 232.27z' fill='%23000'/%3E%3Cpath d='M304.992 311.353h64.527c0-92.499 92.555-167.744 206.292-167.744V79.082c-149.339 0-270.819 104.198-270.819 232.271z' fill='%23fff'/%3E%3Cpath d='M575.843 143.636c149.339 0 270.819-104.198 270.819-232.27h-64.527c0 92.498-92.555 167.742-206.292 167.742v64.528z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom
}

section.banner-cta-contact .container .wrapper-right.card-background .wrapper-content {
	display: block;
	max-width: 100%;
	width: 540px;
	color: #fff !important
}

section.banner-cta-contact .container .wrapper-right.card-background .wrapper-content em {
	color: #000 !important
}

@media screen and (max-width:1070px) {
	section.banner-cta-contact .container .wrapper-right.card-background {
		justify-content: flex-start
	}

	section.banner-cta-contact .container .wrapper-right.card-background .wrapper-content {
		margin-bottom: 30px
	}
}

@media screen and (max-width:890px) {
	section.banner-cta-contact .container .wrapper-left {
		width: 40%
	}

	section.banner-cta-contact .container .wrapper-right {
		width: 60%
	}
}

@media screen and (max-width:768px) {
	section.banner-cta-contact .container {
		flex-direction: column
	}

	section.banner-cta-contact .container .wrapper-left {
		width: 100%;
		height: 390px
	}

	section.banner-cta-contact .container .wrapper-left img {
		-o-object-fit: cover;
		font-family: "object-fit:cover";
		object-fit: cover;
		width: 100%
	}

	section.banner-cta-contact .container .wrapper-right {
		width: 100%;
		padding: 30px
	}
}

section.banner-cta .wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
	padding: 104px 15px 106px;
	border-radius: 20px;
	overflow: hidden;
	text-align: center
}

section.banner-cta .wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	z-index: -1
}

section.banner-cta .wrapper .background-img {
  background-image: url(https://4309630.fs1.hubspotusercontent-na1.net/hubfs/4309630/sister%20of%20the%20best%20banner%20ever.svg); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: -2
}

section.banner-cta .wrapper .content {
	max-width: 100%;
	width: 639px;
	color: #000 !important
}

section.banner-cta .wrapper .content img {
	max-width: 250px
}

section.banner-cta .wrapper .content .h1,
section.banner-cta .wrapper .content .h2,
section.banner-cta .wrapper .content .h3,
section.banner-cta .wrapper .content .h4,
section.banner-cta .wrapper .content h1,
section.banner-cta .wrapper .content h2,
section.banner-cta .wrapper .content h3,
section.banner-cta .wrapper .content h4 {
	margin-bottom: 15px
}

section.banner-cta .wrapper .content p {
	color: #fff
}

section.banner-cta .wrapper .btn-wrapper {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 15px
}

section.banner-cta .wrapper .btn-wrapper .btn.tertiary.white {
	color: #fff
}

section.banner-cta .wrapper .btn-wrapper .btn.tertiary.white:after {
	background-color: #fff
}

@media screen and (max-width:640px) {
	section.banner-cta .wrapper {
		padding-top: 90px;
		padding-bottom: 90px
	}
}

section.banner-grid-card {
	color: #fff
}

section.banner-grid-card .wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 100px 110px;
	border-radius: 20px;
	overflow: hidden;
	z-index: 2
}

@media screen and (max-width:768px) {
	section.banner-grid-card .wrapper {
		padding: 30px
	}
}

section.banner-grid-card .wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: -1
}

section.banner-grid-card .wrapper .number {
	color: #000;
	font-size: 62px;
	word-wrap: break-word;
	font-weight: 500;
	line-height: 1.3;
	margin-top: 0
}

section.banner-grid-card .wrapper figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2
}

section.banner-grid-card .wrapper figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

section.banner-grid-card .wrapper-content {
	display: flex;
	justify-content: space-between;
	gap: 30px
}

section.banner-grid-card .wrapper-content .content,
section.banner-grid-card .wrapper-content .title {
	width: 420px
}

section.banner-grid-card .wrapper-content .content>*,
section.banner-grid-card .wrapper-content .title>* {
	margin-top: 0;
	color: #fff !important
}

section.banner-grid-card .wrapper-content .content .btn,
section.banner-grid-card .wrapper-content .title .btn {
	margin-top: 20px
}

section.banner-grid-card .wrapper-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(257px, 1fr));
	grid-gap: 14px;
	gap: 14px
}

@media screen and (max-width:1070px) {
	section.banner-grid-card .wrapper-cards {
		display: none
	}
}

section.banner-grid-card .wrapper-cards .card {
	max-width: 100%;
	color: #000;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	padding: 50px 30px;
	overflow: hidden
}

section.banner-grid-card .swiper-grid-cards {
	width: 100%;
	overflow: visible
}

@media screen and (min-width:1070px) {
	section.banner-grid-card .swiper-grid-cards {
		display: none
	}
}

section.banner-grid-card .swiper-grid-cards .slides .slide {
	max-width: 100%;
	width: calc(25% - 10.5px);
	min-width: 257px;
	color: #000;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	padding: 50px 30px
}

section.banner-grid-card .swiper-grid-cards .swiper-wrapper-nav {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 50px
}

section.banner-grid-card .swiper-grid-cards .swiper-wrapper-nav .banner-grid-cards-next,
section.banner-grid-card .swiper-grid-cards .swiper-wrapper-nav .banner-grid-cards-prev {
	position: relative;
	left: 0;
	right: 0
}

@media screen and (max-width:890px) {
	section.banner-grid-card .wrapper-content {
		flex-direction: column;
		gap: 0
	}

	section.banner-grid-card .wrapper-content .content,
	section.banner-grid-card .wrapper-content .title {
		width: 100%
	}
}

section.banner-hero-breadcrumb .wrapper {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	padding: 50px
}

section.banner-hero-breadcrumb .wrapper .content {
	max-width: 450px;
	width: 100%
}

section.banner-hero-breadcrumb .wrapper .content * {
	color: #000
}

section.banner-hero-breadcrumb .wrapper .content .breadcrumb {
	margin-bottom: 30px
}

section.banner-hero-breadcrumb .wrapper figure {
	width: 100%;
	height: 100%
}

section.banner-hero-breadcrumb .wrapper figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 1292px;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	z-index: -1
}

@media screen and (max-width:768px) {
	.banner-hero-breadcrumb .wrapper {
		height: auto;
		padding: 0
	}

	.banner-hero-breadcrumb .wrapper .content h1 {
		margin-bottom: 30px
	}

	.banner-hero-breadcrumb .wrapper img {
		position: relative;
		height: 400px;
		border-radius: 10px
	}
}

@media screen and (max-width:640px) {
	section.banner-hero-breadcrumb .wrapper {
		padding: 30px
	}

	section.banner-hero-breadcrumb .wrapper .content h1 {
		font-size: 35px
	}
}

section.banner-hero .container {
	position: relative
}

section.banner-hero .container .wrapper {
	position: relative;
	max-width: 100%;
	height: 689px;
	display: flex;
	justify-content: space-between;
	padding: 50px;
	border-radius: 20px;
	overflow: hidden
}

section.banner-hero .container .wrapper .content {
	max-width: 100%;
	width: 450px;
	position: relative;
	z-index: 2;
	color: #000 !important
}

section.banner-hero .container .wrapper .content h1 {
	margin-bottom: 30px
}

section.banner-hero .container .wrapper .background-element {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

section.banner-hero .container .wrapper .background-element path.white {
	fill: var(--color-background)
}

@media screen and (max-width:890px) {
	section.banner-hero .container .wrapper .background-element {
		display: none
	}
}

section.banner-hero .container .card {
	position: absolute;
	right: -1px;
	bottom: -20px;
	max-width: 100%;
	width: 394px;
	min-height: 95px;
	padding: 20px 0 20px 20px;
	border-radius: 10px 0 0 0;
	background-color: var(--color-background);
	-webkit-text-decoration: none;
	text-decoration: none;
	color: var(--color-text)
}

@media screen and (max-width:1292px) {
	section.banner-hero .container .card {
		right: 19px
	}
}

section.banner-hero .container .card .content {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: flex-start
}

section.banner-hero .container .card .wrapper-img {
	width: 44px;
	height: 44px;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	border-radius: 6px;
	overflow: hidden
}

section.banner-hero .container .card p {
	width: 246px;
	margin: 0;
	color: var(--color-text)
}

section.banner-hero .container .card .icon {
	position: absolute;
	top: 20px;
	right: 0;
	width: 24px;
	height: 24px;
	border-radius: 100px;
	background-color: var(--color-secondary);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px
}

section.banner-hero .container .card .icon:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 11.45px;
	height: 11.77px;
	background-color: var(--color-text);
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11.45' height='10.77' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.774C1 7.37 4.758 4.5 9.395 4.5h2.353v0' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M8.936 1l3.515 3.5-3.515 3.502' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11.45' height='10.77' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.774C1 7.37 4.758 4.5 9.395 4.5h2.353v0' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M8.936 1l3.515 3.5-3.515 3.502' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transform: translate(-50%, 50%)
}

@media screen and (max-width:640px) {
	section.banner-hero .container .wrapper {
		height: auto;
		flex-direction: column;
		gap: 30px;
		padding: 0
	}

	section.banner-hero .container .wrapper .content h1 {
		color: var(--color-text)
	}

	section.banner-hero .container .wrapper .background-img img {
		position: static;
		border-radius: 20px;
		height: 486px
	}

	section.banner-hero .container .card {
		width: 295px
	}

	section.banner-hero .container .card .content {
		flex-direction: column
	}

	section.banner-hero .container .card p {
		width: auto
	}
}

section.banner-newsletter .wrapper {
	position: relative;
	max-width: 100%;
	width: 1292px;
	color: #fff;
	background: #00b0ff;
	border-radius: 20px;
	padding: 50px;
	overflow: hidden
}

section.banner-newsletter .wrapper img {
	position: absolute;
	top: 0;
	right: 0
}

@media screen and (max-width:1070px) {
	section.banner-newsletter .wrapper img {
		display: none
	}
}

section.banner-newsletter .wrapper .content {
	position: relative;
	max-width: 100%;
	width: 818px;
	height: 100%;
	display: flex;
	flex-direction: column;
	z-index: 10
}

section.banner-newsletter .wrapper .content>:last-child {
	margin-top: auto
}

section.banner-newsletter .wrapper .content .title {
	margin-bottom: 15px
}

section.banner-newsletter .wrapper .content .text {
	color: #fff;
	margin-bottom: 30px
}

section.banner-newsletter .wrapper form {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 15px
}

section.banner-newsletter .wrapper form fieldset {
	width: auto;
	justify-content: flex-start;
	gap: 15px
}

section.banner-newsletter .wrapper form fieldset input {
	margin-right: 0 !important
}

section.banner-newsletter .wrapper form fieldset div.field {
	max-width: 100%;
	margin-bottom: 0
}

section.banner-newsletter .wrapper form fieldset div.field.hs_email {
	width: 280px
}

section.banner-newsletter .wrapper form .hs-form-booleancheckbox input[type=checkbox]:checked+span:before {
	background: #000 !important;
	border-color: #000 !important
}

section.banner-newsletter .wrapper form .hs-form-booleancheckbox span:before {
	border-radius: 5px
}

section.banner-newsletter .wrapper form .hs-form-booleancheckbox span p {
	color: #000
}

section.banner-newsletter .wrapper form .hs-form-booleancheckbox span p a {
	color: #000;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

section.banner-newsletter .wrapper .hs_submit {
	position: absolute;
	bottom: 40px;
	right: -10px;
	padding-right: 22px;
	margin-top: 0;
	border-radius: 94px
}

@media screen and (max-width:1070px) {
	section.banner-newsletter .wrapper .hs_submit {
		position: static
	}
}

section.banner-newsletter .wrapper .hs_submit .actions:after {
	width: 21px;
	height: 15px
}

section.banner-newsletter .wrapper .hs_submit input[type=submit] {
	padding: 20px 40px 20px 20px
}

section.banner-newsletter svg {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 370px
}

@media screen and (max-width:1292px) {
	section.banner-newsletter svg {
		display: none
	}
}

@media screen and (max-width:890px) {
	section.banner-newsletter .wrapper {
		height: auto
	}

	section.banner-newsletter .wrapper form {
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
		margin-top: 30px
	}

	section.banner-newsletter .wrapper form fieldset {
		width: 100%;
		gap: 15px;
		flex-wrap: wrap
	}

	section.banner-newsletter .wrapper form fieldset div.field,
	section.banner-newsletter .wrapper form fieldset div.field.hs_email {
		width: calc(50% - 15px)
	}

	section.banner-newsletter .wrapper form fieldset .hs-fieldtype-booleancheckbox {
		margin-top: 15px;
		width: 100% !important
	}

	section.banner-newsletter .wrapper form .hs_submit {
		margin-top: 10px;
		align-self: flex-start
	}
}

@media screen and (max-width:768px) {

	section.banner-newsletter .wrapper form fieldset div.field,
	section.banner-newsletter .wrapper form fieldset div.field.hs_email {
		width: 100%
	}
}

@media screen and (max-width:640px) {
	section.banner-newsletter .wrapper form fieldset {
		gap: 0
	}
}

@media screen and (max-width:480px) {
	section.banner-newsletter .wrapper {
		padding: 20px
	}
}

section.bloc-accordeon-cards .wrapper-accordeons {
	display: flex;
	flex-direction: column;
	gap: 20px
}

section.bloc-accordeon-cards .wrapper-accordeons::-webkit-scrollbar {
	width: 4px
}

section.bloc-accordeon-cards .wrapper-accordeons::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 4px
}

section.bloc-accordeon-cards .wrapper-accordeons::-webkit-scrollbar-thumb {
	background-color: var(--color-text);
	border-radius: 4px
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-accordeon .wrapper-intro {
	position: relative;
	width: 100%;
	color: var(--color-text);
	background-color: var(--color-secondary);
	padding: 25px 60px 25px 30px;
	border-radius: 6px;
	font-size: 20px;
	list-style: none;
	transition: all .3s ease-in-out;
	cursor: pointer
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-accordeon .wrapper-intro .title {
	position: relative;
	margin-bottom: 0
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-accordeon .wrapper-intro .title:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	width: 15px;
	height: 10px;
	transform: translateY(-50%);
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' d='M11 1L6 6 1 1' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' d='M11 1L6 6 1 1' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: var(--color-tertiary);
	transition: all .3s ease-in-out
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-accordeon .wrapper-content {
	max-height: 0;
	background-color: var(--color-secondary);
	padding: 0 30px;
	border-radius: 0 0 10px 10px;
	will-change: max-height;
	transition: all .3s ease-out;
	overflow: hidden
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-accordeon.active .wrapper-intro {
	border-radius: 10px 10px 0 0
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-accordeon.active .wrapper-intro .title {
	color: #00b0ff
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-accordeon.active .wrapper-intro .title:after {
	background-color: #00b0ff;
	transform: rotate(-180deg)
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-accordeon.active .wrapper-data {
	opacity: 1;
	transform: translateY(0)
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-cards {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 30px
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-cards .card {
	max-width: 100%;
	width: calc(50% - 7.5px);
	height: auto;
	align-items: strecth;
	display: flex;
	gap: 15px;
	background-color: var(--color-background);
	border-radius: 5px;
	padding: 15px;
	overflow: hidden
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-cards .card .wrapper-img {
	display: flex;
	max-width: 30%;
	height: auto;
	overflow: hidden
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-cards .card .wrapper-img img {
	width: 100%;
	-o-object-fit: contain;
	font-family: "object-fit:contain;object-position:center";
	object-fit: contain;
	-o-object-position: center;
	object-position: center
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-cards .card .content {
	display: flex;
	flex-direction: column
}

section.bloc-accordeon-cards .wrapper-accordeons .wrapper-cards .card .content .btn-wrapper {
	margin-top: auto
}

@media screen and (max-width:640px) {
	section.bloc-accordeon-cards .wrapper-accordeons .wrapper-cards .card {
		width: 100%
	}
}

@media screen and (min-width:1292px) {
	section.bloc-accordeon .container {
		border-radius: 10px
	}
}

section.bloc-accordeon .container.bg-blue {
	background-color: var(--color-secondary)
}

section.bloc-accordeon .container.bg-blue .wrapper-accordeon .wrapper-content,
section.bloc-accordeon .container.bg-blue .wrapper-accordeon .wrapper-intro {
	color: #000;
	background-color: #fff
}

section.bloc-accordeon .container.bg-blue .wrapper-accordeon .number,
section.bloc-accordeon .container.bg-blue .wrapper-accordeon .title {
	color: #000
}

section.bloc-accordeon .container.bg-blue .wrapper-accordeon .wrapper-data>* {
	color: var(--color-tertiary)
}

section.bloc-accordeon .wrapper {
	max-width: 100%;
	width: 1070px;
	display: flex;
	gap: 30px;
	margin: auto;
	padding: 50px 0
}

section.bloc-accordeon .wrapper>* {
	width: 50%
}

section.bloc-accordeon .wrapper-content {
	display: flex;
	flex-direction: column
}

section.bloc-accordeon .wrapper-content ul {
	list-style-type: disc;
	padding-left: 25px;
	margin-top: 20px;
	color: var(--color-tertiary)
}

section.bloc-accordeon .wrapper-content ul li {
	margin-bottom: 10px
}

section.bloc-accordeon .wrapper-content .btn-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: auto;
	padding-top: 30px
}

section.bloc-accordeon .wrapper-content .btn-wrapper .btn:nth-child(2n) {
	background-color: var(--color-text);
	color: var(--color-background)
}

section.bloc-accordeon .wrapper-accordeons {
	max-height: 600px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	overflow-y: scroll;
	padding-right: 10px;
	position: relative
}

section.bloc-accordeon .wrapper-accordeons::-webkit-scrollbar {
	width: 4px
}

section.bloc-accordeon .wrapper-accordeons::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 4px
}

section.bloc-accordeon .wrapper-accordeons::-webkit-scrollbar-thumb {
	background-color: var(--color-text);
	border-radius: 4px
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon .wrapper-intro {
	position: relative;
	width: 100%;
	color: var(--color-text);
	background-color: var(--color-secondary);
	padding: 25px 60px 25px 30px;
	border-radius: 6px;
	font-size: 20px;
	list-style: none;
	transition: all .3s ease-in-out;
	cursor: pointer
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon .wrapper-intro .title {
	position: relative;
	margin-bottom: 0
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon .wrapper-intro .title:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	width: 15px;
	height: 10px;
	transform: translateY(-50%);
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' d='M11 1L6 6 1 1' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' d='M11 1L6 6 1 1' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: var(--color-tertiary);
	transition: all .3s ease-in-out
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon .wrapper-content {
	max-height: 0;
	background-color: var(--color-secondary);
	padding: 0 30px;
	border-radius: 0 0 10px 10px;
	will-change: max-height;
	transition: all .3s ease-out;
	overflow: hidden
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon .wrapper-data {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 50px;
	color: var(--color-text);
	transform: translateY(10px);
	opacity: 0;
	transition: all .5s ease-in-out .3s
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon .wrapper-data .number {
	font-size: 48px;
	word-wrap: break-word;
	font-weight: 500;
	line-height: 1.3;
	margin-top: 0
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon .wrapper-data .bloc {
	max-width: 100%;
	width: calc(50% - 8px)
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon.active .wrapper-intro {
	border-radius: 10px 10px 0 0
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon.active .wrapper-intro .title {
	color: #00b0ff
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon.active .wrapper-intro .title:after {
	background-color: #00b0ff;
	transform: rotate(-180deg)
}

section.bloc-accordeon .wrapper-accordeons .wrapper-accordeon.active .wrapper-data {
	opacity: 1;
	transform: translateY(0)
}

@media screen and (max-width:890px) {
	section.bloc-accordeon .wrapper-data {
		margin-top: 30px
	}

	section.bloc-accordeon .wrapper-data p {
		margin-top: 0
	}
}

@media screen and (max-width:640px) {
	section.bloc-accordeon .wrapper {
		flex-direction: column
	}

	section.bloc-accordeon .wrapper>* {
		width: 100%
	}
}

@media screen and (max-width:413px) {
	section.bloc-accordeon .wrapper-data {
		flex-direction: column
	}

	section.bloc-accordeon .wrapper-data .bloc {
		width: 100%
	}
}

section.bloc-panel-stacking .wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 120px
}

@media screen and (max-width:640px) {
	section.bloc-panel-stacking .wrapper {
		margin-top: 60px
	}
}

section.bloc-panel-stacking .link-panel {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 10px 0
}

section.bloc-panel-stacking .link-panel span {
	width: 22px;
	height: 22px;
	padding: 1px 7px;
	cursor: pointer;
	transition: all .2s ease-in-out
}

section.bloc-panel-stacking .link-panel span.active,
section.bloc-panel-stacking .link-panel span:hover {
	background-color: #00b0ff;
	color: #fff;
	border-radius: 100%
}

section.bloc-panel-stacking .wrapper-panel-stacking {
	position: relative;
	top: 0;
	max-width: 1154px;
	width: 100%
}

section.bloc-panel-stacking .wrapper-panel-stacking .wrapper-panel {
	position: relative;
	overflow: hidden
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel {
	position: absolute;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
	overflow: hidden;
	border-radius: 20px;
	padding: 50px 90px;
	will-change: transform;
	margin: auto auto 200px;
	transform: translateY(90vh)
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel:first-child {
	transform: translateY(0)
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel .btn-wrapper {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin-top: 30px
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+1) {
	background-color: var(--color-secondary)
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+1) .btn {
	color: #00b0ff
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+1) .btn:after,
section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+2) {
	background-color: #00b0ff
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+2) h1,
section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+2) h2,
section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+2) h3,
section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+2) h4,
section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+2) p {
	color: #fff
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+2) h1 em,
section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+2) h2 em,
section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+2) h3 em,
section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+2) h4 em {
	color: #000
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+3) {
	background-color: var(--color-text);
	color: var(--color-background)
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+3) p {
	color: var(--color-background)
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+3) .btn {
	color: #00b0ff
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel:nth-child(3n+3) .btn:after {
	background-color: #00b0ff
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel .wrapper-content,
section.bloc-panel-stacking .wrapper-panel-stacking .panel .wrapper-img {
	width: 50%
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel .wrapper-content {
	display: flex;
	justify-content: space-between;
	flex-direction: column
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel .wrapper-img figure {
	display: flex
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel .wrapper-img figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	border-radius: 10px
}

section.bloc-panel-stacking .wrapper-panel-stacking .panel .wrapper-img .video {
	width: 100%;
	border-radius: 10px
}

@media screen and (max-width:890px) {
	section.bloc-panel-stacking .wrapper-panel-stacking .panel .wrapper-img {
		display: none
	}
}

@media screen and (min-width:1292px) {
	section.bloc-panel-stacking .wrapper {
		padding-bottom: 50px
	}
}

@media screen and (max-width:890px) {
	section.bloc-panel-stacking .wrapper-panel-stacking .panel {
		height: auto;
		padding: 30px
	}

	section.bloc-panel-stacking .wrapper-panel-stacking .panel .wrapper-content {
		width: 100%
	}

	section.bloc-panel-stacking .wrapper-panel-stacking .panel .wrapper-img {
		display: none
	}
}

section.bloc-panel .wrapper {
	max-width: 100%;
	width: 1070px;
	display: flex;
	gap: 30px;
	margin: auto;
	padding: 50px 0
}

section.bloc-panel .wrapper>* {
	width: 50%
}

section.bloc-panel .wrapper-content {
	display: flex;
	flex-direction: column
}

section.bloc-panel .wrapper-content ul {
	list-style-type: disc;
	padding-left: 25px;
	margin-top: 20px;
	color: var(--color-tertiary)
}

section.bloc-panel .wrapper-content ul li {
	margin-bottom: 10px
}

section.bloc-panel .wrapper-content .btn-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-top: 30px
}

section.bloc-panel .wrapper-content .btn-wrapper .btn:nth-child(2n) {
	background-color: var(--color-text);
	color: var(--color-background)
}

section.bloc-panel .wrapper-panel {
	display: flex;
	flex-direction: column;
	gap: 5px
}

section.bloc-panel .wrapper-panel .panel {
	width: 100%;
	background-color: var(--color-secondary);
	border-radius: 6px;
	padding: 25px
}

section.bloc-panel .wrapper-panel .panel h4 {
	margin-bottom: 0
}

section.bloc-panel .wrapper-panel .content-panel {
	margin-top: 50px
}

section.bloc-panel .wrapper-panel .content-panel>* {
	margin-top: 0
}

@media screen and (max-width:768px) {
	section.bloc-panel .wrapper {
		flex-direction: column
	}

	section.bloc-panel .wrapper>* {
		width: 100%;
		max-width: 500px
	}

	section.bloc-panel .wrapper-panel .content-panel {
		margin-top: 15px
	}
}

section.bloc-zoom .wrapper {
	background-color: var(--color-text);
	border-radius: 20px;
	padding: 50px 85px;
	overflow: hidden
}

section.bloc-zoom .wrapper-top {
	max-width: 100%;
	width: 1070px;
	color: var(--color-background);
	margin: auto
}

section.bloc-zoom .wrapper-center {
	position: relative;
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: space-between;
	overflow: hidden;
	margin-bottom: 20px
}

section.bloc-zoom .wrapper-center:before {
	display: none;
	content: "";
	position: absolute;
	top: calc(316px - 15%);
	left: 0;
	width: 100%;
	height: 15%;
	background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent);
	pointer-events: none;
	z-index: 10
}

section.bloc-zoom .wrapper-bottom {
	max-width: 100%;
	width: 1070px;
	margin: auto
}

section.bloc-zoom .wrapper-list {
	position: relative;
	max-width: 100%;
	width: 468px
}

section.bloc-zoom .wrapper-list ul {
	-moz-column-count: 2;
	column-count: 2;
	-moz-column-gap: 16px;
	column-gap: 16px
}

section.bloc-zoom .wrapper-list ul li {
	position: relative;
	color: var(--color-background);
	padding-left: 23px;
	margin-bottom: 21px;
	text-align: left;
	cursor: pointer
}

section.bloc-zoom .wrapper-list ul li:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 13px;
	height: 11px;
	display: inline-flex;
	background-color: var(--color-background);
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.52 7.733l-.02.032-.021-.032c-.6-.949-1.455-1.7-2.54-2.233 1.085-.532 1.94-1.284 2.54-2.233l.02-.032.02.032c.6.949 1.456 1.7 2.54 2.233-1.085.533-1.94 1.284-2.54 2.233zM13 4.748l-.14-.005c-1.06-.03-2.005-.237-2.813-.611-.846-.394-1.504-.952-1.954-1.66-.427-.671-.649-1.454-.66-2.324L7.43 0H5.569l-.001.148c-.012.87-.234 1.653-.661 2.324-.45.708-1.108 1.266-1.954 1.66-.808.375-1.755.58-2.813.611L0 4.748v1.504l.14.005c1.06.03 2.005.237 2.813.611.846.394 1.504.952 1.954 1.66.427.671.649 1.454.66 2.324L5.57 11h1.862l.001-.148c.012-.871.234-1.653.661-2.324.45-.708 1.108-1.266 1.954-1.66.807-.375 1.755-.58 2.813-.611l.14-.005V4.748z' fill='%23fff'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.52 7.733l-.02.032-.021-.032c-.6-.949-1.455-1.7-2.54-2.233 1.085-.532 1.94-1.284 2.54-2.233l.02-.032.02.032c.6.949 1.456 1.7 2.54 2.233-1.085.533-1.94 1.284-2.54 2.233zM13 4.748l-.14-.005c-1.06-.03-2.005-.237-2.813-.611-.846-.394-1.504-.952-1.954-1.66-.427-.671-.649-1.454-.66-2.324L7.43 0H5.569l-.001.148c-.012.87-.234 1.653-.661 2.324-.45.708-1.108 1.266-1.954 1.66-.808.375-1.755.58-2.813.611L0 4.748v1.504l.14.005c1.06.03 2.005.237 2.813.611.846.394 1.504.952 1.954 1.66.427.671.649 1.454.66 2.324L5.57 11h1.862l.001-.148c.012-.871.234-1.653.661-2.324.45-.708 1.108-1.266 1.954-1.66.807-.375 1.755-.58 2.813-.611l.14-.005V4.748z' fill='%23fff'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}

section.bloc-zoom .wrapper-list ul li:hover {
	color: #00b0ff
}

section.bloc-zoom .wrapper-list ul li:hover:before {
	background-color: #00b0ff
}

section.bloc-zoom .wrapper-images {
	position: relative;
	width: -moz-fit-content;
	width: fit-content
}

section.bloc-zoom .wrapper-images .wrapper-svg {
	position: relative;
	top: 0;
	left: 0
}

section.bloc-zoom .wrapper-images .wrapper-png {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: opacity .1 ease-in-out
}

section.bloc-zoom .wrapper-images .reveal-img {
	visibility: visible;
	opacity: 1
}

@media screen and (max-width:1292px) {
	section.bloc-zoom .wrapper-list {
		height: 500px;
		overflow-y: scroll;
		direction: rtl;
		padding-left: 20px
	}

	section.bloc-zoom .wrapper-list::-webkit-scrollbar {
		width: 4px
	}

	section.bloc-zoom .wrapper-list::-webkit-scrollbar-track {
		background-color: #7f7f7f;
		border-radius: 4px;
		margin-bottom: 40px
	}

	section.bloc-zoom .wrapper-list::-webkit-scrollbar-thumb {
		background-color: var(--color-background);
		border-radius: 4px
	}

	section.bloc-zoom .wrapper-list ul {
		-moz-column-count: 1;
		column-count: 1
	}

	section.bloc-zoom .wrapper-list ul li {
		margin-bottom: 15px
	}
}

@media screen and (max-width:1070px) {
	section.bloc-zoom {
		background-color: var(--color-text)
	}

	section.bloc-zoom .wrapper {
		padding: 0;
		border-radius: 0
	}

	section.bloc-zoom .wrapper-center {
		border-radius: 0;
		overflow: visible
	}
}

@media screen and (max-width:890px) {
	section.bloc-zoom .wrapper-list {
		height: 370px
	}

	section.bloc-zoom .wrapper-images .wrapper-png img,
	section.bloc-zoom .wrapper-images .wrapper-svg img {
		width: 100%;
		height: auto
	}
}

@media screen and (max-width:768px) {
	section.bloc-zoom .wrapper-center {
		flex-direction: column;
		align-items: flex-start
	}

	section.bloc-zoom .wrapper-list {
		width: 100%;
		height: 316px
	}
}

@media screen and (max-width:450px) {
	section.bloc-zoom .wrapper-center:before {
		display: block
	}
}

section.blog-grid .wrapper {
	display: flex;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 5px
}

section.blog-grid .wrapper .card {
	position: relative;
	width: calc(33.32% - 3.5px);
	min-width: 190px;
	height: auto;
	background-color: var(--color-secondary);
	color: var(--text-color);
	border-radius: 5px;
	padding: 10px
}

@media screen and (max-width:1070px) {
	section.blog-grid .wrapper .card {
		width: calc(50% - 2.5px)
	}
}

@media screen and (max-width:480px) {
	section.blog-grid .wrapper .card {
		width: 100%
	}
}

.blog-hero {
	width: 100%;
	background: var(--color-secondary);
	border-radius: 0 0 20px 20px
}

.blog-hero .wrapper {
	position: relative;
	max-width: 100%;
	width: 1070px;
	display: flex;
	justify-content: space-between;
	margin: auto;
	padding: 60px 0;
	gap: 30px
}

.blog-hero .wrapper .wrapper-img {
	width: 421px;
	height: 276px;
	border-radius: 10px;
	overflow: hidden
}

.blog-hero .wrapper .wrapper-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

.blog-hero .wrapper .content {
	max-width: 100%;
	width: 530px
}

.blog-hero .wrapper .content h1 {
	margin-bottom: 0
}

.blog-hero .wrapper .content h1 span {
	color: var(--color-text)
}

.blog-hero .wrapper .content .info {
	margin-bottom: 15px
}

.blog-hero .wrapper .content .info:not(.tag) {
	color: var(--color-tertiary)
}

@media screen and (max-width:890px) {
	.blog-hero .wrapper {
		flex-direction: column;
		padding: 45px 0
	}

	.blog-hero .wrapper .content,
	.blog-hero .wrapper .wrapper-img {
		width: auto
	}
}

section.blog-last-related-items .wrapper .filter {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px
}

section.blog-last-related-items .wrapper .filter .nav-tags {
	max-width: 100%;
	align-self: flex-end
}

section.blog-last-related-items .wrapper .filter .nav-tags ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px
}

@media screen and (max-width:768px) {
	section.blog-last-related-items .wrapper .filter .nav-tags ul {
		display: none
	}
}

section.blog-last-related-items .wrapper .filter .dropdown {
	position: relative;
	max-width: 374px;
	width: 100%;
	border: 1px solid var(--color-tertiary)
}

@media screen and (min-width:768px) {
	section.blog-last-related-items .wrapper .filter .dropdown {
		display: none
	}
}

section.blog-last-related-items .wrapper .filter .dropdown:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 10px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1.5l-5 5-5-5' stroke='%2300AFFF' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	transition: transform .3s ease-in-out
}

section.blog-last-related-items .wrapper .filter .dropdown.active:after {
	transform: translateY(-50%) rotate(180deg)
}

section.blog-last-related-items .wrapper .filter .dropdown .link-dropdown {
	width: 100%;
	height: 100%;
	color: var(--color-tertiary);
	font-size: 20px;
	text-align: left;
	background-color: #fff;
	padding: 10px 15px
}

section.blog-last-related-items .wrapper .filter .dropdown .list-dropdown {
	position: absolute;
	top: 100%;
	left: -1px;
	width: calc(100% + 2px);
	display: none;
	flex-direction: column;
	gap: 0;
	background-color: #fff;
	border: 1px solid var(--color-tertiary);
	margin: 0
}

section.blog-last-related-items .wrapper .filter .dropdown .list-dropdown li a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px 15px
}

section.blog-last-related-items .wrapper .filter .dropdown .list-dropdown li:hover {
	background-color: #e6f7ff
}

section.blog-last-related-items .container-cards {
	display: flex;
	gap: 14px
}

section.blog-last-related-items .container-cards .card {
	max-width: 100%;
	width: calc(33% - 7px)
}

section.blog-last-related-items .container-cards .card figure {
	width: 100%;
	height: 260px;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 10px
}

section.blog-last-related-items .container-cards .card figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	transition: all .3s ease-in-out
}

section.blog-last-related-items .container-cards .card figure:hover img {
	transform: scale(1.04)
}

section.blog-last-related-items .container-cards .card .info {
	color: var(--color-tertiary);
	font-weight: 400;
	margin-bottom: 10px
}

section.blog-last-related-items .container-cards .card h4 {
	margin-bottom: 0;
	transition: all .3s cubic-bezier(.47, 0, .745, .715)
}

section.blog-last-related-items .container-cards .card h4:hover {
	color: #00b0ff;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	cursor: pointer
}

section.blog-last-related-items .container-cards .card .btn {
	margin-top: 30px
}

@media screen and (max-width:1070px) {
	section.blog-last-related-items .container-cards {
		flex-wrap: wrap
	}

	section.blog-last-related-items .container-cards .card {
		width: calc(50% - 7px)
	}
}

@media screen and (max-width:640px) {
	section.blog-last-related-items .container-cards .card {
		width: 100%
	}
}

.blog-listing-content .wrapper .nav-tags {
	max-width: 100%;
	width: 1070px;
	margin: auto auto 60px
}

.blog-listing-content .wrapper .nav-tags ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px
}

@media screen and (max-width:768px) {
	.blog-listing-content .wrapper .nav-tags ul {
		display: none
	}
}

.blog-listing-content .wrapper .dropdown {
	position: relative;
	max-width: 374px;
	width: 100%;
	border: 1px solid var(--color-tertiary)
}

@media screen and (min-width:768px) {
	.blog-listing-content .wrapper .dropdown {
		display: none
	}
}

.blog-listing-content .wrapper .dropdown:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 10px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1.5l-5 5-5-5' stroke='%2300AFFF' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	transition: transform .3s ease-in-out
}

.blog-listing-content .wrapper .dropdown.active:after {
	transform: translateY(-50%) rotate(180deg)
}

.blog-listing-content .wrapper .dropdown .link-dropdown {
	width: 100%;
	height: 100%;
	color: var(--color-tertiary);
	font-size: 20px;
	text-align: left;
	background-color: #fff;
	padding: 10px 15px
}

.blog-listing-content .wrapper .dropdown .list-dropdown {
	position: absolute;
	top: 100%;
	left: -1px;
	width: calc(100% + 2px);
	display: none;
	flex-direction: column;
	gap: 0;
	background-color: #fff;
	border: 1px solid var(--color-tertiary);
	margin: 0
}

.blog-listing-content .wrapper .dropdown .list-dropdown li a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px 15px
}

.blog-listing-content .wrapper .dropdown .list-dropdown li:hover {
	background-color: #e6f7ff
}

.blog-listing-content .container-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 14px
}

.blog-listing-content .container-cards .card {
	max-width: 100%;
	width: calc(33% - 7px);
	margin-bottom: 31px
}

.blog-listing-content .container-cards .card figure {
	width: 100%;
	height: 260px;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 10px
}

.blog-listing-content .container-cards .card figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	transition: all .3s ease-in-out
}

.blog-listing-content .container-cards .card figure:hover img {
	transform: scale(1.04)
}

.blog-listing-content .container-cards .card .info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px
}

.blog-listing-content .container-cards .card .info .tag {
	background: var(--color-secondary);
	color: var(--color-text);
	font-weight: 400;
	margin-right: 0
}

.blog-listing-content .container-cards .card .info .date {
	color: var(--color-tertiary);
	font-weight: 400
}

.blog-listing-content .container-cards .card h4 {
	margin-top: 10px;
	transition: all .3s cubic-bezier(.47, 0, .745, .715)
}

.blog-listing-content .container-cards .card h4:hover {
	color: #00b0ff;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	cursor: pointer
}

.blog-listing-content .container-cards .blog-listing-cta {
	max-width: 100%;
	width: calc(33% - 7px);
	margin-bottom: 31px
}

.blog-listing-content .container-cards .blog-listing-cta .wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	color: var(--color-background);
	background-color: #00b0ff;
	border-radius: 10px;
	padding: 30px 30px 52px;
	overflow: hidden
}

.blog-listing-content .container-cards .blog-listing-cta .wrapper .content {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	z-index: 10
}

.blog-listing-content .container-cards .blog-listing-cta .wrapper .content h2 {
	margin-bottom: 15px
}

.blog-listing-content .container-cards .blog-listing-cta .wrapper .content .btn-wrapper {
	margin-top: auto
}

.blog-listing-content .container-cards .blog-listing-cta .wrapper svg {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0
}

.blog-listing-content .container-cards .blog-listing-cta .wrapper svg .white {
	fill: var(--color-background)
}

.blog-listing-content .container-cards .blog-listing-cta .wrapper svg .black {
	fill: var(--color-text)
}

@media screen and (max-width:1070px) {

	.blog-listing-content .container-cards .blog-listing-cta,
	.blog-listing-content .container-cards .card {
		width: calc(50% - 7px)
	}
}

@media screen and (max-width:640px) {

	.blog-listing-content .container-cards .blog-listing-cta,
	.blog-listing-content .container-cards .card {
		width: 100%
	}
}

.blog-related-items .wrapper .title {
	max-width: 100%;
	width: 1070px;
	margin: auto auto 60px
}

.blog-related-items .container-cards {
	display: flex;
	gap: 14px
}

.blog-related-items .container-cards .card {
	max-width: 100%;
	width: calc(33% - 7px)
}

.blog-related-items .container-cards .card figure {
	width: 100%;
	height: 260px;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 10px
}

.blog-related-items .container-cards .card figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	transition: all .3s ease-in-out
}

.blog-related-items .container-cards .card figure:hover img {
	transform: scale(1.04)
}

.blog-related-items .container-cards .card p {
	font-weight: 400
}

.blog-related-items .container-cards .card p .tag {
	background-color: var(--color-secondary);
	color: var(--color-text)
}

.blog-related-items .container-cards .card h4 {
	margin-top: 10px;
	margin-bottom: 0;
	color: var(--color-text);
	transition: all .3s cubic-bezier(.47, 0, .745, .715)
}

.blog-related-items .container-cards .card h4:hover {
	color: #00b0ff;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	cursor: pointer
}

.blog-related-items .container-cards .card .btn {
	margin-top: 30px
}

@media screen and (max-width:1070px) {
	.blog-related-items .container-cards {
		flex-wrap: wrap
	}

	.blog-related-items .container-cards .card {
		width: calc(50% - 7px)
	}
}

@media screen and (max-width:640px) {
	.blog-related-items .container-cards .card {
		width: 100%
	}
}

section.card-row .wrapper {
	display: flex;
	justify-content: space-between;
	gap: 30px
}

section.card-row .wrapper .content {
	max-width: 100%;
	width: 530px;
	display: flex;
	flex-direction: column
}

section.card-row .wrapper .content .btn-wrapper {
	margin-top: auto
}

section.card-row .wrapper figure {
	max-width: 100%;
	width: 639px;
	height: 415px;
	border-radius: 10px;
	overflow: hidden
}

section.card-row .wrapper figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

section.card-row .wrapper.setimagebottom {
	flex-direction: column
}

section.card-row .wrapper.setimagebottom .content {
	width: 70%
}

section.card-row .wrapper.setimagebottom .content .btn-wrapper {
	margin-top: 30px
}

section.card-row .wrapper.setimagebottom figure {
	width: 100%;
	height: 600px
}

section.card-row .wrapper.setimagebottom figure img {
	-o-object-position: top;
	object-position: top
}

@media screen and (max-width:768px) {
	section.card-row .wrapper {
		flex-direction: column
	}

	section.card-row .wrapper.setimagebottom .content,
	section.card-row .wrapper figure {
		width: 100%
	}
}

@media screen and (max-width:480px) {
	section.card-row .wrapper figure {
		max-height: 268px
	}
}

.cards-banner-module .container .inner-container {
	width: 100%;
	background-color: var(--color-secondary);
	border-radius: 20px;
	padding: 60px 109px
}

.cards-banner-module .container .inner-container>.title {
	margin-bottom: 60px
}

.cards-banner-module .container .inner-container .cards {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 60px;
	flex-wrap: wrap
}

.cards-banner-module .container .inner-container .cards .card {
	width: calc(50% - 30px);
	display: flex;
	flex-direction: column;
	gap: 15px
}

.cards-banner-module .container .inner-container .cards .card .title-row {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 30px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px
}

.cards-banner-module .container .inner-container .cards .card .title-row .title {
	color: var(--color-text);
	margin: 0;
	margin: initial
}

.cards-banner-module .container .inner-container .cards .card .title-row .icon {
	width: 75px;
	height: 75px;
	overflow: hidden;
	line-height: 0
}

.cards-banner-module .container .inner-container .cards .card .title-row .icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	font-family: "object-fit:contain";
	object-fit: contain
}

.cards-banner-module .container .inner-container .cards .card .richtext {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.cards-banner-module .container .inner-container .cards .card .richtext strong {
	color: var(--color-text)
}

.cards-banner-module .container .inner-container .cards .card .richtext ul {
	margin: 0;
	margin: initial
}

.cards-banner-module .container .inner-container .cards .card .richtext ul li {
	display: flex;
	flex-direction: row;
	gap: 10px;
	color: var(--color-tertiary)
}

.cards-banner-module .container .inner-container .cards .card .richtext ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100px;
	background-color: var(--color-tertiary);
	margin-top: 7px
}

.cards-banner-module .container .inner-container .cards .card .btn {
	margin-top: auto
}

@media screen and (max-width:890px) {
	.cards-banner-module .container .inner-container {
		padding: 60px
	}
}

@media screen and (max-width:768px) {
	.cards-banner-module .container .inner-container>.title {
		margin-bottom: 20px
	}

	.cards-banner-module .container .inner-container .cards {
		flex-direction: column
	}

	.cards-banner-module .container .inner-container .cards .card {
		width: 100%
	}

	.cards-banner-module .container .inner-container .cards .card .btn {
		margin-top: 0;
		margin-top: initial
	}
}

@media screen and (max-width:640px) {
	.cards-banner-module .container .inner-container {
		padding: 20px
	}
}

.cards-listing-module>.container .title {
	margin-bottom: 60px
}

.cards-listing-module>.container .title h1,
.cards-listing-module>.container .title h2,
.cards-listing-module>.container .title h3,
.cards-listing-module>.container .title h4,
.cards-listing-module>.container .title h5,
.cards-listing-module>.container .title h6 {
	margin: 0;
	margin: initial
}

.cards-listing-module>.container .cards {
	display: flex;
	flex-direction: row;
	gap: 15px;
	row-gap: 45px;
	flex-wrap: wrap
}

.cards-listing-module>.container .cards .card {
	width: calc(33.33333% - 10px);
	cursor: pointer
}

.cards-listing-module>.container .cards .card .image {
	width: 100%;
	height: auto;
	aspect-ratio: 421/259;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 30px
}

.cards-listing-module>.container .cards .card .image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

.cards-listing-module>.container .cards .card .card-tag {
	color: var(--color-text);
	opacity: .5;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 10px
}

.cards-listing-module>.container .cards .card .title {
	margin-bottom: 10px;
	color: var(--color-text)
}

.cards-listing-module>.container .cards .card .location {
	color: var(--color-text);
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center
}

.cards-listing-module>.container .cards .card .location:before {
	content: "";
	width: 13px;
	height: 16px;
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.805 5.786C12.037 2.406 9.088.884 6.498.884H6.49C3.907.884.951 2.399.183 5.779c-.856 3.776 1.456 6.973 3.549 8.985a3.977 3.977 0 002.766 1.12c.995 0 1.99-.373 2.758-1.12 2.093-2.012 4.405-5.202 3.549-8.978zM6.498 9.452a2.305 2.305 0 11-.001-4.609 2.305 2.305 0 010 4.61z' fill='%2300AFFF'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.805 5.786C12.037 2.406 9.088.884 6.498.884H6.49C3.907.884.951 2.399.183 5.779c-.856 3.776 1.456 6.973 3.549 8.985a3.977 3.977 0 002.766 1.12c.995 0 1.99-.373 2.758-1.12 2.093-2.012 4.405-5.202 3.549-8.978zM6.498 9.452a2.305 2.305 0 11-.001-4.609 2.305 2.305 0 010 4.61z' fill='%2300AFFF'/%3E%3C/svg%3E");
	-webkit-mask-position: 50%;
	mask-position: 50%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: #00b0ff
}

.cards-listing-module>.container .cards .card .btn {
	margin-top: 30px
}

.cards-listing-module .popups {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	pointer-events: none
}

.cards-listing-module .popups.active {
	pointer-events: all
}

.cards-listing-module .popups.active:before {
	opacity: 1
}

.cards-listing-module .popups:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .3s
}

.cards-listing-module .popups .popup {
	max-width: 1292px;
	padding: 0 109px;
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	position: absolute;
	top: 30px;
	left: 50%;
	border-radius: 6px;
	background-color: var(--color-background);
	opacity: 0;
	pointer-events: none;
	z-index: -1;
	transform: translateX(-50%) translateY(-30px);
	transition: transform .3s, opacity .3s, z-index 0ms .3s
}

.cards-listing-module .popups .popup.active {
	opacity: 1;
	pointer-events: all;
	z-index: 1;
	transform: translateX(-50%);
	transition: transform .3s, opacity .3s, z-index .3s
}

.cards-listing-module .popups .popup .container {
	width: 100%;
	height: 100%;
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding: 0
}

.cards-listing-module .popups .popup .container::-webkit-scrollbar {
	display: none
}

.cards-listing-module .popups .popup .container .close-popup {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	background-color: #00b0ff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.cards-listing-module .popups .popup .container .close-popup:after {
	content: "";
	width: 14px;
	height: 14px;
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.875.875l12.462 12.287M13.336.875L.874 13.162' stroke='%23fff' stroke-width='1.867' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.875.875l12.462 12.287M13.336.875L.874 13.162' stroke='%23fff' stroke-width='1.867' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-position: 50%;
	mask-position: 50%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: #fff
}

.cards-listing-module .popups .popup .container .scroll-bar {
	position: absolute;
	top: 100px;
	right: 45px;
	width: 10px;
	height: calc(100% - 150px);
	border-radius: 100px;
	overflow: hidden;
	transition: opacity .3s
}

.cards-listing-module .popups .popup .container .scroll-bar:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--color-tertiary);
	position: absolute;
	top: 0;
	left: 0;
	opacity: .2;
	z-index: 1
}

.cards-listing-module .popups .popup .container .scroll-bar.inactive {
	opacity: 0;
	pointer-events: none
}

.cards-listing-module .popups .popup .container .scroll-bar .thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background-color: #00b0ff;
	border-radius: 100px;
	z-index: 2
}

.cards-listing-module .popups .popup .container .content {
	width: 100%;
	height: -moz-fit-content;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 60px;
	padding: 100px 0
}

.cards-listing-module .popups .popup .container .content .title {
	margin-bottom: -30px;
	color: var(--color-text)
}

.cards-listing-module .popups .popup .container .content .images {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 15px
}

.cards-listing-module .popups .popup .container .content .images .image {
	width: calc(50% - 7.5px);
	border-radius: 10px;
	overflow: hidden
}

.cards-listing-module .popups .popup .container .content .images .image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

.cards-listing-module .popups .popup .container .content .section .title {
	margin-bottom: 15px
}

.cards-listing-module .popups .popup .container .content .section .cards {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 15px;
	flex-wrap: wrap
}

.cards-listing-module .popups .popup .container .content .section .cards.third .card {
	width: calc(33.33333% - 10px)
}

.cards-listing-module .popups .popup .container .content .section .cards .card {
	width: calc(50% - 7.5px);
	padding: 20px;
	background-color: var(--color-secondary);
	border-radius: 6px
}

.cards-listing-module .popups .popup .container .content .section .cards .card.special {
	background-color: #00b0ff;
	width: 100%
}

.cards-listing-module .popups .popup .container .content .section .cards .card.special .title {
	color: #fff;
	margin: 0;
	margin: initial;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center
}

.cards-listing-module .popups .popup .container .content .section .cards .card.special .title:before {
	content: "";
	width: 17px;
	height: 22px;
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.755 6.907C15.749 2.175 11.889.044 8.499.044h-.01c-3.38 0-7.25 2.12-8.255 6.853-1.121 5.286 1.905 9.763 4.645 12.58 1.015 1.044 2.317 1.567 3.62 1.567 1.302 0 2.605-.523 3.61-1.567 2.74-2.817 5.766-7.284 4.646-12.57zM8.499 12.04c-1.667 0-3.017-1.445-3.017-3.227 0-1.783 1.35-3.227 3.017-3.227 1.666 0 3.017 1.444 3.017 3.227 0 1.782-1.35 3.227-3.017 3.227z' fill='%23fff'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.755 6.907C15.749 2.175 11.889.044 8.499.044h-.01c-3.38 0-7.25 2.12-8.255 6.853-1.121 5.286 1.905 9.763 4.645 12.58 1.015 1.044 2.317 1.567 3.62 1.567 1.302 0 2.605-.523 3.61-1.567 2.74-2.817 5.766-7.284 4.646-12.57zM8.499 12.04c-1.667 0-3.017-1.445-3.017-3.227 0-1.783 1.35-3.227 3.017-3.227 1.666 0 3.017 1.444 3.017 3.227 0 1.782-1.35 3.227-3.017 3.227z' fill='%23fff'/%3E%3C/svg%3E");
	-webkit-mask-position: 50%;
	mask-position: 50%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: #fff
}

.cards-listing-module .popups .popup .container .content .section .cards .card .title {
	margin-bottom: 10px
}

.cards-listing-module .popups .popup .container .content .section .cards .card .text {
	color: var(--color-text);
	display: flex;
	flex-direction: column;
	gap: 10px
}

.cards-listing-module .popups .popup .container .content .section .cards .card .text p {
	color: var(--color-text)
}

.cards-listing-module .popups .popup .container .content .section .cards .card .text ul {
	padding: 0;
	padding: initial
}

.cards-listing-module .popups .popup .container .content .section .cards .card .text ul li {
	display: flex;
	flex-direction: row;
	gap: 10px
}

.cards-listing-module .popups .popup .container .content .section .cards .card .text ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100px;
	background-color: var(--color-text);
	margin-top: 7px
}

@media screen and (max-width:1070px) {
	.cards-listing-module .popups .popup {
		padding: 0 80px
	}
}

@media screen and (max-width:890px) {
	.cards-listing-module>.container .title {
		margin-bottom: 45px
	}

	.cards-listing-module .popups .popup .container .content .section .cards .card,
	.cards-listing-module .popups .popup .container .content .section .cards.third .card,
	.cards-listing-module>.container .cards .card {
		width: calc(50% - 7.5px)
	}

	.cards-listing-module .popups .popup .container .content .section .cards .card.special {
		width: 100%
	}
}

@media screen and (max-width:768px) {
	.cards-listing-module .popups .popup {
		width: calc(100% - 40px)
	}

	.cards-listing-module .popups .popup .container .close-popup {
		top: 10px;
		right: 10px
	}

	.cards-listing-module .popups .popup .container .scroll-bar {
		display: none
	}

	.cards-listing-module .popups .popup .container .content {
		padding: 60px 0
	}

	.cards-listing-module .popups .popup .container .content .images {
		flex-direction: column
	}

	.cards-listing-module .popups .popup .container .content .images .image {
		width: 100%;
		height: auto;
		aspect-ratio: 334/205
	}

	.cards-listing-module .popups .popup .container .content .section .cards {
		flex-direction: column
	}

	.cards-listing-module .popups .popup .container .content .section .cards .card,
	.cards-listing-module .popups .popup .container .content .section .cards.third .card {
		width: 100%
	}
}

@media screen and (max-width:640px) {
	.cards-listing-module>.container .title {
		margin-bottom: 30px
	}

	.cards-listing-module>.container .cards .card {
		width: 100%
	}

	.cards-listing-module .popups .popup {
		padding: 0 20px
	}
}

section.content-large-image-section .wrapper .content {
	max-width: 100%;
	width: 1070px;
	margin: auto auto 45px
}

section.content-large-image-section .wrapper .wrapper-img {
	width: 100%;
	height: auto;
	aspect-ratio: 1294/652;
	border-radius: 20px;
	overflow: hidden
}

section.content-large-image-section .wrapper .wrapper-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

section.cta-blog-post .wrapper {
	position: relative;
	max-width: 100%;
	width: 100%;
	min-height: 365px;
	height: auto;
	display: flex;
	flex-direction: column;
	background-color: #00b0ff;
	border-radius: 20px;
	padding: 50px;
	overflow: hidden
}

section.cta-blog-post .wrapper .content :first-child {
	margin-top: 0;
	margin-bottom: 15px
}

section.cta-blog-post .wrapper .content * {
	color: var(--color-background)
}

section.cta-blog-post .wrapper .btn-wrapper {
	margin-top: auto
}

section.cta-blog-post .wrapper svg {
	position: absolute;
	bottom: 0;
	right: 0
}

section.cta-blog-post .wrapper svg .white {
	fill: var(--color-background)
}

section.cta-blog-post .wrapper svg .black {
	fill: var(--color-text)
}

@media screen and (max-width:1070px) {
	section.cta-blog-post .wrapper {
		height: auto
	}

	section.cta-blog-post .wrapper svg {
		display: none
	}
}

@media screen and (max-width:480px) {
	section.cta-blog-post .wrapper {
		padding: 30px
	}
}

footer.footer .wrapper {
	padding: 50px 109px;
	position: relative;
	background-color: var(--color-secondary);
	border-radius: 20px
}

footer.footer .wrapper-social {
	display: flex;
	flex-direction: column;
	align-items: left;
	margin-bottom: 65px;
	gap: 15px
}

footer.footer .wrapper-social .logo {
	display: none;
	width: 300px;
	height: 100px;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
  margin-top: -100px
}

footer.footer .wrapper-social .logo img {
	width: 100%
}

footer.footer .wrapper-social .social {
	display: flex;
	gap: 15px
}

footer.footer .wrapper-social .social a {
	text-indent: -200vw;
	white-space: nowrap
}

footer.footer .wrapper-nav {
	display: flex;
	justify-content: space-between;
	gap: 30px
}

footer.footer .wrapper-nav .social-content {
	max-width: 310px;
	width: 100%
}

footer.footer .wrapper-nav .social-content p {
	color: var(--color-tertiary)
}

footer.footer .wrapper-nav .social-content .btn-wrapper {
	margin-top: 25px
}

footer.footer .wrapper-nav .menus {
	max-width: 640px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 20px
}

footer.footer .wrapper-nav .menus span ul li {
	margin-bottom: 25px
}

footer.footer .wrapper-nav .menus a {
	position: relative
}

footer.footer .wrapper-nav .menus a:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 4px;
	transform-origin: left;
	background-color: var(--color-text);
	transition: all .3s cubic-bezier(.65, .05, .36, 1)
}

footer.footer .wrapper-nav .menus a:hover {
	color: var(--color-text)
}

footer.footer .wrapper-nav .menus a:hover:after {
	width: 100%
}

footer.footer .wrapper-copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
	padding-top: 20px
}

footer.footer .wrapper-copyright .copyright-nav {
	display: flex;
	align-items: center;
	gap: 20px
}

@media screen and (max-width:1070px) {
	footer.footer .wrapper-nav {
		flex-direction: column;
		gap: 30px
	}

	footer.footer .wrapper-nav .social-content {
		width: 100%
	}

	footer.footer .wrapper-nav .social-content p {
		width: 312px
	}

	footer.footer .wrapper-nav .menus {
		width: 100%;
		flex-wrap: wrap
	}

	footer.footer .wrapper-nav .menus ul {
		margin-right: 40px
	}
}

@media screen and (max-width:768px) {
	footer.footer .wrapper {
		padding: 30px
	}

	footer.footer .wrapper-copyright {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px
	}

	footer.footer .wrapper-copyright .copyright-nav {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px
	}
}

@media screen and (max-width:640px) {
	footer.footer .wrapper-social {
		flex-direction: column;
		margin-bottom: 60px;
		align-items: flex-start
	}

	footer.footer .wrapper-social .logo {
		margin-bottom: 45px
	}

	footer.footer .wrapper-nav .menus {
		flex-wrap: wrap;
		gap: 30px
	}

	footer.footer .wrapper-nav .menus span:first-child ul li,
	footer.footer .wrapper-nav .menus span:nth-child(2) ul li {
		margin-bottom: 10px
	}

	footer.footer .wrapper-nav .social-content {
		margin-right: 0
	}

	footer.footer .wrapper-nav .social-content p {
		width: auto
	}
}

@media screen and (max-width:480px) {
	footer.footer .wrapper-nav .menus {
		flex-direction: column
	}
}

.form-contact .wrapper {
	max-width: 1292px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	margin: auto
}

.form-contact .wrapper-left,
.form-contact .wrapper-right {
	width: 50%
}

.form-contact .wrapper-left {
	max-width: 500px
}

.form-contact .wrapper-left .content {
	width: 100%
}

.form-contact .wrapper-left .content .subtitle,
.form-contact .wrapper-left .content p {
	color: var(--color-text)
}

.form-contact .wrapper-right {
	max-width: 630px;
	background-color: #dcc896;
	color: #000;
	padding: 30px;
	border-radius: 10px
}

.form-contact .wrapper-right .content {
	display: flex;
	justify-content: space-between;
	margin-bottom: 45px
}

.form-contact .wrapper-right .content .text {
	max-width: 355px;
	width: 100%
}

.form-contact .wrapper-right .content .text>* {
	color: #000
}

.form-contact .wrapper-right .content .text>* em {
	color: #000
}

.form-contact .wrapper-right .content img {
	height: 82px
}

.form-contact .wrapper-right .btn-wrapper {
	display: none;
	flex-direction: column;
	gap: 15px;
	flex-wrap: wrap;
	margin-top: 30px
}

.form-contact .wrapper-right .btn-wrapper.active {
	display: flex !important
}

@media screen and (max-width:890px) {
	.form-contact .wrapper {
		flex-direction: column;
		gap: 30px
	}

	.form-contact .wrapper-left,
	.form-contact .wrapper-left .content,
	.form-contact .wrapper-right {
		width: 100%
	}
}

@media screen and (max-width:640px) {
	.form-contact .wrapper-right {
		margin-top: 30px;
		padding: 0 30px 30px
	}

	.form-contact .wrapper-right .content {
		flex-direction: column-reverse
	}

	.form-contact .wrapper-right .content img {
		width: 71px;
		position: relative;
		top: -30px
	}
}

section.grid-cards .title {
	max-width: 100%;
	width: 1070px;
	margin: 0 auto 45px
}

section.grid-cards .wrapper {
	display: flex;
	align-items: stretch;
	flex-direction: row;
	gap: 15px
}

section.grid-cards .wrapper .card {
	position: relative;
	max-width: 100%;
	width: 420px;
	height: auto;
	background-color: var(--color-secondary);
	color: var(--text-color);
	border-radius: 10px;
	padding: 22px 30px 90px
}

section.grid-cards .wrapper .card .content {
	position: relative;
	z-index: 2
}

section.grid-cards .wrapper .card .number {
	color: #00b0ff;
	font-size: 62px;
	word-wrap: break-word;
	font-weight: 500;
	line-height: 1.3;
	margin-top: 0
}

section.grid-cards .wrapper .card img {
	display: none;
	position: absolute;
	bottom: 22px;
	right: 30px;
	height: 80px;
	z-index: 1
}

@media screen and (max-width:1070px) {
	section.grid-cards .wrapper {
		flex-wrap: wrap
	}
}

@media screen and (max-width:768px) {
	section.grid-cards .title {
		margin: 0 auto 30px
	}
}

section.hero-blog-listing .wrapper {
	display: flex;
	flex-direction: column;
	gap: 60px
}

section.hero-blog-listing .wrapper .wrapper-content {
	max-width: 100%;
	width: 1070px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	margin: auto
}

section.hero-blog-listing .wrapper .wrapper-content>* {
	width: 50%
}

section.hero-blog-listing .wrapper .wrapper-content .breadcrumb {
	margin-bottom: 30px
}

section.hero-blog-listing .wrapper .wrapper-content .text {
	max-width: 421px
}

section.hero-blog-listing .wrapper .wrapper-content .text>*,
section.hero-blog-listing .wrapper .wrapper-content h1 {
	margin-bottom: 0
}

section.hero-blog-listing .wrapper .wrapper-content .text>* {
	color: var(--color-text)
}

section.hero-blog-listing .wrapper .wrapper-last-article {
	padding: 70px 110px;
	background: var(--color-secondary);
	border-radius: 20px
}

section.hero-blog-listing .wrapper .wrapper-last-article .card {
	display: flex;
	align-items: normal;
	justify-content: space-between;
	gap: 30px
}

section.hero-blog-listing .wrapper .wrapper-last-article .card figure {
	display: flex;
	width: 421px;
	border-radius: 6px;
	overflow: hidden
}

section.hero-blog-listing .wrapper .wrapper-last-article .card figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	min-height: 260px;
	max-height: 320px;
	transition: all .3s ease-in-out
}

section.hero-blog-listing .wrapper .wrapper-last-article .card figure:hover img {
	transform: scale(1.04)
}

section.hero-blog-listing .wrapper .wrapper-last-article .card .content {
	display: flex;
	flex-direction: column;
	max-width: 100%;
	width: 530px
}

section.hero-blog-listing .wrapper .wrapper-last-article .card .content p {
	margin-top: 0
}

section.hero-blog-listing .wrapper .wrapper-last-article .card .content h2 {
	transition: all .3s cubic-bezier(.47, 0, .745, .715)
}

section.hero-blog-listing .wrapper .wrapper-last-article .card .content h2:hover {
	color: #00b0ff;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	cursor: pointer
}

section.hero-blog-listing .wrapper .wrapper-last-article .card .content .btn-wrapper {
	margin-top: auto
}

@media screen and (max-width:1070px) {
	section.hero-blog-listing .wrapper .wrapper-last-article .card {
		flex-direction: column;
		align-items: flex-start
	}

	section.hero-blog-listing .wrapper .wrapper-last-article .card .content {
		width: auto
	}
}

@media screen and (max-width:768px) {
	section.hero-blog-listing .wrapper .wrapper-content {
		flex-direction: column
	}

	section.hero-blog-listing .wrapper .wrapper-content>* {
		width: 100%
	}

	section.hero-blog-listing .wrapper .wrapper-content .breadcrumb {
		margin-bottom: 15px
	}

	section.hero-blog-listing .wrapper .wrapper-last-article {
		padding: 30px
	}

	section.hero-blog-listing .wrapper .wrapper-last-article .card figure {
		width: 100%;
		height: auto
	}
}

section.hero-grid-cards .wrapper .wrapper-content {
	max-width: 100%;
	width: 1070px;
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin: 50px auto
}

section.hero-grid-cards .wrapper .wrapper-content .title {
	max-width: 100%;
	width: 530px
}

section.hero-grid-cards .wrapper .wrapper-content .title h1 {
	margin-bottom: 0
}

section.hero-grid-cards .wrapper .wrapper-content .content {
	max-width: 100%;
	width: 422px;
	margin-top: 10px
}

section.hero-grid-cards .wrapper .wrapper-content .content .btn-wrapper {
	display: flex;
	gap: 20px;
	margin-top: 30px
}

section.hero-grid-cards .wrapper .wrapper-cards {
	display: flex;
	flex-direction: row;
	gap: 15px
}

@media screen and (max-width:1070px) {
	section.hero-grid-cards .wrapper .wrapper-cards {
		display: none
	}
}

section.hero-grid-cards .wrapper .wrapper-cards .card {
	position: relative;
	max-width: 100%;
	width: 420px;
	min-height: 150px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #00b0ff;
	color: var(--text-color);
	border-radius: 10px;
	padding: 30px
}

section.hero-grid-cards .wrapper .wrapper-cards .card>* em {
	color: #fff
}

section.hero-grid-cards .wrapper .wrapper-cards .card .content {
	max-width: 100%;
	width: 70%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column
}

section.hero-grid-cards .wrapper .wrapper-cards .card img {
	display: none;
	position: absolute;
	bottom: 22px;
	right: 30px;
	width: 95px
}

section.hero-grid-cards .wrapper .wrapper-cards .card .btn-wrapper {
	margin-top: 30px
}

section.hero-grid-cards .swiper-hero-cards {
	width: 100%
}

@media screen and (min-width:1070px) {
	section.hero-grid-cards .swiper-hero-cards {
		display: none
	}
}

section.hero-grid-cards .swiper-hero-cards .slides .slide {
	max-width: 100%;
	width: 374px;
	height: auto;
	min-height: 320px;
	background-color: #00b0ff;
	color: var(--text-color);
	border-radius: 10px;
	padding: 20px
}

section.hero-grid-cards .swiper-hero-cards .slides .slide>* em {
	color: #fff
}

section.hero-grid-cards .swiper-hero-cards .slides .slide .content {
	max-width: 100%;
	width: 70%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column
}

section.hero-grid-cards .swiper-hero-cards .slides .slide img {
	display: none;
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 95px
}

section.hero-grid-cards .swiper-hero-cards .slides .slide .btn.btn-arrow:after {
	transform: translateY(-50%) rotate(90deg)
}

section.hero-grid-cards .swiper-hero-cards .swiper-wrapper-nav {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 50px
}

section.hero-grid-cards .swiper-hero-cards .swiper-wrapper-nav .hero-cards-next,
section.hero-grid-cards .swiper-hero-cards .swiper-wrapper-nav .hero-cards-prev {
	position: relative;
	left: 0;
	right: 0
}

@media screen and (max-width:890px) {
	section.hero-grid-cards .wrapper .wrapper-content {
		flex-direction: column;
		padding-right: 20px
	}

	section.hero-grid-cards .wrapper .wrapper-content .content,
	section.hero-grid-cards .wrapper .wrapper-content .title {
		width: 70%
	}

	section.hero-grid-cards .wrapper .wrapper-content .content {
		margin-top: 0
	}
}

@media screen and (max-width:640px) {

	section.hero-grid-cards .wrapper .wrapper-content .content,
	section.hero-grid-cards .wrapper .wrapper-content .title {
		width: 100%
	}
}

@media screen and (max-width:480px) {
	section.hero-grid-cards .swiper-hero-cards .slides .slide {
		width: 90%
	}
}

@media screen and (max-width:414px) {
	section.hero-grid-cards .swiper-hero-cards .slides .slide .content {
		width: 80%
	}

	section.hero-grid-cards .swiper-hero-cards .slides .slide img {
		width: 60px
	}
}

section.hero-large-image .wrapper .wrapper-content {
	max-width: 100%;
	width: 1070px;
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin: 0 auto 50px
}

section.hero-large-image .wrapper .wrapper-content .title {
	max-width: 100%;
	width: 530px
}

section.hero-large-image .wrapper .wrapper-content .title h1 {
	margin-bottom: 0
}

section.hero-large-image .wrapper .wrapper-content .content {
	max-width: 100%;
	width: 422px
}

section.hero-large-image .wrapper .wrapper-content .content .btn-wrapper {
	display: flex;
	gap: 20px;
	margin-top: 30px
}

section.hero-large-image .wrapper .wrapper-content .content .btn-wrapper .btn:nth-child(2n) {
	background-color: var(--color-text);
	color: var(--color-background)
}

section.hero-large-image .wrapper .wrapper-img {
	display: flex;
	position: relative;
	width: 100%;
	border-radius: 20px;
	overflow: hidden
}

section.hero-large-image .wrapper .wrapper-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

section.hero-large-image .wrapper .wrapper-img svg {
	position: absolute;
	top: 0;
	right: 0;
	width: 17.5vw;
	max-width: 252px
}

@media screen and (max-width:890px) {
	section.hero-large-image .wrapper .wrapper-content {
		flex-direction: column;
		margin-bottom: 30px
	}

	section.hero-large-image .wrapper .wrapper-content .content,
	section.hero-large-image .wrapper .wrapper-content .title {
		width: 70%
	}
}

@media screen and (max-width:640px) {

	section.hero-large-image .wrapper .wrapper-content .content,
	section.hero-large-image .wrapper .wrapper-content .title {
		width: 100%
	}
}

section.hero-presse-listing .wrapper {
	display: flex;
	flex-direction: column;
	gap: 60px
}

section.hero-presse-listing .wrapper .wrapper-content {
	max-width: 100%;
	width: 1070px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	margin: auto
}

section.hero-presse-listing .wrapper .wrapper-content>* {
	width: 50%
}

section.hero-presse-listing .wrapper .wrapper-content .breadcrumb {
	margin-bottom: 30px
}

section.hero-presse-listing .wrapper .wrapper-content .text {
	max-width: 421px
}

section.hero-presse-listing .wrapper .wrapper-content .text>*,
section.hero-presse-listing .wrapper .wrapper-content h1 {
	margin-bottom: 0
}

section.hero-presse-listing .wrapper .wrapper-content .text>* {
	color: var(--color-text)
}

section.hero-presse-listing .wrapper .wrapper-last-article {
	padding: 70px 110px;
	background: var(--color-secondary);
	border-radius: 20px
}

section.hero-presse-listing .wrapper .wrapper-last-article .card {
	display: flex;
	align-items: normal;
	justify-content: space-between;
	gap: 30px
}

section.hero-presse-listing .wrapper .wrapper-last-article .card figure {
	display: flex;
	width: 421px;
	border-radius: 6px;
	overflow: hidden
}

section.hero-presse-listing .wrapper .wrapper-last-article .card figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	min-height: 260px;
	max-height: 320px;
	transition: all .3s ease-in-out
}

section.hero-presse-listing .wrapper .wrapper-last-article .card figure:hover img {
	transform: scale(1.04)
}

section.hero-presse-listing .wrapper .wrapper-last-article .card .content {
	display: flex;
	flex-direction: column;
	max-width: 100%;
	width: 530px
}

section.hero-presse-listing .wrapper .wrapper-last-article .card .content p {
	margin-top: 0
}

section.hero-presse-listing .wrapper .wrapper-last-article .card .content h2 {
	transition: all .3s cubic-bezier(.47, 0, .745, .715)
}

section.hero-presse-listing .wrapper .wrapper-last-article .card .content h2:hover {
	color: #00b0ff;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	cursor: pointer
}

section.hero-presse-listing .wrapper .wrapper-last-article .card .content .btn-wrapper {
	margin-top: auto
}

@media screen and (max-width:1070px) {
	section.hero-presse-listing .wrapper .wrapper-last-article .card {
		flex-direction: column;
		align-items: flex-start
	}

	section.hero-presse-listing .wrapper .wrapper-last-article .card .content {
		width: auto
	}
}

@media screen and (max-width:768px) {
	section.hero-presse-listing .wrapper .wrapper-content {
		flex-direction: column
	}

	section.hero-presse-listing .wrapper .wrapper-content>* {
		width: 100%
	}

	section.hero-presse-listing .wrapper .wrapper-content .breadcrumb {
		margin-bottom: 15px
	}

	section.hero-presse-listing .wrapper .wrapper-last-article {
		padding: 30px
	}

	section.hero-presse-listing .wrapper .wrapper-last-article .card figure {
		width: 100%;
		height: auto
	}
}

.key-numbers-module .container .inner-container {
	background-color: var(--color-secondary);
	border-radius: 6px;
	padding: 60px 109px;
	display: flex;
	flex-direction: row;
	gap: 16px
}

.key-numbers-module .container .inner-container .side-content {
	width: calc(30% - 8px);
	display: flex;
	flex-direction: column;
	gap: 15px
}

.key-numbers-module .container .inner-container .side-content .number-card {
	padding: 15px
}

.key-numbers-module .container .inner-container .side-content .number-card .number {
	margin-bottom: 10px;
	color: #00b0ff
}

.key-numbers-module .container .inner-container .side-content .number-card .text {
	color: var(--color-text);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5
}

.key-numbers-module .container .inner-container .side-content .cta-block {
	margin-top: auto
}

.key-numbers-module .container .inner-container .side-content .cta-block .text {
	margin-bottom: 30px;
	color: var(--color-text)
}

.key-numbers-module .container .inner-container .main-content {
	width: calc(70% - 8px);
	display: flex;
	flex-direction: column;
	gap: 45px
}

.key-numbers-module .container .inner-container .main-content .title,
.key-numbers-module .container .inner-container .main-content .title h1,
.key-numbers-module .container .inner-container .main-content .title h2,
.key-numbers-module .container .inner-container .main-content .title h3,
.key-numbers-module .container .inner-container .main-content .title h4,
.key-numbers-module .container .inner-container .main-content .title h5,
.key-numbers-module .container .inner-container .main-content .title h6 {
	margin: 0;
	margin: initial
}

.key-numbers-module .container .inner-container .main-content .image {
	width: 100%;
	height: -moz-fit-content;
	height: fit-content;
	border-radius: 6px;
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, .1019607843);
	overflow: hidden;
	line-height: 0
}

.key-numbers-module .container .inner-container .main-content .image img {
	width: 100%;
	height: auto
}

@media screen and (max-width:890px) {
	.key-numbers-module .container .inner-container {
		flex-direction: column-reverse;
		gap: 45px
	}

	.key-numbers-module .container .inner-container .side-content {
		width: 100%
	}

	.key-numbers-module .container .inner-container .side-content .cta-block {
		margin-top: 15px
	}

	.key-numbers-module .container .inner-container .main-content {
		width: 100%
	}
}

@media screen and (max-width:640px) {
	.key-numbers-module .container {
		padding: 0
	}

	.key-numbers-module .container .inner-container {
		border-radius: 0;
		padding: 60px 20px
	}
}

.multiple-cards .wrapper {
	max-width: 100%;
	width: 1070px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	gap: 30px
}

.multiple-cards .wrapper-left {
	max-width: 100%;
	width: 530px;
	display: flex;
	justify-content: flex-start;
	flex-direction: column
}

@media screen and (max-width:768px) {
	.multiple-cards .wrapper-left {
		width: 100% !important
	}
}

.multiple-cards .wrapper-left .content {
	position: sticky;
	top: 105px;
	display: flex;
	flex-direction: column;
	padding-bottom: 100px
}

.multiple-cards .wrapper-left .content .h1,
.multiple-cards .wrapper-left .content .h2,
.multiple-cards .wrapper-left .content .h3,
.multiple-cards .wrapper-left .content .h4,
.multiple-cards .wrapper-left .content h1,
.multiple-cards .wrapper-left .content h2,
.multiple-cards .wrapper-left .content h3,
.multiple-cards .wrapper-left .content h4 {
	margin-bottom: 30px
}

.multiple-cards .wrapper-left .content p {
	margin: 0
}

.multiple-cards .wrapper-left .content ul {
	color: var(--color-tertiary);
	padding: 0;
	padding: initial
}

.multiple-cards .wrapper-left .content ul li {
	display: flex;
	flex-direction: row;
	gap: 10px
}

.multiple-cards .wrapper-left .content ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100px;
	background-color: var(--color-tertiary);
	margin-top: 7px
}

.multiple-cards .wrapper-left .btn-wrapper {
	margin-top: auto
}

.multiple-cards .wrapper-data {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 50px;
	color: var(--color-text)
}

@media screen and (max-width:413px) {
	.multiple-cards .wrapper-data {
		flex-direction: column;
		margin-top: 30px
	}
}

.multiple-cards .wrapper-data .number {
	font-size: 48px;
	word-wrap: break-word;
	font-weight: 500;
	line-height: 1.3;
	margin-top: 0
}

.multiple-cards .wrapper-data>* {
	max-width: 100%;
	width: calc(50% - 8px)
}

@media screen and (max-width:413px) {
	.multiple-cards .wrapper-data>* {
		width: 100%
	}
}

.multiple-cards .wrapper-right {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.multiple-cards .wrapper-right .card {
	position: relative;
	max-width: 100%;
	width: 420px;
	background-color: #00b0ff;
	border-radius: 10px;
	padding: 30px
}

.multiple-cards .wrapper-right .card * {
	color: #fff
}

.multiple-cards .wrapper-right .card .number {
	font-size: 62px;
	word-wrap: break-word;
	font-weight: 500;
	line-height: 1.3;
	margin-top: 0
}

.multiple-cards .wrapper-right .card img {
	display: none;
	position: absolute;
	bottom: 22px;
	right: 30px;
	height: 80px
}

.multiple-cards .swiper-multiple-cards {
	width: 100%;
	padding: 0 20px
}

@media screen and (min-width:890px) {
	.multiple-cards .swiper-multiple-cards {
		display: none
	}
}

.multiple-cards .swiper-multiple-cards .slides .slide {
	position: relative;
	max-width: 100%;
	width: 374px;
	height: auto;
	background-color: #00b0ff;
	border-radius: 10px;
	padding: 22px 30px
}

.multiple-cards .swiper-multiple-cards .slides .slide * {
	color: #fff
}

@media screen and (max-width:413px) {
	.multiple-cards .swiper-multiple-cards .slides .slide {
		min-width: 100%
	}
}

.multiple-cards .swiper-multiple-cards .slides .slide .number {
	font-size: 62px;
	word-wrap: break-word;
	font-weight: 500;
	line-height: 1.3;
	margin-top: 0
}

.multiple-cards .swiper-multiple-cards .slides .slide img {
	display: none;
	position: absolute;
	bottom: 22px;
	right: 30px;
	height: 80px
}

.multiple-cards .swiper-multiple-cards .swiper-wrapper-nav {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 50px
}

.multiple-cards .swiper-multiple-cards .swiper-wrapper-nav .multiple-cards-next,
.multiple-cards .swiper-multiple-cards .swiper-wrapper-nav .multiple-cards-prev {
	position: relative;
	left: 0;
	right: 0
}

@media screen and (max-width:890px) {
	.multiple-cards .container {
		padding: 0
	}

	.multiple-cards .wrapper {
		flex-direction: column
	}

	.multiple-cards .wrapper .wrapper-left {
		width: 70%;
		padding: 0 20px
	}

	.multiple-cards .wrapper .wrapper-left .content {
		position: static;
		padding-bottom: 0
	}

	.multiple-cards .wrapper .wrapper-left a.btn {
		margin-top: 30px
	}

	.multiple-cards .wrapper .wrapper-right {
		display: none
	}
}

.multiple-panels .wrapper {
	max-width: 100%;
	width: 1070px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	gap: 30px
}

.multiple-panels .wrapper-left {
	max-width: 100%;
	width: 422px;
	display: flex;
	justify-content: flex-start;
	flex-direction: column
}

@media screen and (max-width:768px) {
	.multiple-panels .wrapper-left {
		width: 100% !important
	}
}

.multiple-panels .wrapper-left .content {
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 105px;
	margin-bottom: 100px;
	color: var(--color-tertiary)
}

.multiple-panels .wrapper-left .content h2 {
	color: var(--color-text)
}

.multiple-panels .wrapper-left .btn-wrapper {
	margin-top: auto
}

.multiple-panels .wrapper-right {
	display: flex;
	flex-direction: column;
	gap: 7px
}

.multiple-panels .wrapper-right .panel {
	position: relative;
	max-width: 100%;
	width: 530px;
	display: flex;
	border-radius: 10px;
	padding: 30px
}

@media screen and (max-width:1070px) {
	.multiple-panels .wrapper-right .panel {
		width: 470px
	}
}

.multiple-panels .wrapper-right .panel:nth-child(3n+1) {
	background-color: var(--color-secondary);
	color: var(--color-text)
}

.multiple-panels .wrapper-right .panel:nth-child(3n+2) {
	background-color: #00b0ff;
	color: #fff
}

.multiple-panels .wrapper-right .panel:nth-child(3n+3) {
	background-color: var(--color-text);
	color: var(--color-background)
}

.multiple-panels .wrapper-right .panel .content {
	width: 80%
}

.multiple-panels .wrapper-right .panel img {
	display: none;
	position: absolute;
	right: 20px;
	bottom: 40px;
	height: 80px;
	margin-left: 20px
}

.multiple-panels .swiper-multiple-panels {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0 20px
}

@media screen and (min-width:890px) {
	.multiple-panels .swiper-multiple-panels {
		display: none
	}
}

.multiple-panels .swiper-multiple-panels .slides .slide {
	position: relative;
	max-width: 100%;
	min-width: 374px;
	height: auto;
	background-color: #00b0ff;
	color: #fff;
	border-radius: 10px;
	padding: 30px
}

.multiple-panels .swiper-multiple-panels .slides .slide:nth-child(3n+1) {
	background-color: var(--color-secondary);
	color: var(--color-text)
}

.multiple-panels .swiper-multiple-panels .slides .slide:nth-child(3n+2) {
	background-color: #00b0ff;
	color: #fff
}

.multiple-panels .swiper-multiple-panels .slides .slide:nth-child(3n+3) {
	background-color: var(--color-text);
	color: var(--color-background)
}

@media screen and (max-width:413px) {
	.multiple-panels .swiper-multiple-panels .slides .slide {
		min-width: 100%
	}
}

.multiple-panels .swiper-multiple-panels .slides .slide img {
	display: none;
	position: absolute;
	bottom: 30px;
	right: 30px;
	height: 80px;
	margin-left: 20px
}

.multiple-panels .swiper-multiple-panels .swiper-wrapper-nav {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 50px
}

.multiple-panels .swiper-multiple-panels .swiper-wrapper-nav .multiple-panels-next,
.multiple-panels .swiper-multiple-panels .swiper-wrapper-nav .multiple-panels-prev {
	position: relative;
	left: 0;
	right: 0
}

@media screen and (max-width:890px) {
	.multiple-panels .container {
		padding: 0
	}

	.multiple-panels .wrapper {
		flex-direction: column
	}

	.multiple-panels .wrapper .wrapper-left {
		width: 70%;
		padding: 0 20px
	}

	.multiple-panels .wrapper .wrapper-left .content {
		position: static;
		margin-bottom: 0
	}

	.multiple-panels .wrapper .wrapper-left a.btn {
		margin-top: 30px
	}

	.multiple-panels .wrapper .wrapper-right {
		display: none
	}
}

header.nav {
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	height: 90px;
	display: flex;
	align-items: center;
	font-size: 16px;
	transform: translateX(-50%);
	z-index: 1000
}

header.nav:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-background);
	opacity: .98;
	z-index: -1
}

header.nav .navbar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between
}

header.nav .navbar-left .logo {
	position: relative;
  display: none;
	width: 300px;
	height: auto;
}

header.nav .navbar-left .logo img {
	width: 100%
}

header.nav .button-mode {
	display: none
}

header.nav .nav-items {
	display: flex;
	gap: 33px
}

header.nav .nav-items>li {
	position: relative;
	display: flex;
	align-items: center;
	height: 60px
}

header.nav .nav-items>li:hover>ul.subnav {
	transform: translatey(0);
	visibility: visible;
	opacity: 1
}

header.nav .nav-items span {
	color: var(--color-tertiary)
}

header.nav .nav-items span:after {
	display: inline-block;
	content: "";
	position: relative;
	right: 0;
	top: 50%;
	width: 12px;
	height: 8px;
	background-color: var(--color-tertiary);
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 .5l-5 5-5-5' stroke='%23000'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 .5l-5 5-5-5' stroke='%23000'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	margin-left: 10px
}

header.nav .nav-items a {
	position: relative;
	color: var(--color-tertiary);
	-webkit-text-decoration: none;
	text-decoration: none
}

header.nav .nav-items a:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 4px;
	transform-origin: left;
	background-color: var(--color-text);
	transition: all .3s cubic-bezier(.65, .05, .36, 1)
}

header.nav .nav-items a:hover {
	color: var(--color-text)
}

header.nav .nav-items a:hover:after {
	width: 100%
}

header.nav .nav-items ul.subnav {
	position: absolute;
	top: 55px;
	left: 0;
	width: -moz-max-content;
	width: max-content;
	display: flex;
	flex-direction: column;
	gap: 15px;
	background-color: #00b0ff;
	border-radius: 10px;
	padding: 15px;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transform: translatey(5px);
	transition: transform .5s ease-in-out
}

header.nav .nav-items ul.subnav a,
header.nav .nav-items ul.subnav a:hover {
	color: #fff
}

header.nav .nav-items ul.subnav a:after {
	background-color: #fff !important
}

header.nav .navbar-right {
	display: flex;
	align-items: center;
	gap: 30px
}

header.nav .navbar-right .btn-contact {
	position: relative;
	display: flex;
	align-items: center;
	overflow: visible;
	height: 60px
}

@media screen and (max-width:1292px) {
	header.nav .navbar-right .btn-contact {
		height: auto;
		flex-direction: column;
		align-items: flex-start;
		gap: 15px
	}
}

header.nav .navbar-right .btn-contact:hover>ul.subnav {
	transform: translatey(0);
	visibility: visible;
	opacity: 1
}

header.nav .navbar-right .btn-contact ul.subnav {
	position: absolute;
	top: 55px;
	left: 0;
	width: -moz-max-content;
	width: max-content;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 15px;
	background-color: #00b0ff;
	border-radius: 10px;
	padding: 15px;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transform: translatey(5px);
	transition: transform .5s ease-in-out
}

@media screen and (max-width:1292px) {
	header.nav .navbar-right .btn-contact ul.subnav {
		position: relative;
		top: 0;
		background-color: transparent;
		padding: 0 0 0 10px;
		opacity: 1;
		visibility: visible;
		transform: none;
		gap: 15px
	}
}

header.nav .navbar-right .btn-contact ul.subnav a {
	position: relative;
	color: #fff;
	-webkit-text-decoration: none;
	text-decoration: none
}

header.nav .navbar-right .btn-contact ul.subnav a:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 4px;
	transform-origin: left;
	background-color: #fff;
	transition: all .3s cubic-bezier(.65, .05, .36, 1)
}

header.nav .navbar-right .btn-contact ul.subnav a:hover {
	color: #fff
}

header.nav .navbar-right .btn-contact ul.subnav a:hover:after {
	width: 100%
}

@media screen and (max-width:1292px) {
	header.nav .navbar-right .btn-contact ul.subnav a {
		color: var(--color-tertiary)
	}

	header.nav .navbar-right .btn-contact ul.subnav a:hover {
		color: #00b0ff
	}
}

header.nav .wrapper-menu-burger {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(-50%, -50%);
	z-index: 1000
}

@media screen and (min-width:1292px) {
	header.nav .wrapper-menu-burger {
		display: none
	}
}

header.nav .wrapper-menu-burger .btn-burger {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 23px;
	cursor: pointer
}

header.nav .wrapper-menu-burger .btn-burger span {
	display: block;
	width: 100%;
	border-radius: 3px;
	height: 3px;
	background: var(--color-text);
	transition: all .3s;
	position: relative
}

header.nav .wrapper-menu-burger .btn-burger span+span {
	margin-top: 4px
}

header.nav .wrapper-menu-burger .btn-burger.active span:first-child {
	animation: top .7s ease forwards
}

header.nav .wrapper-menu-burger .btn-burger.not-active span:first-child {
	animation: top-reverse .7s ease forwards
}

header.nav .wrapper-menu-burger .btn-burger.active span:nth-child(2) {
	animation: scaled .7s ease forwards
}

header.nav .wrapper-menu-burger .btn-burger.not-active span:nth-child(2) {
	animation: scaled-reverse .7s ease forwards
}

header.nav .wrapper-menu-burger .btn-burger.active span:nth-child(3) {
	animation: bottom .7s ease forwards
}

header.nav .wrapper-menu-burger .btn-burger.not-active span:nth-child(3) {
	animation: bottom-reverse .7s ease forwards
}

@keyframes top {
	0% {
		top: 0;
		transform: rotate(0)
	}

	50% {
		top: 7px;
		transform: rotate(0)
	}

	to {
		top: 7px;
		transform: rotate(45deg)
	}
}

@keyframes top-reverse {
	0% {
		top: 7px;
		transform: rotate(45deg)
	}

	50% {
		top: 7px;
		transform: rotate(0deg)
	}

	to {
		top: 0;
		transform: rotate(0deg)
	}
}

@keyframes bottom {
	0% {
		bottom: 0;
		transform: rotate(0)
	}

	50% {
		bottom: 7px;
		transform: rotate(0)
	}

	to {
		bottom: 7px;
		transform: rotate(135deg)
	}
}

@keyframes bottom-reverse {
	0% {
		bottom: 7px;
		transform: rotate(135deg)
	}

	50% {
		bottom: 7px;
		transform: rotate(0)
	}

	to {
		bottom: 0;
		transform: rotate(0)
	}
}

@keyframes scaled {
	50% {
		transform: scale(0)
	}

	to {
		transform: scale(0)
	}
}

@keyframes scaled-reverse {
	0% {
		transform: scale(0)
	}

	50% {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

header.nav .wrapper-modal-menu {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: 10
}

header.nav .wrapper-modal-menu.active {
	visibility: visible;
	opacity: 1
}

header.nav .wrapper-modal-menu.active span {
	opacity: 1;
	transition: opacity .3s ease-in-out
}

header.nav .wrapper-modal-menu.active .modal-menu {
	transform: translateX(0);
	transition: all .5s ease-in-out
}

header.nav .wrapper-modal-menu .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: block;
	background: rgba(0, 0, 0, .7);
	z-index: 10;
	opacity: 0;
	transition: opacity .3s ease-in-out
}

header.nav .wrapper-modal-menu .modal-menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 100vh;
	background-color: var(--color-background);
	transform: translateX(100%);
	padding: 30px;
	z-index: 999;
	transition: all .5s ease-in-out
}

header.nav .wrapper-modal-menu .modal-menu #toggle-mode {
	align-self: flex-start
}

header.nav .wrapper-modal-menu .modal-menu .nav-items {
	margin-bottom: 50px
}

header.nav .wrapper-modal-menu .modal-menu .nav-items>li {
	height: auto;
	flex-direction: column;
	align-items: flex-start
}

header.nav .wrapper-modal-menu .modal-menu .nav-items span.active+ul.subnav {
	visibility: visible;
	opacity: 1;
	height: auto;
	padding: 15px
}

header.nav .wrapper-modal-menu .modal-menu .nav-items span+ul.subnav {
	visibility: hidden;
	opacity: 0;
	height: 0;
	padding: 0
}

header.nav .wrapper-modal-menu .modal-menu .nav-items ul.subnav {
	position: relative;
	top: 0;
	background-color: transparent
}

header.nav .wrapper-modal-menu .modal-menu .nav-items ul.subnav a {
	color: var(--color-tertiary)
}

header.nav .wrapper-modal-menu .modal-menu .nav-items,
header.nav .wrapper-modal-menu .modal-menu .navbar-right {
	flex-direction: column;
	align-items: flex-start
}

.buffer {
	height: 90px
}

.presse-listing-content .wrapper .nav-tags {
	max-width: 100%;
	width: 1070px;
	margin: auto auto 60px
}

.presse-listing-content .wrapper .nav-tags ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px
}

@media screen and (max-width:768px) {
	.presse-listing-content .wrapper .nav-tags ul {
		display: none
	}
}

.presse-listing-content .wrapper .dropdown {
	position: relative;
	max-width: 374px;
	width: 100%;
	border: 1px solid var(--color-tertiary)
}

@media screen and (min-width:768px) {
	.presse-listing-content .wrapper .dropdown {
		display: none
	}
}

.presse-listing-content .wrapper .dropdown:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 10px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1.5l-5 5-5-5' stroke='%2300AFFF' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	transition: transform .3s ease-in-out
}

.presse-listing-content .wrapper .dropdown.active:after {
	transform: translateY(-50%) rotate(180deg)
}

.presse-listing-content .wrapper .dropdown .link-dropdown {
	width: 100%;
	height: 100%;
	color: var(--color-tertiary);
	font-size: 20px;
	text-align: left;
	background-color: #fff;
	padding: 10px 15px
}

.presse-listing-content .wrapper .dropdown .list-dropdown {
	position: absolute;
	top: 100%;
	left: -1px;
	width: calc(100% + 2px);
	display: none;
	flex-direction: column;
	gap: 0;
	background-color: #fff;
	border: 1px solid var(--color-tertiary);
	margin: 0
}

.presse-listing-content .wrapper .dropdown .list-dropdown li a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px 15px
}

.presse-listing-content .wrapper .dropdown .list-dropdown li:hover {
	background-color: #e6f7ff
}

.presse-listing-content .container-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 14px
}

.presse-listing-content .container-cards .card {
	max-width: 100%;
	width: calc(33% - 7px);
	margin-bottom: 31px
}

.presse-listing-content .container-cards .card figure {
	width: 100%;
	height: 260px;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 10px
}

.presse-listing-content .container-cards .card figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	transition: all .3s ease-in-out
}

.presse-listing-content .container-cards .card figure:hover img {
	transform: scale(1.04)
}

.presse-listing-content .container-cards .card .info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px
}

.presse-listing-content .container-cards .card .info .tag {
	background: var(--color-secondary);
	color: var(--color-text);
	font-weight: 400;
	margin-right: 0
}

.presse-listing-content .container-cards .card .info .date {
	color: var(--color-tertiary)
}

.presse-listing-content .container-cards .card h4 {
	margin-top: 10px;
	transition: all .3s cubic-bezier(.47, 0, .745, .715)
}

.presse-listing-content .container-cards .card h4:hover {
	color: #00b0ff;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	cursor: pointer
}

.presse-listing-content .container-cards .blog-listing-cta {
	max-width: 100%;
	width: calc(33% - 7px);
	margin-bottom: 31px
}

.presse-listing-content .container-cards .blog-listing-cta .wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	color: var(--color-background);
	background-color: #00b0ff;
	border-radius: 10px;
	padding: 30px 30px 52px;
	overflow: hidden
}

.presse-listing-content .container-cards .blog-listing-cta .wrapper .content {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	z-index: 10
}

.presse-listing-content .container-cards .blog-listing-cta .wrapper .content h2 {
	margin-bottom: 15px
}

.presse-listing-content .container-cards .blog-listing-cta .wrapper .content .btn {
	margin-top: auto
}

.presse-listing-content .container-cards .blog-listing-cta .wrapper svg {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0
}

.presse-listing-content .container-cards .blog-listing-cta .wrapper svg .white {
	fill: var(--color-background)
}

.presse-listing-content .container-cards .blog-listing-cta .wrapper svg .black {
	fill: var(--color-text)
}

@media screen and (max-width:1070px) {

	.presse-listing-content .container-cards .blog-listing-cta,
	.presse-listing-content .container-cards .card {
		width: calc(50% - 7px)
	}
}

@media screen and (max-width:640px) {

	.presse-listing-content .container-cards .blog-listing-cta,
	.presse-listing-content .container-cards .card {
		width: 100%
	}
}

section.slider-cards .wrapper {
	max-width: 100%;
	width: 1366px;
	margin: auto;
	overflow-x: hidden
}

section.slider-cards .wrapper .wrapper-content {
	max-width: 100%;
	width: 1070px;
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin: 50px auto
}

section.slider-cards .wrapper .wrapper-content .title {
	max-width: 100%;
	width: 530px
}

section.slider-cards .wrapper .wrapper-content .title>* {
	margin-bottom: 0
}

section.slider-cards .wrapper .wrapper-content .content {
	max-width: 100%;
	width: 422px
}

section.slider-cards .wrapper .wrapper-content .content p {
	margin-top: 0
}

section.slider-cards .wrapper .wrapper-content .content .btn-wrapper {
	margin-top: 30px
}

section.slider-cards .wrapper .swiper-cards {
	width: 100%;
	padding-bottom: 50px;
	height: -moz-fit-content;
	height: fit-content
}

section.slider-cards .wrapper .swiper-cards .swiper-wrapper .card {
	position: relative;
	width: 531px;
	height: -moz-fit-content;
	height: fit-content
}

section.slider-cards .wrapper .swiper-cards .swiper-wrapper .card .wrapper-img {
	max-width: 100%;
	height: 438px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px
}

section.slider-cards .wrapper .swiper-cards .swiper-wrapper .card .wrapper-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

section.slider-cards .wrapper .swiper-cards .swiper-wrapper .card .btn-wrapper {
	margin-top: 15px
}

section.slider-cards .wrapper .swiper-cards .swiper-wrapper-nav .slider-cards-next,
section.slider-cards .wrapper .swiper-cards .swiper-wrapper-nav .slider-cards-prev {
	top: 230px
}

section.slider-cards .wrapper .swiper-cards .swiper-wrapper-nav .slider-cards-pagination {
	bottom: 0
}

section.slider-cards .wrapper .swiper-cards .swiper-wrapper-nav .slider-cards-pagination .swiper-pagination-bullet {
	background: var(--color-secondary);
	opacity: 1
}

section.slider-cards .wrapper .swiper-cards .swiper-wrapper-nav .slider-cards-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 28px;
	border-radius: 20px;
	background: #00b0ff
}

@media screen and (max-width:1070px) {
	section.slider-cards .wrapper .wrapper-content {
		padding: 0 20px
	}
}

@media screen and (max-width:768px) {
	section.slider-cards .wrapper .wrapper-content {
		flex-direction: column;
		gap: 45px
	}

	section.slider-cards .wrapper .wrapper-content .content,
	section.slider-cards .wrapper .wrapper-content .title {
		width: 100%
	}
}

@media screen and (max-width:640px) {
	section.slider-cards .wrapper .swiper-cards .swiper-wrapper .swiper-slide {
		width: 374px
	}

	section.slider-cards .wrapper .swiper-cards .swiper-wrapper .card .wrapper-img {
		height: 308px
	}

	section.slider-cards .wrapper .swiper-cards .swiper-wrapper-nav {
		position: relative;
		top: 40px;
		width: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 25px
	}

	section.slider-cards .wrapper .swiper-cards .swiper-wrapper-nav .slider-cards-next,
	section.slider-cards .wrapper .swiper-cards .swiper-wrapper-nav .slider-cards-prev {
		position: relative;
		transform: none;
		top: 10px
	}

	section.slider-cards .wrapper .swiper-cards .swiper-wrapper-nav .slider-cards-prev {
		left: 0
	}

	section.slider-cards .wrapper .swiper-cards .swiper-wrapper-nav .slider-cards-pagination {
		position: relative;
		width: auto
	}
}

@media screen and (max-width:414px) {
	section.slider-cards .wrapper .swiper-cards {
		margin: 0 20px;
		width: auto
	}

	section.slider-cards .wrapper .swiper-cards .swiper-wrapper .card {
		width: 100%
	}
}

section.slider-overlay .wrapper {
	max-width: 100%;
	width: 1366px;
	margin: auto
}

section.slider-overlay .wrapper.no-slider .swiper-wrapper {
	max-width: 1300px;
	justify-content: space-between;
	margin: auto
}

section.slider-overlay .wrapper.no-slider .swiper-button-next,
section.slider-overlay .wrapper.no-slider .swiper-button-prev {
	display: none
}

@media screen and (max-width:1300px) {
	section.slider-overlay .wrapper.no-slider .swiper-wrapper {
		max-width: auto;
		justify-content: flex-start;
		margin: 0
	}

	section.slider-overlay .wrapper.no-slider .swiper-button-next,
	section.slider-overlay .wrapper.no-slider .swiper-button-prev {
		display: flex
	}
}

section.slider-overlay .wrapper .swiper-overlay {
	height: 478px
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide {
	position: relative;
	max-width: 100%;
	width: 421px;
	height: 428px;
	padding: 30px;
	overflow: hidden;
	border-radius: 10px
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide .info {
	position: absolute;
	bottom: 30px;
	left: 30px
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide .info h3 {
	margin-bottom: 5px;
	color: #fff
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide .info p {
	margin: 0;
	color: #e6f7ff
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide .wrapper-img {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide .wrapper-img figure {
	position: relative;
	display: flex;
	border-radius: 10px;
	overflow: hidden
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide .wrapper-img figure:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, .2), hsla(0, 0%, 100%, 0))
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide .wrapper-img figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper-nav .slider-overlay-next,
section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper-nav .slider-overlay-prev {
	transform: translateY(-20px)
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper-nav .slider-overlay-pagination {
	bottom: 0
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper-nav .slider-overlay-pagination .swiper-pagination-bullet {
	background: var(--color-secondary);
	opacity: 1
}

section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper-nav .slider-overlay-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 28px;
	border-radius: 20px;
	background: #00b0ff
}

@media screen and (max-width:640px) {
	section.slider-overlay .wrapper .swiper-overlay {
		height: 448px
	}

	section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide {
		width: 374px;
		height: 381px
	}

	section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide .info {
		bottom: 20px;
		left: 20px
	}

	section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper-nav {
		position: relative;
		top: -30px;
		width: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 25px
	}

	section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper-nav .slider-overlay-next,
	section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper-nav .slider-overlay-prev {
		position: relative;
		transform: none;
		top: 10px
	}

	section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper-nav .slider-overlay-prev {
		left: 0
	}

	section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper-nav .slider-overlay-pagination {
		position: relative;
		width: auto
	}
}

@media screen and (max-width:414px) {
	section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide {
		width: 90%
	}

	section.slider-overlay .wrapper .swiper-overlay .swiper-wrapper .swiper-slide .wrapper-img figure img {
		min-height: 381px
	}
}

.sticky-sidebar-summary,
.sticky-sidebar-summary .sidebar,
.sticky-sidebar-summary .wrapper {
	height: 100%
}

.sticky-sidebar-summary .wrapper {
	display: flex;
	max-width: 100%;
	margin: auto;
	justify-content: space-between
}

@media screen and (max-width:480px) {
	.sticky-sidebar-summary .wrapper {
		display: block
	}
}

.sticky-sidebar-summary .wrapper .sidebar #menu {
	position: sticky;
	top: 105px;
	left: 0;
	max-width: 100%;
	width: 315px;
	background-color: var(--color-secondary);
	color: var(--color-text);
	padding: 18px 25px;
	border-radius: 6px
}

@media screen and (max-width:768px) {
	.sticky-sidebar-summary .wrapper .sidebar #menu {
		position: static;
		margin-bottom: 45px
	}
}

@media screen and (max-width:480px) {
	.sticky-sidebar-summary .wrapper .sidebar #menu {
		width: 100%
	}
}

.sticky-sidebar-summary .wrapper .sidebar #menu h3 {
	margin-bottom: 30px
}

.sticky-sidebar-summary .wrapper .sidebar #menu li {
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 20px;
	margin-bottom: 15px
}

.sticky-sidebar-summary .wrapper .sidebar #menu li:last-child {
	margin-bottom: 0
}

.sticky-sidebar-summary .wrapper .sidebar #menu li a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 9px;
	height: 13px;
	transform: translateY(-60%);
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' d='M1 1.5l5 5-5 5' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' d='M1 1.5l5 5-5 5' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: #7f7f7f
}

.sticky-sidebar-summary .wrapper .sidebar #menu li a:hover {
	color: #00b0ff
}

.sticky-sidebar-summary .wrapper .sidebar #menu li a:hover:before {
	background-color: #00b0ff
}

.sticky-sidebar-summary .wrapper .sidebar #menu li a.active {
	color: #00b0ff
}

.sticky-sidebar-summary .wrapper .sidebar #menu li a.active:before {
	background-color: #00b0ff
}

.text-2-col-module .container .inner-container {
	padding: 0 109px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.text-2-col-module .container .inner-container .left-col {
	width: calc(50% - 15px)
}

.text-2-col-module .container .inner-container .left-col .label {
	margin-bottom: 30px;
	color: var(--color-tertiary)
}

.text-2-col-module .container .inner-container .left-col .title,
.text-2-col-module .container .inner-container .left-col .title h1,
.text-2-col-module .container .inner-container .left-col .title h2,
.text-2-col-module .container .inner-container .left-col .title h3,
.text-2-col-module .container .inner-container .left-col .title h4,
.text-2-col-module .container .inner-container .left-col .title h5,
.text-2-col-module .container .inner-container .left-col .title h6 {
	margin: 0;
	margin: initial
}

.text-2-col-module .container .inner-container .text {
	width: calc(40% - 15px);
	margin: 0;
	margin: initial
}

@media screen and (max-width:890px) {
	.text-2-col-module .container .inner-container {
		padding: 0
	}
}

@media screen and (max-width:768px) {
	.text-2-col-module .container .inner-container {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 15px
	}

	.text-2-col-module .container .inner-container .left-col {
		width: 100%
	}

	.text-2-col-module .container .inner-container .left-col .label {
		margin-bottom: 15px
	}

	.text-2-col-module .container .inner-container .text {
		width: 100%
	}
}

.text-image-module .container {
	display: flex;
	flex-direction: row;
	gap: 16px;
	width: 1070px;
	position: relative
}

.text-image-module .container.image-text {
	flex-direction: row-reverse
}

.text-image-module .container.image-text .image {
	right: auto;
	right: initial;
	left: 0
}

.text-image-module .container .text-content {
	width: calc(60% - 8px);
	display: flex;
	flex-direction: column;
	gap: 30px
}

.text-image-module .container .text-content .label,
.text-image-module .container .text-content .title {
	margin: 0;
	margin: initial
}

.text-image-module .container .image {
	width: calc(40% - 8px);
	height: 100%;
	border-radius: 15px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 0
}

.text-image-module .container .image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

@media screen and (max-width:1292px) {
	.text-image-module .container.image-text .image {
		right: auto;
		right: initial;
		left: 20px
	}

	.text-image-module .container .image {
		width: calc(40% - 28px);
		right: 20px
	}
}

@media screen and (max-width:768px) {
	.text-image-module .container {
		flex-direction: column;
		gap: 45px
	}

	.text-image-module .container.image-text {
		flex-direction: column
	}

	.text-image-module .container.image-text .image {
		left: auto;
		left: initial
	}

	.text-image-module .container .text-content {
		width: 100%
	}

	.text-image-module .container .image {
		width: 100%;
		height: auto;
		aspect-ratio: 375/520;
		position: relative;
		top: auto;
		top: initial;
		right: auto;
		right: initial
	}
}

.text-video-module .container {
	display: flex;
	flex-direction: row;
	gap: 16px
}

.text-video-module .container .video-wrapper {
	width: calc(66.66667% - 8px);
	height: auto;
	aspect-ratio: 860/484;
	position: relative
}

.text-video-module .container .video-wrapper.no-cover:after {
	content: normal;
	content: initial
}

.text-video-module .container .video-wrapper.playing:after {
	opacity: 0
}

.text-video-module .container .video-wrapper.playing .video-cover {
	opacity: 0;
	pointer-events: none;
	z-index: -1;
	transform: translateY(-30px);
	transition: all .3s, z-index 0ms .3s
}

.text-video-module .container .video-wrapper:after {
	content: "";
	width: 73px;
	height: 79px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='73' height='79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_1054_903)'%3E%3Cpath d='M57.32 36.056c2.681 1.547 2.681 5.416 0 6.964L20.13 64.493c-2.68 1.547-6.031-.387-6.031-3.482V18.065c0-3.095 3.35-5.03 6.03-3.482l37.193 21.473z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1054_903' x='.695' y='.636' width='72.039' height='77.804' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' 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='6.701'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1054_903'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_1054_903' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	transition: all .3s
}

.text-video-module .container .video-wrapper .video-cover {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 15px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 2;
	transition: all .3s
}

.text-video-module .container .video-wrapper .video-cover img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover
}

.text-video-module .container .video-wrapper iframe,
.text-video-module .container .video-wrapper video {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	font-family: "object-fit:contain";
	object-fit: contain;
	border-radius: 15px;
	z-index: 1
}

.text-video-module .container .text-content {
	width: calc(33.33333% - 8px);
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 30px;
	background-color: #00b0ff;
	border-radius: 15px;
	position: relative
}

.text-video-module .container .text-content.icon-bottom {
	padding-bottom: 100px
}

.text-video-module .container .text-content .text,
.text-video-module .container .text-content .title {
	color: #fff;
	margin: 0;
	margin: initial;
	position: relative;
	z-index: 2
}

.text-video-module .container .text-content .btn {
	z-index: 2
}

.text-video-module .container .text-content .icon {
	width: 70px;
	height: 80px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 1
}

.text-video-module .container .text-content .icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	font-family: "object-fit:contain";
	object-fit: contain
}

@media screen and (max-width:768px) {
	.text-video-module .container {
		flex-direction: column
	}

	.text-video-module .container .video-wrapper {
		width: 100%;
		aspect-ratio: 374/210
	}

	.text-video-module .container .video-wrapper:after {
		width: 50px
	}

	.text-video-module .container .text-content {
		width: 100%
	}

	.text-video-module .container .text-content.icon-bottom {
		padding-bottom: 30px
	}

	.text-video-module .container .text-content .icon {
		position: relative;
		bottom: auto;
		bottom: initial;
		right: auto;
		right: initial;
		margin-top: 10px;
		margin-left: auto
	}
}

.toggle-btn {
	position: relative;
	width: 56px;
	height: 30px !important;
	border-radius: 20px;
	background: #fffef3;
	align-self: center
}

.toggle-btn .input-mode {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 3
}

.toggle-btn .content-mode {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	text-indent: -200vw;
	white-space: nowrap
}

.toggle-btn .content-mode:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 26px;
	height: 26px;
	background-color: #dcc896;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='380' height='383' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='194' cy='189' r='76' stroke='%23000' stroke-width='40'/%3E%3Cpath d='M171 19c0-10.493 8.507-19 19-19s19 8.507 19 19v32c0 10.493-8.507 19-19 19s-19-8.507-19-19V19zM171 332c0-10.493 8.507-19 19-19s19 8.507 19 19v32c0 10.493-8.507 19-19 19s-19-8.507-19-19v-32zM329 210c-10.493 0-19-8.507-19-19s8.507-19 19-19h32c10.493 0 19 8.507 19 19s-8.507 19-19 19h-32zM51 172.367c10.493 0 19 8.507 19 19 0 10.494-8.507 19-19 19H19c-10.493 0-19-8.506-19-19 0-10.493 8.507-19 19-19h32zM275.435 303.305c-7.42-7.42-7.42-19.45 0-26.87 7.42-7.42 19.45-7.42 26.87 0l22.628 22.628c7.419 7.419 7.419 19.45 0 26.87-7.42 7.42-19.451 7.42-26.871 0l-22.627-22.628zM104.565 79.062c7.42 7.42 7.42 19.45 0 26.87-7.42 7.42-19.45 7.42-26.87 0L55.068 83.305c-7.42-7.42-7.42-19.45 0-26.87 7.42-7.42 19.45-7.42 26.87 0l22.627 22.627zM302.305 105.932c-7.42 7.42-19.45 7.42-26.87 0-7.42-7.42-7.42-19.45 0-26.87l22.628-22.627c7.419-7.42 19.45-7.42 26.87 0 7.42 7.42 7.42 19.45 0 26.87l-22.628 22.627zM77.695 276.435c7.42-7.42 19.45-7.42 26.87 0 7.42 7.42 7.42 19.45 0 26.87l-22.627 22.628c-7.42 7.419-19.45 7.419-26.87-.001-7.42-7.419-7.42-19.45 0-26.87l22.627-22.627z' fill='%23000'/%3E%3C/svg%3E");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius: 50%;
	transition: all .3s cubic-bezier(.18, .89, .35, 1.15)
}

.toggle-btn .tooltip {
	position: absolute;
	top: 35px;
	left: 0;
	width: -moz-max-content;
	width: max-content;
	display: block;
	background-color: var(--color-secondary);
	padding: 7.5px 15px;
	border-radius: 10px;
	opacity: 0;
	transform: translateY(10px);
	visibility: hidden;
	transition: all .3s ease-in-out
}

.toggle-btn .tooltip p {
	color: var(--color-text);
	font-size: 12px
}

.toggle-btn:hover .tooltip {
	opacity: 1;
	transform: translateY(0);
	visibility: visible
}

.dark #toggle-mode .content-mode:before {
	left: 28px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='342' height='377' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M319.069 293.429c5.026-6.247-.416-15.072-8.434-15.072-81.426 0-147.434-66.009-147.434-147.435 0-34.868 12.104-66.91 32.339-92.15C201.088 31.851 197.369 21 188.5 21 95.992 21 21 95.992 21 188.5S95.992 356 188.5 356c52.785 0 99.867-24.416 130.569-62.571z' stroke='%23000' stroke-width='41'/%3E%3C/svg%3E")
}

@media (max-width:1292px) {
	.toggle-btn .tooltip {
		display: none
	}
}

.video-blog-post {
	position: relative;
	aspect-ratio: 540/400;
	pointer-events: all;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 30px;
	cursor: pointer
}

.video-blog-post iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.video-blog-post video {
	position: absolute;
	background-color: #000;
	border-radius: 10px;
	top: 50%;
	left: 50%;
	aspect-ratio: 540/400;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%
}

.video-blog-post .poster {
	pointer-events: none;
	position: absolute;
	border-radius: 10px;
	top: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	cursor: pointer;
	z-index: 3;
	transition: opacity .3s ease-in-out
}

.video-blog-post .poster img {
	width: 100%;
	pointer-events: none;
	height: 100%;
	-o-object-fit: cover;
	font-family: "object-fit:cover";
	object-fit: cover;
	margin: auto
}

.video-blog-post .btn-player {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%2300AFFF'/%3E%3Cpath d='M28.5 19.134a1 1 0 010 1.732l-12 6.928a1 1 0 01-1.5-.866V13.072a1 1 0 011.5-.866l12 6.928z' fill='%23fff'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translate(-50%, -50%);
	transition: opacity .3s ease-in-out;
	z-index: 5
}

.video-blog-post.playing .btn-player,
.video-blog-post.playing .poster {
	opacity: 0;
	pointer-events: none
}

.video-blog-post.playing iframe {
	pointer-events: all
}

section.error-page {
	padding: 100px 0
}

section.error-page div.container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

section.error-page div.container h1 {
	color: #00b0ff;
	text-align: center
}

section.error-page div.container p {
	text-align: center
}

section.password-prompt {
	padding: 100px 0;
	position: relative;
	text-align: center
}

section.password-prompt h1 {
	color: #00b0ff
}

section.password-prompt p {
	margin-bottom: 30px
}

section.password-prompt div.container form {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	width: 400px;
	max-width: 100%
}

section.password-prompt div.container form input[type=password] {
	width: 100% !important;
	height: 48px !important;
	color: #00b0ff;
	background: #fff;
	border: 2px solid rgba(0, 176, 255, .73);
	border-radius: 10px;
	padding: 10px 15px;
	outline: none;
	transition: border .3s, box-shadow .3s;
	margin-top: 30px;
	box-sizing: border-box
}

section.password-prompt div.container form input[type=password]::-moz-placeholder {
	opacity: 1;
	color: #000
}

section.password-prompt div.container form input[type=password]::placeholder {
	opacity: 1;
	color: #000
}

section.password-prompt div.container form input[type=submit] {
	width: -moz-fit-content;
	width: fit-content;
	font-family: Agrandir, sans-serif;
	color: var(--color-text);
	background-color: transparent;
	cursor: pointer;
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	text-align: center;
	white-space: normal;
	vertical-align: middle;
	-webkit-text-decoration: none;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	overflow: hidden;
	transition: all .5s ease-in-out;
	border: none;
	border-radius: 94px;
	padding: 20px;
	color: var(--color-background);
	background: var(--color-text);
	margin-top: 20px
}

section.search-page {
	padding: 250px 0
}

section.search-page div.container h1 {
	text-align: center;
	display: block
}

section.search-page div.container div.bloc-results-seach .hs-search-results__pagination {
	display: flex;
	justify-content: center;
	padding: 45px 0
}

section.search-page div.container div.bloc-results-seach .hs-search-results__next-page {
	transform: rotate(-90deg)
}

section.search-page div.container div.bloc-results-seach .hs-search-results__prev-page {
	transform: rotate(90deg)
}

section.search-page div.container div.bloc-results-seach .hs-search-results__next-page,
section.search-page div.container div.bloc-results-seach .hs-search-results__prev-page {
	margin: 0 15px;
	width: 45px;
	height: 45px;
	border-radius: 100px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: fieldwork, sans-serif;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.529 1.638L1.47.695 5 4.224 8.529.695l.942.943-4 4L5 6.1l-.471-.462-4-4z' fill='%23083B54'/%3E%3C/svg%3E");
	background-size: 10px 7px;
	background-repeat: no-repeat;
	background-position: 50%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	transition: all .3s
}

section.search-page div.container div.bloc-results-seach .hs-search-results__next-page:hover,
section.search-page div.container div.bloc-results-seach .hs-search-results__prev-page:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.529 1.638L1.47.695 5 4.224 8.529.695l.942.943-4 4L5 6.1l-.471-.462-4-4z' fill='%23FFF'/%3E%3C/svg%3E")
}

section.search-page div.container div.bloc-results-seach .hs-search-field__bar {
	margin-top: 30px
}

section.search-page div.container div.bloc-results-seach .hs-search-field__bar .hs-search-field__input {
	width: 100% !important;
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 10px 0;
	outline: none;
	line-height: 1;
	transition: border .3s, box-shadow .3s, background-position-x .5s ease-in-out;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='294' height='1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FFF' d='M0 .5h147'/%3E%3Cpath stroke='%23FFF' stroke-opacity='.3' d='M147 .5h147'/%3E%3C/svg%3E");
	background-position: 100% calc(100% + 1px);
	background-size: 200% 2px;
	background-repeat: no-repeat
}

section.search-page div.container div.bloc-results-seach .hs-search-field__bar .hs-search-field__input:hover {
	background-position-x: 0
}

section.search-page div.container div.bloc-results-seach .hs-search-results__listing li {
	margin: 0;
	position: relative;
	transition: all .3s
}

section.search-page div.container div.bloc-results-seach .hs-search-results__listing li a {
	margin-bottom: 10px;
	-webkit-text-decoration: none;
	text-decoration: none;
	display: block;
	color: #000
}

section.search-page div.container div.bloc-results-seach .hs-search-results__listing li a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11
}

section.search-page div.container div.bloc-results-seach .hs-search-results__listing li .hs-search-results__description {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

section.search-page div.container div.bloc-results-seach .hs-search-results__listing li+li {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.subscription-preferences {
	padding: 150px 0;
	position: relative
}

.subscription-preferences p {
	color: var(--color-tertiary)
}

.subscription-preferences .container {
	position: relative;
	padding: 0 15px;
	z-index: 2
}

.subscription-preferences .container h1 {
	margin-top: 0;
	color: var(--color-tertiary)
}

.subscription-preferences .container form {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	width: 800;
	max-width: 100%
}

.subscription-preferences .container form .page-header {
	text-align: center;
	margin-bottom: 50px
}

.subscription-preferences .container form .header {
	text-align: left
}

.subscription-preferences .container form .item {
	width: 100% !important;
	outline: 0;
	text-align: left;
	cursor: pointer;
	margin: 30px 0
}

.subscription-preferences .container form .item .item-inner {
	padding: 18px 19px;
	transition: all .3s;
	background-color: hsla(0, 0%, 100%, .3);
	border: 2px solid rgba(0, 0, 0, .8);
	border-radius: 10px;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px)
}

.subscription-preferences .container form .item .item-inner .checkbox-row .fakelabel {
	display: flex;
	align-items: center
}

.subscription-preferences .container form .item .item-inner .checkbox-row span {
	font-family: Agrandir, sans-serif;
	color: var(--color-text)
}

.subscription-preferences .container form .item .item-inner .checkbox-row span:not(.fakelabel) {
	margin-left: 10px
}

.subscription-preferences .container form .item .item-inner .checkbox-row span input {
	margin-left: 0
}

.subscription-preferences .container form .item .item-inner p {
	margin: 10px 0 0 26px
}

.subscription-preferences .container form .subscribe-options {
	margin-bottom: 15px
}

.subscription-preferences .container form .subscribe-options p:not(.header) label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer
}

.subscription-preferences .container form .subscribe-options p:not(.header) label input {
	cursor: pointer
}

.subscription-preferences .container form .subscribe-options p:not(.header) label span {
	margin-left: 10px;
	color: var(--color-text)
}

.subscription-preferences .container form input[type=submit] {
	width: -moz-fit-content;
	width: fit-content;
	font-family: Agrandir, sans-serif;
	color: var(--color-text);
	background-color: transparent;
	cursor: pointer;
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	text-align: center;
	white-space: normal;
	vertical-align: middle;
	-webkit-text-decoration: none;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	overflow: hidden;
	transition: all .5s ease-in-out;
	border: none;
	border-radius: 94px;
	padding: 20px;
	color: var(--color-background);
	background: var(--color-text);
	margin-top: 20px
}

.subscriptions-confirmation {
	padding: 150px 0;
	position: relative
}

.subscriptions-confirmation .container {
	max-width: 550px;
	width: 100%;
	position: relative;
	padding: 0 15px;
	z-index: 2;
	text-align: center
}

.subscriptions-confirmation .container h1,
.subscriptions-confirmation .container h2 {
	margin-top: 0;
	color: var(--color-text)
}

.subscriptions-confirmation .container br {
	display: none
}

section.unsubscribe {
	padding: 150px 0;
	position: relative;
	text-align: center
}

section.unsubscribe div.container {
	position: relative;
	z-index: 2
}

section.unsubscribe div.container h1 {
	color: var(--color-text);
	margin-bottom: 30px
}

section.unsubscribe div.container a.btn {
	margin-top: 30px
}

section.unsubscribe div.container form {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 800px
}

section.unsubscribe div.container form div.item,
section.unsubscribe div.container form div.subscribe-options {
	margin-top: 20px
}

section.unsubscribe div.container form input[type=email] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 2px solid #000;
	border-radius: 10px;
	position: relative;
	background-color: transparent;
	margin: 15px 5px 0 0;
	height: 48px;
	width: 100% !important;
	max-width: 500px
}

section.unsubscribe div.container form input[type=submit] {
	width: -moz-fit-content;
	width: fit-content;
	font-family: Agrandir, sans-serif;
	color: var(--color-text);
	background-color: transparent;
	cursor: pointer;
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 500;
	text-align: center;
	white-space: normal;
	vertical-align: middle;
	-webkit-text-decoration: none;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	overflow: hidden;
	transition: all .5s ease-in-out;
	border: none;
	border-radius: 94px;
	padding: 20px;
	color: var(--color-background);
	background: var(--color-text);
	margin-top: 20px
}

@media screen and (max-width:890px) {
	section.unsubscribe {
		width: 100%
	}
}
}