/*
	 ######  ######## ########  ##     ##  ######  ######## ##     ## ########  ########
	##    ##    ##    ##     ## ##     ## ##    ##    ##    ##     ## ##     ## ##
	##          ##    ##     ## ##     ## ##          ##    ##     ## ##     ## ##
	 ######     ##    ########  ##     ## ##          ##    ##     ## ########  ######
	      ##    ##    ##   ##   ##     ## ##          ##    ##     ## ##   ##   ##
	##    ##    ##    ##    ##  ##     ## ##    ##    ##    ##     ## ##    ##  ##
	 ######     ##    ##     ##  #######   ######     ##     #######  ##     ## ########
*/

.header,
.main,
.what-it-costs,
.find-out-more,
.footer-call {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

/*
	##     ## ########    ###    ########  ######## ########
	##     ## ##         ## ##   ##     ## ##       ##     ##
	##     ## ##        ##   ##  ##     ## ##       ##     ##
	######### ######   ##     ## ##     ## ######   ########
	##     ## ##       ######### ##     ## ##       ##   ##
	##     ## ##       ##     ## ##     ## ##       ##    ##
	##     ## ######## ##     ## ########  ######## ##     ##
*/

.header{
	padding: 0;
	display: block;
}
.logo {
	margin: 0 auto;
	max-height: 40px;
}
header.isStuck .logo {
	max-height: 20px;
}




/*
	##    ##    ###    ##     ##
	###   ##   ## ##   ##     ##
	####  ##  ##   ##  ##     ##
	## ## ## ##     ## ##     ##
	##  #### #########  ##   ##
	##   ### ##     ##   ## ##
	##    ## ##     ##    ###
*/

.nav-mobile,
.nav-toggle,
.nav-mobile-secondary {
	display: none !important;
}


.nav {
	display: block;
}
.header.isStuck .nav{
	margin-top: 0;
}

.nav-group {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	list-style: none;
}

.nav-item {
	margin: 0;
	display: flex;	
}
.nav-link {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 80%;
	padding: 0.75em;
	letter-spacing: 0.1em;
	color: #1b1b3a;
	transition: 0.2s;
	display: flex;
	align-items: center;
}
.header.isStuck .nav-link{
	font-size: 70%;
}

.nav-item:last-child .nav-link {
	border-right: none;
}


.nav-link::after {
	content: "";
	width: calc(100% - 2em);
	height: 2px;
	position: absolute;
	left: 1em;
	bottom: 0.25rem;
	display: block;
	transition: 0.2s;
}


/*CURRENT*/

.nav-current-item .nav-link {
	color: #49d8dd;
}

.nav-current-item .nav-link::after {
	background-color: #49d8dd;
}

/*HOVER*/

.nav-link:hover {
	color: #d41415;
}

.nav-link:hover::after {
	background-color: #d4145a;
}




/*
	########  #### ##       ##       ########   #######     ###    ########  ########
	##     ##  ##  ##       ##       ##     ## ##     ##   ## ##   ##     ## ##     ##
	##     ##  ##  ##       ##       ##     ## ##     ##  ##   ##  ##     ## ##     ##
	########   ##  ##       ##       ########  ##     ## ##     ## ########  ##     ##
	##     ##  ##  ##       ##       ##     ## ##     ## ######### ##   ##   ##     ##
	##     ##  ##  ##       ##       ##     ## ##     ## ##     ## ##    ##  ##     ##
	########  #### ######## ######## ########   #######  ##     ## ##     ## ########
*/

.billboard-image {
	max-width: 90%;
}

/*
	##     ##    ###    #### ##    ##
	###   ###   ## ##    ##  ###   ##
	#### ####  ##   ##   ##  ####  ##
	## ### ## ##     ##  ##  ## ## ##
	##     ## #########  ##  ##  ####
	##     ## ##     ##  ##  ##   ###
	##     ## ##     ## #### ##    ##

	#### ##    ## ########  #######
	 ##  ###   ## ##       ##     ##
	 ##  ####  ## ##       ##     ##
	 ##  ## ## ## ######   ##     ##
	 ##  ##  #### ##       ##     ##
	 ##  ##   ### ##       ##     ##
	#### ##    ## ##        #######
*/

.full-width-section{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}


/*
	##      ## ##     ##    ###    ########    #### ########
	##  ##  ## ##     ##   ## ##      ##        ##     ##
	##  ##  ## ##     ##  ##   ##     ##        ##     ##
	##  ##  ## ######### ##     ##    ##        ##     ##
	##  ##  ## ##     ## #########    ##        ##     ##
	##  ##  ## ##     ## ##     ##    ##        ##     ##
	 ###  ###  ##     ## ##     ##    ##       ####    ##

	 ######   #######   ######  ########  ######
	##    ## ##     ## ##    ##    ##    ##    ##
	##       ##     ## ##          ##    ##
	##       ##     ##  ######     ##     ######
	##       ##     ##       ##    ##          ##
	##    ## ##     ## ##    ##    ##    ##    ##
	 ######   #######   ######     ##     ######
*/
.price {
	padding: 2rem 4rem;
}	
.price-value {
	font-size: 5rem;
}
.price-timeframe {
    font-size: 2rem;
}
.price-vat {
    font-size: 1.2rem;
}


/*
	##     ##  #######  ##      ##    #### ########
	##     ## ##     ## ##  ##  ##     ##     ##
	##     ## ##     ## ##  ##  ##     ##     ##
	######### ##     ## ##  ##  ##     ##     ##
	##     ## ##     ## ##  ##  ##     ##     ##
	##     ## ##     ## ##  ##  ##     ##     ##
	##     ##  #######   ###  ###     ####    ##
	
	##      ##  #######  ########  ##    ##  ######
	##  ##  ## ##     ## ##     ## ##   ##  ##    ##
	##  ##  ## ##     ## ##     ## ##  ##   ##
	##  ##  ## ##     ## ########  #####     ######
	##  ##  ## ##     ## ##   ##   ##  ##         ##
	##  ##  ## ##     ## ##    ##  ##   ##  ##    ##
	 ###  ###   #######  ##     ## ##    ##  ######
*/
.how-it-works-image-wrap {
	margin-bottom: 0;
}

/*
	######## ########    ###    ######## ##     ## ########  ########  ######
	##       ##         ## ##      ##    ##     ## ##     ## ##       ##    ##
	##       ##        ##   ##     ##    ##     ## ##     ## ##       ##
	######   ######   ##     ##    ##    ##     ## ########  ######    ######
	##       ##       #########    ##    ##     ## ##   ##   ##             ##
	##       ##       ##     ##    ##    ##     ## ##    ##  ##       ##    ##
	##       ######## ##     ##    ##     #######  ##     ## ########  ######
*/

.website-feature-group {
	display: flex;
	flex-wrap: wrap;
}

.website-feature-item {
	width: calc(100% / 2);
	border-right: 1px solid hsl(0,0%,90%)
}

.website-feature-item:nth-last-child(-n+2) {
	border-bottom: 0;
}

.website-feature-item:nth-child(2n+2) {
	border-right: 0;
}

/*Masking block to simulate gap between borders*/
.website-feature-item:nth-child(2)::before,
.website-feature-item:nth-child(3)::before,
.website-feature-item:nth-child(4)::before {
	content: "";
	display: block;
	background-color: hsl(0,0%,100%);
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: -15px;
	z-index: 500;
	left: -15px;	
}

.website-feature-item:nth-child(3)::before {
	content: none;	
}


/*
	######## ##     ##    ###    ##     ## ########  ##       ########  ######  
	##        ##   ##    ## ##   ###   ### ##     ## ##       ##       ##    ## 
	##         ## ##    ##   ##  #### #### ##     ## ##       ##       ##       
	######      ###    ##     ## ## ### ## ########  ##       ######    ######  
	##         ## ##   ######### ##     ## ##        ##       ##             ## 
	##        ##   ##  ##     ## ##     ## ##        ##       ##       ##    ## 
	######## ##     ## ##     ## ##     ## ##        ######## ########  ######  
*/

.showcase {
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.showcase-item {
    width: calc(100% / 2);
    margin-left: -1px;
}

.showcase-hero-item {
	width: 100%;
}




.case-study-suppliers{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.case-study-supplier{
	list-style: none;
	margin: 0 1rem 0 0;
}
.case-study-supplier-logo{
	width: 100%;
	max-width: 200px;
}
.case-study-link{
    display: inline-block;
}

.cta-wrap{
	display: flex;
    justify-content: center;
    align-items: center;
}
.cta-button{
    max-width: 300px;
    margin: 0 1rem;
    min-width: 8rem;
}

.core-features-wrap{
	margin: 6rem 0;
}

.core-features-list-l1{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    text-align: center;
}

.core-features-item-l1{
	flex-grow: 1;
	align-self: stretch;
}