/* codeDESIGN - application_process.css */
@charset "utf-8";

/* CUSTOM CODE TRUSTINDEX */
div.custom_code_application_process [class^="col-"],
div.custom_code_application_process [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.application_process {
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	/*
	-moz-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15);
	-webkit-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15);
	box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15);
	transition-property: all;
	transition-duration: 0.33s;
	transition-timing-function: cubic-bezier(0.4, 0.6, 0.4, 1.0);
	transition-delay: 0s;
	transition-behavior: normal;
	border: none !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	*/
}

div.application_process div.application_process_items {
	display: block;
	position: relative;
	width: 100%;
	margin: 0px auto;
	counter-reset: count 0;
}

div.application_process div.application_process_item_wrapper {
	display: block;
	position: relative;
	z-index: 5;
	width: calc(100% / 3);
	height: 200px;
	transform-style: preserve-3d;
	transition: all 1500ms ease;
	perspective: 1000px;
	margin: 0px auto;
}
@media only screen and (max-width: 1199px) {
	div.application_process div.application_process_item_wrapper {
		width: calc(100% / 2);
	}
}
@media only screen and (max-width: 991px) {
	div.application_process div.application_process_item_wrapper {
		width: 100%;
	}
}

div.application_process div.application_process_item_wrapper:not(.application_process_item_wrapper_right)::before {
	content: counter(count, decimal);
	color: var(--ci_color_white);
	font-size: 28px;
	line-height: 50px;
	font-weight: 400;
	text-align: center;
	display: block;
	position: absolute;
	z-index: -2000;
	top: 20%;
	left: -40px;
	counter-increment: count 1;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	background: #34a8d9;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

div.application_process div.application_process_item_wrapper.application_process_item_wrapper_left {
	display: inline-block;
	position: relative;
	left: 50%;
  	transform: translateX(calc(-100% - 20px));
	margin: 0px;
}
div.application_process div.application_process_item_wrapper.application_process_item_wrapper_right {
	display: inline-block;
	position: relative;
	left: 0%;
  	transform: translateX(calc((100% / 3) + 80px));
	margin: 0px;
}
@media only screen and (max-width: 1199px) {
	div.application_process div.application_process_item_wrapper.application_process_item_wrapper_left,
	div.application_process div.application_process_item_wrapper.application_process_item_wrapper_right {
		display: block;
		position: relative;
		width: calc(100% / 2);
		height: 200px;
		transform-style: preserve-3d;
		transition: all 1500ms ease;
		perspective: 1000px;
		margin: 0px auto;
		left: auto;
		transform: none;
	}
}
@media only screen and (max-width: 991px) {
	div.application_process div.application_process_item_wrapper.application_process_item_wrapper_left,
	div.application_process div.application_process_item_wrapper.application_process_item_wrapper_right {
		width: 100%;
	}
}

div.application_process div.application_process_item {
	position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
	transition: all 1500ms ease;
	perspective: 1000px;
}
div.application_process div.application_process_item_wrapper:not(.application_process_item_wrapper_static):hover div.application_process_item {
	transform: rotateX(180deg);
}

div.application_process div.application_process_item_front,
div.application_process div.application_process_item_back {
	position: absolute;
	z-index: 6;
	top: 0px;
	left: 0px;
    width: 100%;
    height: 100%;
	text-align: center;
	perspective: 1000px;
	backface-visibility: hidden;
	transition-property: all;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15);
	-webkit-box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15);
	box-shadow: 3px 5px 30px 0px rgba(36, 36, 36, 0.15);
}
@media only screen and (max-width: 991px) {
	div.application_process div.application_process_item_front,
	div.application_process div.application_process_item_back {
		transform-style: preserve-3d;
	}
}

div.application_process div.application_process_item_front {
	background: var(--ci_color_white);
}
div.application_process div.application_process_item_front:not(.application_process_item_front_no_info)::after {
	content: '\f129';
	display: inline-block;
	position: absolute;
    top: 10px;
    right: 10px;
	z-index: 2;
	width: 26px;
	height: 26px;
    border-radius: 50%;
    background-color: rgba(53, 169, 218, 1);
	color: var(--ci_color_white);
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 14px;
}

div.application_process div.application_process_item_back {
	background: var(--ci_color_accent_1);
	color: var(--ci_color_white);
	transform: rotateX(180deg);
}

div.application_process div.application_process_item_back div.application_process_item_title {
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}

div.application_process_item_content {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	padding: 0px 60px;
	text-align: center;
}
@media only screen and (max-width: 991px) {
	div.application_process_item_content {
		transform-style: preserve-3d;
		transform: translateY(-50%) translateZ(70px) scale(.93);
	}
}

div.application_process_item_content i[class^="fa-"] {
	font-weight: 100;
  	font-size: 40px;
	margin-bottom: 10px;
}

div.application_process div.application_process_arrow {
	position: relative;
	width: 100%;
	height: 40px;
	margin: 40px 0px;
	text-align: center;
}
div.application_process div.application_process_arrow.application_process_arrow_desktop {
	display: block;
}
@media only screen and (max-width: 1199px) {
	div.application_process div.application_process_arrow.application_process_arrow_desktop {
		display: none;
	}
}
div.application_process div.application_process_arrow.application_process_arrow_mobile {
	display: none;
}
@media only screen and (max-width: 1199px) {
	div.application_process div.application_process_arrow.application_process_arrow_mobile {
		display: block;
	}
}


div.application_process div.application_process_arrow_round {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
	background: var(--ci_color_accent_1);
	color: var(--ci_color_white);
	border-radius: 50%;
}
div.application_process div.application_process_arrow_round i {
	font-size: 25px;
	line-height: 40px;
}

div.application_process div.application_process_arrow_transparent {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
	background: none;
	color: var(--ci_color_black);
}
div.application_process div.application_process_arrow_transparent i {
	font-size: 25px;
	line-height: 40px;
}

div.application_process div.application_process_arrow_left {
	position: relative;
	left: -120px;
}
div.application_process div.application_process_arrow_right {
	position: relative;
	right: -120px;
}

div.application_process div.application_process_cta {
	margin-top: 60px;
	text-align: center;
}