/* Hero banner */
.banner-section .main-content-container {
	background: linear-gradient(84.5deg, var(--c-b2bDarkBlueGradient) 0%, var(--c-b2bDLightBlueGradient) 100%) !important;
}

.banner-section {
	padding: 0px !important;
}

.hero-banner .dxp-block-flexible-container {
	min-height: 0 !important;
}

.hero-banner .main-content-container {
	padding-top: 168px !important;
	padding-bottom: 132px !important;
	padding-left: 156px !important;
	padding-right: 156px !important;
}

/* About us banner */
.about-us-banner.hero-banner .height-full.main-content-container {
	padding-top: 104px !important;
	padding-bottom: 120px !important;
	height: 240px !important;
}

.hero-banner {
	.title h1 {
		color: var(--c-b2bWhite) !important;
		font-weight: var(--c-b2bFontWeightBolder) !important;
		font-size: var(--c-b2bFontSize40) !important;
		line-height: var(--c-b2bLargeLineHeight) !important;
		letter-spacing: var(--c-b2bDefaultLetterSpacing) !important;
	}

	.subtitle h3 {
		font-weight: var(--c-b2bFontWeight400) !important;
		font-size: var(--c-b2bFontSize24) !important;
		line-height: var(--c-b2bLargeLineHeight) !important;
		letter-spacing: var(--c-b2bDefaultLetterSpacing) !important;
		color: var(--c-b2bWhite) !important;
	}

	.horizontal-line hr {
		width: 80px !important;
		border-radius: 100px !important;
	}

	.login-button a,
	.register-button a {
		width: 180px !important;
		height: 56px !important;
		padding-top: 1px !important;
		padding-right: 16px !important;
		padding-bottom: 1px !important;
		padding-left: 16px !important;
		border-width: 1px !important;
		border-radius: var(--c-b2bDefaultBorderRaduis) !important;
		font-weight: var(--c-b2bFontWeight500) !important;
		font-size: var(--c-b2bFontBaseSize) !important;
		line-height: var(--c-b2bDefaultLineHeight) !important;
		letter-spacing: var(--c-b2bDefaultLetterSpacing) !important;
		text-align: center !important;
		background-color: transparent !important;
		text-transform: uppercase !important;
	}

	.login-button a {
		border-color: var(--c-b2bDarkGrey) !important;
		color: var(--c-b2bBrandColor) !important;
		background-color: var(--c-b2bAlmostWhite) !important;
	}

	.register-button a {
		border-color: var(--c-b2bAlmostWhite) !important;
		color: var(--c-b2bAlmostWhite) !important;
	}

	.register-button a:hover {
		background-color: var(--c-b2bAlmostWhite) !important;
		color: var(--c-b2bBrandColor) !important;
	}
}

/* Available brands*/
.brands-logos dxp_layout-column-spacer {
	width: 180px !important;
}

.brand-logo img {
	height: 70px !important;
}

/* FAQ */
.faq-section {
	margin-bottom: -8px !important;
}

@media only screen and (max-width: 480px) {

	/* Hero banner */
	.hero-banner .main-content-container {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

@media only screen and (max-width: 768px) {

	/* About us banner */
	.about-us-banner.hero-banner .height-full.main-content-container {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
		height: 135px !important;
	}

	/* Available brands*/
	.brands-logos dxp_layout-column-spacer {
		width: 20px !important;
	}

	.brand-logo img {
		height: 48px !important;
	}

	/* Hero banner */
	.hero-banner .main-content-container {
		padding-top: 104px !important;
		padding-bottom: 40px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.hero-banner {
		.cta-buttons {
			display: block !important;
			width: 100vw !important;
		}

		.title h1 {
			font-size: var(--c-b2bFontSize32) !important;
		}

		.subtitle h3 {
			font-size: var(--c-b2bFontSize20) !important;
			line-height: var(--c-b2bMediumLineHeight) !important;
		}

		.login-button a {
			width: calc(100vw - 32px) !important;
			margin-bottom: 16px;
		}

		.register-button a {
			width: calc(100vw - 32px) !important;
		}
	}

	.about-us-banner.hero-banner .title h1 {
		font-size: 28px !important;
	}

	.hero-banner-no-top-padding {
		padding-top: 0 !important;
	}

	/* Our mission */
	.our-mission-text p {
		line-height: 22px !important;
	}
}

/* Carousel */
.hero-carousel-section {
	padding: 0 !important;
}

/* Brands */
.section-brands{
	height: 201px;
}
.section-brands .brands-logos {
	display: flex !important;
	justify-content: center;
}

@media screen and (min-width: 769px) {
	.section-brands .brands-logos .image picture img {
		max-width: 140px;
	}
}

@media screen and (max-width: 768px) {
	.section-brands {
		height: 152px !important;
	}
}

/* Our Mission */
.section-our-mission img {
	border-radius: 8px;
}

/* What We Offer */
.section-what-we-offer {
	background: var(--c-b2b-blue);
	background: linear-gradient(90deg, var(--c-b2b-blue) 0%, var(--c-b2b-light-blue) 100%);
}

.section-what-we-offer .title p {
	font-size: var(--c-b2bFontSize20);
	line-height: var(--c-b2b-line-height-1_4);
	font-weight: var(--c-b2bFontWeight500);
}

@media screen and (min-width: 768px) {
	.section-what-we-offer .title p {
		font-size: var(--c-b2bFontSize24);
		line-height: var(--c-b2b-line-height-1_33);
	}
}

/* Statistics */
.section-statistics .title p {
	font-size: var(--c-b2bFontSize40);
	line-height: var(--c-b2b-line-height-1_25);
	font-weight: var(--c-b2bFontWeight300);
}

@media screen and (min-width: 768px) {
	.section-statistics .column-content {
		border-right: 3px solid var(--c-b2b-celeste);
	}

	.section-statistics community_layout-column:last-of-type .column-content {
		border: none;
	}
}

/* Breadcrumbs */
.static-page-breadcrumbs nav {
	height: 42px;
	padding: 12px 55px !important;
}