.home-hero {
	display: flex;
    align-content: center;
    flex-wrap: wrap;
    background-image: url('/wp-content/uploads/2024/05/hero-rings.png');
    background-repeat: no-repeat;
    background-size: 15rem;
    background-position-x: 18rem;
    background-position-y: -8rem;
}

.hero-text h1 {
	color: #fff;
	font-size: 3rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
}

.hero-text h2 {
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.dark-bg .hero-text h2 {
    padding: 0.5rem 0.25rem 0.5rem 0;
    border-radius: 0.5rem;
}

.hero-text ul {
	list-style: none;
	padding: 1rem 0rem;
}

.hero-text li {
	padding-left: 2.5rem;
	text-indent: -1.9rem;
	margin-bottom: 1.5rem;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
}

.hero-text li:before {
	content: '';
	display: inline-block;
	height: 1.25rem;
	width: 1.25rem;
	position: relative;
	top: 0.65rem;
	left: -0.5rem;
	border-radius: 50%;
	background: transparent;
  	background-image: linear-gradient(90deg, #111, #111), linear-gradient(0deg, #fe523a 0%, #fcad40 100%);
  	background-clip: padding-box, border-box;
  	background-origin: border-box;
  	border: 5px solid transparent;
}

.hero-image-mobile {
    height: 75vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-badge-banner {
	padding: 2rem;
	background-color: #f9f9f9;
	-webkit-box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	-moz-box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
}

.home-badge-wrapper {
	flex-wrap: wrap;
}

.badge {
	display: block;
	width: 10rem;
	height: 9rem;
	margin: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.badge:last-of-type {
	display: none;
}

.home-help {
	background: url('/wp-content/uploads/2024/05/help-background-toned.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 25rem;
}

.help-tiles {
	margin-top: 6rem;
	margin-bottom: 6rem;
	grid-gap: 2rem
}

@keyframes wipe-enter {
	0% {
		transform: scale(0, .025);
	}
	50% {
		transform: scale(1, .025);
	}
}

.help-tile-item {
	opacity: 0;
	padding: 10rem 2rem 2rem;
    background: #f9f9f9;
    background-repeat: no-repeat;
    background-position: center 2rem;
    background-size: 8rem;
    border-radius: 2rem;
	-webkit-box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	-moz-box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}


@media (prefers-reduced-motion: no-preference) {
	.help-tile-item.animated {
		animation: wipe-enter 0.75s ease-out 1;
		opacity: 1;
	}
}

.home-help h3 {
	text-align: center;
	width: 100%;
	font-weight: 600;
}

.help-content {
	padding: 7.5rem 0rem;
	background-image: url('/wp-content/uploads/2024/05/straight-flash.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.contact-bar {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.contact-cta {
	justify-content: center;
	margin-top: 4rem;
}

.contact-text h2, .contact-text p {
	color: #fff;
}

.contact-text p {
	font-size: 1.25rem;
}

.trustpilot {
	padding: 2rem;
	-webkit-box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	-moz-box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
}

.home-buckets {
	background-image: url('/wp-content/uploads/2024/05/round-flash.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 6rem bottom;
}


.bucket {
	position: relative;
	max-width: 25rem;
	padding: 4rem 2rem;
	margin: 3rem auto;
    background: #f9f9f9;
    border-radius: 2rem;
	-webkit-box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	-moz-box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
}

.bucket h3 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.bucket ul {
	list-style: none !important;
	padding: 2rem 1rem;
}


.bucket li {
	padding-left: 3.5rem;
	padding-bottom: 2rem;
	font-weight: 600;
	background-image: url('/wp-content/uploads/2024/05/bullet-tick.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 2.5rem;
}

.bucket .cta {
	width: 75%;
	margin: auto;
	text-align: center;
}


.home-steps {
	background-image: url('/wp-content/uploads/2024/05/triangle-flash.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150%;
}

.step {
	opacity: 0;
	max-width: 25rem;
	padding: 1rem 2rem;
	margin: 3rem auto;
	flex-basis: 30%;
    background: #f9f9f9;
    background-repeat: no-repeat;
    background-position: center 4rem;
    background-size: 10rem;
    border-radius: 2rem;
	-webkit-box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	-moz-box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);
	box-shadow: 0px -1px 17px 2px rgb(195 195 195 / 50%);	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}


@media (prefers-reduced-motion: no-preference) {
	.step.animated {
		animation: wipe-enter 1s ease-out 1;
		opacity: 1;
	}
}

.step-icon {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0.7rem;
	margin: auto;
	margin-bottom: 11rem;
	border-radius: 100%;
	background: #fe523a;
 	background: linear-gradient(90deg, #fe523a 0%, #fcad40 100%);
 	color: #fff;
 	font-size: 1.25rem;
 	font-weight: 900;
}

.step h3 {
	margin: 1rem auto;
}

.step p {
	color: #111;
}

.lc-section {
	background: url('/wp-content/uploads/2024/05/lc-background-toned.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 25rem;
}

.lc-content {
	background-image: url(/wp-content/uploads/2024/05/straight-flash.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}

.lc-cta {
	margin-top: 4rem;
}

.lc-banner-logo {
	width: 100%;
	height: 8rem;
	background-image: url('/wp-content/uploads/2024/05/lc-colour-logo-with-no-background.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}





@media only screen and (min-width:735px) {
	.home-hero {
        background-size: 70%;
        background-position: right bottom;
        height: 85vh;
        min-height: 820px;
	}

	.hero-content {
		background-image: url('/wp-content/uploads/2024/05/hero-rings.png');
    	background-position-x: 100%;
        background-position-y: 2rem;
        background-size: 20rem;
        background-repeat: no-repeat;
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

	.hero-text h1 {
		font-size: 4rem;
		line-height: 4rem;
	}

	.hero-image-mobile {
		display: none;
	}

	.badge {
		width: 8rem;
	}

	.badge:last-of-type {
		display: block;
	}

	.home-help {    
		background-size: 45%;
    	background-repeat: no-repeat;
    	background-position: bottom right;
    	padding-bottom: 1rem;
	}

	.help-content {
		background-size: 50%;
    	background-position: center;
	}

	.help-tiles {
		grid-template-columns: auto auto;
	}

	.home-buckets {
		background-size: 75%;
		background-position: right bottom;
	}

	.bucket-title, .bucket-intro, .gc-content, .gc-title, .faq-title {
		text-align: center !important;
		max-width: 775px;
		margin-left:  auto;
		margin-right: auto;
	}

	.bucket .cta {
		position: absolute;
		left: 12.5%;
		bottom: 5rem;
	}

	.home-steps {
		background-size: 35rem;
	}

	.lc-section {
		background-position: -70% bottom;
        background-size: 70%;
        padding-bottom: 6rem;
	}

	.lc-section-title {
		text-align: center;
	}

	.lc-content, .gc-content, .faqs-wrapper{
		padding-top: 2rem;
	}

	.lc-content {
		margin-left: 50%;
	}

	.lc-banner-logo {
		height: 12rem;
	}

}










@media only screen and (min-width:1069px) {
	.home-hero {
		background-size: 60%;
		
    }

	.hero-content {
    	width: 980px;
    	background-position-x: 70%;
    	flex-direction: column;
	}

	.badge {
		width: 12rem;
	}

	.home-help {    
		background-size: 45%;
	}

	.help-tiles {
		grid-template-columns: auto auto auto auto;
	}

	.home-help h3 {
		width: 100px;
		margin: auto;
	}

	.home-buckets {
		background-size: 35rem;
		background-position: 95% bottom;
	}
	
	.home-steps {
		background-position-y: 12rem;
	}

	.lc-section {
		background-position: left bottom;
        background-size: 35rem;
	}

	.lc-content {
		background-size: 75%;
	}

}










@media only screen and (min-width:1220px) {
	.home-hero {
		background-size: 55%;
    }

    .home-help {    
		background-size: 35rem;
	}

	.help-content {
		margin-top: 4rem;
		background-size: 15rem;
	}

	.home-buckets {
		background-position: 85% bottom;
	}

	.lc-section {
		background-size: 40rem;
	}


}




@media only screen and (min-width:1400px) {
	.home-hero {
		background-size: 50%;
		
    }

    .hero-content {
    	width: 1220px;
    	background-position-x: 50%;
    }


}





@media only screen and (min-width:1680px) {
	.home-hero {
        background-size: contain;
        background-position-x: 85%;
	}

	.home-help {    
		background-size: 40rem;
	}

	.home-buckets {
		background-position: 75% bottom;
	}

	.lc-content {
		margin-left: 38%;
		background-size: 40%;
	}

}