/*************** ADD CUSTOM CSS HERE.   ***************/
.wn-home-application-grid .banner-layers {
	overflow: hidden;
}

/* Home */
.wn-home-4-icons {
	/* 	gap: 30px;
	flex-flow: unset !important; */
	position: relative;
	margin-top: -100px !important;
}

.wn-button-small {
	padding: 12px 24px !important;
	line-height: 0 !important;
}

.wn-home-4-icons .col {
	padding: 0;
}

.wn-home-4-icons .icon-box {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	border-radius: 12px;
	padding: 20px;
	background: white;
	min-height: 255px;
}

.wn-home-4-icons .icon-inner {
	padding: 18px;
	background: var(--wn-primary-color);
	border-radius: 6px;
}

.wn-home-about .col:first-child, .wn-home-about .col:first-child .col-inner, .wn-home-about .wn-main-image .img-inner {
	height: 570px;
}

.wn-home-banner-text-box h3 {
	font-size: 48px !important;
	font-weight: 700 !important;
	line-height: 72px !important;
}

.wn-home-banner-text-box span {
	background: var(--wn-primary-color);
}

.wn-home-about .wn-text {
	display: flex;
	align-items: center;
	gap: 10px;
	background: white;
	border-radius: 50px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	padding: 12px 12px 12px 39px;
	width: 250px;
	position: absolute;
	bottom: 0;
	transform: translateY(-150px);
}

.wn-home-about .wn-text h4 {
	width: unset;
	margin: 0;
	font-size: 2.6rem;
	color: var(--wn-primary-color);
}

.wn-home-about .wn-text p {
	margin: 0;
	color: #000000;
	font-size: 17px;
	line-height: unset;
	text-wrap: wrap;
}

.wn-home-about .wn-main-image img {
	width: 372px;
	height: 428px;
	object-fit: cover;
	object-position: center center;
	border-radius: 12px 12px 12px 12px;
	transform: translate(20%, 15%);
}

.wn-home-about .wn-sub-image-1 {
	position: absolute;
	top: 0;
	right: 0;
}

.wn-home-about .wn-sub-image-2 {
	position: absolute;
	bottom: 0;
	left: 0;
}

.wn-home-about h3 {
	font-size: 17px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 4.9px;
	color: var(--wn-primary-color);
}

.wn-home-about h2 {
	color: #000000;
	font-family: "Poppins", Sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 55px;
}

.wn-home-about p {
	color: #968A8A;
	font-family: "Poppins", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
}

.wn-home-gallery-background .section-content {
	height: 628px;
	z-index: 0;
}

.wn-home-product-row .box {
	border-radius: 15px;
	overflow: hidden;
}

.wn-home-product-row .box-text {
	background: var(--wn-primary-color);
	padding: 10px;
}

.wn-home-product-row .box-text p {
	color: #555 !important;
	font-weight: 500;
	font-size: 18px;
}

.wn-home-gallery {
	margin-top: -530px;
}

.wn-home-gallery h3 {
	margin-bottom: 80px;
}

.wn-home-gallery .section-content .img {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 530px;
}

.wn-home-application-grid .banner-grid {
	width: 100%;
}

.wn-home-application-grid h4 {
	font-weight: 600;
	line-height: 36px;
	font-size: 22px !important;
}

/* .wn-home-application-grid .lg-x50.lg-y50 {
	transform: translate(-50%, 50%) !important;
} */

.wn-home-application-grid .banner-grid .fill {
	background-image: linear-gradient(180deg, #99999908 0%, #000 100%);
}

.wn-home-application-text {
	padding-top: 66px !important;
	padding-bottom: 36px !important;
}

.wn-home-application-text p {
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 30px;
	letter-spacing: 4.9px;
	margin-bottom: 26px;
}

.wn-home-application-text h3 {
	font-size: 30px;
	font-weight: 500;
	line-height: 48px;
}

.wn-home-application-text .img {
	position: absolute;
	right: 10%;
	top: -50%;
}
/* End Home */

/* Footer */

.wn-footer-column-1 .ux-logo-link {
	padding: 0 !important;
	margin-bottom: 20px;
}

.wn-footer-column-1 .social-icons {
	display: flex;
	gap: 5px;
}

.wn-footer-column-1 .circle {
	border-radius: 6px !important;
}

.wn-footer-column-1 h4, .wn-footer-column-2 h4, .wn-footer-column-3 h4, .wn-footer-column-4 h4 {
	font-size: 20px;
	font-weight: 500;
}

.wn-footer-column-2 span  {
	color: white;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
}

.wn-footer-column-2 span:hover {
	color: var(--wn-primary-color);
}

.wn-footer-column-1 p, .wn-footer-column-3 p {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
}

.wn-footer-column-3 .icon-box-left p {
	margin: 0;
}

.wn-footer-column-3 .icon-box-left {
	display: flex;
	align-items: center;
}

.wn-footer-column-3 .icon-box-img svg {
	width: 80%;
}

.wn-footer-column-3 .icon-box-left .icon-box-img + .icon-box-text {
	padding-left: 0.5em;
}

.wn-footer-form p {
	display: flex;
	gap: 10px;
}

.wn-footer-column-4 .wpcf7-submit {
	background: var(--wn-primary-color);
	color: #555;
	width: 100%;
}

/* End Footer */

/* Single Product */
.wn-single-bg-element{
	transform: translateX(38vw);
}

.custom-product-page .banner-layers.container {
	width: 266px;
}

/* .custom-product-page .wn-home-application-grid .lg-x50.lg-y50 {
	transform: translate(-50%,50%) !important;
} */

.custom-product-page .wn-home-application-grid h4 {
	font-size: 19px !important;
	font-weight: 600;
}

.custom-product-page .wn-home-application-text .wn-application {
	color: var(--wn-primary-color) !important;
}

.wn-single-product-advantages {
	height: 455px;
}

.wn-single-product-row .button {
	background: var(--wn-primary-color);
}

.wn-single-product-advantages .img {
	position: absolute;
}

.wn-single-product-advantages-row {
	flex-flow: row nowrap !important;
	gap: 20px;
}

.wn-single-product-advantages-row .col{
	padding: 10px;
}

.wn-single-product-advantages-row .box-text {
	padding: 20px 0 10px 0;
}

.wn-single-product-advantages .wn-advantages-primary {
	background: var(--wn-primary-color);
	border-radius: 12px;
}

.wn-single-product-advantages .wn-advantages-primary .box-text-inner{
	color: #555;
	font-size: 17px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 1.5em;
}

.wn-single-product-advantages .wn-advantages-secondary .box-text-inner{
	color: black;
	font-size: 17px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 1.5em;
}

.wn-single-product-advantages .wn-advantages-secondary {
	background: white;
	border-radius: 6px;
}
/* End Single Product */

/* Blog Posts */

.wn-blog-posts .image-cover::after{
	display: block;
	content: "";
	background-image: linear-gradient(0deg,rgba(0,0,0,.35),transparent 75%);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	opacity: 1;
	transition: all .3s ease-out;
	top: 0;
} 

.wn-blog-posts .cat-label {
	font-size: 12px;
	border-radius: 999px;
	font-weight: 500;
	color: #555;
	padding: 7px 14px;
	margin: 20px;
	background: var(--wn-primary-color) !important;
	position: absolute;
	top: 0;
	right: 0;
}

.wn-blog-posts .post-meta.is-small.op-8 {
	padding: 10px;
	padding-left: 30px;
	border-top: 1px solid #EAEAEA;
}

.wn-blog-posts .box-text {
	padding: 10px 30px !important;
	text-align: left;
}

.wn-blog-posts .cat-label:hover {
	background: var(--wn-primary-color) !important;
	color: #555;
}

.wn-blog-posts .is-divider, .wn-blog-posts .from_the_blog_excerpt  {
	display: none;
}

.wn-blog-posts .button {
	color: var(--wn-primary-color);
}

/* End Blog Posts */

/* Animation */

@keyframes fadeIn {
	from {
		/* 		opacity: 0; */
		transform: translateY(60px);
		filter: blur(5px);
	}
	to {
		/* 		opacity: 1; */
		filter: blur(0);
		transform: translateY(0);
	}
}

.animate {
	/* 	opacity: 0; */
	transform: translateY(60px); 
}

.in-view {
	animation: fadeIn 0.8s ease; 
	animation-fill-mode: forwards;
	animation-delay: 0.1s
}

/* End Animation */
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

	/* Home */
	.wn-home-banner-text-box h3 {
		font-size: 32px !important;
		line-height: 1.5em !important;
	}

	.slider-wrapper .flickity-prev-next-button {
		display: block !important;
	}

	.wn-home-banner-text-box {
		width: 70%;
		transform: translateY(-15%) !important;
	}

	.wn-home-banner-text-box p {
		font-size: 16px;
	}

	.wn-home-4-icons .icon-box p {
		font-size: 13px;
	}

	.wn-home-about .wn-main-image img {
		transform: translate(0%, 15%);
	}

	.wn-home-about {
		max-width: 100% !important;
	}

	.wn-home-about .wn-text {
		flex-direction: column;
		padding: 20px !important;
		gap: unset !important;
		border-radius: 20px !important;
		max-width: 150px !important;
		transform: translateX(30px) translateY(-100px);
	}

	.wn-home-about .wn-text h4 {
		font-size: 2rem !important;
	}

	.wn-home-about .wn-text p {
		font-size: 1rem !important;
		text-align: center;
		font-weight: 600;
	}

	.wn-home-about h2 {
		font-size: 25px;
		line-height: 1.4em;
	}

	.wn-home-gallery h3 {
		margin-bottom: 40px;
	}

	.wn-home-application-text h3 {
		font-size: 27px;
		line-height: 1.4em;
	}
/* 
	.wn-home-application-grid .lg-x50.lg-y50 {
		transform: translate(-50%, 50%) !important;
	} */

	.wn-home-application-grid .banner-grid-wrapper {
		width: 90%;
		margin: auto;
	}

	.wn-home-application-text {
		padding-top: 66px !important;
		padding-bottom: unset !important;
	}

	.wn-footer-column-1 .ux-logo-link {
		padding: 15px !important;
	}

	.wn-single-product-advantages-row {
		flex-flow: row wrap !important;
		gap: 20px;
	}

	.wn-single-product-advantages-row .small-6 {
		flex-basis: 100%;
		max-width: 100%;
	}

	.wn-single-product-advantages {
		height: 100% !important;
	}

	.custom-product-page .banner-layers.container {
		width: 100%;
	}

	.wn-home-application-grid .col {
		padding: 0 0 30px 0 !important;
	}

	.wn-single-product-advantages-row .col{
		margin: 0 30px;
	}

	/* End Home */
}