:root {       
	--padding-sm: 16px;
	--padding-md: 24px;
	--padding-lg: 40px;
}
@media (max-width: 768px) {
	:root {
		--padding-sm: 0.5rem;
		--padding-md: 1rem;
		--padding-lg: 1.5rem;
		
		--margin-sm: 0.5rem;
		--margin-md: 1rem;
		--margin-lg: 1.5rem;
	}
}
/* NAVIGATION */
.navbar {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;

	background: var(--navbar-background-color);
	padding: var(--padding-sm) var(--padding-md);
}
.nav-expand-icon {
	content:" ";
	width: 24px;
	height: 24px;
	background-color: var(--navbar-text-color, var(--link-color));
	/* sets icon color */
	-webkit-mask: url(/pageassets/p2p/sample/icons/chevron-right.svg) no-repeat center;
	/* hides the overflow color on mask */
	border: 1px solid var(--navbar-background-color);

	display: inline-block;
	font-size: 1.8rem;
	vertical-align: center;
	position: relative;
}
.nav-expand-icon--desktop {
	-webkit-mask: url(/pageassets/p2p/sample/icons/chevron-down.svg) no-repeat center;
	background-color: var(--navbar-text-color);
}
.en__p2p__nav__list--depth-0 > .en__p2p__nav__item--hasSubNav {
	display: flex;
	flex-flow: row nowrap;
	gap: 8px;
}
.navbar 
	div[data-en-nav="site"]
	.en__p2p__nav__item--hasSubNav:hover >
	.nav-expand-icon--desktop {
		transform: rotate(180deg);
}
/* submenu support for navbar*/
div[data-en-nav="site"] ul {
	list-style: none;
}
/* first list of nav items */
.navbar div[data-en-nav="site"] .en__p2p__nav__list--depth-0 {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	padding: 0;
}
/* adds space between sub-menu and link */
.navbar div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-0 >
	.en__p2p__nav__item--hasSubNav > a {
	padding: 8px;
}
/* sub-menu group styling */
.navbar div[data-en-nav="site"] .en__p2p__nav__item:hover 
	.en__p2p__nav__list {
	display: flex;
	flex-flow: column wrap;
	position: absolute;
	z-index: 999;
	padding: 20px;
	gap: 8px;
}
/* hides the sub-menus */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__item.en__p2p__nav__item--hasSubNav:not(:hover) >
	ul[class*='en__p2p__nav__list--depth'] {
	display: none;
}
/* styling for first set of sub-menu */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__item--hasSubNav:hover 
	.en__p2p__nav__list--depth-1 {

	/* card style */
	display: block;
	min-width: 250px;
	margin-top: 46px;
	margin-left: -18px;
	max-width: 300px;
	border-radius: 8px;
	background-color: var(--navbar-background-color);
	border: 1px solid rgba(255,255,255, 0.2);
	filter: brightness(1.5) saturate(0.9);
}
/* styling on sub-menus for 2nd level and so forth */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.en__p2p__nav__item--hasSubNav:hover 
	.en__p2p__nav__list {
	position: relative;
	padding: 0 0 0 24px;
}
/* shortens labels that are too long */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.en__p2p__nav__item--hasSubNav 
	.en__p2p__nav__list {
	display: block;
	overflow: hidden;
}
/* adds spacing between deeper submenu list */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.en__p2p__nav__item:not(:last-child) {
		margin-bottom: 8px;
}
/* shortens labels that are too long */
.navbar 
	div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.en__p2p__nav__item a {
	white-space: nowrap;
  	text-overflow: ellipsis;
  	overflow: hidden;
}
/* aligns label horizontally with dropdown icon */
.navbar div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1
	.en__p2p__nav__item--hasSubNav a {
		flex: 1 0 50px;
		margin-right: 8px;
}
/* aligns dropdown icon horizontally with label */
.navbar div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.nav-expand-icon--desktop {
		flex: 0 1 15px;
}
/* aligns label and dropdown icon for nav*/
.navbar .en__p2p__nav__item {
	display: flex;
	justify-content: space-between;
	row-gap: 8px;
	flex-flow: row wrap;
	position: relative;
}
.navbar .en__p2p__nav__list--depth-0 > .en__p2p__nav__item {
	padding: 8px 0;
}
/* makes sure the submenu is always below its parent */
.navbar div[data-en-nav="site"] 
	.en__p2p__nav__list--depth-1 
	.en__p2p__nav__item 
	.en__p2p__nav__list {
	flex: 1 1 300px; 
}
/* adds the before pseudo class for the hover styling on desktop view */
.navbar .en__p2p__nav__item::before,
	.navbar .en__p2p__nav__list--depth-1 
	.en__p2p__nav__item a::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 4px;
}
/* for nav spacing between label and subnav overlay*/
.navbar .en__p2p__nav__item::before {
	/* height: 90%; */
	height: calc(100% - 16px);
	margin: 8px 0;
}
/* adds padding to nav label for hover */
.navbar .en__p2p__nav__item a {
	padding: 4px 10px;
	position: relative;
}
/* applies hover color*/
.navbar .en__p2p__nav__list--depth-0 > .en__p2p__nav__item:hover::before,
.navbar .en__p2p__nav__list--depth-1 .en__p2p__nav__item:hover > a::before {
	opacity: 0.1;
	background: var(--navbar-text-color);
}
.navbar .en__p2p__nav__item > :is(a, img) {
	align-self: center;
}
.navbar a,
.mobile-nav a {
	text-decoration: none;
	color: var(--navbar-text-color);
	font-size: 24px;
	font-weight: 400;
}
.navbar .header-logo {
	flex-grow: 1;
}
@media (max-width: 768px) {
	.navbar {
		flex-wrap: nowrap;
	}
}
/* HEADER LOGO */
.navbar .header-logo a {
	display: inline-block;
	height: 88px;
	min-width: 88px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.navbar .header-logo img {
	width: 100%;
	object-fit: contain;
	object-position: left center;
}
/* MOBILE NAVIGATION */
.mobile-nav {
	color: #eee;
	position: fixed;
	transition: all 0.2s ease-in-out;
	width: 70%;
	right: -100%;
	z-index: 3;
	display: flex;
	flex-flow: column nowrap;
	list-style: none;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	max-height: 100vh;
	background: var(--navbar-background-color);
}
.mobile-nav[data-en-nav="site"] .en__p2p__nav__item {
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (min-width: 768px)  {
	.mobile-nav {
		display: none;
	}
}
.mobile-nav[data-en-nav="site"] .en__p2p__nav__list.en__p2p__nav__list--depth-0 {
	padding-left: 0;
}
.mobile-nav[data-en-nav="site"] .en__p2p__nav__list {
	list-style: none;
	display: flex;
	flex-flow: column nowrap;
	/* gap: 12px 24px; */
	/* padding-top: 12px; */
	overflow: hidden;
	animation-duration: 0.4s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-0 > .mobile-nav-submenu{
	background-color: var(--navbar-background-color);
	mix-blend-mode: screen;
}
.mobile-nav[data-en-nav="site"] 
	.en__p2p__nav__item--hasSubNav.mobile-nav-submenu 
	> .en__p2p__nav__list {
	animation-name: expandMenu;
}
.mobile-nav[data-en-nav="site"] 
	.en__p2p__nav__item--hasSubNav:not(.mobile-nav-submenu) 
	> .en__p2p__nav__list {
	animation-name: contractMenu;
}
@keyframes contractMenu {
	from {height: auto; opacity: 1;}
	to {opacity: 0; height: 0; padding: 0;}
}
@keyframes expandMenu {
	from {height: 0; padding: 0; opacity: 0;}
	to {height: auto; opacity: 1;}
}
.mobile-nav a {
	color: var(--navbar-text-color, var(--link-color));
	width: 100%;
	text-align: start;
}
.mobile-nav .mobile-nav-logo {
	padding:2vw 5vw;
}
.mobile-nav .mobile-nav-logo img {
	object-fit: contain;
	width: 100%;
	max-width: 100%;
}
.mobile-nav-footer {
	order: 3;
}
.mobile-nav-footer p {
	padding: 0 var(--nav-offset-horizontal);
}
.mobile-nav[data-en-nav="site"] .en__p2p__nav {
	flex: 1 1;
}
.mobile-nav-header-label {
	color: var(--navbar-text-color);
	padding: 0 var(--nav-offset-horizontal);
	margin: 0;
	font-size: var(--h2-font-size);
}
/* CONTENT */
.content {
	display: flex;
	flex-flow: column nowrap;
	min-height: 100%;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
	right: 0;
	position: absolute;
	top: 0;
	-moz-transition: right 0.2s ease-in-out;
	-ms-transition: right 0.2s ease-in-out;
	-o-transition: right 0.2s ease-in-out;
	-webkit-transition: right 0.2s ease-in-out;
	transition: right 0.2s ease-in-out;
	width: 100%;
	z-index: 2;
}
.content main {
	flex: 1;
	display: grid;
	background: var(--page-background-color) var(--page-background-image)
		no-repeat center center;
	background-size: cover;
	position: relative;
}
/* OVERLAY */
.nav-content-overlay {
	display: none;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
	background-color: black;
}
/* NAVIGATION CHECKBOX */
#nav-state {
	display: none;
}
/* HAMBURGER ICON */
.hamburger {
	display: none;
	cursor: pointer;
}
.hamburger svg {
	/* The size of the SVG defines the overall size */
	height: 3em;
	/* Define the transition for transforming the SVG */
	transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line {
	fill: none;
	stroke: var(--navbar-text-color);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
	/* Define the transition for transforming the Stroke */
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line-top-bottom {
	stroke-dasharray: 12 63;
}
#nav-state:checked ~ .content .navbar .hamburger svg {
	transform: rotate(-45deg);
}
#nav-state:checked ~ .content .navbar .hamburger svg .line-top-bottom {
	stroke-dasharray: 20 300;
	stroke-dashoffset: -32.42;
}
.hamburger .navbar-nav {
	display: none;
	list-style: none;
}
/* FOOTER */
footer {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	background: var(--footer-bg-color);
	padding: var(--padding-sm) var(--padding-md);
}
footer .footer-logo {
	flex-grow: 1;
	display: inline-block;
	height: 88px;
	min-width: 88px;
}
footer .footer-logo a {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 16px;
}
footer .footer-content {
	color: var(--footer-text-color);
}
footer .footer-content pre {
	white-space: pre-wrap;
	font-family: inherit;
}
footer .footer-logo img {
	width: 100%;
	object-fit: contain;
	object-position: left center;
}
@media (max-width: 768px) {
	.mobile-nav[data-en-nav="site"] {
		--nav-offset-horizontal: 24px;
		--nav-padding-top: 8px;
	}
	.mobile-nav[data-en-nav="site"] a {
		font-size: var(--h2-font-size);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__item--hasSubNav {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
	}
	/* positions nav link with sub nav */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__item--hasSubNav a {
		flex: 1 1 50px;
	}
	/* positions dropdown icon */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__item--hasSubNav .nav-expand-icon {
		flex: 0;
		margin: 0;
		padding: 0 var(--nav-offset-horizontal);
	}
	/* makes sub nav list occupy a whole row */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__item--hasSubNav .en__p2p__nav__list {
		flex: 1 1 700px;
	}
	/* spacing for each on the first set of nav items */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-0 > .en__p2p__nav__item {
		padding: var(--nav-padding-top) 0;
	}
	/* adds offset to first set of nav items */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-0 > .en__p2p__nav__item > a {
		padding: 0 var(--nav-offset-horizontal);
	}
	/* adds offset to sub nav items */
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-0 .en__p2p__nav__list {
		padding-inline-start: 20px;
		padding-top: var(--nav-padding-top);
	}
	/* adds parent offset for the first set of sub nav items*/
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-1 {
		margin-left: var(--nav-offset-horizontal);
	}
	.mobile-nav[data-en-nav="site"] .en__p2p__nav__list--depth-1 .en__p2p__nav__item {
		padding-top: var(--nav-padding-top);
	}
	#nav-state:checked ~ .content {
		/* makes content not scrollable once navbar is show */
		position: fixed;
	}
	#nav-state:checked ~ .nav-content-overlay {
		display: block;
		background: black;
		opacity: 0.2;
	}
	#nav-state:checked ~ .mobile-nav {
		position: fixed;
		right: 0;
	}
	.hamburger {
		display: inline-block;
	}
	.navbar div[data-en-nav="site"] {
		display: none;
	}
}
/* EN SITE WRAPPER */
#_EnSiteWrapper_ {
	display: grid;
	align-items: center;
}
/* makes sure each page container occupies the whole height especially on page builder */
/* also prevents messing up of overlay and popup positioning */
#_EnSiteWrapper_ > div:not([class*="popup"], [class*="overlay"]) {
	height: 100%;
}
/* P2P Login Page */
.en__p2p__login .en__p2p__button {
	margin-top: var(--margin-md);
}
/* MAIN BLOCK CONTAINER (CUSTOM CLASS) */
/* for row block that will mainly contain the form blocks add 'main-blocks' class */
.main-block-container {
	min-width: 550px;
	min-height: 150px;
	box-shadow: 0px 100px 200px 0px rgba(52, 64, 84, 0.18);
	width: min(100% - 40px, var(--container-width));
	background: var(--container-background-color);
	padding: var(--container-padding);
	margin: 40px calc(50% - calc(var(--container-width) / 2));
	border-radius: var(--container-border-radius);
}
/* added by script.js */
.main-block-container--restricted {
	width: 700px;
	margin: 0 auto;
}
.en__p2p__registration .main-block-container .en__p2p__heading {
	text-align: center;
	line-height: var(--h3-font-size);
}
@media (max-width: 768px) {
	.main-block-container {
		width: min(100% - 24px, 100%);
		min-width: 0;
		margin: 24px auto;
		--container-padding: 24px;
	}
}
@media (max-width: 450px) {
	/* fits white container to even smaller devices */
	.main-block-container {
		width: min(100% - 16px, 100%);
		margin: 16px auto;
		--container-padding: 18px;
	}
}