/***********************************************/
/* Newly added css */
/***********************************************/

.banner-section {
	background-color: #111322;
}	

.content-intro-header {
	font-size: 3.6rem;
    color: #111322;
    line-height: 4.4rem;
    max-width: 64.5rem;
    margin: 2.4rem 0 0;
}

p {
  color: #4A5578;
  font-size: 1.6rem;
  font-variation-settings: "wght" 400;
  line-height: 2.8rem;
}

.all-cards-container {
	width: 100%;
	display: flex;
	flex-direction:column;
	gap: 1rem;
}

.card-outer-container {
	border: 1px solid #404968;
	padding: 2rem;
	border-radius: 16px;
	height: 100%;
	width: 100%;
	position: relative;
}

.card-outer-container:nth-of-type(1) {
	grid-row-end: span 1;
}

.card-outer-container:nth-of-type(2) {
	grid-row-end: span 2;
}

.card-outer-container:nth-of-type(3) {
	grid-row-end: span 2;
}

.card-text-sleeve {
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: .8rem;
}

.card-counter {
	font-size: 7.3rem;
    color: #30374F;
    line-height: 1;
    font-variation-settings: "wght" 600;
}
	
.card-h-text {
	font-size: 2.4rem;
    color: #30374F;
    font-variation-settings: "wght" 600;
    line-height: 3.2rem;
}

.card-button {
	border: 1px solid #1652B8;
	border-radius: 4px;
	display:flex;
	justify-content: center;
	text-align:center;
	padding: 3% 3%;
	transition: all 0.2s ease-in;
}

.card-button-link {
	padding: 0.8rem 1.6rem;
	color: #1652B8;
	font-variation-settings: "wght" 600;
	line-height: 2.4rem;
	font-size: 1.6rem;
	background-color: #FFF;
}

.card-button-link:hover {
	color: #1652B8 !important;
	text-decoration: none !important;
}

.card-button:hover {
	background-color: #f3f3f3;
}

/* mobile - if you're not me then note that these are actually scaling up and the rest of the design is mobile first */

@media (min-width: 768px) {
	.all-cards-container {
		w

	}
	
	.dnd_area-row-0-padding {
	padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
	}
}

/*****************************************/
/* NOTE: All css below is a recreation of the css originally found at https://go.openvpn.net/rs/441-CPX-103/images/gartnerstyle.css?version=0
it exists solely to facilitate the SVG hero on the page */
/*****************************************/

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: inherit
}

b,
strong {
	font-weight: bolder
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

button:-moz-focusring,
input:-moz-focusring {
	outline: 1px dotted ButtonText
}

input {
	line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

html {
	box-sizing: border-box
}

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

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	appearance: none;
	background: transparent;
	border: 0;
	color: inherit;
	font: inherit;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: auto
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
	border: 0;
	padding: 0
}

figure {
	margin: 0
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

img,
video {
	height: auto;
	max-width: 100%
}

p:first-of-type {
	margin-top: 0
}

p:last-of-type {
	margin-bottom: 0
}

a,
label,
select,
option,
button {
	cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6 {
	display: block;
	font-weight: normal;
	margin: 1rem 0
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit
}

@keyframes fade-in-up {
	0% {
		opacity: 0;
		transform: translate3d(0, 15%, 0)
	}

	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes fade-in-down {
	0% {
		opacity: 0;
		transform: translate3d(0, -15%, 0)
	}

	100% {
		opacity: 1;
		transform: none
	}
}

@keyframes over-scale {
	0% {
		opacity: 0;
		transform: scale(0)
	}

	70% {
		transform: scale(1.1)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+1F00-1FFF
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0370-03FF
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+1F00-1FFF
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0370-03FF
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+1F00-1FFF
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0370-03FF
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

body,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
small,
em,
strong,
input,
button {
	font-family: "Inter", sans-serif !important;
	font-variation-settings: "wght" 400;
	font-style: normal;
	text-rendering: optimizeLegibility;
	font-display: swap;
	color: #4A5578;
	font-size: 1.6rem;
	letter-spacing: 0;
	line-height: 1.65em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media (max-width: 767px) {

	body,
	p,
	a,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	li,
	small,
	em,
	strong,
	input,
	button {
		font-size: 1.4rem
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Inter", sans-serif;
	font-variation-settings: "wght" 660;
	color: #1B1D23;
	font-display: swap;
	display: block;
	margin: 1.6rem 0;
	line-height: 3.2rem
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin: 1.6rem 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit
}

h1,
.h1 {
	letter-spacing: -2%;
	line-height: 4rem;
	font-size: 3.2rem;
	margin: 2rem 0
}

h2,
.h2 {
	font-size: 2.4rem
}

h3,
.h3 {
	font-size: 2rem
}

h4,
.h4 {
	font-size: 1.8rem
}

h5,
.h5 {
	font-size: 1.6rem
}

h6,
.h6 {
	font-size: 1.4rem
}

p a {
	font-size: inherit
}

strong {
	font-variation-settings: 'wght' 600;
	color: inherit;
	font-size: inherit;
	font-weight: unset
}

em {
	font-style: italic
}

a {
	text-decoration: none;
	font-style: inherit;
	font-family: inherit;
	transition: all 0.25s ease-in
}

main ul,
main ol {
	padding: 0 2.8rem;
	margin: 1rem 0
}

main ul li,
main ol li {
	margin: 0
}

nav ul {
	margin: 0;
	padding: 0
}

nav ul:after {
	clear: both;
	content: '';
	display: table
}

nav ul li {
	float: left;
	list-style-type: none;
	margin-right: 20px
}

nav ul li:last-child {
	margin-right: 0
}

blockquote {
	margin: 0
}

blockquote cite {
	display: block
}

.procedure {
	margin: 1rem 0
}

.procedure .step {
	position: relative;
	margin-bottom: 2.4rem
}

.procedure .step::before {
	background: #EFF1F5;
	color: #404968;
	border-radius: 24px;
	width: 32px;
	height: 32px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-variation-settings: "wght" 500
}

.procedure .step:not(:last-of-type)::after {
	content: "";
	position: absolute;
	left: -25px;
	width: 2px;
	top: 3.5rem;
	display: block;
	height: calc(100% - 1.6rem);
	min-height: 1.6rem;
	background: #EFF1F5
}

.paligocode-wrapper .btn {
	background: transparent;
	border: unset;
	padding: 0;
	margin: 0.8rem !important;
	height: 24px;
	width: 24px
}

.paligocode-wrapper .btn i::before {
	content: "";
	position: relative;
	width: 24px;
	height: 24px;
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5H7C6.46957 5 5.96086 5.21071 5.58579 5.58579C5.21071 5.96086 5 6.46957 5 7V19C5 19.5304 5.21071 20.0391 5.58579 20.4142C5.96086 20.7893 6.46957 21 7 21H17C17.5304 21 18.0391 20.7893 18.4142 20.4142C18.7893 20.0391 19 19.5304 19 19V7C19 6.46957 18.7893 5.96086 18.4142 5.58579C18.0391 5.21071 17.5304 5 17 5H15' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 5C9 4.46957 9.21071 3.96086 9.58579 3.58579C9.96086 3.21071 10.4696 3 11 3H13C13.5304 3 14.0391 3.21071 14.4142 3.58579C14.7893 3.96086 15 4.46957 15 5C15 5.53043 14.7893 6.03914 14.4142 6.41421C14.0391 6.78929 13.5304 7 13 7H11C10.4696 7 9.96086 6.78929 9.58579 6.41421C9.21071 6.03914 9 5.53043 9 5Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 12H9.01' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 12H15' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 16H9.01' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 16H15' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

code,
pre,
.programlisting {
	background: #111322 !important;
	color: #FFF !important;
	font-size: 1.2rem !important;
	padding: 0.8rem 1.6rem !important
}

code span,
pre span,
.programlisting span {
	line-height: 2 !important
}

@media (max-width: 767px) {

	code,
	pre,
	.programlisting {
		white-space: unset !important;
		display: block;
		word-wrap: break-word !important
	}
}

code .hljs-attribute,
code .hljs-subst,
code .hljs-attr,
code .hljs-built_in,
code .hljs-builtin-name,
code .hljs-doctag,
code .hljs-params,
code .hljs-title,
code .hljs-type,
pre .hljs-attribute,
pre .hljs-subst,
pre .hljs-attr,
pre .hljs-built_in,
pre .hljs-builtin-name,
pre .hljs-doctag,
pre .hljs-params,
pre .hljs-title,
pre .hljs-type,
.programlisting .hljs-attribute,
.programlisting .hljs-subst,
.programlisting .hljs-attr,
.programlisting .hljs-built_in,
.programlisting .hljs-builtin-name,
.programlisting .hljs-doctag,
.programlisting .hljs-params,
.programlisting .hljs-title,
.programlisting .hljs-type {
	color: #49A4F5 !important
}

code .hljs-bullet,
code .hljs-link,
code .hljs-literal,
code .hljs-meta,
code .hljs-number,
code .hljs-symbol,
code .hljs-regexp,
code .hljs-selector-attr,
code .hljs-selector-pseudo,
code .hljs-string,
pre .hljs-bullet,
pre .hljs-link,
pre .hljs-literal,
pre .hljs-meta,
pre .hljs-number,
pre .hljs-symbol,
pre .hljs-regexp,
pre .hljs-selector-attr,
pre .hljs-selector-pseudo,
pre .hljs-string,
.programlisting .hljs-bullet,
.programlisting .hljs-link,
.programlisting .hljs-literal,
.programlisting .hljs-meta,
.programlisting .hljs-number,
.programlisting .hljs-symbol,
.programlisting .hljs-regexp,
.programlisting .hljs-selector-attr,
.programlisting .hljs-selector-pseudo,
.programlisting .hljs-string {
	color: #F18765 !important
}

.example {
	margin: 2rem 0
}

html {
	font-size: calc(1000vw / 1440)
}

@media (min-width: 1440px) {
	html {
		font-size: 62.5%
	}
}

@media (max-width: 767px) {
	html {
		font-size: calc(1000vw / 375)
	}
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.max-container {
	width: auto;
	max-width: 1440px;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	background-color: #fff
}

.max-container:after {
	clear: both;
	content: '';
	display: table
}

.custom_header_container {
	width: auto;
	max-width: 144rem;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%
}

.custom_header_container:after {
	clear: both;
	content: '';
	display: table
}

@media (max-width: 767px) {
	.custom_header_container {
		padding-left: 8%;
		padding-right: 8%
	}
}

hr {
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	height: 0;
	padding: 0;
	margin: 60px 0
}

body,
html {
	position: relative;
	overflow: visible
}

body.is-locked,
html.is-locked {
	position: relative;
	overflow: hidden
}

html {
	-webkit-text-size-adjust: 100%;
	background-color: #F5F6F9
}

body {
	background-color: #fff;
	padding: 0;
	opacity: 1;
}

body.is-loaded {
	opacity: 1;
	transition: opacity 0.25s ease-in
}

@media (max-width: 1279px) {
	body {
		overflow-x: hidden
	}
}

video {
	outline: none;
	-webkit-appearance: none
}

.screen-height {
	height: 100vh
}

span.radiate-circle {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: rgba(0, 160, 218, 0.1);
	animation-name: radiate;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-timing-function: ease-out
}

.blue-bg {
	background-color: #2196F3
}

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

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

.section-down-arrow {
	position: absolute;
	bottom: 7%;
	left: 45%;
	width: 100%;
	max-width: 4rem;
	margin: 0 auto;
	transform: translateX(-50%);
	cursor: pointer;
	animation: bounce 1.5s infinite alternate
}

@media (min-width: 768px) {
	.section-down-arrow {
		left: 50%;
		right: 50%
	}
}

.section-down-arrow:hover svg path {
	stroke: #00A0DA
}

.section-down-arrow svg {
	width: 100%;
	display: block;
	transition: all 250ms ease
}

img {
	margin: 2rem 0
}

.table-responsive {
	border-radius: 8px
}

table {
	border: 1px solid #DCDFEA !important;
	border-radius: 8px
}

table p {
	font-variation-settings: "wght" 500;
	font-size: 1.4rem
}

table td,
table tr {
	padding: 2.6rem 2rem;
	border: 0
}

table th {
	padding: 1.4rem 2rem
}

table thead {
	background: #F9FAFB
}

.warning,
.note,
.important,
.caution,
.tip,
.notice {
	border: 1px solid #1A3967;
	border-radius: 8px;
	padding: 1.6rem 5.2rem;
	background: #F9FAFB;
	display: flex;
	align-items: flex-start;
	flex-direction: column
}

.warning::before,
.note::before,
.important::before,
.caution::before,
.tip::before,
.notice::before {
	content: "\f05a";
	color: #404968;
	top: 1.4rem;
	left: 1.8rem;
	font-size: 1.6rem;
	position: absolute
}

.warning h3,
.note h3,
.important h3,
.caution h3,
.tip h3,
.notice h3 {
	padding: 0;
	margin: 0;
	color: #111322;
	font-size: 1.4rem;
	line-height: 20px
}

.warning p,
.note p,
.important p,
.caution p,
.tip p,
.notice p {
	font-size: 1.4rem
}

.important {
	border: 1px solid #0D734B;
	background: #B1EFCD
}

.warning,
.caution {
	border: 1px solid #E3A025;
	background: #F6E3B9
}

.warning.danger,
.caution.danger {
	border: 1px solid #BB1139;
	background: #F8DDE2
}

.osano-cm-window__widget.osano-cm-widget {
	display: none !important
}

.flex {
	display: flex
}

.flex.wrap {
	flex-wrap: wrap
}

.flex.j-sb {
	justify-content: space-between
}

.flex.j-c {
	justify-content: center
}

.flex.a-c {
	align-items: center
}

.flex.fd-row {
	flex-direction: row
}

.flex.fd-row-reverse {
	flex-direction: row-reverse
}

.flex.fd-col {
	flex-direction: column
}

.flex.f-1 {
	flex: 1
}

.flex.center {
	align-items: center;
	justify-content: center
}

.flex.ff-rw {
	flex-flow: row wrap
}

.ov-button,
#feedback-yes-btn,
#feedback-no-btn {
	font-variation-settings: "wght" 600;
	font-size: 1.6rem;
	line-height: 2.4rem;
	padding: 0.8rem 1.6rem;
	border-radius: 4px;
	transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	display: block;
	border: 1px solid;
	border-color: #B9C0D4 !important;
	color: #404968 !important
}

.ov-button--white,
.ov-button.btn,
#feedback-yes-btn--white,
#feedback-yes-btn.btn,
#feedback-no-btn--white,
#feedback-no-btn.btn {
	color: #1652B8 !important;
	border-color: #1652B8 !important;
	background: #FFF !important
}

.ov-button--white:hover,
.ov-button.btn:hover,
#feedback-yes-btn--white:hover,
#feedback-yes-btn.btn:hover,
#feedback-no-btn--white:hover,
#feedback-no-btn.btn:hover {
	background: #EFF1F5 !important
}

.ov-button--white:focus,
.ov-button.btn:focus,
#feedback-yes-btn--white:focus,
#feedback-yes-btn.btn:focus,
#feedback-no-btn--white:focus,
#feedback-no-btn.btn:focus {
	box-shadow: 0px 0px 0px 4px rgba(59, 145, 241, 0.45)
}

.ov-button--white:active,
.ov-button.btn:active,
#feedback-yes-btn--white:active,
#feedback-yes-btn.btn:active,
#feedback-no-btn--white:active,
#feedback-no-btn.btn:active {
	background: #DCDFEA !important
}

.ov-button--outline-gs,
#feedback-yes-btn--outline-gs,
#feedback-no-btn--outline-gs {
	border-color: #D0D5DD !important;
	color: #344054 !important
}

.ov-button--outline-orange,
#feedback-yes-btn--outline-orange,
#feedback-no-btn--outline-orange {
	border-color: #ED7F22 !important;
	color: #475376 !important
}

.ov-button--primary-base,
#feedback-yes-btn--primary-base,
#feedback-no-btn--primary-base {
	border-color: #3F67D1 !important;
	color: #FFFFFF !important;
	background: #1652B8 !important
}

.ov-button--primary-base:hover,
#feedback-yes-btn--primary-base:hover,
#feedback-no-btn--primary-base:hover {
	background: #3F67D1 !important
}

.ov-button.active,
.ov-button.focus,
#feedback-yes-btn.active,
#feedback-yes-btn.focus,
#feedback-no-btn.active,
#feedback-no-btn.focus {
	color: #FFFFFF !important
}

.btn-group {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem
}

.p-n {
	padding: 0
}

.ls-n {
	list-style: none
}

.mlr-auto {
	margin-left: auto;
	margin-right: auto
}

.toc-absolute {
	position: absolute !important;
	bottom: 0rem !important
}

.anim-active [class^="anim-"]:not(.anim-active),
.anim-active [class^=" anim-"]:not(.anim-active) {
	opacity: 1 !important;
	transform: none
}

.anim-up {
	transition: opacity .4s ease-in-out, transform .4s ease-in-out;
	transform: translateY(24px);
	opacity: 0;
	transition-delay: 0s
}

.anim-in {
	transition: opacity .4s ease-in-out, transform .4s ease-in-out;
	opacity: 0;
	transform: scale(0.98);
	transition-delay: 0s
}

.anim-delay-2 {
	transition-delay: .2s
}

.anim-delay-4 {
	transition-delay: .4s
}

.anim-delay-6 {
	transition-delay: .6s
}

.anim-delay-8 {
	transition-delay: .8s
}

.anim-delay-10 {
	transition-delay: 1s
}

.anim-delay-12 {
	transition-delay: 1.2s
}

.site-sidebar-header {
	display: none
}

.toolbar {
	display: none
}

.publication-title {
	display: none
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	display: block;
	margin: 2.4rem 0
}

.site-footer {
	background: #F9FAFB;
	padding-top: 68px;
	margin-top: 48px
}

@media (min-width: 1280px) {
	.site-footer {
		padding-top: 136px
	}
}

.site-footer__wrapper {
	margin: 0 1.5rem;
	border-bottom: 1px solid #DCDFEA;
	border-top: none;
	width: 100%
}

@media (min-width: 1280px) {
	.site-footer__wrapper {
		display: flex;
		margin: 0;
		flex-direction: row;
		justify-content: space-between;
		gap: 32px
	}
}

.site-footer__section {
	min-width: 160px
}

@media (min-width: 1280px) {
	.site-footer__section:first-of-type {
		flex: 1
	}
}

.site-footer__section-logo {
	border-bottom: 1px solid #5D6B98;
	padding-bottom: 32px;
	width: fit-content;
	margin-bottom: 32px
}

.site-footer__section-list {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 24px
}

.site-footer__section-list-item-action {
	color: #404968;
	font-size: 1.4rem;
	font-variation-settings: "wght" 400;
	line-height: 20px;
	margin-bottom: 16px;
	display: block;
	cursor: pointer
}

.site-footer__section-list-item-action:hover {
	color: #111322;
	text-decoration: none
}

@media (min-width: 1280px) {
	.site-footer__section-list-item-action {
		width: fit-content
	}
}

.site-footer__section-list-title {
	margin-bottom: 24px;
	font-size: 1.6rem;
	font-variation-settings: "wght" 600;
	line-height: 24px
}

@media (min-width: 1280px) {
	.site-footer__section-list {
		margin-bottom: 88px
	}
}

@media (min-width: 1280px) {
	.site-footer__section {
		min-width: 160px
	}
}

.site-copyright {
	background: #F9FAFB
}

.site-copyright .disclaimer {
	padding: 2.4rem 0 0
}

.site-copyright__wrapper {
	padding: 2.6rem 1.5rem;
	width: 100%;
	display: flex;
	gap: 1.6rem;
	flex-direction: column-reverse;
	justify-content: space-between
}

@media (min-width: 1280px) {
	.site-copyright__wrapper {
		flex-direction: row;
		align-items: center;
		padding: 4.6rem 1.5rem;
		gap: 0
	}
}

.site-copyright p {
	font-size: 1.2rem;
	line-height: 16px;
	letter-spacing: 0.24px;
	margin: 0
}

.site-copyright p span {
	margin: 0.4rem
}

@media (max-width: 1279px) {
	.site-copyright p span {
		display: block;
		font-size: 0;
		height: 0
	}
}

.hero {
	background: #111322;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center
}

.hero__icon {
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	z-index: 0
}

@media (max-width: 767px) {
	.hero__icon {
		opacity: 0.2 !important
	}
}

@media (min-width: 768px) {
	.hero__icon {
		max-width: 75rem
	}
}

.hero .custom_header_container {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
  background-color: #111322;
}

.hero__wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%
}

@media (max-width: 767px) {
	.hero__wrapper {
		margin: 8.4rem 0 2.4rem
	}
}

.hero__content {
	position: relative;
	z-index: 1
}

.hero__content h1 {
	margin: 0;
	font-size: 3.2rem;
	letter-spacing: -2.4px;
	-webkit-background-clip: text;
	line-height: 1;
	background-clip: text;
	color: transparent !important;
	background-image: linear-gradient(297deg, #F09A51 1.9%, #F7F7F7 55.85%, #FFA54A 96.07%);
	font-variation-settings: "wght" 600
}

@media (min-width: 768px) {
	.hero__content h1 {
		font-size: 5.4rem;
		line-height: 6.2rem
	}
}

.hero__content h3 {
	background-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.6) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 2.4rem;
	letter-spacing: -0.64px;
	font-variation-settings: "wght" 600;
	margin: 0.8rem 0;
	display: block
}

@media (min-width: 768px) {
	.hero__content h3 {
		font-size: 3.2rem;
		line-height: 4rem
	}
}

.hero__content span {
	background-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.6) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 2.4rem;
	letter-spacing: -0.64px;
	font-variation-settings: "wght" 600;
	margin: 2rem 0;
	display: block
}

@media (min-width: 768px) {
	.hero__content span {
		font-size: 2.8rem;
		line-height: 4rem
	}
}

@media (min-width: 768px) {
	.hero__content {
		max-width: 59.5rem
	}
}

@media (min-width: 768px) {
	.hero {
		min-height: 40.5rem
	}
}

.content__intro h2 {
	font-size: 3.6rem;
	color: #111322;
	line-height: 4.4rem;
	max-width: 64.5rem;
	margin: 2.4rem 0 0
}

@media (min-width: 768px) {
	.content__intro h2 {
		margin: 9rem 0 0
	}
}

.content-block {
	margin: 2.4rem 0 9.6rem
}

@media (min-width: 768px) {
	.content-block__wrapper {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 6.4rem
	}
}

.content-block__item {
	flex: 1
}

.content-block__item h4 {
	color: #30374F;
	font-size: 2.4rem;
	font-variation-settings: "wght" 700;
	line-height: 2.4rem;
	margin-top: 0
}

.content-block__item p {
	color: #4A5578;
	font-size: 1.6rem;
	font-variation-settings: "wght" 400;
	line-height: 2.8rem
}

.content-block__item ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	margin: 1.2rem 0
}

.content-block__item ul ol {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.8rem
}

.content-block__item ul li a {
	text-decoration: underline
}

@media (min-width: 768px) {
	.content-block__item:nth-of-type(1) {
		flex: 33.33%
	}
}

@media (min-width: 768px) {
	.content-block__item {
		flex: 50%
	}
}

@media (min-width: 768px) {
	.content-block__item:last-of-type {
		flex: 75%
	}
}

.content-block__cards {
	display: flex;
	flex-direction: column;
	gap: 0.8rem
}

.content-block__cards-item {
	border: 1px solid #404968;
	background: #fff;
	padding: 2rem;
	border-radius: 16px;
	height: fit-content;
	display: flex;
	align-items: center;
	position: relative;
	width: 100%
}

.content-block__cards-item-counter {
	font-size: 7.3rem;
	color: #30374F;
	line-height: 1;
	font-variation-settings: "wght" 600
}

.content-block__cards-item-content {
	display: flex;
	flex-direction: row;
	gap: 1.2rem;
	height: 100%;
	width: 100%;
	position: relative
}

.content-block__cards-item-content-icon {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0
}

@media (max-width: 1279px) {
	.content-block__cards-item-content-icon {
		opacity: 0.3;
		z-index: 0
	}
}

.content-block__cards-item-content-grouping {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.8rem;
	z-index: 1;
	position: relative
}

.content-block__cards-item-content-actions {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	width: 100%;
	text-align: center;
	z-index: 1
}

.content-block__cards-item:nth-of-type(1) {
	-ms-grid-row-span: 1;
	grid-row-end: span 1
}

.content-block__cards-item:nth-of-type(2) {
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	height: 100%
}

@media (max-width: 1279px) {
	.content-block__cards-item:nth-of-type(2) .content-block__cards-item-content {
		flex-direction: column
	}
}

.content-block__cards-item:nth-of-type(2) .content-block__cards-item-content-grouping {
	justify-content: flex-end;
	gap: 0
}

@media (max-width: 1279px) {
	.content-block__cards-item:nth-of-type(2) .content-block__cards-item-content-grouping {
		flex-direction: column
	}
}

.content-block__cards-item:nth-of-type(2) .content-block__cards-item-content-actions {
	justify-content: flex-end
}

@media (min-width: 1280px) {
	.content-block__cards-item:nth-of-type(2) .content-block__cards-item-content-actions {
		margin-top: 2.4rem
	}
}

.content-block__cards-item:nth-of-type(2) .content-block__cards-item-counter {
	margin-bottom: auto
}

.content-block__cards-item:nth-of-type(2) .content-block__cards-item-content-title {
	margin: 0.8rem 0
}

@media (min-width: 1280px) {
	.content-block__cards-item:nth-of-type(2) .content-block__cards-item-content-title {
		padding-bottom: 4rem;
		max-width: 15rem
	}
}

.content-block__cards-item:nth-of-type(2) .content-block__cards-item-content-coupon {
	line-height: 1
}

.content-block__cards-item:nth-of-type(3) {
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	height: 100%
}

.content-block__cards-item:nth-of-type(3) .content-block__cards-item-content {
	flex-direction: column
}

.content-block__cards-item:nth-of-type(3) .content-block__cards-item-content-grouping {
	flex-direction: row;
	justify-content: flex-start;
	align-items: center
}

.content-block__cards-item:last-of-type .content-block__cards-item-content {
	justify-content: center;
	flex-direction: column
}

.content-block__cards-item:last-of-type .content-block__cards-item-content-grouping {
	flex-direction: row;
	justify-content: flex-start;
	align-items: center
}

@media (max-width: 767px) {
	.content-block__cards-item:last-of-type {
		order: 4
	}
}

.content-block__cards-item-content span {
	display: block
}

.content-block__cards-item-content-title {
	font-size: 2.4rem;
	color: #30374F;
	font-variation-settings: "wght" 600;
	line-height: 3.2rem
}

.content-block__cards-item-content-subtitle {
	font-size: 1.6rem;
	color: #30374F;
	font-variation-settings: "wght" 400;
	line-height: 2.4rem
}

.content-block__cards-item-content-coupon {
	font-size: 3.2rem;
	color: #30374F;
	font-variation-settings: "wght" 600;
	line-height: 6rem
}

@media (min-width: 768px) {
	.content-block__cards-item-content-coupon {
		font-size: 4.8rem
	}
}

.content-block__cards-item-outro {
	font-style: italic;
	justify-content: center
}

@media (min-width: 768px) {
	.content-block__cards {
		-ms-grid-rows: masonry;
		grid-template-rows: masonry;
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		display: -ms-grid;
		display: grid
	}
}