.site-banner.banner-size-large {
	--margin-offset: 116px;
}

.site-banner.banner-size-medium {
	--margin-offset: 90.70px;
}

.site-banner {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 60px var(--padding-container);
	margin-top: calc(var(--height-header) * -1);
	position: relative;
	align-items: flex-end;
	margin-bottom: var(--margin-offset);
}

.site-banner .content-banner {
	width: 100%;
	max-width: 100%;
	font-size: var(--text-xl);
	position: relative;
	z-index: 2;
}

.site-banner.banner-size-large .content-banner * {
	color: var(--white);
}

.site-banner .content-banner h1,
.site-banner .content-banner h2 {
	font-weight: 500;
	line-height: var(--lineheight-xs);
	margin-bottom: 0;
}

.site-banner .content-banner h1 {
	--text-5xl: var(--text-6xl);

}

.content-banner .button-group-banner {
	margin-top: 28px;
}

.site-banner.banner-size-large {
	flex-direction: column;
	justify-content: space-between;
	background-position: center bottom !important;
	margin-bottom: 0;
}

.site-banner:before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1;
	pointer-events: none;
	bottom: calc(var(--margin-offset) * -1);
}

.site-banner.banner-size-medium:before {
	height: 246.8px;
	background: url() center/cover no-repeat;
}

.site-banner .site-breadcrumbs {
	padding-top: 0px;
}

.site-banner .site-breadcrumbs .container {
	width: 100%;
}

.site-banner .search-banner {
	width: 100%;
	max-width: 570px;
}

.search-custom-wrapper,
.search-custom-wrapper form {
	position: relative;
}

.search-custom-wrapper form {
	z-index: 3;
}

.search-custom-wrapper input {
	background-color: var(--white);
	padding: 18px 25px;
	padding-right: 60px;
	border-radius: var(--rounded-md);
}

.search-custom-wrapper input::placeholder {
	color: var(--gray-500);
}

.search-custom-wrapper input {
	border-color: var(--white);
} 

.search-custom-wrapper button {
	--rounded-sm: 5px;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 0;
	width: 48px;
	height: 48px;
	padding: 10px;
	border-radius: var(--rounded-sm);
	background: var(--gray-220) url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7_46)'%3E%3Cpath d='M27.6811 26.1416L20.8477 19.3084C22.5463 17.2659 23.5696 14.643 23.5696 11.7852C23.5696 5.2868 18.2829 0 11.7849 0C5.28665 0 0 5.2868 0 11.7852C0 18.2831 5.28665 23.5694 11.7849 23.5694C14.6426 23.5694 17.2656 22.5463 19.3081 20.8477L26.1416 27.6811C26.3541 27.8937 26.6328 28 26.9114 28C27.1899 28 27.4686 27.8937 27.6812 27.6811C28.1064 27.256 28.1064 26.5668 27.6811 26.1416ZM2.17725 11.7852C2.17725 6.48733 6.48719 2.17725 11.7849 2.17725C17.0824 2.17725 21.3922 6.48733 21.3922 11.7852C21.3922 17.0825 17.0824 21.3922 11.7849 21.3922C6.48719 21.3922 2.17725 17.0825 2.17725 11.7852Z' fill='%232A2A2A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7_46'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center/28px no-repeat;
	transition: var(--duration);
}

.search-banner button:hover {
	transform: scale(0.85);
}

.search-service {
	list-style-type: none;
	padding: 20px 25px;
	background-color: var(--white);
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	max-height: 160px;
	overflow-y: auto;
	border-bottom-left-radius: var(--rounded-md);
	border-bottom-right-radius: var(--rounded-md);
	z-index: 3;
}

.search-service:not(.show) {
	display: none;
	z-index: -1;
}

.search-service a {
	color: var(--gray);
}

.search-service a:hover {
	color: var(--gray-900);
} 

.search-service::-webkit-scrollbar {
    width: 5px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: var(--white);
}

.search-service::-webkit-scrollbar-thumb {
    background-color: var(--white);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.search-service::-webkit-scrollbar-thumb {
    background-color: var(--gray);
}


@media all and (min-width: 901px) {
	.site-banner {
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.site-banner.banner-size-large {
		min-height: 100vh;
		padding-bottom: calc(120px + var(--margin-offset));
	}
}

@media all and (min-width: 1200px){
	.site-banner.banner-size-medium {
		min-height: 563px;
	}
}

@media all and (min-width: 1600px) {
	.site-banner .search-banner {
		margin-top: 120px;
	}
}

@media all and (max-width: 1599px) {
	.site-banner .search-banner {
		margin-top: 60px;
		margin-bottom: 80px;
	}
}

@media all and (max-width: 1199px) {
	.site-banner .search-banner {
		display: none;
	}

	.site-banner.banner-size-large {
		justify-content: flex-end;
	}

}

@media all and (min-width: 901px) and (max-width: 1199px) {
	.site-banner.banner-size-medium {
		min-height: 363px;
	}

	.site-banner.banner-size-large {
		min-height: 600px;
	}
}

@media all and (max-width: 1099px) {
	.site-banner .content-banner {
		--text-xl: var(--text-md);
	}
}

@media all and (min-width: 500px) and (max-width: 900px) {
	.site-banner.banner-size-large {
		min-height: 60vh;
		padding-bottom: 120px;
	}	
}

@media all and (max-width: 900px) {
	.site-banner.banner-size-medium {
		padding-top: 120px;
	}
}

@media all and (max-width: 499px) {
	.site-banner.banner-size-large {
		min-height: 43vh;
	}
}