/* 
***************************************************
	HOME
***************************************************
*/	

/* Hero */
	.hero__container {
		margin-top: 48px;
	}
	@media only screen and (max-width: 1024px){
		.hero__container {
			margin-top: 0;
		}
	}
	.hero__text {
		margin-top: 80px;
	}
	@media only screen and (max-width: 1024px){
		.hero__text {
			margin-top: 24px;
		}
	}
	
	
	@media (max-width: 991px) {
		.claim-container {
			text-align: center;
			padding-bottom: 48px;
		}
	}
	@media (min-width: 992px) {
		.claim-container .hero__header {
			padding-right: 48px;
		}
	}

	.hero__image {
		/*background-image: url("../images/zep-hero-img.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;*/

	}
	.hero__image img{
		width: 100%;
	}
	
	.top-image {
		text-align: center;
	}
	@media (max-width: 768px) {
		.top-image img {
			height: 40vh;
		}
	}
	@media (max-width: 540px) {
		.top-image img {
			height: 40vh;	
		}
	}
	
	.claim {
		font-size: 36px;
		line-height: 44px;
	}
	@media (max-width: 768px) {
		.claim {
			font-size: 24px;
			line-height: 32px;
		}
	}
	
	.youtube-video {
		width: 560px;
		height: 315px;
		margin: 0 auto;
	}
	.youtube-video iframe {
		width: 560px;
		height: 315px;
		border: 1px solid rgba(115, 115, 115, 0.1);
	}
	
	@media (max-width: 768px) {
		.youtube-video {
			width: 100%!important;	
		}
	}
	
	.advantage__section.top-space {
		margin-top: 16em;
	}
	@media (max-width: 991px) {
		.advantage__section.top-space {
			margin-top: 8em;
		}
	}
	@media (max-width: 767px) {
		.advantage__section.top-space {
			margin-top: 4em;
		}
	}
	@media (max-width: 600px) {
		
	}

/* Trusted companies */
	.trusted-companies{
		box-sizing: inherit;
		min-height: 170px;
	  	margin-bottom: 40px;
	  	justify-content: center;
	}

		.trusted-companies .companies-box{
			display: flex;
		    justify-content: space-between;
		    width: 100%;
		    align-items: center;
		    overflow: hidden;
		    flex-wrap: nowrap;
		}

		.logo {
			height: auto;
			padding: 20px 60px 40px;	
		}


/* How it works */
	.how-it-works {

	}
		.how-it-works h2{
			font-size: 24px;
			color: #27384A;
			text-align: center;
			margin: 0 auto;
			margin-bottom: 40px;
		}
	.how-it-works-tabs {
		margin-bottom: 16px;
		padding-right: 48px;
	}
	@media (max-width: 600px) {
		.how-it-works-tabs {
			padding-right: 0;
		}
	}
		.how-it-works-tabs h3 {
			font-family: MarkPro-Medium;
			font-size: 16px;
			color: #27384A;
			line-height: 24px;
		}

		.how-it-works-tabs p {
			font-family: MarkPro;
			font-size: 16px;
			color: #70839A;
			line-height: 28px;
			margin: 0;

		}

		.step-tab {
			display: flex;
			margin-bottom: 0;
			padding: 16px;
			border: 1px solid transparent;
			border-bottom-color: #CED8E3;
		}
		.step-tab.selected {
			border: 1px solid #CED8E3;
		}

	.how-it-works-img {
		display: flex !important;
		flex-direction: column;
		justify-content: center;
	}
	@media (min-width: 600px) {
		.how-it-works-img {
			padding-left: 48px;
		}
	}

	.step-tab.selected .bullet-point-blue{
		background-color: #38D1FF;
	}

	.bullet-point-blue {
		background-color: #CED8E3;
		border-radius: 50px;
		height: 24px;
		min-height: 24px;
		width:  24px;
		min-width:  24px;
		margin-right: 16px;
	}

/* Advantage section */

	.advantage__section {
		padding-bottom: 40px;
	}
	@media (max-width: 600px) {
		.advantage__section {
			text-align: center;
		}
	}
		/*.advantage__text {
			padding-top: 200px;
		}*/

		.advantage__img {
			padding: 40px 15px;
			position: relative;

		}


		.advantage__img img {
			height: auto;
		}

		.advantage__sideimg--left-top {
			position: absolute;
			bottom: 70%;
		}

		.advantage__sideimg--right-top {
		position: absolute;
		bottom: 70%;
		left: 78%;
		}

		.advantage__sideimg--right-bottom {
		position: absolute;
		bottom: 12%;
		right: 0%;
		width: auto !important;
		}

		.advantage__sideimg--left-bottom {
		position: absolute;
		bottom: 12%;
		left: 0%;
		width: auto !important;
		}

/* Claim footer */
	.claim__footer-wrapper {
		margin-top: 72px;
		flex-direction: column;

	}
		.claim__footer{
			justify-content: center;
			flex-direction: column;
		}
			.claim__footer h2{
				font-family: MarkPro;
				font-size: 32px;
				color: #27384A;
				text-align: center;
			}

			.claim__footer p{
				font-family: MarkPro;
				font-size: 16px;
				color: #70839A;
				line-height: 24px;
				text-align: center;
				margin-top: 24px;
			}

			.claim__footer button {
				margin-top: 40px;
			}

			.bg__footer-claim {
				
			}

			.footer__btn--wrapper {
				background-image: url("/wp-content/uploads/2018/04/pattern-background.svg");
				background-repeat: repeat;
				background-position: center bottom;
				padding-bottom: 80px;
				padding-top: 48px;
				justify-content: center;
			}