/*
 * HOME
*/

#billboard {
	position: relative;
}

#billboard-slider-slide {
	height: 695px;
}

#billboard-slider-slide-track {
	height: 100%;
}

#billboard-slider-slide .splide__slide {
	display: flex;
	align-items: center;
	min-height: 100% !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.billboard-item {
	margin-bottom: 5em;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(7px);
	padding: 3em 4em 3.5em;
	min-height: 280px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}

.billboard-item-num {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 0.86em;
	line-height: 1.17em;
	color: #121F47;
}

.billboard-item-num::before {
	content: "";
	display: block;
	width: 15em;
	height: 1px;
	background: rgba(18, 31, 71, 0.26);
	margin-right: 1em;
}

.billboard-item .desc {
	font-size: 1.125em;
	line-height: 1.19em;
	color: #1C1C1C;
}

.billboard-item .button {
	margin-top: 3em;
}

#billboard .billboard-splider-pagination  {
	position: absolute;
	right: 0;
	left: 0;
	max-width: 1240px;
	width: 100%;
	margin: 0 auto;
	bottom: 19em;
}

#billboard .splide__pagination {
	display: flex;
	padding: 0 5em;
	max-width: 50%;
}

#billboard .splide__pagination li {
	flex-grow: 1;
}

#billboard .splide__pagination__page {
	width: auto;
	height: 2px;
	margin: 0;
	cursor: pointer;
	flex-grow: 1;
	background: #B5B5B5;
	border: none;
}

#billboard .splide__pagination__page {
	width: 100%;
	border-radius: 0;
}

#billboard .splide__pagination__page.is-active {
	outline-offset: 0;
	background: #121F47;
	height: 4px;
	margin: 0;
	transform: unset;
}

#down-to {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	max-width: 4em;
	margin: auto;
	bottom: 1em;
}

#down-to span {
	font-size: 0;
	display: none;
}

#billboard .arrow.arrow--left,
#billboard .arrow.arrow--right {
	max-width: 1240px;
	margin: 0 auto;
}

#billboard-slider-slide .splide__arrow {
	visibility: hidden;
}

#billboard .arrow.arrow--left::before {
	content: "";
	display: block;
	width: 34px;
	height: 34px;
	background-image: url("data:image/svg+xml,%3Csvg width='35' height='34' viewBox='0 0 35 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='34.228' y='33.4565' width='33.4564' height='33.4564' transform='rotate(-180 34.228 33.4565)' fill='%23B5B5B5'/%3E%3Cpath d='M15.0707 16.7281C15.0707 16.6365 15.103 16.5448 15.1675 16.4749L18.4691 12.8931C18.5981 12.7531 18.807 12.7531 18.936 12.8931C19.0649 13.033 19.065 13.2597 18.936 13.3995L15.8678 16.7281L18.936 20.0567C19.065 20.1966 19.065 20.4233 18.936 20.5632C18.8069 20.703 18.598 20.7031 18.4691 20.5632L15.1675 16.9813C15.103 16.9114 15.0707 16.8197 15.0707 16.7281Z' fill='%23121F47'/%3E%3C/svg%3E");
	position: absolute;
	left: calc(50% - 100px);
	top: 10em;
}

#billboard .arrow.arrow--right::before {
	content: "";
	display: block;
	width: 34px;
	height: 34px;
	background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.543457' width='33.4564' height='33.4564' fill='%23B5B5B5'/%3E%3Cpath d='M19.7007 16.7287C19.7007 16.8203 19.6685 16.912 19.604 16.9819L16.3024 20.5637C16.1734 20.7037 15.9645 20.7037 15.8355 20.5637C15.7066 20.4238 15.7065 20.1971 15.8355 20.0573L18.9037 16.7287L15.8355 13.4001C15.7065 13.2601 15.7065 13.0335 15.8355 12.8936C15.9645 12.7538 16.1734 12.7537 16.3024 12.8936L19.604 16.4754C19.6685 16.5454 19.7007 16.6371 19.7007 16.7287Z' fill='%23121F47'/%3E%3C/svg%3E");
	position: absolute;
	left: calc(50% - 60px);
	top: 10em;
}

.billboard-item .arrows {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

#billboard .billboard-item .arrows .arrow.arrow--left::before {
	top: 12px;
	left: unset;
	right: 4em;
}

#billboard .billboard-item .arrows .arrow.arrow--right::before {
	top: 12px;
	left: unset;
	right: 1em;
}

@media (max-width: 991px){

	#billboard-slider-slide h1,
	#billboard-slider-slide .h1 {
		font-size: 3.1em;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.billboard-item {
		min-height: 450px;
	}

	#billboard .arrow.arrow--left::before,
	#billboard .arrow.arrow--right::before {
		top: 7em;
	}

	#billboard .billboard-splider-pagination  {
		bottom: 13em;
	}
}

@media (max-width: 767px){

	.billboard-item {
		margin-bottom: 1em;
		padding: 3.6em 1.8em 2.5em
	}

	#billboard-slider-slide {
		height: 38em;
	}

	.billboard-item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		min-height: auto;
	}

	#billboard .dots {
		display: flex;
		justify-content: center;
		align-items: center;
		right: 0;
		top: 90%;
		left: 0;
	}

	#down-to {
		display: none;
	}

	#billboard .billboard-splider-pagination  {
		max-width: 100%;
		margin: 0 auto;
		bottom: 2em;
		padding: 0 30px;
	}

	#billboard .splide__pagination {
		max-width: 100%;
	}

	.billboard-item .button {
		margin-top: 1.8em;
	}

	.billboard-item-num::before {
		width: 13em;
	}

	.billboard-item-num {
		margin-bottom: 1em;
	}

}