.site-header .site-header__main {
	padding: 1.5rem 0;
}

.site-header .site-header__main > .wrapper,
.site-header .site-header__scroll > .wrapper {
	display: flex;
	flex-wrap: wrap;
}

.site-header .site-header__logo .site-header__logo--image {
	display: block;
	height: 98px;
	width: auto;
}

  @media (max-width:980px){
    .site-header .site-header__logo .site-header__logo--image {
      height: 68px;
    }
  }

  @media (max-width:680px){
    .site-header .site-header__logo .site-header__logo--image {
      height: 48px;
    }
  }

.site-header .site-header__main .site-header__hamburger {
	display: block;
	padding-left: 2rem;
	margin-left: auto;
}
.site-header .site-header__hamburger--icon {
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	background: #125D96;
	border-color: #125D96;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 2px;
	padding: 0.75rem 1rem;
}
.site-header .site-header__hamburger--icon:hover,
.site-header .site-header__hamburger--icon:focus {
	background-color: #125d96;
	border-color: #125d96;
}


.site-header .hs-menu__nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.site-header .site-header__main input[type="checkbox"] {
	display: none;
}
.site-header .hs-menu__nav .hs-menu__item > .hs-menu__link {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0.02em;

	color: #000000;
	text-decoration: none;
}
.site-header .hs-menu__nav .hs-menu__item .hs-menu__link.active-node,
.site-header .hs-menu__nav .hs-menu__item .hs-menu__link.active-branch,
.site-header .hs-menu__nav .hs-menu__item > .hs-menu__link:hover {
	color: #60AFE0;
}
.site-header .hs-menu__nav .hs-menu__item.hs-item__has-children.hs-menu__depth-1 > .hs-menu__link:after {
	content: '\f054';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: inline-block;
	margin-left: 0.5rem;
	font-size: 8px;
	line-height: 1;
	vertical-align: middle;
	color: #60AFE0;
}
.site-header .hs-menu__nav .hs-menu__item > .hs-menu__link.hs-button {
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 18.75px;
	background: #125D96;
	border-color: #125D96;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 2px;
}
.site-header .hs-menu__nav .hs-menu__item > .hs-menu__link.hs-button:hover,
.site-header .hs-menu__nav .hs-menu__item > .hs-menu__link.hs-button:focus {
	background-color: #125d96;
	border-color: #125d96;
}

{# icons #}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__has-icon {
	display: flex;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__has-icon .icon {
	display: inline-block;
	position: relative;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	margin-right: 0.5rem;
	background: rgba(96, 175, 224, 0.1);
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__has-icon .icon svg {
	height: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	fill: #60AFE0;
}

.site-header .hs-menu__nav .hs-item__meganav .hs-item__has-icon .icon svg .no-fill {
	fill: none !important;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__has-icon .hs-menu__link {
	flex: 1;
	margin-top: 0.5rem;
}
.site-header .hs-menu__nav .hs-menu__item[data-name="start-your-audit"] {
	padding-left: calc(35px + 0.5rem);
}

{# colors of labels and icons #}
{# orange items #}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="hubspot-services"] .heading,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="about-bluleadz"] .heading,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="ai-growth-efficiency"] .heading {
	color: #F08920;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="hubspot-services"] .hs-item__has-icon .icon {
	background-color: rgba(240, 137, 32, 0.1);
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="hubspot-services"] .hs-item__has-icon .icon svg {
	fill: #ff5c35;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="hubspot-services"] .hs-item__has-icon .icon svg .stroke {
	stroke: #ff5c35;
}

{# lt blue items #}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="learn"] .heading,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="marketing"] .heading {
	color: #60AFE0;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="learn"] .hs-item__has-icon .icon {
	background-color: rgba(96, 175, 224, 0.1)  ;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="learn"] .hs-item__has-icon .icon svg {
	fill: #60AFE0;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="learn"] .hs-item__has-icon .icon svg .stroke {
	stroke: #60AFE0;
}
{# dk blue items #}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="sales"] .heading,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="free-tools"] .heading,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="free-ai-resources"] .heading,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="our-industries"] .heading {
	color: #125D96;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="free-tools"] .hs-item__has-icon .icon,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="free-ai-resources"] .hs-item__has-icon .icon{
	background-color: rgba(18, 93, 150, 0.1);
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="free-tools"] .hs-item__has-icon .icon svg,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="free-ai-resources"] .hs-item__has-icon .icon svg{
	fill: #125D96;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="free-tools"] .hs-item__has-icon .icon svg .stroke,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="free-ai-resources"] .hs-item__has-icon .icon svg .stroke{
	stroke: #125D96;
}


{# teal items #}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="do-it-for-us"] .heading,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="website"] .heading,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="our-work"] .heading,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="education"] .heading{
	color: #34C0CB;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="do-it-for-us"] .hs-item__has-icon .icon,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="education"] .hs-item__has-icon .icon {
	background-color: rgba(52, 192, 203, 0.1);
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="do-it-for-us"] .hs-item__has-icon .icon svg,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="education"] .hs-item__has-icon .icon svg {
	fill: #34C0CB;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="do-it-for-us"] .hs-item__has-icon .icon svg .stroke,
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__item[data-name="education"] .hs-item__has-icon .icon svg .stroke {
	stroke: #34C0CB;
}

.site-header .hs-menu__nav .hs-item__meganav .hs-menu__link span.heading {
	display: block;
	font-weight: 700;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__link span.description {
	display: block;
	font-weight: 300;
	font-size: 12.5px;
	line-height: 18px;
	margin-top: 0.33em;

	color: #080809;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__link span.arrow {
	display: inline-block;
	font-weight: 400;
	font-size: 13px;
	line-height: 16px;
	color: #F08920;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-menu__link span.arrow:after {
	content: '\f061';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: inline-block;
	margin-left: 0.33em;
}

.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional {
	position: relative;
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	background-color: #E3F1FA;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional p {
	margin-bottom: 1em;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional > *:last-child {
	margin-bottom: 0;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional a {
	font-weight: 300;
	text-decoration: none;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional a.arrow:after {
	content: '\f061';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: inline-block;
	margin-left: 0.33em;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--card.hubspot-card {
	overflow: hidden;
	background-color: rgba(240, 137, 32, 0.05);
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--card.hubspot-card a.arrow {
	font-weight: bold;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--card.hubspot-card:after {
	content: '';
	display: block;
	aspect-ratio: 1;

	position: absolute;
	right: -0.25rem;
	top: 50%;
	transform: translateY(-50%);

	background-image: url('https://www.bluleadz.com/hubfs/hubspot-sprocket.png');
	background-repeat: no-repeat;
	background-size: cover;

	opacity: 0.1;
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--fixed.about-card {
	font-weight: bold;
	padding-left: calc(1.5rem + 35px + 1rem);
}
.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--fixed.about-card:before {
	content: '';
	display: block;
	width: 35px;
	aspect-ratio: 1;

	position: absolute;
	left: 1.5rem;
	top: 1rem;

	background-image: url('https://www.bluleadz.com/hubfs/star-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
}


@media (max-width: 991px) {
	.site-header .site-header__main .site-header__menu {
		width: 100vw;
		margin: 0 -1rem;
		padding: 0 1rem;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.15s;
	}
	.site-header .site-header__main input[type="checkbox"]:checked ~ .site-header__menu {
		max-height: 9999em;
	}
	.site-header .hs-menu__nav > ul {
		margin-top: 1.5rem;
	}
	.site-header .hs-menu__nav .hs-menu__item + .hs-menu__item {
		padding-top: 0.5rem;
	}
	.site-header .hs-menu__nav .hs-menu__item.hs-item__has-children.hs-menu__depth-1.in > .hs-menu__link:after {
		transform: rotate(90deg);
	}
	.site-header .hs-menu__nav .hs-menu__item.in > .hs-item__meganav {
		margin-top: 0.5rem;
		font-size: 1rem;
		background: #fff;
		box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.15);
		border-radius: 5px;
	}
	.site-header .hs-menu__nav .hs-item__meganav > .hs-item__meganav--wrapper {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.15s;
	}
	.site-header .hs-menu__nav .hs-menu__item.in  .hs-item__meganav > .hs-item__meganav--wrapper {
		padding: 1rem;
		max-height: 9999em;
	}
	.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--list > li .hs-menu__link + .hs-item__list {
		margin-top: 1rem;
	}
	.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--list > li + li {
		margin-top: 1rem;
	}

	.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--fixed,
	.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--card {
		border-radius: 5px;
		padding: 1rem 1.5rem;
		margin: 1.5rem 0 0;
	}

	.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--card.hubspot-card:after {
		height: 100px;
	}

}
@media (min-width: 768px) {
	.site-header .hs-menu__nav .hs-item__meganav > .hs-item__meganav--wrapper > .hs-item__meganav--list {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		gap: 1.5rem;
	}
	{# resources - free tools wrapping #}
	.site-header .hs-menu__nav .hs-menu__item[data-name="resources"] .hs-menu__item[data-name="free-tools"] > .hs-item__list {
		min-width: 550px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 185px;
		gap: 0 1rem;
	}
	.site-header .hs-menu__nav .hs-menu__item[data-name="resources"] .hs-menu__item[data-name="free-tools"] > .hs-item__list > li {
		flex: 1 1 50%;
		max-width: 50%;
	}
}
@media (min-width: 992px) {
	.site-header .site-header__main.overlay {
		position: absolute;
		top: 0;
		width: 100%;
	}
	.site-header .site-header__main .site-header__hamburger {
		display: none;
	}
	.site-header .site-header__main .site-header__menu,
	.site-header .site-header__scroll .site-header__menu {
		padding-top: 0.5rem;
		padding-left: 2rem;
		max-width: 820px;
		margin-left: auto;
		width: 100%;
	}
	.site-header .hs-menu__nav {
		margin: 0;
	}
	.site-header .hs-menu__nav .hs-menu__list {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.site-header .hs-menu__nav .hs-menu__item {
		position: relative;
	}
	.site-header .hs-menu__nav .hs-item__meganav {
		position: absolute;
		padding-top: 1rem;
		z-index: 10;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);

		visibility: hidden;
		opacity: 0;
	}

	.site-header .hs-menu__nav .hs-menu__item.hs-item__has-children.hs-menu__depth-1 > .hs-menu__link:after {
		content: '\f078';
	}

	.site-header .hs-menu__nav .hs-menu__item.hs-item__has-children.hs-menu__depth-1:hover > .hs-menu__link {
		color: #60AFE0;
	}
	.site-header .hs-menu__nav .hs-menu__item.hs-item__has-children.hs-menu__depth-1:hover > .hs-item__meganav {
		opacity: 1;
		visibility: unset;
	}

	.site-header .hs-menu__nav .hs-item__meganav > .hs-item__meganav--wrapper {
		min-width: 800px;
		font-size: 1rem;
		background: #fff;
		box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.15);
		border-radius: 5px;

		padding: 2rem;
		overflow: hidden;
	}
	.site-header .hs-menu__nav .hs-menu__item[data-name="about-us"] .hs-item__meganav > .hs-item__meganav--wrapper {
		min-width: 515px;
	}
	.site-header .hs-menu__nav .hs-item__meganav > .hs-item__meganav--wrapper > .hs-item__meganav--list {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		gap: 2rem;
	}
	.site-header .hs-menu__nav .hs-item__meganav .hs-item__list > li {
		padding-top: 1.5rem;
	}
	.site-header .hs-menu__nav .hs-item__meganav .hs-item__list .hs-menu__link {
		display: inline-block;
	}


	.site-header .hs-menu__nav .hs-item__meganav .hs-menu__link {
		font-weight: 400;
		font-size: 16px;
		line-height: 19px;
		color: #000000;
	}

	.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--fixed {
		padding: 1rem 1.5rem;
		background-color: #E3F1FA;
		margin: 1.5rem -1.5rem -1.5rem;
	}
	.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--card {
		position: absolute;
		right: 1.5rem;
		bottom: 1.5rem;
		width: calc( (100% - 3rem ) / 3 * 2);

		border-radius: 5px;
		padding: 1em;
		background-color: #E3F1FA;
	}
	.site-header .hs-menu__nav .hs-item__meganav .hs-item__meganav--additional.type--card.hubspot-card:after {
		width: 85px;
	}
}

.site-header .site-header__scroll {
	position: fixed;
	top: -15%;
	width: 100%;
	background-color: rgba(255,255,255,0.75);
	backdrop-filter: blur(48px);
	transition: top 0.5s ease-in;
}


.site-header .site-header__scroll.has-toast.in {
	top: 0;
}
.site-header .site-header__scroll.has-toast.in {
	top: 46px;
}
.site-header .site-header__scroll {
	padding: 1rem 0;
}
.site-header .site-header__scroll .site-header__logo .site-header__logo--image {
	height: 60px;
	margin-bottom: -1rem;
}
.site-header .site-header__scroll .site-header__logo g.bz-text {
	display: none;
}
.site-header .site-header__scroll > .wrapper {
	align-items: center;
	padding: 0 2rem 0 1.35rem;
}
.site-header__scroll .site-header__scroll .site-header__menu {
	padding-top: 0;
}

@media (max-width: 991px) {
	.site-header__scroll {
		display: none;
	}
}


/* -- 2024 updates -- */

li.hs-menu__item.hs-menu__depth-2.hs-item__has-children[data-name="hubspot-services"] ul.hs-item__list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

li.hs-menu__item.hs-menu__depth-2.hs-item__has-children[data-name="hubspot-services"] ul.hs-item__list li.hs-menu__depth-3 {
    width: calc(100%/2 - 1rem);
}

  @media max-width:980px){
    li.hs-menu__item.hs-menu__depth-2.hs-item__has-children[data-name="hubspot-services"] ul.hs-item__list li.hs-menu__depth-3 {
        width: calc(100%/1 - 0.5rem);
    }
  }