/* --------------------------------- */
/* RESET --------------------------- */
/* --------------------------------- */
@import url(css_reset.css);


/* --------------------------------- */
/* FONTS --------------------------- */
/* --------------------------------- */
@import url(labilgrotesk.css);
@import url(dobloxsans.css);


/* --------------------------------- */
/* STEPS --------------------------- */
/* --------------------------------- */
@import url(steps.css);

/* --------------------------------- */
/* SLIDER -------------------------- */
/* --------------------------------- */
@import url(slick.css);

/* --------------------------------- */
/* ROOT ELEMENTS ------------------- */
/* --------------------------------- */
:root {

	--test-color-1: red;
	--test-color-2: blue;
	--test-color-3: green;
	--test-color-4: orange;
	--test-color-5: skyblue;

	--translucent-color: rgba(5, 5, 5, 0.5);
	--translucent-white-color: rgba(255, 255, 255, 0.015);
	--translucent-white-II-color: rgba(255, 255, 255, 0.2);

	--white-color: rgba(255, 255, 255, 1);

	--svg-loading-background-color: rgba(255, 255, 255, 0.05);
	--svg-loading-spinner-color: rgb(254, 179, 0);

	--transparent-color: rgba(0,0,0,0);
	--bg-color: rgb(5,5,5);
	--primary-color: rgb(254,194,0);
	--primary-semi-dark-color: rgb(254, 179, 0);
	--primary-dark-color:rgb(255, 150, 0);
	--separator-color: rgba(19,19,19,1);

	--loading-text-color: rgb(237,237,235);

	--main-text-color: rgb(244,245,246);
	--second-text-color: rgb(177,177,177);
	--third-text-color: rgb(127,127,127);

	--button-line-color: rgba(255,255,255,0.1);
	--button-line-color-active: rgba(254,194,0,0.3);

	--hero-bg-dot-color: rgb(51,51,51);

	--between-line-gradient-color: rgba(254,194,0,.32);
	--between-line-solid-color: var(--primary-color);

	--card-background-color: rgb(11,11,11);
	--step-background-color: rgb(8, 8, 8);

	--checkbox-hover-color: rgb(132,182,253);

	--link-hover-color: rgb(255, 255, 255);


	--ease-Out: cubic-bezier(0.430,0.195,0.020,1.000);
	--ease-In: cubic-bezier(0.98,0.0,0.57,0);
	--ease-OutQuint: cubic-bezier(0.230,1.000,0.320,1.000);
	--ease-Out2: cubic-bezier(0.9,0.1,0.15,1.05);
	--ease-Out3: cubic-bezier(0.630,0.195,0.010,1.000);
	--ease-OutSlow: cubic-bezier(.43,.195,.02,1);
	--ease-OutSnap: cubic-bezier(0.835,0.085,0.005,1);
	--ease-OutUnspun: cubic-bezier(0.745,0.065,0.170,1.000);
	--ease-OutCubic: cubic-bezier(0.215,0.610,0.355,1.000);
	--hero-title-ease: cubic-bezier(.215,.61,.355,1);

	--duration: .44s;
	--font-size: 1.8rem;
	--font-size-mediun: 0.9rem;

}


/* --------------------------------- */
/* GENERALS ------------------------ */
/* --------------------------------- */
*:focus {outline: none;}
html {font-size: 62.5%;}
body, html{width: 100%; min-height: 100%;}
body {
	--d: 1px;
	background-color: var(--bg-color);
	font-family:DobloxSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
	font-weight: 300;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size: 1.6rem;
	color: var(--third-text-color);
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, h7{
	font-family:LabilGrotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
	font-weight: 600;
	color: var(--main-text-color);
}
h1{font-size: 6.2rem;}
h2{font-size: 5.5rem;margin-bottom: 1.6rem}
h3{font-size: 4.25rem;}
h4{font-size: 3.25rem;}
h5{font-size: 2.5rem;}
h6{font-size: 2.125rem}
h7{font-size: 1.85rem}
menu, ol, ul {
  list-style:none;
  margin:0;
  padding:0
}
a {
  color:inherit;
  text-decoration:none;
  transition: color .2s linear;
}
a:hover{
	color: var(--link-hover-color);
}
a.icon svg{
	width: 2.8rem;
	height: auto;
	opacity: 0.15;
	transition: opacity .2s linear;
}
a.icon svg path{
	fill: var(--main-text-color);
}
a.icon:hover svg{
	opacity: 1;
}
button{
	cursor: pointer;
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

input::placeholder{color: var(--third-text-color);}
input:-ms-input-placeholder {color: var(--third-text-color);}
input::-ms-input-placeholder {color: var(--third-text-color);}
input::-webkit-input-placeholder {color: var(--third-text-color);}
input::-moz-placeholder {color: var(--third-text-color);}
input:-moz-placeholder {color: var(--third-text-color);}

.cursor_pointer{cursor: pointer;}
.container{margin: 0 auto;}
.vertical_separator{background: var(--separator-color);width: 0.1rem;height: 1.6rem;}
.margin_top_minus_4{margin-top: -4rem}
.margin_top_minus_8{margin-top: -8rem}
.margin_top_minus_10{margin-top: -10rem}
.margin_top_minus_20{margin-top: -20rem}
.blur{filter: blur(8px);}
.opacity-0{opacity:0;}
.origin-left{transform-origin: left;}
.origin-right{transform-origin: right;}
.scale-110{transform: scalex(1.1) scaleY(1.1);}
.scale-100{transform: scalex(1) scaleY(1);}
.blur-5{	backdrop-filter: blur(5px);}
.align-center{text-align: center;}
.translucent_bg{background: var(--translucent-color)}
.full-width{width: 100%;}
.gap_6{gap: 6rem}
.fit-content{width: fit-content;}
.active-color{background:var(--primary-color) !important;}


/* --------------------------------- */
/* UI ELEMENTS --------------------- */
/* --------------------------------- */
.ui_link_underline {
	position:relative;
	transition:color .2s linear;
}
.ui_link_underline.current, .ui_link_underline:hover {
	color:#fff
}
.ui_link_underline.current::after, .ui_link_underline:hover::after {
	transform:scale(1);
	transform-origin:left
}
.ui_link_underline::after {
	content:"";
	position:absolute;
	bottom:-4px;
	left:0;
	width:100%;
	height:1px;
	background:var(--white-color);
	transform:scaleX(0);
	transform-origin:right;
	transition:transform .4s var(--ease-OutCubic);
	will-change:transform
}

.ui_icon_link_underline{
	color: var(--primary-color);
}
.ui_icon_link_underline span{
	display: inline-block;
	position: relative;
	transition: color 0.05s linear;
}
.ui_icon_link_underline span::after{
	content:"";
	position:absolute;
	bottom:-4px;
	left:0;
	width:100%;
	height:1px;
	background:var(--white-color);
	transform:scaleX(0);
	transform-origin:right;
	transition:transform .4s var(--ease-OutCubic);
	will-change:transform
}
.ui_icon_link_underline:hover span::after{
	transform:scale(1);
	transform-origin:left
}
.ui_icon_link_underline svg.icon{
	width: 2.4rem;
	height: auto;
	margin-right: 0.25rem;
}
.ui_icon_link_underline svg.icon path{
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: var(--primary-color);
	transition:all 0.15s linear;
}
.ui_icon_link_underline:hover svg.icon path{
	stroke: var(--white-color);
}


.ui_btn {
	background:#f5f6f7;
	display:inline-block;
	overflow:hidden;
	border-radius:1.12rem;
	transition:background .4s linear;
	will-change:background;
	padding:1.6rem 1.971rem;
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:1;
	position: relative;
}
.ui_btn.colored{
	background:var(--primary-color);
}
.ui_btn:hover {
	background:var(--primary-color);
}
.ui_btn:hover span:first-of-type em {
	opacity:0;
	transform:rotateX(90deg) scaleX(.9) translate3d(0,-10px,0);
}
.ui_btn:hover span:nth-of-type(2) em {
	opacity:1;
	transform:rotateX(0deg) scaleX(1) translateZ(0);
	transition:transform .75s cubic-bezier(.645,.045,.355,1),opacity .35s linear .3s;
}
.ui_btn span {
	position:relative;
	display:block;
	perspective:108px;
}
.ui_btn span:first-of-type em {
	transform-origin:top
}
.ui_btn span:nth-of-type(2) {
	position:absolute
}
.ui_btn span:nth-of-type(2) em {
	opacity:0;
	transform:rotateX(-90deg) scaleX(.9) translate3d(0,10px,0);
	transform-origin:bottom
}
.ui_btn span em, .ui_btn span:nth-of-type(2) em {
	transition:transform .55s cubic-bezier(.645,.045,.355,1),opacity .35s linear .2s
}
.ui_btn span em {
	font-style:normal;
	display:inline-block;
	font-size: var(--font-size);
	color:#000;
	font-weight:600;
	will-change:transform,opacity,transition
}
.ui_btn svg {
	width: 10px;
	height: auto;
}
.ui_btn.loading svg{
	opacity: 0;
	height: 0;
	width: 0;
	scale: 0;
	transition: all 0.25s ease;
}
.ui_btn.loading{
	background:rgba(37, 41, 48, 0.3);
	cursor: default;
}
.ui_btn.loading span {
	scale: 0;
	opacity: 0;
	visibility: hidden;
}
.ui_btn.loading svg {
	position: absolute;
	width: 2.4rem;
	height: auto;
	top: 50%;
	left: 50%;
	opacity: 1;
	scale: 1;
	transform: translate(-50%, -50%);
}
.ui_btn.loading svg .background {
	stroke: var(--svg-loading-background-color);
	fill: none;
	stroke-width: 12px;
	stroke-linejoin: round;
}
.ui_btn.loading svg .spinner {
	stroke: var(--svg-loading-spinner-color);
	fill:none;
	stroke-width:12px;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray: 80 403.95;
	animation: spin 0.8s linear infinite;
}

.ui_btn_line, .ui_btn_stroke{
	background: var(--translucent-color);
	position: relative;
	border-radius: 1.12rem;
	display: inline-block;
	padding:1.304rem 1.971rem;
	align-items: center;
	justify-content: center;
	color: var(--main-text-color);
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
	transition: all var(--duration) var(--ease-Out);
	box-shadow:inset 0px 0px 0px .2rem var(--button-line-color);
	font-weight: 600;
	font-size: var(--font-size);
}
.ui_btn_stroke{
	margin-top:2.5rem;
}
.ui_btn_line div {
	display:flex;
	overflow: hidden;
	justify-content: center;
	text-shadow: 0 calc(var(--font-size) + 0.4rem) 0 #fec200;
}
.ui_btn_line div span {
	backface-visibility: hidden;
	transition: transform var(--duration) var(--ease-Out);
	transform: translateY(var(--m, 0px));
}
.ui_btn_line:hover{
	box-shadow:inset 0px 0px 0px .2rem var(--button-line-color-active);
}
.ui_btn_line:hover div span {
	--m: calc(calc(var(--font-size) + 0.4rem) * -1);
}
.ui_btn_line div span:nth-child(1) {
	transition-delay: 0.05s;
}
.ui_btn_line div span:nth-child(2) {
	transition-delay: 0.1s;
}
.ui_btn_line div span:nth-child(3) {
	transition-delay: 0.15s;
}
.ui_btn_line div span:nth-child(4) {
	transition-delay: 0.2s;
}
.ui_btn_line div span:nth-child(5) {
	transition-delay: 0.25s;
}
.ui_btn_line div span:nth-child(6) {
	transition-delay: 0.3s;
}
.ui_btn_line div span:nth-child(7) {
	transition-delay: 0.35s;
}
.ui_btn_line div span:nth-child(8) {
	transition-delay: 0.4s;
}
.ui_btn_line div span:nth-child(9) {
	transition-delay: 0.45s;
}
.ui_btn_line div span:nth-child(10) {
	transition-delay: 0.5s;
}
.ui_btn_line div span:nth-child(11) {
	transition-delay: 0.55s;
}
.ui_btn_line:hover span {
	--m: calc(1.125rem * -1);
}

.ui_btn_stroke svg {
	width: 2.4rem;
	height: auto;
	margin-right: 0.25rem;
}
.ui_btn_stroke svg path{
	fill: var(--transparent-color);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: var(--primary-color);
	transition:all 0.15s linear;
}
.ui_btn_stroke:hover{
	background: #f5f6f7;
	color: var(--bg-color);
}
.ui_btn_stroke:hover svg path{
	stroke: var(--bg-color);
}

.ui_between_lines_wrapper{
	position:relative;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	font-weight:400;
	line-height:20px;
}
.ui_between_lines_wrapper:after, .ui_between_lines_wrapper:before {
	content:"";
	height:1px
}
.ui_between_lines_wrapper:after {
	transform:rotate(180deg);
}
.ui_between_lines_wrapper_gradient {
	gap:24px
}
.ui_between_lines_wrapper_gradient:after, .ui_between_lines_wrapper_gradient:before {
	background:linear-gradient(90deg,var(--transparent-color),var(--between-line-gradient-color));
	width:86px
}
.ui_between_lines_wrapper_solid {
	--line-color:rgba(254,194,0,.32);
	gap:8px
}
.ui_between_lines_wrapper_solid:after,.ui_between_lines_wrapper_solid:before {
	background:var(--between-line-solid-color);
	max-width:110px;
	flex-grow:1;
	min-width:20px
}
.ui_between_lines_wrapper_solid {
	--line-color:rgba(0,0,59,.05)
}
.ui_between_lines_badge{
	position:relative;
	font-size:2.4rem;
	font-style:normal;
	font-weight:400;
	white-space:nowrap;
	text-wrap:nowrap;
	flex-shrink:0;
	color:var(--primary-color);
}

.ui_separator_line{margin: 7.5rem 0;}
.ui_separator_line>div{
	display: flex;
	justify-content: center;
	align-items: center;
}
.ui_separator_line span{
	width: 80%;
	display: block;
	height: 1px;
	background: var(--separator-color);
	opacity: 0;
}

.ui_starlight {
	height:1px;
	opacity:.5;
	width:calc(100% - 10%);
}
.ui_starlight:before {
	background:linear-gradient(to right,var(--bg-color) 0%,var(--separator-color) 25%,var(--separator-color) 75%,var(--bg-color) 100%);
	content:"";
	display:block;
	height:1px;
	width:100%;
}
.ui_vertical_starlight{
	width: 1px;
	opacity: 1;
	height: calc(100% - 10%);
}
.ui_vertical_starlight:before{
	background:linear-gradient(to top,var(--bg-color) 0%,var(--separator-color) 25%,var(--separator-color) 75%,var(--bg-color) 100%);
	content:"";
	display:block;
	height:100%;
	width:1px;
}

.ui_card{
	width: 100%;
	position: relative;
	background-color: var(--card-background-color);
	border: 1px solid var(--bg-color);
	border-radius: 1.2rem;
	padding: 1rem;
}
.ui_card .ui_card_content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	padding-right: 1.5rem;
	border-radius: 1.25rem;
	overflow: hidden;
}

.ui_pro_badge{
	fill:#fec200;
	fill-rule:evenodd;
	width: 12rem;
	height: auto;
	margin-top: -0.5rem;
}
.ui_up_title{
	display: block;
	color: var(--primary-color);
	font-weight: 400;
}
.ui_center_text{
	display: flex;
	text-align: center;
	max-width: 73rem;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 0 auto;
}

/* --------------------------------- */
/* LOADING ------------------------- */
/* --------------------------------- */
.loaded .loading_wrapper{
	display: none;
	pointer-events: none;
}
.loading_wrapper{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	width: 100%;
}
.loading_wrapper::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgb(16, 16, 16);
	will-change:transform
}
.loading_wrapper .loading_container{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	height: var(--app-height);
}
svg#doblox_logo{
	width: 175px;
	height: auto;
	overflow: visible;
}
svg#doblox_logo g {
	overflow: hidden;
	visibility: hidden;
}
svg#doblox_logo #logo_type, svg#doblox_logo #logo_mark{
	will-change: transform;
}
svg#doblox_logo .cls-3, svg#doblox_logo .cls-4{
	transform-origin: center;
	will-change: transform;
	fill-rule:evenodd;
	fill: var(--loading-text-color);
}
svg#doblox_logo .cls-4{
	stroke-miterlimit:10;
	stroke-width:1px;
	fill:var(--primary-color);
	stroke:var(--primary-color);
}


/* --------------------------------- */
/* HEADER -------------------------- */
/* --------------------------------- */
.header_wrapper{
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	padding: 2.4rem 0;
	transition: backdrop-filter, background;
	transition-duration: var(--duration);
	transition-timing-function: var(--ease-Out);
}
.header_container, .dialog_header_container{
	display: flex;
	align-items: stretch;
	width: 100%;
}
.header_logo, .header_buttons, .dialog_header_buttons, .header_trigger{
	width: 50%;
	position: relative;
	z-index: 1;
	outline: none;
	display: flex;
	align-items: center;
}
.header_navigation{
	display: none;
	opacity: 0;
	visibility: hidden;
}
.header_trigger{display: none;}
.header_trigger svg:nth-child(2){
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
}
.header_logo{
	justify-content: flex-start;
}
.header_buttons, .dialog_header_buttons{
	justify-content: flex-end;
	gap: 1.25rem;
}
.header_logo svg {
	width: 150px;
	height: auto;
}
.header_logo svg .cls-1{
	fill:var(--main-text-color);
	fill-rule:evenodd;
}
.header_logo svg .cls-2{
	fill: var(--primary-color);
	stroke: var(--primary-color);
	fill-rule:evenodd;
	stroke-miterlimit:10;
	stroke-width:1px;
}


/* --------------------------------- */
/* HERO ---------------------------- */
/* --------------------------------- */
.desktop_view{position: relative;}
.desktop_view .hero_title_wrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 16rem;
}
.hero_title, .how_h2_title{
	letter-spacing: -0.2rem;
	text-align: center;
	color: var(--main-text-color);
	margin-top: 1.6rem;
	margin-bottom: 4.6rem;
}
.how_h2_title{
	margin-bottom: 1.6rem;
}
.hero_title .line{
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	line-height: 1;
}
.hero_title .word{
	overflow: hidden;
	line-height: 1;
	padding-bottom: 0.14em;
}
.hero_text{
	text-align: center;
	font-size:2.1rem;
	padding: 0 1rem;
}
.hero_blocks{
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 1.6rem;
	margin: 0 -30rem;
	text-align: center;
	font-size: 1.8rem;
}
.hero_blocks>div{
	opacity: 0;
}
.hero_blocks>div:nth-child(3){
	grid-column: span 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.hero_blocks .hero_center_blocks{
	display: flex;
	gap: 1.6rem;
}
.hero_blocks .blocks_item{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.hero_blocks .blocks_item img{
	max-width: 100%;
	height: auto;
}
.hero_center_blocks_equals{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.6rem;
	margin-top: 1.6rem;
}
.desktop_view .hero_center_text{
	margin: 4rem 0 3.6rem 0;
	font-size: 2rem;
	font-weight: 400;
	text-align: center;
}
.hero_sub_text{
	opacity: 0;
	margin-top: -7.4rem;
}
.hero_background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}
.hero_background:before{
	content: '';
	width:100%;
	height:100%;
	position: absolute;
	background : radial-gradient(circle at var(--d) var(--d), var(--hero-bg-dot-color) calc(var(--d) - 1px), var(--transparent-color) var(--d)) 0 0 / 10px 10px;
	mask: radial-gradient(circle at 50% 0%, white 25%, transparent 55%);
	color: var(--main-text-color);
	top:0;
	left:0;
	z-index:-1;
}


/* --------------------------------- */
/* LOGOS ROTATOR ------------------- */
/* --------------------------------- */
.hero_rotator{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 1.6rem;
	min-height: 4.5rem;
}
.hero_rotator .row{
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	position: relative;
	width: 100%;
}
.hero_rotator .row:not(:first-child) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.hero_rotator .row .item{
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	transition-timing-function: cubic-bezier(0,0,.2,1);
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-duration: 1s;
	min-height: 3.5rem;
	transition-duration: 1s;
}
.hero_rotator .row .item img{
	width: 16rem;
	height: auto;
}


/* --------------------------------- */
/* HOW DOES IT WORK ---------------- */
/* --------------------------------- */
.how_text{display:block;margin-bottom: 4.8rem;font-size: 1.6rem}
.how_steps_container{
	display: grid;
	gap: 1.6rem;
	grid-template-columns: repeat(4, 1fr);
	margin-bottom: 4.8rem;
}
.how_step_content{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0px 1.6rem 1.6rem;
	width: 100%;
	gap: 0.6rem;
}


/* --------------------------------- */
/* HOW IT HELP --------------------- */
/* --------------------------------- */
.opportunities_title{
	text-align: center;
	margin: 0 0 1.6rem 0;
}
.opportunities_text{
	display:block;
	text-align: center;
	margin-bottom: 4.8rem;
}
.opportunities_wrapper{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1.6rem;
	margin-bottom: 4.8rem;
}
.opportunities_card{
	background: var(--card-background-color);
	min-height: 40rem;
	padding: 3.2rem 3.2rem 0 3.2rem;
	border-radius: 1.2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.6rem;
	position: relative;
	overflow: hidden;
}

.opportunities_card.fill-full{
	grid-column: 1 / -1;
	flex-direction: row;
	padding: 3.2rem !important;
	min-height: unset;
}
.opportunities_card.fill-full .left_slid{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	height: 100%;
	gap: 1.6rem;
	width: 30%;
}
.opportunities_card.fill-full .left_slid .top{
	display: flex;
	align-items: stretch;
	justify-content: center;
	width: 100%;
	flex: 1;
}
.opportunities_card.fill-full .left_slid .top .slider-left{width: 100%;}
.opportunities_card.fill-full .left_slid .top .item{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	min-height: 25rem;
}
.opportunities_card.fill-full .left_slid .nav{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.6rem;
}
.opportunities_card.fill-full .left_slid .nav .item{
	flex:1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4rem;
	border-radius: 2rem;
	border: 0.1rem solid var(--translucent-white-II-color);
	cursor: pointer;
	transition: all 0.2s ease;
}
.opportunities_card.fill-full .left_slid .nav .item:first-child{
	transform: scaleX(-1);
}
.opportunities_card.fill-full .left_slid .nav .item svg {
	fill: var(--translucent-white-II-color);
	transition: all 0.2s ease;
}

.opportunities_card.fill-full .left_slid .nav .item:hover{
	background: var(--primary-color);
	border-color: var(--primary-color);
}
.opportunities_card.fill-full .left_slid .nav .item:hover svg{
	fill: var(--bg-color);
}

.opportunities_card.fill-full .right_side{
	width: 60%;
}
.opportunities_card.fill-full .right_side .slider-right{
	height: 100%;
	border-radius: 1.2rem;
}

.opportunities_card .figure{
	border-top-left-radius: 1.2rem;
	border-top-right-radius: 1.2rem;
	background: var(--translucent-white-color);
	overflow: hidden;
	margin: 2rem 1rem 0 1rem;
	box-shadow: 0 4px 18px #0000000a,0 2.025px 7.84688px rgba(0,0,0,.027),0 .8px 2.925px #00000005,0 .175px 1.04062px rgba(0,0,0,.013),0 0 1px #fff9;
}
.opportunities_card .block_content{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	gap: 1.6rem;
	flex: 1;
}
.opportunities_card .block_content p{
		padding-right: 4rem;
		text-align: left;
}
.opportunities_card .block_content header{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.1rem;
}


/* --------------------------------- */
/* AI ASISTANCE -------------------- */
/* --------------------------------- */
.ai_title span{
	display: inline-block;
}
.ai_wrapper{
	display: flex;
	flex-wrap: wrap;
}
.ai_card{
	display: flex;
	background: var(--card-background-color);
	border-radius: 1.2rem;
	padding: 1.6rem;
	position: relative;
	gap: 2.4rem;
}
.ai_card:first-child{
	flex-basis: 100%;
	margin-bottom: 2rem;
	overflow: hidden;
	position: relative;
}
.ai_card:not(:first-child){
	flex: 1;
	margin-right: 4rem;
}
.ai_card:not(:first-child):last-child{
	margin-right: 0;
}
.ai_card:not(:first-child):not(:last-child):after{
	content: '';
	height: calc(100% - 3.2rem);
	width: 0.1rem;
	display: block;
	position: absolute;
	right: -2rem;
	background: var(--separator-color);
}
.ai_container{
	padding: 1.6rem;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2.4rem;
	flex: 1;
}
.ai_compact_container{
	width: 100%;
	height: 100%;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0;
	gap: 6rem;
	overflow: hidden;
	padding: 1.6rem;
}
.ai_content{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.ai_card header{
	display: flex;
	flex-direction: column;
	gap:0.2rem
}
.ai_card header img{
	width: 2.8rem;
	height: auto;
	margin-bottom: 1.6rem;
}
.ai_card header h5{
	margin-bottom: 0.6rem;
}

.ai_chat_wrapper {
	min-height: 400px;
	width: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	perspective: 1000px;
}
.ai_chat_box{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 520px;
	min-height: 360px;
	border-radius: 1.2rem;
	background: rgba(8, 8, 8, 0.7);
	backdrop-filter: blur(20px);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05), 0px 8px 15px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1);
	padding: 2rem 0 2rem 0;
	transform-style: preserve-3d;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 3.55);
}
.ai_chat_box:hover{
	cursor: pointer;
	transition: all 0.15s !important;
}
.ai_chat_orb{
	border-radius: 50%;
	margin-bottom: 1.2rem;
}
.ai_chat_title{
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 0.4rem;
}
.ai_chat_subtitle{
	max-width: 65%;
	text-align: center;
	font-size: 13px;
	margin-bottom: 1.6rem;
}
.ai_chat_prompts_wrapper{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 1rem;
	min-width: 80%;
	max-width: 80%;
	margin-bottom: 1rem;
}
.ai_chat_prompts{
	border-radius: 0.6rem;
	background: rgba(254,194,0, 0.015);
	flex: 1;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ai_chat_prompts_text{
	font-size: 12px;
	display: inline-block;
	text-align: center;
}
.ai_chat_message{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(8, 8, 8, 0.5);
	width: 80%;
	height: 3.4rem;
	padding: 1.2rem;
	margin-top: 4rem;
	border-radius: 0.6rem;
}
.ai_chat_message_text{
	font-size: 12px
}
.ai_chat_message_send{
	display:flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}
.ai_chat_message_send_btn{
	border-radius: 0.3rem;
	width: 38px;
	height: 18px;
	background: #fec200;
	color:rgb(5, 5, 5);
	font-size: 10px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.ai_orb{
	position: absolute;
	top: -100px;
	right: -100px;
	border-radius: 50%;
	z-index: 0;
	opacity: 0.5;
}


/* --------------------------------- */
/* FORM ---------------------------- */
/* --------------------------------- */
.form_title{
	margin-bottom: 4.8rem;
	overflow: hidden;
}
.form_card{
	background: var(--card-background-color);
	border-radius: 1.6rem;
	padding: 3.2rem 3.2rem 0 3.2rem;
	display: flex;
	align-items: flex-end;
	gap: 3rem;
}
.form_card picture{
	flex: 1;
}
.form_content{
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	flex: 1;
	padding-bottom: 3.2rem;
	height: 100%;
}
.form_content ul{
	margin: 0 2rem;
}
.form_content ul li{
	position: relative;
	margin: 2rem 0;
	padding-left: 2rem;
}
.form_content ul li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0.6rem;
	width: 1.2rem;
	height: 1.2rem;
	background-image: url("data:image/svg+xml,<svg width=\"18\" height=\"19\" viewBox=\"0 0 18 19\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.75348 17.7011C7.72056 14.0765 3.94416 10.3143 0.305928 9.28524C-0.101976 9.15415 -0.101976 8.86576 0.305928 8.72812C3.95074 7.69252 7.72056 3.93686 8.76005 0.305723C8.8719 -0.0940951 9.14164 -0.0940951 9.25349 0.305723C10.2864 3.93686 14.0628 7.69252 17.6945 8.72812C18.1024 8.85921 18.1024 9.15415 17.6945 9.28524C14.0562 10.3143 10.2798 14.0765 9.24691 17.7011C9.13506 18.1075 8.86532 18.1075 8.75348 17.7011Z%22 fill=\"%23FEC200\"></path>%3C/svg>");
	background-size: contain;
	background-repeat: no-repeat;
}
.form_content ul li .title{
	color: var(--main-text-color);
	display: block;
	font-weight: 400;
}


/* --------------------------------- */
/* MOBILE APP ---------------------- */
/* --------------------------------- */
.mobile_wrapper{
	display: flex;
	gap: 3rem;
	align-items: stretch;
}
.mobile_content{
	display: flex;
	flex-direction: column;
	gap: 2rem;
	flex: 1;
	justify-content: space-between;
}
.mobile_title{
	line-height: 1.2;
	font-size: 6rem;
	overflow: hidden;
}
.mobile_bottom{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap:1rem;
}
.mobile_text{
	margin-bottom: 1rem;
}
.mobile_buttons{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}
.mobile_picture{
	flex: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}


/* --------------------------------- */
/* OPEN ACCOUNT -------------------- */
/* --------------------------------- */
.open_wrapper{
	display: flex;
	flex-direction:column;
	align-items: center;
	gap: 4.8rem;
	margin: 10rem 0;
}
.open_content{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap:0.6rem
}


/* --------------------------------- */
/* FOOTER -------------------------- */
/* --------------------------------- */
.footer{margin-bottom: 4rem}
.footer_copyright{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6rem;
}
.footer_copyright .footer_left{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.6rem;
}
.footer_copyright .footer_left .footer_logo{
	display:flex;
	align-items: center;
	justify-content: flex-start;
	width: 150px;
	height: 36px;
}
.footer_copyright .footer_left .footer_logo svg{
	width: 100%;
	height: auto;
}
.footer_copyright .footer_left .footer_logo svg #logo_mark{
	stroke-width:0.1rem;
	stroke-miterlimit:10;
	stroke:var(--primary-color);
	fill: var(--primary-color);
}
.footer_copyright .footer_left .footer_logo svg #logo_type{
	fill: var(--main-text-color);
}
.footer_copyright .footer_left .footer_logo_block{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1.6rem;
}
.footer_copyright .footer_left .footer_copyright_date{
	display: flex;
	align-items: center;
	padding: 0 1.6rem;
	border-right: 1px solid var(--translucent-white-II-color);
	border-left: 1px solid var(--translucent-white-II-color);
	color: var(--main-text-color);
}
.footer_copyright .footer_left .footer_social_media{
	display:flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1.2rem;
	width: fit-content;
	height: 36px;
}

.footer_copyright .footer_right{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
	list-style: none;
	height: 36px;
}
.footer_copyright .footer_right li.bullet{
	margin-left: 1rem;
	margin-right: 1rem;
	position: relative;
}
.footer_copyright .footer_right li.bullet:before{
	content: '';
	position: absolute;
	background-color: var(--translucent-white-II-color);
	height: 4px;
	width: 4px;
	top: -2px;
	left: -2px;
}
.footer .footer_disclosures{
	display: flex;
	text-align: center;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 4rem 4rem 4rem;
	font-size: 14px;
	gap: 1.6rem;
}
.footer .footer_disclosures b{
	font-weight: 600;
	color: var(--second-text-color);
}


/* --------------------------------- */
/* DIALOG -------------------------- */
/* --------------------------------- */
.dialog_show{
	pointer-events: none;
	cursor: auto;
	overflow: hidden;
	overscroll-behavior: contain;
}
.dialog{
	background-color: var(--bg-color);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	max-width: 100vw;
	max-height: 100vh;
	z-index: 100;
	padding: 2.4rem 1.4rem 0 1.4rem;
	pointer-events: auto;
	transform: translateY(100%);
}
.dialog_content_wrapper{
	width: 100%;
	height: calc(-20rem + 100vh);
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.dialog_content{
	width:100%;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: center;
	gap: 1rem
}
.dialog_text_wrapper{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	padding-right: 1.6rem;
}
.dialog_text_section{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 1.6rem;
}
.dialog_content_left_side, .dialog_content_right_side{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 5rem;
	gap: 1.4rem;
}
.dialog_content_right_side{
	gap: 0;
}
.dialog_doblox_icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8rem;
	height: 8rem;
	background: var(--primary-color);
	clip-path: url(#squircleClip);
}
.dialog_doblox_icon .doblox_logo{
	width: 48px;
	height: 48px;
	fill: var(--bg-color);
	stroke: var(--bg-color);
	stroke-width: 2px;
}
.dialog_badge_text{
	background-image: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-semi-dark-color) 50%, var(--primary-dark-color) 100%);
	background-clip: text;
	color: transparent;
	font-size: 2rem;
	font-weight: 500;
}
.dialog_disclaimer{
	width: 100%;
	font-size: 1.4rem;
	text-align: center;
	margin-top: 1.4rem;
}
.dialog_disclaimer a{
	text-decoration: underline;
	color: var(--main-text-color);
	transition: all 0.8s ease;
}
.dialog_disclaimer a:hover{
	color: var(--primary-color);
}
.dialog_content_wrapper ul{
	margin: 0 2rem;
}
.dialog_content_wrapper ul li{
	position: relative;
	margin: 2rem 0;
	padding-left: 2rem;
}
.dialog_content_wrapper ul li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0.6rem;
	width: 1.2rem;
	height: 1.2rem;
	background-image: url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.75348 17.7011C7.72056 14.0765 3.94416 10.3143 0.305928 9.28524C-0.101976 9.15415 -0.101976 8.86576 0.305928 8.72812C3.95074 7.69252 7.72056 3.93686 8.76005 0.305723C8.8719 -0.0940951 9.14164 -0.0940951 9.25349 0.305723C10.2864 3.93686 14.0628 7.69252 17.6945 8.72812C18.1024 8.85921 18.1024 9.15415 17.6945 9.28524C14.0562 10.3143 10.2798 14.0765 9.24691 17.7011C9.13506 18.1075 8.86532 18.1075 8.75348 17.7011Z%22 fill="%23FEC200"></path>%3C/svg>');
	background-size: contain;
	background-repeat: no-repeat;
}
.dialog_content_wrapper_video{
	margin-top: 5rem;
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.dialog_content_wrapper_video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* --------------------------------- */
/* KEYFRAMES ----------------------- */
/* --------------------------------- */
@keyframes move {
  0% {
    offset-distance: 0%;
  }

  100% {
    offset-distance: 100%;
  }
}
@keyframes spin {
	from{stroke-dashoffset:-160;}
	to{stroke-dashoffset:-647.9;}
}




/* --------------------------------------------- */
/* --------------- MEDIA QUERIES --------------- */
/* --------------------------------------------- */


/* Large Desktop -------------------- */
@media (min-width:1800px){
	.container{width: 112rem}
	.mobile_view{display: none;}
}

/* Desktop -------------------------- */
@media (min-width:1200px) and (max-width:1799px){
	.container{width: 84%;}
	.mobile_view{display: none;}
}

/* T(Landscape) --------------------- */
@media (min-width:900px) and (max-width:1199px){
	.container{width: 84%;}
	.mobile_view{display: none;}

	.hero_blocks{
		margin: 0 -40rem;
	}

	.how_steps_container{
		grid-template-columns: repeat(2, 1fr);
	}

	.ai_card:not(:first-child):last-child{
		flex-basis: 100%;
		margin-top: 2rem;
	}
	.ai_card:nth-child(3){
		margin-right: 0;
	}
	.ai_card:nth-child(3)::after{
		display: none !important;
	}

	.ai_chat_wrapper{width: 460px}
	.ai_chat_box{width: 420px;}

}

/* M(Landscape) / T(Portrait) ------- */
@media (min-width:600px) and (max-width:899px){
	
	h1{font-size: 5.2rem}
	
	.container{width: 84%;}
	.mobile_view{display: none;}
	
	.hero_blocks{margin: 0 -50rem;}
	
	.ui_card .ui_card_content{
		padding-right:0;
	}
	
	.how_steps_container{
		display: grid;
		gap: 1.6rem;
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 4.8rem;
	}
	
	.opportunities_wrapper{
		grid-template-columns: repeat(1, 1fr);
	}
	.opportunities_card{
		align-items: center;
	}
	.opportunities_card .figure{
		width: 80%;
	}
	
	.ai_card:first-child{
		flex-direction: column;
		align-items: center;
	}
	.ai_card:first-child picture{
		width: 75%;
	}
	.ai_card:not(:first-child):last-child{
		flex-basis: 100%;
		margin-top: 2rem;
	}
	.ai_card:nth-child(3){
		margin-right: 0;
	}
	.ai_card:nth-child(3)::after{
		display: none !important;
	}
	
	.ai_orb{
		top: unset;
		bottom: -250px;
		right: 50px;
	}

	.form_card{
		flex-direction: column;
		align-items: center;
	}
	.form_card picture{
		width: 75%;
	}

	.footer_copyright{
		flex-direction: column;
		gap: 1rem;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
}

/* M(Portrait) ---------------------- */
@media (min-width:320px) and (max-width:599px){

	a.icon svg{width: 3.8rem;}

	.container{width: 100%; padding: 1.6rem}

	.ui_between_lines_badge {font-size: 1.8rem;}
	.ui_separator_line{margin:  3.25rem 0;}

	.header_wrapper{padding: 1.2rem 0;}
	.header_buttons{display: none;}
	.header_trigger{display: flex;justify-content: flex-end;}
	.header_trigger button{position: relative;}
	.header_navigation{
		display: flex;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: var(--app-height);
		background: var(--bg-color);
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: all 0.4s linear;
		transform: translateY(0) !important;
		justify-content: center;
	}
	.header_navigation h3{
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		text-align: center;
	}
	.open{
		cursor: auto;
		overflow: hidden;
		overscroll-behavior: contain;
	}
	.open .header_navigation{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.open .header_trigger svg:nth-child(1){
		opacity: 0;
	}
	.open .header_trigger svg:nth-child(2){
		opacity: 1;
	}

	.desktop_view{display: none;}
	.mobile_view{padding-top: 7rem; display: block;}
	.mobile_hero_top{position: relative;}
	.mobile_hero_top::after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(0deg, var(--translucent-color) 50%, var(--transparent-color) 80%);
	}
	.mobile_view .hero_center_text{
		text-align: center;
		margin: 3rem 0px 2.6rem;
		font-size: 2rem;
		font-weight: 400;
	}
	.hero_title_wrapper{
		margin-top: -15rem;
	}
	.hero_title{
		margin-top: 1.6rem;
		margin-bottom: 4.6rem;
		font-size: 5rem;
	}
	.hero_buttons{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1.6rem;
	}
	.hero_buttons a {
		opacity: 0;
	}
	.hero_rotator{margin: 0 0 2.6rem 0;}
	.hero_rotator .row .item{min-height: 6.5rem}
	.hero_rotator .row .item img{width: 12rem;}

	.how_h2_title{
		font-size: 4.5rem;
		margin-top: 0;
		margin-bottom: 2.3rem;
	}
	.how_steps_container{
		display: grid;
		gap: 1.6rem;
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 0;
	}
	.how_step_content{padding: 0px 0rem 1.6rem}

	.opportunities_wrapper{
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 0;
	}
	.opportunities_card .block_content p{
		padding-right: 0;
	}
	.opportunities_card.fill-full{flex-direction: column-reverse;}
	.opportunities_card.fill-full .left_slid{width: 100%;}
	.opportunities_card.fill-full .right_side{width: 100%;}

	.ai_up_title, .ai_title, .ai_text{
		position: relative;
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 0 1.6rem;
	}
	.ai_wrapper{
		flex-direction: column;
		gap: 1.6rem;
	}
	.ai_card:first-child{
		margin-bottom: 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3rem;
	}
	.ai_card:not(:first-child){
		margin-right: 0;
	}
	.ai_card:not(:first-child):not(:last-child)::after {
		content: none;
	}

	.ai_chat_wrapper {width: 320px;}
	.ai_orb{
		position: absolute;
		top: unset;
		bottom: -200px;
		right: -100px;
	}

	.form_up_title, .form_title, .mobile_up_title, .mobile_title{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 0 1.6rem;
	}
	.form_title br{display: none;}
	.form_card{flex-direction: column;}

	.open_wrapper{margin: 0;}

	.mobile_wrapper{
		flex-direction: column;
	}
	.mobile_title{font-size: 4.8rem;margin-top: 1rem}
	.mobile_bottom{align-items: center;}
	.mobile_text{text-align: center;}
	.mobile_picture{margin-top: 4rem;}
	.mobile_picture img{width: 90%;}

	.footer_copyright{
		flex-direction: column;
		gap: 4rem;
		margin-bottom: 4rem;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.footer_copyright .footer_left{
		width: 100%;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		justify-content: center;
		gap: 2rem;
	}
	.footer_copyright .footer_left .footer_copyright_date{
		border-right: 0px;
		padding: 0px 0px 0px 1.6rem;
	}
	.footer_copyright .footer_left .footer_social_media{
		gap: 2.6rem;
	}
	.footer_copyright .footer_right{
		flex-wrap: nowrap;
		place-content: stretch center;
	}
	.footer .footer_disclosures{padding: 0px 2rem;}

	.dialog_content_wrapper{
		height: calc(-25rem + 100vh);
	}
	.dialog_header_container{
		margin-bottom: 6rem;
	}

}