@charset "UTF-8";
:root {
--heading-font:"Cabinet Grotesk", sans-serif;
--para-font:"Cabinet Grotesk", sans-serif
}
.bg-dark-coral-red, .hover-bg-dark-coral-red:hover {
	background-color: #12b2a8
}
.color-dark-coral-red, .hover-color-dark-coral-red:hover {
	color: #12b2a8
}
.bg-coral-red, .hover-bg-coral-red:hover {
	background-color:#ff4d54
}
.color-coral-red, .hover-color-coral-red:hover {
	color:#ff4d54
}
.bg-aqua-blue, .hover-bg-aqua-blue:hover {
	background-color:#ff4d54
}
.color-aqua-blue, .hover-color-aqua-blue:hover {
	color:#ff4d54
}
.bg-yellow, .hover-bg-yellow:hover {
	background-color: #ffeb66
}
.color-yellow, .hover-color-yellow:hover {
	color: #ffeb66
}
.bg-black, .hover-bg-black:hover {
	background-color: #000
}
.color-black, .hover-color-black:hover {
	color: #000
}
.bg-charcoal, .hover-bg-charcoal:hover {
	background-color: #162628
}
.color-charcoal, .final-bg-charcol, .hover-color-charcoal:hover {
	color: #162628
}
.bg-white, .hover-bg-white:hover, .initial-bg-white {
	background-color: #fff
}
.color-white {
	color: #fff
}
.bg-light-grey, .hover-bg-light-grey:hover {
	background-color: #c3c3d7
}
.color-light-grey {
	color: #c3c3d7
}
.bg-coral-red-80 {
	background-color: #ff797f
}
.color-coral-red-80 {
	color: #ff797f
}
.bg-coral-red-60 {
	background-color: #ff9b9f
}
.color-coral-red-60 {
	color: #ff9b9f
}
.bg-coral-red-40 {
	background-color: #ffbcbf
}
.color-coral-red-40 {
	color: #ffbcbf
}
.bg-coral-red-20 {
	background-color: #ffdedf
}
.color-coral-red-20 {
	color: #ffdedf
}
.bg-aqua-blue-80 {
	background-color: #33e3f9
}
.color-aqua-blue-80 {
	color: #33e3f9
}
.bg-aqua-blue-60 {
	background-color: #66eafb
}
.color-aqua-blue-60 {
	color: #66eafb
}
.bg-aqua-blue-40 {
	background-color: #99f1fc
}
.color-aqua-blue-40 {
	color: #99f1fc
}
.bg-aqua-blue-20 {
	background-color: #ccf8fc
}
.color-aqua-blue-20 {
	color: #ccf8fc
}
.bg-yellow-80 {
	background-color: #ffe533
}
.color-yellow-80 {
	color: #ffe533
}
.bg-yellow-60 {
	background-color: #ffeb66
}
.color-yellow-60 {
	color: #ffeb66
}
.bg-yellow-40 {
	background-color: #fff299
}
.color-yellow-40 {
	color: #fff299
}
.bg-yellow-20 {
	background-color: #fff8cc
}
.color-yellow-20 {
	color: #fff8cc
}
.bg-grey-1, .hover-bg-grey-1:hover {
	background-color: #363643
}
.color-grey-1 {
	color: #363643
}
.bg-grey-2, .hover-bg-grey-2:hover {
	background-color: #565666
}
.color-grey-2 {
	color: #565666
}
.bg-grey-3, .hover-bg-grey-3:hover {
	background-color: #778
}
.color-grey-3 {
	color: #778
}
.bg-grey-4, .hover-bg-grey-4:hover {
	background-color: #9797ab
}
.color-grey-4 {
	color: #9797ab
}
.bg-grey-5, .hover-bg-grey-5:hover {
	background-color: #b8b8cd
}
.color-grey-5 {
	color: #b8b8cd
}
.bg-grey-6, .hover-bg-grey-6:hover {
	background-color: #d5d5e3
}
.hover-bg-grey-6:hover {
	color: #162628
}
.color-grey-6 {
	color: #d5d5e3
}
.bg-grey-7, .hover-bg-grey-7:hover {
	background-color: #f5f5f8
}
.color-grey-7 {
	color: #f5f5f8
}
.bg-transparent-dark-grey {
	background: #223133
}
.color-orange {
	color: #f76248
}
.gradient-1 {
	background: linear-gradient(180deg, #12b2a8 11.72%, #00ffef)
}
.gradient-2 {
	background: linear-gradient(180deg,#ff4d54 11.72%,#cc3e43)
}
.bg-dark-1 {
	background-color: #162628
}
.color-slate {
	color: #162628
}
.heading-1.color-charcoal, .heading-1.color-coral-red, .heading-2.color-charcoal, .heading-2.color-coral-red, .heading-3.color-charcoal, .heading-3.color-coral-red, .heading-4.color-charcoal, .heading-4.color-coral-red, .heading-5.color-charcoal, .heading-5.color-coral-red, .heading-6.color-charcoal, .heading-6.color-coral-red {
	color: inherit
}
@font-face {
	font-display: block;
	font-family: TheMarketingPractice-Icons;
	font-style: normal;
	font-weight: 400;
	src: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Fonts/TheMarketingPractice-Icons.eot?moodxw);
	src: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Fonts/TheMarketingPractice-Icons.eot?moodxw#iefix) format("embedded-opentype"), url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Fonts/TheMarketingPractice-Icons.ttf?moodxw) format("truetype"), url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Fonts/TheMarketingPractice-Icons.woff?moodxw) format("woff"), url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Fonts/TheMarketingPractice-Icons.svg?moodxw#TheMarketingPractice-Icons) format("svg")
}
@font-face {
	font-display: swap;
	font-family: Cabinet Grotesk;
	font-style: normal;
	font-weight: 300;
	src: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Font-grotesk/CabinetGrotesk-Light.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: Cabinet Grotesk;
	font-style: normal;
	font-weight: 400;
	src: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Font-grotesk/CabinetGrotesk-Regular.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: Cabinet Grotesk;
	font-style: normal;
	font-weight: 500;
	src: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Font-grotesk/CabinetGrotesk-Medium.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: Cabinet Grotesk;
	font-style: normal;
	font-weight: 700;
	src: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Font-grotesk/CabinetGrotesk-Bold.woff2) format("woff2")
}
@font-face {
	font-display: swap;
	font-family: Cabinet Grotesk;
	font-style: normal;
	font-weight: 900;
	src: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Font-grotesk/CabinetGrotesk-Black.woff2) format("woff2")
}
.tmpt-icn {
	font-family: TheMarketingPractice-Icons!important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.tmpt-icnpause:before {
	content: "\e900"
}
.tmpt-icnplay:before {
	content: "\e901"
}
.tmpt-icnstop:before {
	content: "\e902"
}
.tmpt-icnopen-filled:before {
	content: "\e903"
}
.tmpt-icnopen-outlined:before {
	content: "\e905"
}
.tmpt-icndown-filled:before {
	content: "\e906"
}
.tmpt-icnleft-filled:before {
	content: "\e908"
}
.tmpt-icnright-filled:before {
	content: "\e90a"
}
.tmpt-icnup-filled:before {
	content: "\e90c"
}
.tmpt-icndown-outlined:before {
	content: "\e90e"
}
.tmpt-icnleft-outlined:before {
	content: "\e90f"
}
.tmpt-icnright-outlined:before {
	content: "\e910"
}
.tmpt-icnup-outlined:before {
	content: "\e911"
}
.tmpt-icndown-chevron:before {
	content: "\e912"
}
.tmpt-icnleft-chevron:before {
	content: "\e913"
}
.tmpt-icnright-chevron:before {
	content: "\e914"
}
.tmpt-icnup-chevron:before {
	content: "\e915"
}
.tmpt-icndown-triangle:before {
	content: "\e916"
}
.tmpt-icnup-triangle:before {
	content: "\e917"
}
.tmpt-icndiagonal-arrow:before {
	content: "\e918"
}
.tmpt-icndown-arrow:before {
	content: "\e919"
}
.tmpt-icnleft-arrow:before {
	content: "\e91a"
}
.tmpt-icnright-arrow:before {
	content: "\e91b"
}
.tmpt-icnup-arrow:before {
	content: "\e91c"
}
.tmpt-icnclose:before {
	content: "\e91d"
}
.tmpt-icnopen:before {
	content: "\e91e"
}
body, html {
	color: #162628;
	font-family: Cabinet Grotesk, sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.18px;
	line-height: 144.444%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width:767px) {
body, html {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 128.571%
}
}
a {
	color: #00ffef;
	text-decoration: underline
}
a:hover {
	color: #12b2a8;
	text-decoration: none
}
.unstyled-link a, a.unstyled-link {
	color: inherit;
	text-decoration: none
}
.unstyled-link.hover-underline a:hover, a.unstyled-link.hover-underline:hover {
	text-decoration: underline
}
.dark-theme .unstyled-link a, .dark-theme a.unstyled-link {
	color: #fff
}
sup {
	font-size: .5em;
	top: -1em
}
::-moz-selection {
background:rgba(0,255,239,.3);
color:#162628
}
::selection {
	background: rgba(0,255,239,.3);
	color: #162628
}
p {
	margin-top: 0
}
h1, h2, h3, h4, h5 {
	color: #fff;
	margin-top: 0
}
.display-font-size a.heading-1, .display-font-size h1, .display-font-size h1.heading-1, .display-font-size h1.heading-2, .display-font-size h2, .display-font-size h2.heading-1, .display-font-size h2.heading-2, .display-font-size h3.heading-1, .display-font-size h3.heading-2, .display-font-size h4.heading-1, .display-font-size h4.heading-2, .display-font-size h5.heading-1, .display-font-size h5.heading-2 {
	font-size: 112px;
	font-weight: 900;
	line-height: 92.857%;
	text-transform: uppercase
}
.large-h1-h2 h1, .large-h1-h2 h1.heading-1, .large-h1-h2 h1.heading-2, .large-h1-h2 h2, .large-h1-h2 h2.heading-1, .large-h1-h2 h2.heading-2, .large-h1-h2 h3.heading-1, .large-h1-h2 h3.heading-2, .large-h1-h2 h4.heading-1, .large-h1-h2 h4.heading-2, .large-h1-h2 h5.heading-1, .large-h1-h2 h5.heading-2 {
	font-size: 80px;
	letter-spacing: -.02em;
	line-height: 88px;
	margin-bottom: 40px
}
.heading-1, h1, h1.heading-1, h2.heading-1, h3.heading-1, h4.heading-1, h5.heading-1 {
	font-size: 48px;
	font-weight: 900;
	letter-spacing: -.01em;
	line-height: 100%;
	margin-bottom: 25px;
	text-transform: uppercase
}
.heading-2, h1.heading-2, h2, h2.heading-2, h3.heading-2, h4.heading-2, h5.heading-2 {
	font-size: 40px;
	font-weight: 900;
	letter-spacing: -.4px;
	line-height: 100%;
	margin-bottom: 24px;
	text-transform: uppercase
}
.heading-3, h1.heading-3, h2.heading-3, h3, h3.heading-3, h4.heading-3, h5.heading-3 {
	font-size: 28px;
	font-weight: 900;
	letter-spacing: -.01em;
	line-height: 36px;
	margin-bottom: 24px;
	text-transform: none
}
.heading-4, h1.heading-4, h2.heading-4, h3.heading-4, h4, h4.heading-4, h5.heading-4 {
	font-size: 22px;
	font-weight: 400;
	font-weight: 900;
	letter-spacing: normal;
	line-height: 100%;
	margin-bottom: 16px;
	text-transform: none
}
.heading-5, h1.heading-5, h2.heading-5, h3.heading-5, h4.heading-5, h5, h5.heading-5 {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.01em;
	line-height: 24px;
	margin-bottom: 10px
}
.h5-bold .heading-5, .h5-bold h1.heading-5, .h5-bold h2.heading-5, .h5-bold h3.heading-5, .h5-bold h4.heading-5, .h5-bold h5, .h5-bold h5.heading-5 {
	font-weight: 900
}
.heading-1:first-child, .heading-2:first-child, .heading-3:first-child, .heading-4:first-child, .heading-5:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
	margin-top: 0
}
.heading-1:last-child, .heading-2:last-child, .heading-3:last-child, .heading-4:last-child, .heading-5:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {
	margin-bottom: 0
}
.heading-1:only-child, .heading-2:only-child, .heading-3:only-child, .heading-4:only-child, .heading-5:only-child, h1:only-child, h2:only-child, h3:only-child, h4:only-child, h5:only-child {
	margin-bottom: 0;
	margin-top: 0
}
.p-large p, h1.heading-p-large, h2.heading-p-large, h3.heading-p-large, h4.heading-p-large, h5.heading-p-large, p, p.p-large {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.18px;
	line-height: 144.444%;
	margin-bottom: 16px
}
.p-large p:last-child, h1.heading-p-large:last-child, h2.heading-p-large:last-child, h3.heading-p-large:last-child, h4.heading-p-large:last-child, h5.heading-p-large:last-child, p.p-large:last-child, p:last-child {
	margin-bottom: 0
}

@media only screen and (max-width:767px) {
.p-large p, h1.heading-p-large, h2.heading-p-large, h3.heading-p-large, h4.heading-p-large, h5.heading-p-large, p, p.p-large {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 128.571%
}
}
.p-xlarge p, h1.heading-p, h2.heading-p, h3.heading-p, h4.heading-p, h5.heading-p, p.p-xlarge {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -.1px;
	line-height: 140%
}

@media only screen and (max-width:767px) {
.p-xlarge p, h1.heading-p, h2.heading-p, h3.heading-p, h4.heading-p, h5.heading-p, p.p-xlarge {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 171.429%
}
}
p.btn-row {
	margin-top: 29px
}
.p-small p, p small, p.p-small {
	font-size: 15px;
	font-weight: 400;
	line-height: 130%
}

@media only screen and (max-width:767px) {
.p-small p, p small, p.p-small {
	font-size: 12px;
	line-height: 166.667%
}
}
.p-xsmall p, p.p-xsmall {
	font-size: 12px;
	font-weight: 400;
	line-height: 133.333%
}

@media only screen and (max-width:767px) {
.p-xsmall p, p.p-xsmall {
	font-size: 12px;
	line-height: 166.667%
}
}
.p-no-margin p {
	margin-bottom: 0
}

@media only screen and (max-width:767px) {
.display-font-size a.heading-1, .display-font-size h1, .display-font-size h1.heading-1, .display-font-size h1.heading-2, .display-font-size h2, .display-font-size h2.heading-1, .display-font-size h2.heading-2, .display-font-size h3.heading-1, .display-font-size h3.heading-2, .display-font-size h4.heading-1, .display-font-size h4.heading-2, .display-font-size h5.heading-1, .display-font-size h5.heading-2 {
	font-size: 40px;
	font-style: normal;
	font-weight: 900;
	line-height: 100%
}
h1, h1.heading-1, h2.heading-1, h3.heading-1, h4.heading-1, h5.heading-1 {
	font-size: 32px;
	font-weight: 900;
	letter-spacing: -.32px;
	line-height: 100%;
	margin-bottom: 24px
}
h1.heading-2, h2, h2.heading-2, h3.heading-2, h4.heading-2, h5.heading-2 {
	font-size: 22px;
	font-weight: 900;
	letter-spacing: normal;
	line-height: 127.273%;
	margin-bottom: 24px
}
h1.heading-3, h2.heading-3, h3, h3.heading-3, h4.heading-3, h5.heading-3 {
	font-size: 16px;
	letter-spacing: normal;
	line-height: 24px;
	margin-bottom: 24px
}
h1.heading-4, h2.heading-4, h3.heading-4, h4, h4.heading-4, h5.heading-4 {
	font-size: 16px;
	font-weight: 900;
	letter-spacing: -.16px;
	line-height: 150%;
	margin-bottom: 8px
}
h1.heading-5, h2.heading-5, h3.heading-5, h4.heading-5, h5, h5.heading-5 {
	font-size: 15px;
	letter-spacing: normal;
	line-height: 20px;
	margin-bottom: 8px
}
.large-h1-h2 h1, .large-h1-h2 h1.heading-1, .large-h1-h2 h1.heading-2, .large-h1-h2 h2, .large-h1-h2 h2.heading-1, .large-h1-h2 h2.heading-2, .large-h1-h2 h3.heading-1, .large-h1-h2 h3.heading-2, .large-h1-h2 h4.heading-1, .large-h1-h2 h4.heading-2, .large-h1-h2 h5.heading-1, .large-h1-h2 h5.heading-2 {
	font-size: 48px;
	letter-spacing: normal;
	line-height: 52px;
	margin-bottom: 32px
}
}
strong {
	font-weight: 900
}
ol, ul {
	margin: 20px 0;
	padding: 0
}
ul {
	list-style: none
}
ol:first-child, ul:first-child {
	margin-top: 0
}
ol:last-child, ul:last-child {
	margin-bottom: 0
}
ol {
	counter-reset: item;
	list-style: none
}
ol ol, ul ul {
	margin: 13px 0 19px
}
ol ol:first-child, ol ol:last-child, ul ul:first-child, ul ul:last-child {
	margin: 9px 0
}
ol li, ul li {
	color: #fff;
	font-family: inherit;
	font-size: 20px;
	letter-spacing: normal;
	line-height: 30px;
	margin: 0 0 14px;
	padding-left: 22px;
	position: relative
}
ol li:last-child, ul li:last-child {
	margin: 0
}
ol li {
	padding-left: 30px
}
ul li:before {
	background-color: #ff53e4;
	border-radius: 50%;
	color: #00ffef;
	content: "";
	display: block;
	height: 6px;
	left: 0;
	position: absolute;
	top: .5em;
	width: 6px
}
ol li:before {
	color: #fff;
	content: counters(item, ".") ".";
	counter-increment: item;
	font-size: inherit;
	font-weight: 700;
	left: 0;
	line-height: inherit;
	position: absolute;
	top: 1px
}
ol ol li, ul ul li {
	font-size: 18px;
	letter-spacing: -.005em;
	line-height: 28px;
	margin: 0 0 10px;
	padding-left: 20px
}
ul ul li:before {
	border-width: 8px 0 0 8px;
	left: -2px;
	top: 10px
}
ol ol li {
	counter-increment: listStyle;
	padding-left: 30px
}
ol ol li:before {
	content: counter(listStyle, lower-alpha) ".";
	font-size: inherit;
	font-weight: 700;
	left: 0;
	line-height: inherit;
	top: 1px
}
.non-list ul, ul.non-list {
	margin: 0
}
.non-list ul li, ul.non-list li {
	margin: 0;
	padding-left: 0;
	position: static
}
.dark-theme .non-list ul li:before, .dark-theme ul.non-list li:before, .non-list ul li:before, ul.non-list li:before {
	display: none
}
.dark-theme li, .dark-theme li a {
	color: #fff
}
.dark-theme ul li:before {
	border-color: transparent transparent transparent #fff
}
.dark-theme ol li:before {
	color: #fff
}

@media only screen and (max-width:767px) {
ol li, ol ol li, ul li, ul ul li {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 6px;
	padding-left: 20px
}
ul li:before, ul ul li:before {
	border-width: 8px 0 0 8px;
	left: 0;
	top: 6px
}
}
.blockquote, blockquote {
	display: block;
	margin: 64px 0;
	padding: 5px 0 4px 52px;
	position: relative;
	width: 100%
}
blockquote p span strong, blockquote p span[style*="font-weight: bold"], blockquote p strong, blockquote p[style*="font-weight: bold"] {
	font-weight: 900!important
}
blockquote p:last-child span strong, blockquote p:last-child span[style*="font-weight: bold"], blockquote p:last-child strong, blockquote p:last-child[style*="font-weight: bold"] {
	font-weight: 700!important
}
.blockquote:last-child, blockquote:last-child {
	margin-bottom: 0
}
.line-box {
	padding-left: 32px;
	position: relative
}
.blockquote:before, .line-box:before, blockquote:before {
	background-color: #ff53e4;
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 4px
}
.line-box:before {
	background-color: #f76248
}
.blockquote h2, .blockquote h3, .blockquote h4, .blockquote h5, blockquote h2, blockquote h3, blockquote h4, blockquote h5 {
	font-size: 28px;
	font-weight: 400;
	line-height: 36px;
	margin-bottom: 32px
}
.blockquote p, blockquote p {
	font-size: 18px;
	letter-spacing: -.01em;
	line-height: 28px
}
.dark-theme .blockquote p, .dark-theme .blockquote strong, .dark-theme blockquote h2, .dark-theme blockquote h3, .dark-theme blockquote h4, .dark-theme blockquote h5, .dark-theme blockquote p, .dark-theme blockquote strong {
	color: #fff
}

@media only screen and (max-width:767px) {
.blockquote, blockquote {
	margin: 30px 0;
	padding: 0 0 0 32px
}
blockquote h2, blockquote h3, blockquote h4, blockquote h5 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 24px
}
}
.btn {
	position: relative
}
.btn-cta .btn a.cta_button, .btn.mock-btn, .btn:is(a) {
border-radius:100px;
color:#fff;
display:inline-block;
font-size:18px;
font-weight:700;
line-height:28px;
position:relative;
text-align:center;
text-decoration:none;
transition:all .3s ease-in-out
}
.btn-cta .btn, .btn.mock-btn, .btn:is(a) {
margin-bottom:22px;
margin-right:11px
}
.btn-cta .btn:last-child, .btn.mock-btn:last-child, .btn:is(a):last-child {
margin-bottom:0;
margin-right:0
}
.btn-cta .btn-primary a.cta_button, .btn-primary.mock-btn, .btn-primary:is(a) {
border-radius:4px;    font-family: DM Sans, sans-serif;
}

.btn-cta .btn-primary a.cta_button:after, .btn-primary.mock-btn:after, .btn-primary:is(a):after {
color:#162628;
content:"\e91b";
font-family:TheMarketingPractice-Icons;
font-size:24px;
font-weight:400;
line-height:normal;
position:absolute;
right: 29px;
    top: 16px;
transition:right .3s ease-in-out
}
.btn-cta .btn-primary.no-arrow a.cta_button, .btn-primary.no-arrow.mock-btn, .btn-primary.no-arrow:is(a) {
padding:8px 16px
}
.btn-cta .btn-primary.no-arrow a.cta_button:after, .btn-primary.no-arrow.mock-btn:after, .btn-primary.no-arrow:is(a):after {
display:none
}
.btn-cta .btn-primary.no-arrow a.cta_button:before, .btn-primary.no-arrow.mock-btn:before, .btn-primary.no-arrow:is(a):before {
display:none
}
.btn-cta .btn-primary.no-arrow a.cta_button.btn-yellow:hover, .btn-primary.no-arrow.mock-btn.btn-yellow:hover, .btn-primary.no-arrow:is(a).btn-yellow:hover {
background-color:#75fbee;
color:#162628
}
.btn-cta .btn-primary.no-arrow a.cta_button.btn-grey:hover, .btn-primary.no-arrow.mock-btn.btn-grey:hover, .btn-primary.no-arrow:is(a).btn-grey:hover {
background-color:#f5f5f8
}
.btn-primary.btn-disabled {
	background-color: #f5f5f8;
	color: #b8b8cd
}
.btn-cta .btn-primary.btn-yellow a.cta_button, .btn-primary.btn-yellow.mock-btn, .btn-primary.btn-yellow:is(a) {
background:#ffde00;
color:#2f2f3b
}
.btn-cta .btn-primary.btn-yellow a.cta_button:active, .btn-primary.btn-yellow.mock-btn:active, .btn-primary.btn-yellow:is(a):active {
background:hsla(0,0%,100%,.3);
color:#fff
}
.btn-primary.btn-yellow:hover {
	background-color:#ffeb66
}
.btn-cta .btn-primary.btn-yellow.dark-button a.cta_button, .btn-primary.btn-yellow.dark-button.mock-btn, .btn-primary.btn-yellow.dark-button:is(a) {
background:hsla(0,0%,100%,.15);
color:#fff
}
.btn-cta .btn-primary.btn-yellow.dark-button a.cta_button:active, .btn-primary.btn-yellow.dark-button.mock-btn:active, .btn-primary.btn-yellow.dark-button:is(a):active {
background:hsla(0,0%,100%,.3);
color:#fff
}
.btn-primary.btn-yellow.dark-button:hover {
	background: hsla(0,0%,100%,.3)
}
.btn-cta .btn-primary.btn-grey a.cta_button, .btn-primary.btn-grey:is(a) {
background-color:#d5d5e3;
color:#162628
}
.btn-cta .btn-primary.btn-grey a.cta_button:active, .btn-primary.btn-grey:is(a):active {
background-color:#b8b8cd
}
.btn-cta .btn-secondary a.cta_button, .btn-secondary.mock-btn, .btn-secondary:is(a) {
letter-spacing:-.01em;
padding:14px 50px 14px 0;
text-align:left;
transition:all .3s ease-in-out
}
.btn-cta .btn-secondary a.cta_button:after, .btn-secondary.mock-btn:after, .btn-secondary:is(a):after {
color:#fff;
content:"\e910";
font-family:TheMarketingPractice-Icons;
font-size:30px;
font-weight:400;
line-height:normal;
position:absolute;
right:9px;
top:13px
}
.btn-cta .btn-secondary a.cta_button:before, .btn-secondary.mock-btn:before, .btn-secondary:is(a):before {
background-color:#fff;
border-radius:100px;
content:"";
display:block;
height:48px;
position:absolute;
right:0;
top:4px;
transform:scale(0);
transition:all .3s ease-in-out;
width:48px
}
.btn-cta .btn-secondary a.cta_button:hover, .btn-secondary.mock-btn:hover, .btn-secondary:is(a):hover {
text-decoration:underline
}
.btn-cta .btn-secondary a.cta_button:hover:before, .btn-secondary.mock-btn:hover:before, .btn-secondary:is(a):hover:before {
background-color:#00ffef;
transform:scale(1)
}
.btn-cta .btn-secondary a.cta_button:hover:after, .btn-secondary.mock-btn:hover:after, .btn-secondary:is(a):hover:after {
color:#162628
}
.btn-cta .btn-secondary a.cta_button:active:before, .btn-secondary.mock-btn:active:before, .btn-secondary:is(a):active:before {
transform:scale(.84)
}
.btn-secondary.btn-disabled {
	color: #b8b8cd
}
.btn-secondary.btn-disabled:hover {
	text-decoration: none
}
.btn-secondary.btn-disabled:before {
	display: none
}
a.mock-btn-hover:hover .mock-btn.btn-secondary {
	text-decoration: underline
}
a.mock-btn-hover:hover .mock-btn.btn-secondary:before {
	background-color: #00ffef;
	transform: scale(1)
}
a.mock-btn-hover:hover .mock-btn.btn-secondary:after {
	color: #162628
}
a.mock-btn-hover:hover:active .mock-btn.btn-secondary:before {
	transform: scale(.84)
}
p:last-child .btn-cta.btn, p:last-child .mock-btn.btn, p:last-child a.btn {
	margin-bottom: 0;    padding: 14px 63px 14px 32px;
}
.unstyled-link a.link-disabled {
	color: #b8b8cd
}
.unstyled-link a.link-enabled {
	color: #00ffef
}
.light-bg .btn-cta.btn-secondary a.cta_button, .light-bg .mock-btn.btn-secondary, .light-bg a.btn-secondary {
	color: #162628
}
.light-bg .btn-cta.btn-secondary a.cta_button:after, .light-bg .mock-btn.btn-secondary:after, .light-bg a.btn-secondary:after {
	color: #162628;
	transition: all .3s ease-in-out
}
.light-bg .btn-cta.btn-secondary a.cta_button:hover:after, .light-bg .mock-btn.btn-secondary:hover:after, .light-bg a.btn-secondary:hover:after {
	color: #162628
}
.light-bg .btn-cta.btn-primary.btn-yellow a.cta_button:active, .light-bg a.btn-primary.btn-yellow:active {
	background-color: #162628
}
button.no-style {
	-webkit-appearance: none;
	background: none;
	border: 2px solid transparent;
	padding: 0
}

@media only screen and (max-width:767px) {
.btn-cta.btn-primary a.cta_button, a.btn-primary {
	font-size: 14px;
	height: auto;
	letter-spacing: -.01em;
	line-height: 20px;
	padding: 14px 45px 14px 24px
}
.btn-cta.btn-primary a.cta_button:after, a.btn-primary:after {
	right: 10px;
	top: 10px
}
.btn-cta.btn-primary a.cta_button:before, a.btn-primary:before {
	height: 32px;
	width: 32px
}
.btn-cta.btn-secondary a.cta_button, a.btn-secondary {
	font-size: 14px;
	letter-spacing: -.01em;
	line-height: 20px;
	padding: 14px 52px 14px 0
}
.btn-cta.btn-secondary a.cta_button:before, a.btn-secondary:before {
	right: 1px;
	top: 0
}
.btn-cta.btn-secondary a.cta_button:after, a.btn-secondary:after {
	right: 9px;
	top: 9px
}
}
form {
	font-family: inherit;
	max-width: 586px
}
form fieldset {
	max-width: none!important
}
form .form-columns-2 .hs-form-field {
	width: 48.5%!important
}
form .form-columns-2 .hs-form-field:first-child {
	margin-right: 3%
}
form .hs-form-field {
	margin-bottom: 30px
}
form .hs-form-field label {
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.01em;
	line-height: 28px;
	margin-bottom: 6px
}
form .hs-form-field label .hs-form-required {
	color: #00ffef;
	margin-left: 5px
}
form .hs-form-field .input {
	margin-right: 0!important
}
form input[type=color], form input[type=date], form input[type=datetime-local], form input[type=datetime], form input[type=email], form input[type=file], form input[type=month], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form input[type=time], form input[type=url], form input[type=week], form select, form textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: hsla(0,0%,100%,.15);
	border: 2px solid transparent;
	border-radius: 4px;
	color: #fff;
	font-family: inherit;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.01em;
	line-height: normal;
	padding: 12px 16px;
	width: 100%!important
}
form input:focus, form select:focus, form textarea:focus {
	border-color: #fff;
	outline: none
}
form select {
	background-image: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/down-chevron.svg);
	background-position: right 16px top 14px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	padding: 12px 42px 12px 16px
}
form input.invalid.error {
	border-color: #00ffef
}
form textarea {
	max-height: 208px;
	min-height: 94px
}
form .hs-submit .actions {
	margin-top: 24px;
	text-align: left
}
form input[type=submit] {
	-webkit-appearance: none;
	appearance: none;
	background: hsla(0,0%,100%,.15);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%2300FFEF' rx='20'/%3E%3Cpath fill='%23162628' d='m28.158 20-6.141 6.142-1.284-1.284 3.943-3.942H11.75v-1.833h12.925l-3.942-3.941 1.284-1.284z'/%3E%3C/svg%3E");
	background-position: right 5px center;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	border: none;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	line-height: 40px;
	padding: 6px 66px 6px 32px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	width: fit-content
}
form input[type=submit]:active {
	background-color: hsla(0,0%,100%,.3)
}
form input[type=submit]:hover {
	background-color: hsla(0,0%,86%,.5)
}
::placeholder {
color:#565666
}
form ul.hs-error-msgs {
	margin: 4px 0 0
}
form ul.hs-error-msgs li {
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	margin: 0;
	padding: 0
}
form ul.hs-error-msgs li:before {
	display: none
}
form ul.hs-error-msgs li:not(:last-child) {
	margin-bottom: 10px
}
form ul.hs-error-msgs li label {
	color: #00ffef;
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 0;
	text-align: left
}
.dark-theme form .legal-consent-container .hs-error-msgs label, .dark-theme form ul.hs-error-msgs li label, form .legal-consent-container .hs-error-msgs label {
	color: #00ffef
}
form ul {
	margin: 10px 0
}
form ul.inputs-list li:before {
	display: none
}
form ul.multi-container {
	margin: 10px 0
}
form ul.multi-container li {
	color: #000;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 25px
}
form ul.inputs-list.multi-container li label {
	font-size: 18px;
	letter-spacing: -.01em;
	line-height: normal;
	margin-bottom: 0
}
form input[type=checkbox], form input[type=radio] {
	display: none
}
form ul.inputs-list.multi-container li.hs-form-checkbox {
	padding-left: 48px
}
form input[type=checkbox]+span {
	cursor: pointer;
	position: relative
}
form input[type=checkbox]+span:before {
	background-color: #f5f5f8;
	border: 2px solid #c3c3d7;
	border-radius: 4px;
	color: transparent;
	content: "";
	display: inline-block;
	font-size: 11px;
	height: 32px;
	left: -48px;
	line-height: 16px;
	position: absolute;
	top: -4px;
	width: 32px
}
form input[type=checkbox]:checked+span:before {
	background-color: #00ffef;
	border-color: #00ffef
}
form input[type=checkbox]:checked+span:after {
	background-image: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/Website/Template%20Files/Icons/check-white.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 20px 16px;
	content: "";
	height: 16px;
	left: -42px;
	position: absolute;
	top: 4px;
	width: 20px
}
form ul.inputs-list.multi-container li.hs-form-radio {
	padding-left: 48px
}
form input[type=radio]+span {
	cursor: pointer;
	position: relative
}
form input[type=radio]+span:before {
	background-color: #f5f5f8;
	border: 2px solid #c3c3d7;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 32px;
	left: -48px;
	position: absolute;
	text-align: center;
	top: -4px;
	width: 32px
}
form input[type=radio]+span:after {
	background-color: transparent;
	background-position: 50%;
	border-radius: 50%;
	content: "";
	display: block;
	height: 16px;
	left: -40px;
	position: absolute;
	top: 4px;
	width: 16px
}
form input[type=radio]:checked+span:before {
	background-color: #00ffef;
	border-color: #00ffef
}
form input[type=radio]:checked+span:after {
	background-color: #fff
}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
background-color:#fff!important;
color:#000!important;
-webkit-text-fill-color:initial;
-webkit-box-shadow:inset 0 0 0 100px #fff!important
}
form li.hs-form-booleancheckbox {
	margin: 12px 0 13px;
	padding-left: 48px
}
form li.hs-form-booleancheckbox label {
	font-size: 18px;
	line-height: normal;
	margin-bottom: 0
}
form li.hs-form-booleancheckbox input[type=checkbox]+span:before {
	left: -48px
}
form li.hs-form-booleancheckbox input[type=checkbox]+span:after {
	left: -42px
}
form .hs_submit {
	margin-top: 14px
}
form .hs-recaptcha {
	margin: 15px 0
}
.submitted-message {
	display: block;
	max-width: 628px
}
.legal-consent-container .hs-form-booleancheckbox-display>span {
	margin-left: 0!important
}
form .legal-consent-container li.hs-form-booleancheckbox label {
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 0
}
form .legal-consent-container li.hs-form-booleancheckbox input[type=checkbox]+span:before {
	border-radius: 2px;
	border-width: 1px;
	height: 16px;
	left: -28px;
	top: 7px;
	width: 16px
}
form .legal-consent-container input[type=checkbox]:checked+span:after {
	background-size: 12px 9px;
	height: 9px;
	left: -26px;
	top: 11px;
	width: 12px
}
form legend {
	font-family: inherit;
	margin: 0 0 12px;
	padding: 0
}
.legal-consent-container p, form legend {
	color: #565666;
	font-size: 15px;
	line-height: 24px
}
.legal-consent-container p a {
	color: #12b2a8;
	text-decoration: underline
}
.legal-consent-container p a:hover {
	text-decoration: none
}
.dark-theme .legal-consent-container p a:hover {
	color: #12b2a8
}
form .legal-consent-container ul.inputs-list {
	margin: 10px 0
}
form .legal-consent-container ul.inputs-list li.hs-form-booleancheckbox {
	margin-bottom: 0;
	padding-left: 28px
}
.dark-theme form .hs-form-field label {
	color: #fff
}
.dark-theme form input[type=color], .dark-theme form input[type=date], .dark-theme form input[type=datetime-local], .dark-theme form input[type=datetime], .dark-theme form input[type=email], .dark-theme form input[type=file], .dark-theme form input[type=month], .dark-theme form input[type=number], .dark-theme form input[type=password], .dark-theme form input[type=search], .dark-theme form input[type=tel], .dark-theme form input[type=text], .dark-theme form input[type=time], .dark-theme form input[type=url], .dark-theme form input[type=week], .dark-theme form select, .dark-theme form textarea {
	background-color: #fff;
	color: #162628
}
.dark-theme form input[type=color]:focus, .dark-theme form input[type=date]:focus, .dark-theme form input[type=datetime-local]:focus, .dark-theme form input[type=datetime]:focus, .dark-theme form input[type=email]:focus, .dark-theme form input[type=file]:focus, .dark-theme form input[type=month]:focus, .dark-theme form input[type=number]:focus, .dark-theme form input[type=password]:focus, .dark-theme form input[type=search]:focus, .dark-theme form input[type=tel]:focus, .dark-theme form input[type=text]:focus, .dark-theme form input[type=time]:focus, .dark-theme form input[type=url]:focus, .dark-theme form input[type=week]:focus, .dark-theme form select:focus, .dark-theme form textarea:focus {
	border-color: #b8b8cd
}
.dark-theme .legal-consent-container p, .dark-theme form legend {
	color: #fff
}
.dark-theme form input[type=checkbox]+span:before, .dark-theme form input[type=radio]+span:before {
	border-color: #fff
}
.dark-theme form input[type=checkbox]:checked+span:before, .dark-theme form input[type=radio]:checked+span:before {
	border-color: #00ffef
}

@media only screen and (max-width:480px) {
form .form-columns-2 .hs-form-field {
	width: 100%!important
}
form .form-columns-2 .hs-form-field:first-child {
	margin-right: 0
}
form .hs-form-field label {
	font-size: 14px;
	line-height: 20px
}
form input[type=color], form input[type=date], form input[type=datetime-local], form input[type=datetime], form input[type=email], form input[type=file], form input[type=month], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form input[type=time], form input[type=url], form input[type=week], form select, form textarea {
	font-size: 14px;
	letter-spacing: normal;
	padding: 13px 16px
}
form ul.hs-error-msgs li, form ul.hs-error-msgs li label {
	font-size: 12px;
	line-height: 20px
}
form .hs-submit .actions {
	text-align: center
}
form .hs-form-field {
	margin-bottom: 14px
}
form ul.hs-error-msgs {
	margin: 6px 0 0
}
form .hs-form-field label .hs-form-required {
	margin-left: 9px
}
form ul.multi-container li {
	margin-bottom: 18px
}
form ul.inputs-list.multi-container li.hs-form-checkbox, form ul.inputs-list.multi-container li.hs-form-radio {
	padding-left: 40px
}
form ul.inputs-list.multi-container li label {
	font-size: 14px;
	letter-spacing: normal;
	line-height: 20px
}
form input[type=checkbox]+span:before, form input[type=radio]+span:before {
	height: 26px;
	left: -40px;
	width: 26px
}
form input[type=radio]+span:after {
	height: 14px;
	left: -34px;
	top: 2px;
	width: 14px
}
form input[type=checkbox]:checked+span:after {
	background-size: 18px 14px;
	height: 14px;
	left: -36px;
	top: 2px;
	width: 18px
}
form li.hs-form-booleancheckbox {
	margin: 10px 0;
	padding-left: 40px
}
form li.hs-form-booleancheckbox label {
	font-size: 14px
}
form li.hs-form-booleancheckbox input[type=checkbox]+span:before {
	left: -40px
}
form li.hs-form-booleancheckbox input[type=checkbox]+span:after {
	left: -36px
}
.legal-consent-container p, form .legal-consent-container li.hs-form-booleancheckbox label, form legend {
	font-size: 12px;
	line-height: 20px
}
form .legal-consent-container li.hs-form-booleancheckbox input[type=checkbox]+span:before {
	top: 2px;
	top: 6px
}
}
.table-responsive {
	border: 0;
	margin: 30px 0;
	overflow-x: auto
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	color: #000;
	font-family: inherit;
	font-size: 15px;
	letter-spacing: normal;
	line-height: 24px
}
table, table td {
	font-weight: 400
}
table td {
	border: 1px solid #c3c3d7;
	color: #fff;
	padding: 15px;
	text-align: left;
	vertical-align: text-bottom
}
table td strong {
	font-weight: 700
}
.dark-theme table td {
	border-color: #fff
}
.hs-tools-menu li:before {
	content: none!important
}
html {
	overflow-x: hidden;
	scroll-behavior: smooth
}
body {
	background-color: #162628;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	min-height: 100dvh;
	text-wrap: pretty
}
body, html {
	color: #fff
}
[id] {
	scroll-snap-margin-top: 100px;
	scroll-margin-top: 100px
}
#bodyWrap, .wrap-main {
	flex-grow: 1
}
.page-center {
	margin: 0 auto;
	max-width: 1248px;
	padding: 0 24px
}
.page-center-large {
	margin: 0 auto;
	max-width: 1484px;
	padding: 0 24px
}
.page-center-none {
	margin: 0;
	max-width: none;
	overflow: hidden;
	padding: 0
}
.btn-cta a.cta_button:focus, .btn-cta a.cta_button:focus-visible, .dark-theme .invert-theme :focus, .dark-theme .invert-theme a:focus, .dark-theme .invert-theme button:focus, .light-to-dark-invert.dark-theme .bg-white :focus, .light-to-dark-invert.dark-theme .bg-white :focus-visible, :focus, :focus-visible, a.btn:focus, a.btn:focus-visible, button.focus-on:focus, button.focus-on:focus-visible, button:focus, button:focus-visible, button:focus:not(:focus-visible) {
border:none;
outline:2px solid #778
}
.dark-theme .btn-cta a.cta_button:focus, .dark-theme .btn-cta a.cta_button:focus-visible, .dark-theme :focus, .dark-theme :focus-visible, .dark-theme a.btn:focus, .dark-theme a.btn:focus-visible, .dark-theme button.focus-on:focus, .dark-theme button.focus-on:focus-visible, .dark-theme button:focus, .dark-theme button:focus-visible, .dark-theme button:focus:not(:focus-visible) {
border:none;
outline:2px solid #fff
}
.max-center {
	margin: 0 auto;
	max-width: 2000px;
	position: relative
}
img {
	height: auto;
	max-width: 100%
}
.hs-embed-wrapper {
	max-height: none!important;
	max-width: none!important
}
.hs-responsive-embed {
	height: 0;
	max-height: none!important;
	max-width: 100%!important;
	overflow: hidden;
	padding: 0 0 56.25%
}
.hs-responsive-embed iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

@media only screen and (max-width:575px) {
.container, .container-lg, .container-md, .container-xl {
	padding-left: 1.389rem;
	padding-right: 1.389rem
}
}
.img-hover-zoom .img-rounded-shadow, .img-rounded-shadow iframe, .img-rounded-shadow img, .img-rounded-shadow video, .item-rounded-shadow .post-item-inner {
	border-radius: 8px;
	box-shadow: 0 8px 32px 0 rgba(0,0,0,.32);
	display: block;
	overflow: hidden
}

@media only screen and (max-width:767px) {
.img-hover-zoom .img-rounded-shadow, .img-rounded-shadow iframe, .img-rounded-shadow img, .img-rounded-shadow video, .item-rounded-shadow .post-item-inner {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.32)
}
}
.img-hover-zoom .img-rounded-shadow img.img-zoom, .page-center-none .img-rounded-shadow * {
	border-radius: 0;
	box-shadow: none
}
.solutions-jumplinks {
	padding: 32px 0
}
.solutions-jumplinks .solutions__eyebrow {
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: 19.5px;
	margin-bottom: 16px;
	text-align: center
}
.solutions-jumplinks .solutions__list {
	column-gap: 16px;
	display: flex;
	flex-wrap: wrap;
	font-size: 28px;
	font-weight: 900;
	justify-content: center;
	letter-spacing: -.28px;
	line-height: 100%;
	margin: 0;
	padding: 0 18px;
	row-gap: 8px;
	text-transform: uppercase;
	white-space: nowrap
}
.solutions-jumplinks .solutions__list dd {
	display: block;
	margin: 0;
	padding: 0
}
.solutions-jumplinks .solutions__list dd a {
	color: hsla(0,0%,100%,.4);
	display: block;
	text-decoration: none;
	transition: color .2s ease
}
.solutions-jumplinks .solutions__list dd a:hover {
	color: #00ffef
}
.prefooter {
	padding-bottom: 162px;
	padding-top: 162px;
	text-align: center
}

@media only screen and (max-width:767px) {
.prefooter {
	padding-bottom: 124px;
	padding-top: 124px
}
}
.prefooter__heading {
	margin: 0 0 40px;
	text-transform: uppercase
}

@media only screen and (max-width:991px) {
.prefooter__heading {
	margin-bottom: 32px
}
.prefooter__heading.display-font-size .heading-1 {
	font-size: 40px;
	font-weight: 900;
	line-height: 120%
}
}
.hero {
	padding-bottom: 48px;
	padding-top: 176px
}

@media only screen and (max-width:767px) {
.hero {
	padding-bottom: 48px;
	padding-top: 136px
}
}
.hero.pd-btm-medium {
	padding-bottom: 96px;
	padding-top: 232px
}

@media only screen and (max-width:767px) {
.hero.pd-btm-medium {
	padding-bottom: 48px;
	padding-top: 136px
}
}
.hero.pd-btm-large {
	padding-bottom: 128px;
	padding-top: 232px
}

@media only screen and (max-width:767px) {
.hero.pd-btm-large {
	padding-bottom: 48px;
	padding-top: 136px
}
}
#hs_cos_wrapper_header {
	z-index: 1000
}
#hs_cos_wrapper_header, .nav {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%
}
.nav__inner {
	align-items: flex-end;
	display: flex;
	flex-wrap: nowrap;
	flex-wrap: wrap;
	margin: 0 auto 16px;
	max-width: 1710px;
	padding: 0 24px;
	width: 100%
}

@media only screen and (min-width:1260px) {
.nav__inner {
	flex-wrap: nowrap;
	gap: 24px;
	padding-left: 48px;
	padding-right: 48px
}
}
.nav__logo {
	aspect-ratio: 1/1;
	width: 72px
}

@media only screen and (min-width:1260px) {
.nav__logo {
	width: 88px
}
}
.nav__logo a {
	display: block
}
.nav__logo img, .nav__logo svg {
	display: block;
	height: auto;
	width: 100%
}
.nav__head {
	margin-right: auto
}
.nav__body {
	align-items: flex-end;
	background-color: transparent;
	display: flex;
	gap: 24px;
	margin-top: auto;
	position: relative;
	transition: background-color .5s ease;
	width: 100%
}

@media only screen and (min-width:1260px) {
.nav__body {
	border-radius: 100px;
	padding: 8px 12px 8px 8px;
	right: -12px;
	top: 8px;
	width: auto
}
}
.nav__menu {
	display: none;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.18px;
	line-height: 155.556%
}

@media only screen and (min-width:1260px) {
.nav__menu {
	display: block
}
.nav__menu>dl {
	background-color: hsla(0,0%,100%,.1);
	border-radius: 25px;
	display: flex;
	gap: 4px;
	margin: 0;
	padding: 6px 8px
}
.nav__menu>dl>dd {
	display: block;
	margin: 0;
	padding: 0;
	position: relative
}
.nav__menu>dl>dd>a {
	border-radius: 20px;
	color: #fff;
	display: block;
	outline: 0;
	padding: 6px 20px;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
	white-space: nowrap
}
.nav__menu>dl>dd>a:focus-within {
background-color:hsla(0,0%,100%,.1);
color:#fff
}
.nav__menu>dl>dd:focus-within>a, .nav__menu>dl>dd:hover>a {
background-color:hsla(0,0%,100%,.1)
}
.nav__menu>dl>dd:focus-within>a:focus, .nav__menu>dl>dd:focus-within>a:hover, .nav__menu>dl>dd:hover>a:focus, .nav__menu>dl>dd:hover>a:hover {
background-color:hsla(0,0%,100%,.1);
color:#fff
}
.nav__menu>dl>dd:focus-within>a:active, .nav__menu>dl>dd:hover>a:active {
background-color:#00ffef;
color:#162628
}
.nav__menu>dl>dd:focus-within dl, .nav__menu>dl>dd:hover dl {
display:flex
}
.nav__menu>dl dl {
	animation-direction: forwards;
	animation-duration: .2s;
	animation-iteration-count: 1;
	animation-name: subnavFadeIn;
	animation-timing-function: ease;
	background-color: rgba(45,60,62,.98);
	border-radius: 24px;
	box-sizing: border-box;
	display: none;
	flex-direction: column;
	left: 0;
	margin: 22px 0 0;
	min-width: 200px;
	padding: 26px 32px;
	position: absolute;
	top: 100%;
	transform-origin: 20% 0;
	width: max-content
}
.nav__menu>dl dl .menu-mobile-overview {
	display: none
}
.nav__menu>dl dl:before {
	box-sizing: content-box;
	content: "";
	display: block;
	height: 22px;
	left: 0;
	margin-top: -1px;
	padding-bottom: 2px;
	position: absolute;
	right: 0;
	top: -22px
}
.nav__menu>dl dl a {
	color: #fff;
	display: block;
	margin: 0;
	outline: 0;
	padding-bottom: 6px;
	padding-top: 6px;
	text-decoration: none;
	transition: color .2s ease
}
.nav__menu>dl dl a:hover {
	color: #00ffef
}
.nav__menu>dl dl a:focus-within {
color:#00ffef
}
.nav__menu>dl dl>dt {
	margin: 0;
	padding: 0
}
.nav__menu>dl dl>dt>a {
	font-size: 28px;
	font-weight: 900;
	letter-spacing: -.28px;
	line-height: 100%;
	text-transform: uppercase
}
.nav__menu>dl dl>dt:last-of-type {
	border-bottom: 1px solid hsla(0,0%,100%,.2);
	margin-bottom: 6px;
	padding-bottom: 6px
}
.nav__menu>dl dl>dd {
	margin: 0;
	padding: 0
}
.nav__menu>dl dl>dd>a {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -.18px;
	line-height: 133.333%
}
}
.nav__button {
	display: none;
	white-space: nowrap
}

@media only screen and (min-width:1260px) {
.nav__button {
	display: flex
}
}
.nav__expand {
	margin-bottom: 8px
}

@media only screen and (min-width:1260px) {
.nav__expand {
	display: none
}
}
.nav__expand a {
	cursor: pointer;
	display: block
}
.nav__expand img, .nav__expand svg {
	display: block;
	height: 32px;
	width: 32px
}

@media only screen and (min-width:1260px) {
[data-stuck] .nav .nav__body {
	background-color: #162628;
	border-radius: 100px;
	box-shadow: 0 0 32px 0 rgba(0,0,0,.56)
}
[data-stuck] .nav .nav__menu>dl {
	background-color: transparent
}
}

@media only screen and (max-width:1259px) {
.nav {
	background-color: #162628;
	transition: box-shadow .1s ease
}
[data-stuck] .nav {
	box-shadow: 0 4px 32px 0 rgba(0,0,0,.48)
}
.nav .nav__head {
	align-items: flex-end;
	background-color: #162628;
	display: flex;
	justify-content: space-between;
	left: 0;
	padding-bottom: 16px;
	position: sticky;
	right: 0;
	top: 0;
	width: 100%
}
.nav .nav__inner {
	flex-direction: row;
	height: 100%;
	margin: 0
}
.nav--open .nav {
	background-color: #162628;
	bottom: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	white-space: nowrap
}
.nav--open .nav .nav__head {
	align-self: flex-start;
	z-index: 101
}
.nav--open .nav .nav__body {
	align-items: flex-start;
	flex: 1 1 0;
	flex-direction: column;
	height: calc(100% - 88px);
	margin: 0
}
.nav--open .nav .nav__menu {
	display: block;
	flex: 1 1 0;
	margin-bottom: auto;
	width: 100%
}
.nav--open .nav .nav__button {
	display: block;
	margin-top: auto;
	padding-bottom: 48px;
	width: 100%
}
.nav .nav__menu>dl {
	animation-direction: forwards;
	animation-duration: .4s;
	animation-iteration-count: 1;
	animation-name: mobileNavFadeIn;
	animation-timing-function: ease;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 40px 0 0;
	transform-origin: 0 50%
}
.nav .nav__menu>dl>dd {
	display: block;
	margin: 0;
	padding: 0
}
.nav .nav__menu>dl>dd>a {
	align-items: center;
	color: #fff;
	display: inline-flex;
	font-size: 32px;
	font-weight: 900;
	gap: 8px;
	justify-items: flex-start;
	letter-spacing: -.32px;
	line-height: 100%;
	margin: 0;
	outline: 0;
	padding: 8px 0;
	text-decoration: none;
	text-transform: uppercase
}
.nav .nav__menu>dl>dd>a:focus-within {
color:#00ffef
}
.nav .nav__menu>dl>dd>dl {
	display: none;
	margin: 0;
	padding: 6px 0 14px 24px
}
.nav .nav__menu>dl>dd>dl dd, .nav .nav__menu>dl>dd>dl dt {
	display: block;
	margin: 0;
	padding: 0
}
.nav .nav__menu>dl>dd>dl a {
	color: #fff;
	display: inline-block;
	font-size: 22px;
	font-weight: 400;
	line-height: 127.273%;
	margin: 0;
	outline: 0;
	padding: 2px 0;
	text-decoration: none
}
.nav .nav__menu>dl>dd>dl a:focus-within {
color:#00ffef
}
.nav .nav__menu>dl>dd.nav__item--parent>a:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300FFEF' d='m12 15.88-.62-.54-6.72-5.76L5.9 8.12l6.1 5.23 6.1-5.23 1.24 1.46-6.72 5.76z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	content: "";
	display: block;
	flex: 0 0 24px;
	height: 24px;
	transition: transform .1s ease;
	width: 24px
}
.nav .nav__menu>dl>dd.active dl {
	display: block
}
.nav .nav__menu>dl>dd.active.nav__item--parent>a:after {
	transform: rotate(-180deg)
}
.nav .btn {
	max-width: 480px;
	text-align: left;
	width: 100%
}
}
@keyframes subnavFadeIn {
0% {
opacity:0;
transform:scale(.95)
}
to {
opacity:1;
transform:scale(1)
}
}
@keyframes mobileNavFadeIn {
0% {
opacity:0;
transform:scale(1.05)
}
to {
opacity:1;
transform:scale(1)
}
}
.footer {
	margin: 0 auto;
	max-width: 1678px;
	padding: 0 32px;
	position: relative
}
.footer__inner {
	font-size: 12px;
	font-weight: 400;
	line-height: 166.667%
}

@media only screen and (min-width:1260px) {
.footer__inner {
	font-size: 15px;
	line-height: 130%;
	padding: 80px 64px 84px
}
}
.footer__flex {
	display: flex;
	gap: 40px;
	justify-content: space-between;
	width: 100%
}
.footer__heading {
	font-size: 16px;
	font-weight: 900;
	line-height: 150%;
	margin: 0 0 4px;
	padding: 0
}

@media only screen and (min-width:1260px) {
.footer__heading {
	font-size: 22px;
	line-height: 100%
}
}
.footer p {
	margin: 0;
	padding: 0
}
.footer__cta {
	margin-top: 16px
}
.footer__cta .btn {
	border-radius: 0;
	margin-bottom: -12px;
	margin-top: -12px
}
.footer__cta .btn-secondary:is(a):after {
color:#fff
}
.footer__cta .btn-secondary:is(a):hover:after {
color:#162628
}
.footer__cta .btn-secondary:is(a):before {
background-color:#fff
}
.footer__nav {
	display: none;
	gap: 40px
}

@media only screen and (min-width:1260px) {
.footer__nav {
	display: flex
}
}
.footer__nav dl {
	display: flex;
	flex-direction: column;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0
}
.footer__nav dt {
	font-weight: 700
}
.footer__nav dt a {
	color: inherit;
	text-decoration: none
}
.footer__nav dt a:hover {
	text-decoration: underline
}
.footer__nav dd {
	margin: 0;
	padding: 0
}
.footer__nav dd a {
	color: inherit;
	text-decoration: none
}
.footer__nav dd a:hover {
	text-decoration: underline
}
.footer p, .footer__nav dd {
	font-size: 14px;
	font-weight: 400;
	line-height: 142.857%
}

@media only screen and (min-width:1260px) {
.footer p, .footer__nav dd {
	font-size: 18px;
	letter-spacing: -.18px;
	line-height: 155.556%
}
}
.footer__copy {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 72px
}

@media only screen and (min-width:1260px) {
.footer__copy {
	flex-direction: row
}
}
.footer__copy>div {
	order: 2
}

@media only screen and (min-width:1260px) {
.footer__copy>div {
	order: 1
}
}
.footer__copy dl {
	display: flex;
	gap: 16px;
	margin: 0;
	order: 1;
	padding: 0
}

@media only screen and (min-width:1260px) {
.footer__copy dl {
	order: 2
}
}
.footer__copy dd {
	display: flex;
	gap: 16px;
	margin: 0;
	padding: 0
}
.footer__copy dd:before {
	content: "|"
}
.footer__copy dd:first-child:before {
	display: none
}

@media only screen and (min-width:1260px) {
.footer__copy dd:first-child:before {
	display: inline
}
}
.footer__copy a {
	color: inherit;
	text-decoration: none
}
.footer__copy a:hover {
	text-decoration: underline
}
.footer-cookie-button {
	bottom: 0;
	position: absolute;
	right: 60px;
	z-index: 1
}
body div#hs-eu-cookie-confirmation {
	background-color: #fff;
	border: none;
	bottom: 0;
	box-shadow: 0 1px 5px #d5d5e3;
	font-family: inherit;
	padding: 40px 0;
	position: fixed;
	top: auto
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
	background: transparent;
	margin: 0 auto;
	max-width: 1120px;
	padding: 0 30px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {
	margin-bottom: 20px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner *, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
	color: #000;
	font-size: 15px;
	letter-spacing: normal;
	line-height: 24px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
	margin: 0 0 20px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p>a {
	color: #000!important;
	cursor: pointer;
	font-weight: 400!important;
	text-decoration: underline!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-button-group {
	display: block!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p>a:hover {
	font-weight: 400!important;
	text-decoration: none!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
	margin: 0!important;
	text-align: left!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	border: none!important;
	border-radius: 4px;
	display: inline-block;
	font-family: inherit;
	font-size: 18px;
	font-weight: 700!important;
	line-height: 28px;
	margin: 0 16px 0 0!important;
	padding: 14px 32px!important;
	text-align: center;
	text-decoration: none!important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
	background-color: #ffeb66!important;
	color: #162628
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover {
	background-color: #ffeb66!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:active {
	background-color: #162628!important;
	color: #fff
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	background-color: #f5f5f8!important;
	color: #162628
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover {
	background-color: #d5d5e3!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:active {
	background-color: #b8b8cd!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button {
	color: #162628!important;
	display: inline-block;
	margin: 0 0 25px!important;
	text-decoration: underline!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button:hover {
	text-decoration: none!important
}
body #hs_remove_cookie_button {
	bottom: 0
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-toggle .slider {
	background-color: #c3c3d7;
	box-shadow: none
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-toggle input:checked+.slider {
	background-color: #00ffef
}
html body #hs-modal #hs-modal-content #hs-modal-header #hs-modal-close-button {
	color: #162628;
	font-size: 48px;
	margin-bottom: 27px
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label {
	background: #f5f5f8;
	border: 1px solid #c3c3d7;
	position: relative
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label:before {
	background-color: transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label.hs-active:before, html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label:hover:before {
	background-color: #00ffef
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label.hs-active, html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label.hs-active:hover {
	background: #fff;
	border-left: none!important
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label:hover {
	background: #c3c3d7
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label span {
	color: #162628!important;
	font-family: inherit!important;
	font-size: 15px!important;
	font-weight: 400!important;
	line-height: 1!important
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-description {
	border: 1px solid #c3c3d7;
	padding: 20px
}
html body #hs-modal #hs-modal-content a {
	color: #12b2a8!important;
	text-decoration: underline!important
}
html body #hs-modal #hs-modal-content a:hover {
	color: #12b2a8!important;
	text-decoration: none
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-description h3 {
	color: #162628!important;
	font-family: inherit!important;
	font-size: 28px!important;
	font-weight: 700!important;
	letter-spacing: -.01em!important;
	line-height: 36px!important;
	margin: 0 0 20px
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-description .hs-category-description-text {
	margin: 0
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-description p {
	color: #162628!important;
	font-family: inherit!important;
	font-size: 15px!important;
	font-weight: 400!important;
	line-height: 24px!important
}
html body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-accept-all, html body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-save-settings {
	background-color: #ffeb66!important;
	border: none!important;
	border-radius: 4px;
	color: #162628!important;
	display: inline-block;
	font-family: inherit!important;
	font-size: 18px!important;
	font-weight: 700!important;
	line-height: 28px!important;
	margin: 0 0 0 16px!important;
	padding: 8px 16px!important;
	text-align: center;
	text-decoration: none!important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
html body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-accept-all:hover, html body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-save-settings:hover {
	background-color: #ffeb66!important
}
html body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-footer-container {
	margin-top: 20px
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-always-active-label {
	color: #162628!important
}
html body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-toggle input:focus+.slider {
	box-shadow: none
}
.cookie-button.mock-btn.btn-primary.no-arrow {
	border: none;
	border-radius: 4px 4px 0 0;
	margin: 0;
	padding: 12px 15px
}

@media only screen and (max-width:767px) {
body div#hs-eu-cookie-confirmation {
	padding: 20px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
	padding: 0!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner :not(#hs-eu-confirmation-button):not(#hs-eu-decline-button), body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
	font-size: 13px!important;
	line-height: 20px!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	font-size: 14px;
	font-weight: 500!important;
	line-height: 22px
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
	margin: 0 15px 0 0!important;
	padding: 13px 22px!important
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	padding: 11px 20px!important
}
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(-10%)
}
to {
opacity:1;
transform:translateX(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
@keyframes zoomIn {
0% {
opacity:1;
transform:scale(.9)
}
to {
opacity:1;
transform:scale(1)
}
}
@keyframes slideUp {
0% {
opacity:1;
transform:translateY(10%)
}
to {
opacity:1;
transform:translateY(0)
}
}
[data-anim] {
	animation-duration: .8s;
	animation-fill-mode: both;
	animation-timing-function: ease-out
}
[data-anim-short] {
	animation-duration: .6s;
	animation-fill-mode: both;
	animation-timing-function: ease-out
}
[data-anim-vshort] {
	animation-duration: .4s;
	animation-fill-mode: both;
	animation-timing-function: ease-out
}
[data-anim=fadeInUp].animated {
	animation-name: fadeInUp
}
[data-anim=fadeInLeft].animated {
	animation-name: fadeInLeft
}
[data-anim=fadeInRight].animated {
	animation-name: fadeInRight
}
[data-anim=fadeInDown].animated {
	animation-name: fadeInDown
}
[data-anim=zoomIn].animated {
	animation-name: zoomIn
}
[data-anim=slideUp].animated {
	animation-name: slideUp
}
[data-anim-short=fadeInUp].animated {
	animation-name: fadeInUp
}
[data-anim-short=fadeInLeft].animated {
	animation-name: fadeInLeft
}
[data-anim-short=fadeInRight].animated {
	animation-name: fadeInRight
}
[data-anim-short=fadeInDown].animated {
	animation-name: fadeInDown
}
[data-anim-short=zoomIn].animated {
	animation-name: zoomIn
}
[data-anim-short=slideUp].animated {
	animation-name: slideUp
}
[data-anim-vshort=fadeInUp].animated {
	animation-name: fadeInUp
}
[data-anim-vshort=fadeInLeft].animated {
	animation-name: fadeInLeft
}
[data-anim-vshort=fadeInRight].animated {
	animation-name: fadeInRight
}
[data-anim-vshort=fadeInDown].animated {
	animation-name: fadeInDown
}
[data-anim-vshort=zoomIn].animated {
	animation-name: zoomIn
}
[data-anim-vshort=slideUp].animated {
	animation-name: slideUp
}

@media only screen and (min-width:768px) {
[data-anim-short], [data-anim-vshort], [data-anim] {
	opacity: 0
}
}
.hs-inline-edit [data-anim-short], .hs-inline-edit [data-anim-vshort], .hs-inline-edit [data-anim] {
	opacity: 1
}
.blog-listing .default-item .featured-img, .blog-listing .featured-item .featured-img {
	height: 240px
}
.post-item:hover .post-heading {
	text-decoration: underline
}
.pagination {
	padding: 20px 0 50px
}
.pagination .non-list li, .pagination.non-list li {
	font-weight: 700;
	line-height: normal;
	margin: 0 4px
}
.pagination li a {
	border-radius: 100%;
	min-width: 32px;
	padding: 4px 8px
}
.pagination li.pagination-nav a {
	font-size: 25px;
	min-width: auto;
	padding: 5px 3px 0
}
.post-author .avatar {
	height: 64px;
	margin-right: 24px;
	width: 64px
}
.post-author .info {
	width: calc(100% - 120px)
}
.post-body .speakers {
	padding: 56px 0 0
}
.post-body .speaker-item:not(.last-item) {
	margin-bottom: 48px
}
.topics-desktop {
	padding: 54px 0 52px
}
.topics-desktop .section-label {
	left: 0;
	top: 10px;
	width: 68px
}
.link-active {
	color: #162628!important
}
.link-next span, .link-prev span {
	color: #00ffef
}
.topics-desktop .inner-wrap {
	padding-left: 68px
}
.topics-list .topic-item {
	color: #fff;
	padding: 8px 0
}
.topics-list .topic-item:not(last-child) {
	margin: 0 24px 0 0
}
.topics-list .topic-item.active, .topics-list .topic-item:hover {
	color: #00ffef
}
.topics-list .topic-item.active:after, .topics-list .topic-item:hover:after {
	background-color: #00ffef;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	width: 100%
}
.topics-mobile .js-filters-trigger .tmpt-icn {
	font-size: 24px;
	right: 18px
}
.topics-mobile.open .js-filters-trigger .tmpt-icn {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg)
}
.post-hero .social-sharing a .social-icn {
	fill: #00ffef
}
.post-hero .social-sharing a:hover .social-icn {
	fill: #162628
}
.post-hero .social-margin {
	margin-right: 5px
}
.case-studies-listing .pagination li a {
	background-color: transparent;
	display: block;
	text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.case-studies-listing .pagination li.active a, .case-studies-listing .pagination li.active:hover a {
	background-color: #00ffef;
	color: #fff
}
.case-studies-listing .pagination li:hover a {
	background-color: #d5d5e3
}
.blog-post__tags {
	display: block;
	width: fit-content
}
.blog-post__tags .blog-post__tag-link {
	align-items: center;
	border: 1px solid #ff53e4;
	border-radius: 16px;
	color: #ff53e4;
	display: flex;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	justify-content: center;
	line-height: 160%;
	padding: 4px 12px
}

@media only screen and (min-width:768px) {
.featured-item .post-info {
	padding-left: 42px
}
.pagination {
	padding: 80px 0 120px
}
.blog-listing .featured-item .featured-img {
	height: 424px
}
.blog-listing .default-item .featured-img {
	height: 376px
}
}

@media only screen and (max-width:767px) {
.post-author .avatar {
	height: 64px;
	margin-right: 24px;
	width: 64px
}
.post-body .speakers {
	padding: 30px 0 0
}
.post-body .speaker-item:not(.last-item) {
	margin-bottom: 30px
}
.topics-list .topic-item {
	padding: 7px 0
}
}

@media only screen and (max-width:480px) {
.blog-subscribe .form-wrap form .hs-submit .actions {
	text-align: left
}
}
.pd-t-0 {
	padding-top: 0
}
.pd-t-72 {
	padding-top: 72px
}
.pd-t-96 {
	padding-top: 96px
}
.pd-t-120 {
	padding-top: 120px
}
.pd-t-196 {
	padding-top: 196px
}
.pd-b-0 {
	padding-bottom: 0
}
.pd-b-72 {
	padding-bottom: 72px
}
.pd-b-96 {
	padding-bottom: 96px
}
.pd-b-120 {
	padding-bottom: 120px
}
.pd-b-196 {
	padding-bottom: 196px
}
.m-b-d-32 {
	margin-bottom: 32px
}
.m-b-d-40 {
	margin-bottom: 40px
}
.m-b-d-64 {
	margin-bottom: 64px
}
.cursor-pointer {
	cursor: pointer
}
.cursor-initial {
	cursor: auto
}
html:lang(de-de) .cursor-read-more:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/TMP-new-icons/read-more-de.png) 64 64, auto
}
html:lang(de-de) .cursor-explore:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/TMP-new-icons/explore-de.png) 64 64, auto
}
html:lang(de-de) .cursor-linkedin:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/TMP-new-icons/connect-linkedin-de.png) 64 64, auto
}
html:lang(de-de) .cursor-connect:hover {
	cursor: url(https://25865525.fs1.hubspotusercontent-eu1.net/hubfs/25865525/TMP-new-icons/connect-de.png) 64 64, auto
}
.custom-cursor {
	backface-visibility: hidden;
	left: -500px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: -500px;
	user-select: none;
	-webkit-user-select: none;
	visibility: hidden;
	z-index: 100
}

@media screen and (max-width:998px) {
.custom-cursor .cursor-image {
	display: none
}
}
.custom-cursor .cursor-svg {
	height: 56px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform .3s ease;
	width: 56px
}
.custom-cursor .cursor-svg svg {
	display: block;
	height: 100%;
	width: 100%
}

@media (max-width:998px) {
.custom-cursor .cursor-svg {
	display: none!important
}
}
.custom-cursor .cursor-text {
	color: #162628;
	font-family: inherit;
	font-size: .75rem;
	font-weight: 700;
	left: 50%;
	line-height: 120%;
	position: absolute;
	text-align: center;
	text-wrap: nowrap;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}
.custom-cursor:before {
	background-color: #00ffef;
	border-radius: 100%;
	content: "";
	display: block;
	height: 138px;
	transform: scale(.7);
	transition: all .3s ease;
	width: 138px
}
.custom-cursor.visible {
	opacity: 1;
	visibility: visible
}
.custom-cursor.visible:before {
	transform: scale(1);
	transition: all .3s ease
}
.card-visual-video video {
	left: 50%;
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}
.cover-img-wrap {
	overflow: hidden
}
.cover-img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	width: 100%
}
.cover-img-top {
	-o-object-position: center top;
	object-position: center top
}
.img-hover-zoom .img-zoom {
	-webkit-transition: transform .3s ease-in-out;
	-moz-transition: transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	-ms-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out
}
.img-hover-zoom:hover .img-zoom {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}
.txt-d-left {
	text-align: left
}
.txt-d-right {
	text-align: right
}
.transition-all, .transition-all-inner, .transition-all-inner * {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.transition-padding {
	-webkit-transition: padding .3s ease-in-out;
	-moz-transition: padding .3s ease-in-out;
	-o-transition: padding .3s ease-in-out;
	-ms-transition: padding .3s ease-in-out;
	transition: padding .3s ease-in-out
}
.transition-opacity {
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out
}
.transition-visibility-opacity {
	-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	transition: visibility .3s ease-in-out, opacity .3s ease-in-out
}
.transition-fill {
	-webkit-transition: fill .3s ease-in-out;
	-moz-transition: fill .3s ease-in-out;
	-o-transition: fill .3s ease-in-out;
	-ms-transition: fill .3s ease-in-out;
	transition: fill .3s ease-in-out
}
.transition-background-color {
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out
}
.transition-color {
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out
}
.left-0 {
	left: 0
}
.right-0 {
	right: 0
}
.border-top-1 {
	border-top: 1px solid
}
.border-top-2 {
	border-top: 2px solid
}
.border-bottom-1 {
	border-bottom: 1px solid
}
.border-bottom-2 {
	border-bottom: 2px solid
}
.border-light-grey {
	border-color: #c3c3d7
}
.border-dark-grey {
	border-color: #dcdcdc
}
.borger-magenta {
	border-color: #ff53e4
}
.border-charcoal {
	border-color: #162628
}
.dark-theme .border-charcoal, .dark-theme .border-light-grey {
	border-color: #fff
}
.video-cover {
	bottom: 0;
	left: 50%;
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}
.dark-theme .invert-theme p, .dark-theme .invert-theme p a, .light-to-dark-invert.dark-theme .invert-theme a.color-charcoal, .light-to-dark-invert.dark-theme .invert-theme p, .light-to-dark-invert.dark-theme .invert-theme p.color-charcoal {
	color: #162628
}
.ar-16-9 {
	aspect-ratio: 16/9
}
.ar-20-10 {
	aspect-ratio: 20/10
}

@media only screen and (max-width:992px) {
.pd-t-72 {
	padding-top: 40px
}
.pd-t-96 {
	padding-top: 64px
}
.pd-t-120 {
	padding-top: 80px
}
.pd-t-196 {
	padding-top: 130px
}
.pd-b-72 {
	padding-bottom: 40px
}
.pd-b-96 {
	padding-bottom: 64px
}
.pd-b-120 {
	padding-bottom: 80px
}
.pd-b-196 {
	padding-bottom: 130px
}
.txt-t-left {
	text-align: left
}
.txt-t-right {
	text-align: right
}
.t-flex-order-1 {
	order: 1
}
.t-flex-order-2 {
	order: 2
}
.t-flex-order-3 {
	order: 3
}
}

@media only screen and (max-width:767px) {
.pd-t-96 {
	padding-top: 48px
}
.pd-t-120 {
	padding-top: 60px
}
.pd-t-196 {
	padding-top: 98px
}
.pd-b-32 {
	padding-bottom: 32px
}
.pd-b-96 {
	padding-bottom: 48px
}
.pd-b-120 {
	padding-bottom: 60px
}
.pd-b-196 {
	padding-bottom: 98px
}
.px-12 {
	padding-left: 12px;
	padding-right: 12px
}
.pd-x-m-0 {
	padding-left: 0;
	padding-right: 0
}
.m-x-m-24 {
	margin-left: -24px;
	margin-right: -24px
}
.txt-m-left {
	text-align: left
}
.txt-m-right {
	text-align: right
}
.m-flex-order-1 {
	order: 1
}
.m-flex-order-2 {
	order: 2
}
.m-flex-order-3 {
	order: 3
}
.m-b-m-40 {
	margin-bottom: 40px
}
.m-b-m-24, .m-b-m-32 {
	margin-bottom: 32px
}
.m-b-m-0 {
	margin-bottom: 0
}
}
.related-content .card-visual {
	aspect-ratio: 585/416
}
.related-content .card-visual.card-visual-video video {
	max-height: 416px
}
.post-item-inner {
	position: relative
}
.post-item-text {
	background: linear-gradient(237deg, transparent 25%, rgba(0,0,0,.4) 75%), -140.132px -105.029px/178.349% 124.126% no-repeat;
	background-blend-mode: multiply, normal;
	bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: flex-end;
	left: 0;
	padding: 32px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}
.post-item-text .post-heading, .post-item-text>* {
	margin: 0;
	padding: 0
}
.post-item-text .topic-label {
	font-size: 22px;
	font-weight: 900;
	line-height: 100%;
	text-transform: uppercase
}
.post-item-text .post-heading {
	font-size: 28px;
	font-weight: 900;
	letter-spacing: -.28px;
	line-height: 100%;
	max-width: 100%;
	text-decoration: none;
	text-transform: uppercase;
	width: 376px
}
.post-item-text .post-heading--large {
	width: 450px
}
.post-item-text .cta {
	display: flex;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.18px;
	line-height: 155.556%;
	margin-right: auto;
	padding: 14px 50px 14px 0;
	position: relative;
	text-align: left;
	transition: all .3s ease-in-out
}
.post-item-text .cta:after {
	color: #fff;
	content: "\e910";
	font-family: TheMarketingPractice-Icons;
	font-size: 30px;
	font-weight: 400;
	line-height: normal;
	position: absolute;
	right: 9px;
	top: 13px
}
.post-item-text .cta:before {
	background-color: #00ffef;
	border-radius: 100px;
	content: "";
	display: block;
	height: 48px;
	position: absolute;
	right: 0;
	top: 4px;
	transform: scale(0);
	transition: all .3s ease-in-out;
	width: 48px
}

@media only screen and (max-width:767px) {
.post-item-text {
	gap: 0;
	padding: 16px
}
.post-item-text .topic-label {
	letter-spacing: -.16px
}
.post-item-text .post-heading, .post-item-text .topic-label {
	font-size: 16px;
	font-weight: 900;
	line-height: 150%
}
.post-heading--large {
	width: 100%
}
.post-item-text .cta {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.14px;
	line-height: 142.857%;
	margin-top: 16px
}
}
.post-item:hover .post-item-text .post-heading {
	text-decoration: none
}
.post-item:hover .post-item-text .cta:before {
	transform: scale(1)
}
.post-item:hover .post-item-text .cta:after {
	color: #162628
}
.post-item:active .post-item-text .cta:before {
	transform: scale(.84)
}
.magicText {
	font-family: inherit;
	font-size: 60px;
	font-weight: 900;
	text-transform: uppercase;
	user-select: none
}
.magicText b {
	font-weight: inherit;
	opacity: 0
}
.magicText span {
	display: inline-block;
	position: relative
}
.magicText svg {
	display: block;
	height: 100%;
	left: 0;
	max-width: 100%;
	min-width: 100%;
	object-fit: contain;
	position: absolute;
	top: 0;
	transform: scale(1.2);
	transform-origin: 50% 50%
}
.podcast-card-container {
	align-items: center;
	background: #2d3c3e;
	border-radius: 12px;
	box-shadow: 0 16px 32px 0 rgba(0,0,0,.24);
	display: flex;
	flex: 1 0 0;
	gap: 64px;
	justify-content: space-between;
	padding: 72px 64px;
	position: relative;
	width: 100%;
	z-index: 5
}
.heading-container {
	flex-shrink: 0;
	width: 50%
}
.spotify-card-stack {
	flex-shrink: 0;
	height: 340px;
	position: relative;
	width: 600px
}
.spotify-card {
	background: #1a1a1a;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0,0,0,.3);
	height: 100%;
	position: absolute;
	width: 100%
}
.spotify-card-third {
	background: #a8a8a8;
	top: 90px;
	width: 80%
}
.spotify-card-second, .spotify-card-third {
	border-radius: 8px 8px 0 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1
}
.spotify-card-second {
	background: #828b8b;
	top: 100px;
	width: 90%
}
.spotify-card-front {
	aspect-ratio: 688/352;
	left: 0;
	position: relative;
	top: 110px;
	z-index: 2
}
.spotify-card-front iframe {
	border-radius: 8px;
	display: block;
	overflow: hidden;
	width: 100%
}
.podcast-background {
	aspect-ratio: 524/343;
	bottom: 0;
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: scale(1.55);
	z-index: 1
}

@media screen and (max-width:1024px) {
.podcast-background {
	display: none
}
}
.podcast-background svg {
	bottom: 0;
	height: 100%;
	left: 0;
	object-fit: contain;
	object-position: 0 50%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

@media (max-width:1024px) {
.podcast-background {
	bottom: auto;
	height: 100%;
	top: 0;
	transform: scale(2) translate(2%, -2%) rotate(23deg);
	width: 100%
}
.podcast-card-container {
	flex-direction: column;
	gap: 32px;
	padding: 48px 32px
}
.heading-container {
	width: 100%
}
.spotify-card-second, .spotify-card-third {
	display: none
}
.spotify-card-front {
	top: 10px
}
.spotify-card-stack {
	margin-left: -50px;
	margin-right: -50px;
	max-width: 470px;
	width: calc(100% + 90px)
}
}

@media (max-width:767px) {
.podcast-background {
	transform: scale(2.4) translate(2%, -2%) rotate(39deg)
}
}

@media screen and (max-width:767px) {
.tabs-container {
	display: none
}
}
.accordion-button {
	align-items: flex-start;
	background-color: #162628;
	display: flex;
	justify-content: space-between;
	text-decoration: none
}
.accordion-button .accordion-content .accordion-select {
	color: #fff;
	font-size: .875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem
}
.accordion-button .accordion-content .accordion-title {
	color: #162628
}
.accordion-button .accordion-content .accordion-description, .accordion-button .accordion-content .accordion-title {
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem
}
.accordion-button i {
	padding: 16px 24px
}

@media screen and (min-width:767px) {
.accordion-button {
	display: none
}
}
.accordion-item, .accordion-section {
	list-style-type: none
}
.accordion-item {
	list-style: none;
	margin: 0;
	padding: 1px 0
}
.accordion-item:before {
	content: none
}
.accordion-item .accordion-content {
	padding: 16px 24px
}
.accordion-item .accordion-content .accordion-title {
	color: #f04e26;
	font-size: .875rem;
	font-weight: 700;
	margin: 0
}
.accordion-item .accordion-content .accordion-description {
	font-size: .875rem;
	font-weight: 700
}
.accordion-item .content-container {
	padding-bottom: 2rem
}

@media screen and (max-width:767px) {
.accordion-item .content-container {
	display: none
}
.accordion-item .content-container.active {
	display: block;
	padding: 20px
}
}
.main-tabs-container {
	min-height: 100vh;
	position: relative
}
.sticky-nav {
	box-shadow: 0 8px 8px 0 rgba(0,0,0,.04);
	z-index: 1999
}
.sticky-nav .tab {
	background-color: #1a2a2c;
	border-right: 1px solid #c3c3d7;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 110px;
	justify-content: space-between;
	padding: 0
}
.sticky-nav .tab .tab-content {
	padding: 16px 24px 0
}
.sticky-nav .tab-title {
	color: #00ffef;
	font-size: .9375rem;
	font-weight: 700;
	margin: 0
}
.sticky-nav .tab-description {
	color: #fff;
	font-size: .9375rem;
	font-weight: 700
}
.sticky-nav .tab.tab-active, .sticky-nav .tab:hover {
	background-color: #2d3c3e
}
.sticky-nav .tab .progress-bar {
	background-color: #545657;
	height: 8px;
	opacity: 0;
	transform-origin: left;
	width: 100%
}
.sticky-nav .tab .progress-bar.active {
	display: block;
	opacity: 1
}
.sticky-nav .tab .progress-bar:before {
	background-color: #683ef7;
	content: "";
	display: block;
	height: 100%;
	width: var(--progress)
}

@media screen and (max-width:998px) {
.tabs-container {
	display: block!important;
	height: 75px;
	overflow: hidden;
	position: relative
}
.tab {
	display: none
}
.tab:first-child {
	border-right: none;
	cursor: pointer;
	display: flex;
	height: 60px;
	margin: 0;
	position: relative;
	width: 100%
}
.tab:first-child .tab-content {
	align-items: center;
	display: flex;
	flex: 1;
	justify-content: space-between;
	padding: 10px 20px
}
.tab:first-child .tab-content .tab-text {
	margin-bottom: 12px
}
.tab:first-child .tab-content:after {
	color: #fff;
	content: "▼";
	font-size: 1.2rem;
	transition: transform .3s ease
}
.tab:first-child .tab-title {
	font-size: .875rem;
	margin: 0;
	position: relative
}
.tab:first-child .progress-bar {
	bottom: 0;
	height: 4px;
	left: 0;
	opacity: 1;
	position: absolute
}
.tab:first-child.menu-open .tab-content:after {
	transform: rotate(180deg)
}
.mobile-tab-popup {
	background: rgba(0,0,0,.8);
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: all .3s ease;
	visibility: hidden;
	z-index: 998
}
.mobile-tab-popup.active {
	opacity: 1;
	visibility: visible
}
.mobile-tab-popup .popup-content {
	background: #162628;
	border-radius: 20px 20px 0 0;
	bottom: 0;
	left: 0;
	max-height: 70vh;
	overflow-y: auto;
	padding: 20px 0;
	position: absolute;
	right: 0;
	transform: translateY(100%);
	transition: transform .3s ease
}
.mobile-tab-popup .popup-content .popup-header {
	border-bottom: 1px solid rgba(195,195,215,.3);
	margin-bottom: 10px;
	padding: 0 20px 15px
}
.mobile-tab-popup .popup-content .popup-header h3 {
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	margin: 0
}
.mobile-tab-popup .popup-content .tab {
	border-bottom: 1px solid rgba(195,195,215,.2);
	border-right: none;
	display: flex!important;
	height: auto;
	margin: 0;
	position: relative;
	width: 100%
}
.mobile-tab-popup .popup-content .tab .tab-content {
	align-items: flex-start;
	flex-direction: column;
	padding: 15px 20px
}
.mobile-tab-popup .popup-content .tab .tab-content:after {
	display: none
}
.mobile-tab-popup .popup-content .tab .tab-content .tab-title {
	font-size: .9rem;
	margin-bottom: 4px
}
.mobile-tab-popup .popup-content .tab .tab-content .tab-title:before {
	display: none
}
.mobile-tab-popup .popup-content .tab .tab-content .tab-description {
	display: block;
	font-size: .8rem;
	margin: 0;
	opacity: .8
}
.mobile-tab-popup .popup-content .tab .progress-bar {
	bottom: 0;
	height: 3px;
	left: 0;
	opacity: 1;
	position: absolute
}
.mobile-tab-popup .popup-content .tab.active, .mobile-tab-popup .popup-content .tab:hover {
	background-color: #2d3c3e
}
.mobile-tab-popup.active .popup-content {
	transform: translateY(0)
}
.accordion-section {
	display: none!important
}
}

@media screen and (min-width:768px) {
.mobile-tab-popup {
	display: none
}
}