.filab-intro {
	padding-top: 5em;
	padding-bottom: 5em;
	background-color: #ffffff;
	border-bottom: solid 1px #F2F4F5;
}

/*todo*/

.site-template--hc-2 .filab-intro {
	padding-top: 0!important;
	padding-bottom: 0!important;
}

.filab-intro--timeline {
	background-color: #F2F4F5;
}

.filab-intro__content {
	gap: 2em;
	margin: auto;
	display: flex;
	text-align: center;
	flex-direction: column;
}

h2.filab-intro__content-title {
	font-weight: 400;
	font-size: 1.813rem;
	line-height: 2.188rem;
	color: var(--e-global-color-secondary);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

h2.filab-intro__content-title--accent {
	font-weight: 600;
	font-size: 1.875rem;
	line-height: 2.25rem;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;

}

.filab-intro__content-text,
.filab-intro__content-text p {
	font-weight: 300;
	font-size: 1.063rem;
	line-height: 1.6rem;
	letter-spacing: 0.010625rem;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.filab-intro__content-text ul li {
	text-align: left;
}

.filab-intro__content-text p a,
.filab-intro__content-text ul li a {
	font-weight: 400;
	text-decoration: underline;
	color: var(--e-global-color-primary) !important;
}

.filab-intro__content-text p a:hover,
.filab-intro__content-text ul li a:hover {
	color: var(--e-global-color-accent) !important;
}

.filab-intro__content-text p:last-child {
	margin-bottom: 0;
}

.filab-intro__content-list {
	padding: 2em;
	overflow: hidden;
	border-radius: 5px;
	background-color: #F2F4F5;
}

.filab-intro__content-list ul {
	gap: 1em;
	margin: 0;
	padding: 0;
	display: grid;
	list-style: none;
	grid-template-columns: repeat(2, 1fr);
}

.filab-intro__content-list ul li {
	text-align: left;
	font-weight: 400;
	position: relative;
	padding-left: 35px;
	font-size: 1.063rem;
	line-height: 1.875rem;
	letter-spacing: 0.010625rem;
	color: var(--e-global-color-secondary);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.filab-intro__content-list ul li:before {
	left: 0;
	display: flex;
	width: 25px;
	height: 25px;
	color: #ffffff;
	content: "\f345";
	position: absolute;
	align-items: center;
	border-radius: 100%;
	font-family: dashicons;
	justify-content: center;
	background-color: var(--e-global-color-primary);
}

.filab-intro__content-list ul li a {
	font-weight: 400;
	text-decoration: underline;
	color: var(--e-global-color-primary) !important;
}

.filab-intro__content-list ul li a:hover {
	color: var(--e-global-color-accent) !important;
}

a.filab-intro__content-link {
	gap: 1em;
	height: 50px;
	display: flex;
	margin: 0 auto;
	font-size: 1rem;
	cursor: pointer;
	min-width: 233px;
	font-weight: 300;
	padding: 0.5em 2em;
	width: fit-content;
	position: relative;
	align-items: center;
	border-radius: 50px;
	justify-content: center;
	color: #ffffff !important;
	text-decoration: none !important;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	background: linear-gradient(79deg, #FC8444 0%, #B94B10 33%, #FC8444 66%, #B94B10 84%, #B94B10 100%);
}

a.filab-intro__content-link:focus,
a.filab-intro__content-link:hover {
	filter: brightness(1.1);
}

.filab-intro__content-timeline {
	display: flex;
	padding: 0 5%;
	position: relative;
	flex-direction: row;
	justify-content: space-between;
}

.filab-intro__content-timeline:before {
	left: 5%;
	right: 5%;
	top: 2.5em;
	width: 90%;
	height: 3px;
	content: "";
	z-index: 10;
	position: absolute;
	background-color: var(--e-global-color-primary);
}

.filab-intro__content-timeline::after {
	content: "";
	left: 0;
	right: 0;
	top: 2.5em;
	height: 3px;
	position: absolute;
	border-bottom: 3px dashed var(--e-global-color-primary);
}

.filab-intro__content-timeline-item {
	max-width: 174px;
}

.filab-intro__content-timeline-item__header {
	height: 2.5em;
	display: flex;
	position: relative;
	justify-content: center;
}

.filab-intro__content-timeline-item__header-dot {
	width: 35px;
	z-index: 10;
	height: 35px;
	display: flex;
	bottom: -18px;
	position: absolute;
	align-items: center;
	border-radius: 100%;
	justify-content: center;
	background-color: #ffffff;
}

.filab-intro__content-timeline-item__header-dot:before {
	width: 24px;
	height: 24px;
	content: "";
	position: absolute;
	border-radius: 100%;
	background-color: var(--e-global-color-primary);
}

.filab-intro__content-timeline-item__content-title {
	display: flex;
	padding-top: 1.5em;
	flex-direction: column;
}

.filab-intro__content-timeline-item__header-num,
.filab-intro__content-timeline-item__content-title span:first-child {
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.375rem;
	letter-spacing: -0.36px;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.filab-intro__content-timeline-item__content-title span:last-child {
	font-weight: 300;
	font-size: 1.063rem;
	line-height: 1.375rem;
	letter-spacing: 0.010625rem;
	color: var(--e-global-color-secondary);
}


/*RESPONSIVE*/

/*phone*/
@media (max-width: 767px) {


	h2.filab-intro__content-title {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	a.filab-intro__content-link {
		width: 100%;
	}

	.filab-intro__content-list ul {
		grid-template-columns: repeat(1, 1fr);
	}

	.filab-intro__content-timeline {
		gap: 1em;
		padding: 10% 0 10% 5%;
		flex-direction: column;
	}

	.filab-intro__content-timeline:before {
		top: 10%;
		width: 3px;
		bottom: 10%;
		height: 80%;
		left: 2.5%;
		right: unset;
	}

	.filab-intro__content-timeline::after {
		top: 0;
		bottom: 0;
		left: 2.5%;
		width: 3px;
		right: unset;
		height: 100%;
		position: absolute;
		border-bottom: none;
		border-left: 3px dashed #08345E;
	}

	.filab-intro__content-timeline-item {
		display: grid;
		padding: 1em 0;
		max-width: 70vw;
		grid-template-columns: 1fr 4fr;
	}

	.filab-intro__content-timeline-item__header {
		width: 3em;
		height: 100%;
		align-items: center;
		justify-content: flex-end;
	}

	.filab-intro__content-timeline-item__header-dot {
		left: -52%;
		width: 30px;
		height: 30px;
		bottom: unset;
	}

	.filab-intro__content-timeline-item__header-dot:before {
		width: 20px;
		height: 20px;
	}

	.filab-intro__content-timeline-item__content-title {
		padding-top: 0;
		text-align: left;
	}


}

/*tablet*/
@media (min-width: 768px) and (max-width: 1023px) {

	.filab-intro__content-timeline {
		padding: 0 5%;
	}

	.filab-intro__content-timeline:before {
		left: 5%;
		right: 5%;
		top: 2.5em;
		width: 90%;
	}

	.filab-intro__content-timeline-item__content-title span:last-child {
		font-size: 0.8rem;
		line-height: 1rem;
	}

}

/*mobile and tablet*/
@media (max-width: 1023px) {

	h2.filab-intro__content-title {
		padding: 0;
	}

}

/*desktop*/
@media (min-width: 1025px) {

	.filab-intro__content {
		max-width: 1000px;
	}

}

/*laptop 1*/
@media (min-width: 1024px) and (max-width: 1439px) {

	.filab-intro__content-timeline-item__content-title span:last-child {
		font-size: 0.8rem;
		line-height: 1rem;
	}

}

/*laptop 2*/
@media (min-width: 1440px) and (max-width: 1700px) {

	.filab-intro__content-timeline-item__content-title span:last-child {
		font-size: 0.8rem;
		line-height: 1rem;
	}

}

/*RESPONSIVE*/