/* Variables */
	:root {
		--font-one: 'Poppins', sans-serif;
	}
	
	@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,400;1,600&display=swap');


	html{ scroll-behavior: smooth; }
	main{ font-family: var(--font-one); }
	main p{ font-family: var(--font-one); }
	main#page-content-wrap h1, main#page-content-wrap h2, main#page-content-wrap h3, main#page-content-wrap h4, main#page-content-wrap h5{ color:#0c2340 !important; }
	body#brand-page main a{ color:#0c2340; }
	body#brand-page main{ background-color:white; }
	#brand-page #page-content-wrap{ padding-bottom:0; }


	/* General */
	.btn-zep{ background-color:#0c2340 !important; border-color:#0c2340 !important; color:white !important; padding:.5em 2em !important; font-size:14px; border-radius:30px !important; }
	.btn-zep:hover{ background-color:black !important; border-color:black !important; color:white !important; }

	.aspect-ratio-16-9{ aspect-ratio: 16 / 9; }
	.h-100{ height:100%; }
	.w-100{ width:100%; }
	
	/* By Section */
	.feature-container{ padding:1.25em; display:flex; justify-content:space-between; align-items:center; border-radius: 20px; box-shadow:0px 3px 6px rgba(0,0,0,.16) }
	.feature-icon{ width:75px; padding:1rem; }
	.feature-arrow{ font-size: 28px; opacity: .33; padding:1rem; }

	.zep-video{ height:100%; width:100%; min-height:300px; }
	.zep-video iframe{ height:100%; width:100%; }
	.bg-zep-light{ background-color: #f1f3f6; }
	.bg-ventilation{ background-image:url('/custom_fsearch_pages/custom_content_blocks/zep_custom_assets/images/ventilation-collection-1375x585.jpg?ccid=x41a33409'); }
	.bg-preserv{ background-image:url('/custom_fsearch_pages/custom_content_blocks/zep_custom_assets/images/presrv-collection-1375x585.jpg?ccid=x41a33409'); }
	.cat2{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 50px; border-radius: 20px; overflow: hidden; background-repeat: no-repeat; background-position: bottom center; background-size: cover; }
	.cat2 .cat2-cta{ height:100%; width:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align:center; border-radius: 20px; padding: 40px 20px; background-color: rgba(255, 255, 255, .8); }

	.zep-cat{ display:block; padding:1.5rem; transition:all .3s ease; margin-top:20px; margin-bottom:20px; }
	.zep-cat:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, .16); }
	.zep-cat img{ border-radius: 5px; aspect-ratio: 400 / 500; object-fit: cover; }

	
/* Carousel */
	.carousel-side-nav .owl-nav{ display:flex; justify-content: center; align-items: center; gap:10px; }
	.carousel-side-nav .owl-nav .owl-prev, .carousel-side-nav .owl-nav .owl-next { background-color:#0c2340; color:white; border-radius: 50%; cursor: pointer; font-size: 18px;  text-align: center; transition: all 0.2s ease 0s; width: 2.5em; height: 2.5em; display:flex; justify-content:center; align-items:center;  margin: 0; }
	.carousel-side-nav .owl-nav .owl-prev{  }
	.carousel-side-nav .owl-nav .owl-next{  }