.home_hero_banner {
	background: var(--darkBlue2);
	color: var(--white);
	overflow: hidden;
	position: relative;
	padding: 178px 0 262px;
}

.home_hero_banner::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(https://images.esparkinfo.com/wp-media-folder-esparkbiz/wp-content/uploads/2026/07/bottom_bg.svg);
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.home_hero_banner .small_text {
	font-size: 16px;
	line-height: 1.16;
	font-weight: 700;
	color: var(--skyBlue);
}

.home_hero_banner .content_wrapper {
	display: flex;
	flex-direction: column;
	gap: 28px;
	max-width: 926px;
	position: relative;
	z-index: 1;
}

.home_hero_banner .h1 {
	font-size: 60px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: -2px;
	max-width: 857px;
}

.home_hero_banner .h1 span {
	font-weight: 700;
	line-height: 1.13;
	display: block;
	background: linear-gradient(90deg, #4497E4 0%, #0668C4 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.home_hero_banner .desc {
	color: var(--bodyTextLight);
}

.home_hero_banner .btn_group {
	display: flex;
	align-items: start;
	gap: 16px;
	margin-bottom: 23px;
}

.animate_bg_img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
}

.banner-case-study-wrap {
	border: 1.18px solid #DADADA;
	background-color: var(--white);
	border-radius: 11.83px;
	padding: 18px;
	display: flex;
	align-items: center;
	width: fit-content;
}

.banner-case-study-text {
	max-width: 250px;
	padding-right: 25px;
	color: var(--dark);
}

.banner-case-study-list {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	padding-left: 30px;
	position: relative;
	display: inline-flex;
	width: fit-content;
}

.banner-case-study-list::before {
	position: absolute;
	content: '';
	width: 1px;
	height: 90%;
	background-color: var(--orange);
	top: 50%;
	left: 0;
	opacity: 1;
	transform: translateY(-50%);
}

a.clutch-rating-static {
	max-width: 220px;
	display: flex;
}

.banner-case-study-item {
	display: flex;
	flex-direction: column;
	gap: 7px;
	position: relative;
	/* flex: 1; */
	justify-content: space-between;
	height: stretch;
	justify-content: center;
}

.banner-case-study-item .img-logo {
	display: flex;
}

.banner-case-study-item .img-logo img {
	display: flex;
	height: 28px;
}

.banner-case-study-item .link {
	display: flex;
	color: var(--dark);
	font-size: 14px;
	line-height: 1;
	align-items: center;
}

.banner-case-study-item .link .icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-case-study-item .link .icon img,
.banner-case-study-item .link .icon svg {
	display: block;
	margin-top: 3px;
}


.banner-case-study-item>a {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* z-index: -12; */
}

.banner-case-study-item:last-child {
	flex: none;
}

.banner-case-study-item:not(:last-child) {
	padding-right: 25px;
}

.banner-case-study-item:not(:first-child) {
	padding-left: 25px;
}

.banner-case-study-item:not(:last-child)::before {
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;
	background-color: var(--dark);
	top: 0;
	bottom: 0;
	right: 0px;
	opacity: 0.2;
	margin: auto;
}

.banner-case-study-item:hover .link {
	color: var(--orange);
}

.home_hero_banner .bg_img {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
}


/* ANIMATION Faint always-on base stroke */
.alb-base {
	opacity: 0.18;
}

/*
   * Pulse layer: short dash traveling along the whole line.
   * pathLength="1" normalizes geometry so values are simple fractions.
   * Dash pattern 0.22 visible + 1 gap, animated from offset 1.22 -> 0.
   */
.alb-pulse {
	stroke-dasharray: 0.22 1;
	stroke-dashoffset: 1.22;
	animation: alb-travel linear infinite;
	will-change: stroke-dashoffset;
}

@keyframes alb-travel {
	from {
		stroke-dashoffset: 1.22;
	}

	to {
		stroke-dashoffset: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.alb-pulse {
		animation: none;
		stroke-dasharray: none;
		stroke-dashoffset: 0;
		opacity: 0.5;
	}
}

/* ANIMATION END */

@media (min-width: 2160px) {
	.home_hero_banner .content_wrapper {
		max-width: 1010px;
	}
}

@media (max-width: 1440px) {
	.home_hero_banner {
		padding: 110px 0 150px;
	}

	.home_hero_banner .content_wrapper {
		gap: 20px;
	}

	.home_hero_banner .h1 {
		font-size: 54px;
	}
}

@media (max-width: 1280px) {
	.home_hero_banner {
		padding: 70px 0;
	}

	.home_hero_banner .h1 {
		font-size: 48px;
	}

	.animate_bg_img {
		left: unset;
		right: 0;
		top: -19%;
		width: 75%;
	}

	.home .section-title h2,
	.home .section-title .h2 {
		font-size: 40px;
	}
}

@media (max-width: 991px) {
	.home_hero_banner {
		padding: 50px 0;
	}

	.home_hero_banner .h1 {
		font-size: 40px;
	}

	.banner-case-study-wrap {
		flex-wrap: wrap;
		gap: 12px;
	}

	.banner-case-study-item:not(:last-child) {
		padding-right: 12px;
	}

	.banner-case-study-item:not(:first-child) {
		padding-left: 12px;
	}

	.banner-case-study-list {
		padding-left: 0;
	}

	.banner-case-study-text {
		max-width: 100%;
		padding-right: 0;
	}

	.banner-case-study-list::before,
	.banner-case-study-item:not(:last-child)::before {
		display: none;
	}

	.banner-case-study-list {
		flex-wrap: wrap;
	}
}

@media (max-width: 767px) {
	.home_hero_banner .content_wrapper {
		gap: 12px;
	}

	.home_hero_banner .h1 {
		font-size: 32px;
	}

	.banner-case-study-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 18px;
	}

	.banner-case-study-item {
		justify-content: flex-start;
	}

	.banner-case-study-item:not(:last-child),
	.banner-case-study-item:not(:first-child) {
		padding: 0;
	}

	.home_hero_banner .btn_group {
		flex-wrap: wrap;
	}
}