/*!
Theme Name: Vizor
Author: Nazim Husain
Author URI: https://nazimansari.com
Description: Custom theme for Vizor
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vizor
Template: astra
Version: 2.0
*/

/**********
* GLOBAL *
**********/

:root {
	--primary: #fdba3b;
	/* --secondary: #1d2737; */
	--headline: #494949;
	--text: #565656;
	--gradiant: linear-gradient(90deg, #fcdf83 0%, #fdba3b 100%);

	/* Media */
	--Dropper: url("/wp-content/themes/vizor/assets/img/dropper-grpahic.webp");
	--MapBg: url("/wp-content/themes/vizor/assets/img/map-bg.webp");
	--CtaBg: url("/wp-content/themes/vizor/assets/img/cta-bg.webp");
	--ContactGraphic: url("/wp-content/themes/vizor/assets/img/contact-graphic.webp");
	--ResourcesBannerBg: url("/wp-content/themes/vizor/assets/img/resources-graphics.webp");
}

html {
	scroll-behavior: smooth;
}

body {
	background: #f6f4fa !important;
}

a:focus,
button:focus {
	outline: none;
}

.page-template .site-content > .ast-container,
.single-product .site-content > .ast-container,
.single-formulation .site-content > .ast-container {
	display: block;
	max-width: 100%;
	padding: 0 !important;
}

.site-container {
	max-width: 1400px;
	padding: 70px 40px;
	margin: 0 auto;
}

.section-title span {
	display: block;
	font-style: italic;
	background: var(--gradiant);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.section-head {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.section-head.left {
	text-align: left;
}

.home .hero .desc {
	font-size: 20px;
}

.home h2 {
	margin-bottom: 0;
}

.home .section-head .section-title {
	margin-bottom: 30px !important;
}

.home .section-head {
	margin-bottom: 80px !important;
}

.section-title {
	font-size: 82px;
	line-height: 1.2;
	font-weight: 500;
	color: var(--headline);
}

.section-title span {
	color: var(--primary);
}

.desc {
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	color: var(--text);
	margin-bottom: 0;
}

.desc p {
	margin-bottom: 25px;
}

.desc p:last-child {
	margin-bottom: 0;
}

.btn a,
.btn button {
	text-align: center;
	display: inline-block;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
	padding: 18px 38px;
	border-radius: 50px;
	color: #fff;
	background: var(--gradiant);
	transition: 0.3s ease-in-out;
	font-family: "Anybody", sans-serif;
}

.btn a:hover,
.btn button:hover {
	background: linear-gradient(-90deg, #fcdf83 0%, #fdba3b 100%);
}

.banner .site-container {
	padding-top: 40px;
}

.banner .desc {
	font-size: 18px;
}

/***************
* Slick slider *
****************/

#page .slick-track {
	display: flex;
	margin-left: 0;
}

#page .slick-list {
	margin: 0 -15px;
}

#page .slick-slide {
	margin: 0 15px;
	height: initial;
}

#page .slick-prev,
#page .slick-next {
	top: 32%;
	width: 60px;
	height: 60px;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: 0.3s all;
	background: #faf9fb;
	border: 2px solid #ffffff;
	backdrop-filter: blur(10px);
}

#page .slick-prev:hover,
#page .slick-next:hover {
	background-color: #fff;
}

#page .slick-prev,
#page .slick-next {
	top: -54px;
	right: 0;
}

#page .slick-prev {
	left: 89%;
}

#page .slick-prev:before,
#page .slick-next:before {
	content: "";
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.707 8.071a1 1 0 0 0 0-1.414L11.343.293A1 1 0 1 0 9.93 1.707l5.657 5.657-5.657 5.657a1 1 0 0 0 1.414 1.414zM0 7.364v1h17v-2H0z' fill='%23565656'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 18px;
	display: inline-block;
}

#page .slick-prev:before {
	transform: rotate(180deg);
}

/* Slick slider - Dots */
#page .slick-dots {
	bottom: -50px;
}

#page .slick-dots li {
	margin: 0 3px;
}

#page .slick-dots li button:before {
	font-size: 12px;
	color: #d9d9d9;
	opacity: 1;
}

#page .slick-dots li.slick-active button:before {
	color: var(--primary);
}

/* Home: Logo Container */
#page .logos-container .slick-list {
	margin: 0 -40px;
}

#page .logos-container .slick-slide {
	margin: 0 40px;
	height: initial;
}

#page .case-studies .slick-dots {
	bottom: -20px;
}

/* Grid */
.posts.grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.posts.grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

/* Card Global */
.posts .card {
	background: #faf9fb;
	border: 2px solid #ffffff;
	backdrop-filter: blur(10px);
	border-radius: 16px;
	display: flex !important;
	flex-direction: column;
}

.posts .card .content {
	padding: 17px 20px 28px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.posts .card .thumbnail {
	position: relative;
}

.posts .card .thumbnail img {
	width: 100%;
	height: 165px;
	object-fit: cover;
	border-radius: 16px 16px 0 0;
}

.posts .card .cat {
	background: var(--gradiant);
	padding: 7px 18px;
	position: absolute;
	top: 20px;
	right: 0;
	border-radius: 20px 0 0 20px;
	color: #fff;
	font-family: "Anybody", sans-serif;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 600;
	margin-right: -2px;
}

.posts .card.dispersion .cat {
	background: linear-gradient(90deg, #bdd0f8 0%, #99a4d8 100%);
}

.posts .card .title {
	margin-bottom: 15px;
}

.posts .card .title a,
.posts .card .title button {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--text);
	display: block;
	font-family: "Inria Sans", sans-serif;
}

.posts .card .title a:hover,
.posts .card .title button:hover,
.posts .card .title button:focus {
	color: var(--primary);
	background: none !important;
}

.posts .card .excerpt {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 20px;
	flex-grow: 1;
}

.posts .card .excerpt p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0;
}

.posts .card .read-more {
	font-size: 14px;
	font-weight: 700;
	font-family: "Anybody", sans-serif;
	color: var(--primary);
}

.posts .card .read-more:hover,
.posts .card .read-more:focus {
	text-decoration: underline;
	background-color: transparent !important;
}

.posts .card .read-more svg {
	margin-left: 10px;
}

/* Card Product */
.posts .card-product .thumbnail::before {
	content: "";
	width: 100%;
	height: 10px;
	background: linear-gradient(
		90deg,
		rgba(252, 131, 131, 0.5) 0%,
		rgba(253, 186, 59, 0.5) 40%
	);
	position: absolute;
	bottom: 0;
	z-index: 99;
}

.posts .card-product.dispersion .thumbnail:before {
	background: linear-gradient(
		90deg,
		rgba(236, 252, 131, 0.5) 0%,
		rgba(153, 164, 216, 0.5) 40%
	);
}

.posts .card-product .thumbnail::after {
	content: "";
	width: 100%;
	height: 60px;
	background: linear-gradient(360deg, #faf8fb 0%, rgba(250, 248, 251, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 88;
}

.posts .card-product .salt {
	margin-bottom: 14px;
	color: rgba(86, 86, 86, 0.6);
	font-size: 14px;
	line-height: 1.4;
}

/* Card Formulation */
.posts .card-formulation {
	display: flex;
	flex-direction: row;
}

.posts .card-formulation .thumbnail {
	flex: 0 0 44%;
}

.posts .card-formulation .thumbnail::before {
	content: "";
	background: linear-gradient(270deg, #faf8fb 0%, rgba(250, 248, 251, 0) 100%);
	width: 100px;
	height: 100%;
	position: absolute;
	right: 0;
}

.posts .card-formulation .thumbnail img {
	height: 100%;
	border-radius: 16px 0 0 16px;
}

.posts .card-formulation .cat {
	padding: 6px 16px;
	top: 20px;
	right: inherit;
	left: 0px;
	margin-right: 0px;
	margin-left: -2px;
	border-radius: 0 20px 20px 0;
}

.posts .card-formulation .content {
	flex: 1;
	padding: 28px 40px 34px 50px;
}

.posts .card-formulation .excerpt {
	margin-top: 15px;
	margin-bottom: 40px;
}

/* Card Media */
.posts .card-media {
	display: flex !important;
	flex-direction: column;
}

.posts .card-media .thumbnail {
	padding: 35px 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.posts .card-media .thumbnail img {
	width: 100%;
	height: 55px;
	object-fit: contain;
	border-radius: 0;
}

.posts .card-media .date {
	font-size: 14px;
	line-height: 1.3;
	color: rgba(86, 86, 86, 0.5);
	font-style: italic;
	margin-bottom: 10px;
}

.posts .card-media .content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 0 20px 25px;
}

.posts .card-media .title {
	flex-grow: 1;
}

.posts .card-media .title a {
	font-size: 16px;
}

/* Card Reports */
.posts .card-report .thumbnail::after {
	content: "";
	width: 100%;
	height: 120px;
	background: linear-gradient(360deg, #faf8fb 0%, rgba(250, 248, 251, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 88;
}

.posts .card-report .title a,
.posts .card-report .title .vizor-title-button {
	font-size: 20px;
}

/* BG Video */
.bg-video-wrap {
	position: relative;
	overflow: hidden;
}

.bg-video-wrap .bg-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.bg-video-wrap .site-container,
.bg-video-wrap .wrapper,
.bg-video-wrap .wrap {
	position: relative;
	z-index: 2;
}

/* Header */
.site-header {
	z-index: 9999;
	background: #f6f4fa;
}

.site-header .ast-builder-grid-row {
	padding-top: 30px;
}

.ast-primary-header-bar {
	background: transparent;
}

.home .site-header {
	background: transparent;
}

.site-header .main-navigation > ul {
	gap: 20px 40px;
}

.header-btn a {
	text-align: center;
	display: inline-block !important;
	font-size: 14px !important;
	line-height: 1.3;
	font-weight: 700;
	padding: 18px 38px !important;
	border-radius: 50px;
	color: #fff !important;
	background: var(--gradiant);
	transition: 0.3s ease-in-out !important;
	/* 	box-shadow: 0px 4px 15.2px rgba(0, 0, 0, 0.05); */
}

.header-btn a:hover {
	background: linear-gradient(-90deg, #fcdf83 0%, #fdba3b 100%);
}

/************
* HOMEPAGE *
************/

body.home {
	background: #f6f4fa;
}

/* Hero */
.home .hero {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-top: -105px;
	position: relative;
}

.home .hero::after {
	content: "";
	width: 100%;
	height: 100px;
	background: linear-gradient(180deg, rgba(237, 234, 244, 0) 0%, #f6f4fa 100%);
	position: absolute;
	bottom: 0;
}

.hero-mob-img {
	display: none;
}

.home .hero .site-container {
	padding: 230px 40px 80px;
	z-index: 999;
}

.hero .wrapper {
	max-width: 560px;
}

.hero .section-title {
	margin-bottom: 50px;
}

.hero .desc {
	margin-bottom: 50px;
}

.hero .btn {
	display: flex;
	gap: 10px;
}

.hero .btn a {
	height: 100%;
}

.hero .btn a:last-child {
	background: none;
	border: 2px solid rgba(86, 86, 86, 0.35);
	color: var(--headline);
	padding: 16px 38px;
}

.hero .btn a:last-child:hover {
	border: 2px solid transparent;
	background:
		linear-gradient(-90deg, #fcdf83 0%, #fdba3b 100%) padding-box,
		linear-gradient(-90deg, #fcdf83 0%, #fdba3b 100%) border-box;
	color: #fff;
}

/* Logos Container */
.logos-container {
	margin-top: 50px;
}
.logos-container .site-container {
	padding-top: 0;
	padding-bottom: 0;
}

.logos-container .logos {
	border-top: 1px solid rgba(153, 164, 216, 0.35);
	border-bottom: 1px solid rgba(153, 164, 216, 0.35);
	padding: 60px 0;
}

.logos-container .logo {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.logos-container .logos img {
	height: 60px;
	width: auto;
	object-fit: contain;
}

/* Who We Are */
.who-we-are .site-container {
	padding-top: 120px;
	padding-bottom: 120px;
}

.who-we-are .wrapper {
	display: flex;
	gap: 70px;
	justify-content: center;
	align-items: center;
}

.who-we-are .label {
	font-size: 28px;
	font-weight: 700;
}

.who-we-are .logos img:not(:last-child) {
	border-right: 1px solid rgba(153, 164, 216, 0.35);
	margin-right: 60px;
	padding-right: 60px;
}

.who-we-are .logos img {
	padding: 22px 0;
	max-width: 200px;
}

/* Transparency */
.transparency .site-container {
	display: flex;
	gap: 28px;
	flex-wrap: wrap;
}

.transparency .block {
	background-color: #faf9fb;
	border: 3px solid #fff;
	border-radius: 16px;
}

.transparency .block-1,
.transparency .block-4 {
	flex: 0 0 100%;
}

.transparency .block-3,
.transparency .block-2 {
	flex: 0 0 calc(50% - 14px);
}

.transparency .block-1 {
	padding: 135px 30px 200px 70px;
	position: relative;
	z-index: 99;
}

.transparency .block-1::before {
	/* 	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url("/wp-content/uploads/2026/05/greater-transparency-img.webp")
	no-repeat center center/cover;
	z-index: -1;
	border-radius: 16px; */
}

.transparency .block-1 .bg-video {
	object-fit: contain;
	object-position: right;
}

.transparency .block-1 .wrap {
	max-width: 540px;
}

.transparency .block-2 {
	padding: 45px 40px 60px;
}

.transparency .block-2 .video {
	width: 100%;
	height: 100%;
	margin: 20px 0;
}

.transparency .block-1 .section-title,
.transparency .block-4 .section-title {
	font-size: 68px;
	margin-bottom: 30px;
}

.transparency .block-3 .section-title,
.transparency .block-2 .section-title {
	font-size: 48px;
	font-weight: 500;
	margin-bottom: 15px;
}

.transparency .block-2 .labels {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.transparency .block-2 .labels-1 {
	border-bottom: 1px solid rgba(153, 164, 216, 0.35);
	margin-bottom: 12px;
	padding-bottom: 12px;
	font-size: 16px;
	font-weight: 700;
	color: rgba(86, 86, 86, 0.8);
}

.transparency .block-2 .labels-2 {
	font-size: 14px;
}

.transparency .block-3 {
	/* 	background: url("/wp-content/uploads/2026/05/flask-image.webp") no-repeat
	center center/cover; */
	padding: 140px 20px 260px 48px;
	background-color: #fff;
}

.transparency .block-3 .bg-video {
	left: initial;
	right: -47%;
}

.transparency .block-3 .wrap {
	max-width: 440px;
	z-index: 9999;
	position: relative;
}


.transparency .block-4 {
	display: flex;
	/* 	align-items: center; */
}

.transparency .block-4 video {
	border-radius: 16px 0 0 16px;
}


.transparency .block-4 .video {
	width: 100%;
	height: 100%;
	margin: 20px 0;
}

.transparency .block-4 .left-block {
	flex: 0 0 50%;
}

.transparency .block-4 .right-block {
	flex: 1;
	padding: 100px 70px 100px 36px;
}

.transparency .block-4 .foot {
	margin-top: 75px;
}

.transparency .block-4 .foot .labels {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	border-bottom: 1px solid rgba(153, 164, 216, 0.35);
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.transparency .block-4 .foot .label {
	font-size: 14px;
	color: rgba(86, 86, 86, 0.8);
}

.transparency .block-4 .foot .ppm {
	font-weight: 700;
}

.transparency .block-4 .tagline {
	color: rgba(86, 86, 86, 0.4);
	font-size: 14px;
	text-align: end;
	font-style: italic;
}

.transparency .block-4 .left-block .foot {
	display: none;
}

/* CTA */
.cta .bg-video {
	object-fit: contain;
	object-position: left;
}

.cta {
	/* 	background: linear-gradient(180deg, #f6f4fa 0%, #ffffff 100%); */
	background-color: #fff;
	position: relative;
	z-index: 999;
}

.cta::before {
	/* 		content: "";
	background: var(--Dropper);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 390px;
	height: 357px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1; */
}

.cta .site-container {
	padding-top: 150px;
	padding-bottom: 150px;
}

.cta .wrapper {
	max-width: 731px;
	margin: 0 auto;
	text-align: center;
}

.cta .desc {
	margin: 26px 0 50px;
}

/* Companies */

/* Companies: Slider */
#page .companies .slick-list {
	margin: 0 -30px;
}

#page .companies .slick-slide {
	margin: 0 30px;
}

.companies {
	padding-top: 150px;
	padding-bottom: 200px;
	overflow: hidden;
	position: relative;
}

.companies::before {
	content: "";
	background: var(--MapBg);
	background-size: auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 656px;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.companies .section-title {
	padding: 0 40px;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 13%;
	text-align: center;
	font-family: "Inria Sans", sans-serif;
	margin-bottom: 114px;
}

.companies .left-slider {
	margin-bottom: 58px;
}

.companies .block {
	background: rgba(255, 255, 255, 0.4);
	box-shadow:
		-4px 7px 17.5px rgba(86, 86, 86, 0.06),
		inset 0px 4px 6.8px 4px #ffffff;
	backdrop-filter: blur(4px);
	border-radius: 16px;
	padding: 34px;
	text-align: center;
}

.companies .block img {
	width: auto;
	height: 50px;
	margin: 0 auto;
	object-fit: contain;
}

.companies .block .company-name {
	font-size: 18px;
	line-height: 1.4;
	color: var(--text);
	margin-top: 20px;
}

.companies .left-slider {
	direction: ltr !important;
}

.companies .right-slider {
	direction: rtl !important;
	text-align: left;
}

/* Why Choose */
.why-choose .site-container {
	padding-bottom: 130px;
}

.why-choose .wrapper {
	display: flex;
}

.why-choose .block {
	flex: 1;
}

.why-choose .block .title {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	padding-right: 15px;
}

.why-choose .block > div {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.why-choose .block-1 > div {
	justify-content: flex-start;
}

.why-choose .block-1 > div:not(:first-child),
.why-choose .block-3 > div:not(:first-child) {
	border-top: 1px solid rgba(153, 164, 216, 0.35);
}

.why-choose .block-2 {
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.43) 0%,
		rgba(255, 255, 255, 0.43) 100%
	);
	border: 3px solid #ffffff;
	box-shadow:
		-4px 7px 17.5px rgba(255, 244, 208, 0.55),
		-4px 7px 32.5px rgba(253, 186, 59, 0.17),
		inset 0px 4px 6.8px 4px #ffffff;
	border-radius: 16px;
	max-width: 380px;
}

.why-choose .block-2 .logo img {
	width: 150px;
}

.why-choose .block-3 .title {
	padding: 0 15px;
}

/* Footer */
.site-footer {
	position: relative;
}

.site-footer::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='1440' height='333' viewBox='0 0 1440 333' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='url(%23b)' fill-opacity='.38' d='M0 0h1440v956H0z'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(0 478 -720 0 720 478)'%3E%3Cstop stop-color='%23fdba3b' stop-opacity='.52'/%3E%3Cstop offset='.44' stop-color='%23fbb87e' stop-opacity='.43'/%3E%3Cstop offset='.66' stop-color='%23feefc1'/%3E%3Cstop offset='.88' stop-color='%23f6f4fa'/%3E%3C/radialGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h1440v333H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 100%;
	height: 100%;
	position: absolute;
}

.site-footer .site-primary-footer-inner-wrap {
	grid-template-columns: 225px 1fr 225px;
	align-items: center !important;
	margin: 0;
	border-top: 1px solid rgba(153, 164, 216, 0.35);
	padding-top: 60px;
}

.site-footer .site-footer-section-2 .widget .menu {
	display: flex;
	justify-content: center;
	gap: 10px 60px;
	flex-wrap: wrap;
}

.site-footer .site-footer-section-2 .widget .menu li a {
	font-size: 14px;
	font-family: "Anybody", display;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--text);
}

.site-footer .site-footer-section-2 .widget .menu li a:hover {
	color: var(--primary);
}

.site-footer .social-links {
	display: flex;
	gap: 40px;
	align-items: center;
	justify-content: space-between;
}

.site-footer .social-links a {
	display: flex;
	transition: transform 0.3s;
}

.site-footer .social-links a:hover {
	transform: translateY(-3px);
}

/************
* PRODUCTS *
************/

/* Banner */
.product-banner .site-container {
	display: flex;
	gap: 20px;
	align-items: end;
	justify-content: space-between;
	padding: 60px 40px;
}

.product-banner .content {
	flex: 0 0 50%;
}

.product-banner .btn {
	flex: 1;
	text-align: end;
}

.product-banner .section-title {
	margin-bottom: 30px;
}

/* Product Lisitng */
.product-listing .site-container {
	padding-top: 0;
}

/* Block Tabs */
.block-tabs {
	display: flex;
	gap: 90px;
}

.block-tabs .block {
	flex: 1;
	background: #f9f7fa;
	border: 2px solid #ffffff;
	backdrop-filter: blur(10px);
	border-radius: 16px;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.block-tabs .block.active {
	border: 2px solid var(--primary);
}

.block-tabs .block.active::before {
	content: "";
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.735 0 0 6.735 0 15s6.735 15 15 15 15-6.735 15-15S23.265 0 15 0m7.17 11.55-8.505 8.505a1.124 1.124 0 0 1-1.59 0L7.83 15.81a1.13 1.13 0 0 1 0-1.59 1.13 1.13 0 0 1 1.59 0l3.45 3.45 7.71-7.71a1.13 1.13 0 0 1 1.59 0c.435.435.435 1.14 0 1.59' fill='%23fdba3b'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
}

.block-tabs .block .left {
	flex: 0 0 48%;
}

.block-tabs .block .left img {
	width: auto;
	height: 100%;
	border-radius: 16px 0 0 16px;
}

.block-tabs .block .right {
	flex: 1;
	padding: 50px 35px;
}

.block-tabs .block .title {
	font-size: 32px;
	line-height: 1.4;
	font-weight: 500;
	margin-bottom: 18px;
}

.block-tabs .block .desc {
	margin-bottom: 40px;
}

.block-tabs .block a {
	font-size: 14px;
	font-weight: 700;
	font-family: "Anybody", sans-serif;
	color: var(--primary);
}

.block-tabs .block a svg {
	margin-left: 5px;
}

.line-wrapper {
	margin-top: 60px;
	padding: 0 30px;
	margin-bottom: 70px;
}

.line-wrapper .labels {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 30px;
}

.line-wrapper .label {
	font-size: 16px;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 600;
	color: rgba(86, 86, 86, 0.7);
}

.line-wrapper .salt-wrap {
	display: flex;
	gap: 45px;
	justify-content: space-between;
	max-width: 90%;
	margin: 0 auto;
	overflow-x: auto;
	padding-bottom: 10px;
}

.line-wrapper .salt-wrap .salt {
	flex: 0 0 100px;
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
}

.line-wrapper .salt-wrap .salt::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background: #ccc0b4;
	display: block;
	margin: 0 auto 18px;
}

.product-listing .tabs {
	display: none;
	background: #fff;
	padding: 5px;
	border-radius: 100px;
	gap: 10px;
}

.product-listing .tabs .item {
	flex: 1;
	border-radius: 50px;
	background: none;
	padding: 12px 20px;
	font-size: 12px;
	line-height: 1;
	color: rgba(86, 86, 86, 0.7);
	font-family: "Anybody", sans-serif;
	font-weight: 700;
	height: 100%;
}

.product-listing .tabs .item.active,
.product-listing .tabs .item:hover {
	background: var(--gradiant);
	color: #fff;
}

.product-listing .content-wrap {
	margin-top: 70px;
}

.product-listing .tab-content {
	display: none;
}

.product-listing .tab-content.active {
	display: block;
}

/* .load-more-btn {
margin-top: 50px;
text-align: center;
}

.load-more-btn button {
padding: 0;
border-radius: 0;
background: 0;
color: rgba(86, 86, 86, 0.7);
font-weight: 700;
} */

/* Footer CTA */
.foot-cta .wrapper::before {
	content: "";
	background: var(--CtaBg);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	right: 0;
	z-index: -1;
}

.foot-cta .wrapper {
	background: #f9f7fa;
	border: 2px solid #ffffff;
	backdrop-filter: blur(10px);
	border-radius: 16px;
	position: relative;
	padding: 60px 50px;
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 50px;
}

.foot-cta .wrapper .left-block {
	flex: 1;
	max-width: 480px;
}

.foot-cta .wrapper .mid-block {
	flex: 0 0 310px;
	margin: 0 auto;
}

.foot-cta .wrapper .right-block {
	flex: 0 0 230px;
	text-align: center;
}

.foot-cta .sub-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--primary);
	margin-bottom: 15px;
	letter-spacing: 11%;
}

.foot-cta .section-title {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -6%;
}

.foot-cta ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.foot-cta ul li:not(:last-child) {
	margin-bottom: 28px;
}

.foot-cta ul li {
	background-image: url("data:image/svg+xml,%3Csvg width='57' height='57' viewBox='0 0 57 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5 4.75C15.414 4.75 4.75 15.414 4.75 28.5S15.414 52.25 28.5 52.25 52.25 41.586 52.25 28.5 41.586 4.75 28.5 4.75m11.353 18.288L26.386 36.504a1.78 1.78 0 0 1-2.517 0l-6.721-6.721a1.79 1.79 0 0 1 0-2.518 1.79 1.79 0 0 1 2.517 0l5.463 5.462L37.335 20.52a1.79 1.79 0 0 1 2.517 0c.69.689.69 1.805 0 2.518' fill='%23fdba3b'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 0 1px;
	padding-left: 40px;
}

/*******************
* FORMULATION LAB *
*******************/

/* Lab Banner */

.lab-banner .site-container {
	padding-bottom: 10px;
}

.lab-banner .lab-imgs {
	margin-bottom: 50px;
}

.lab-banner .lab-imgs .image {
	position: relative;
}

.lab-banner .lab-imgs .image:not(:last-child) {
	margin-bottom: 22px;
}

.lab-banner .lab-imgs img {
	border-radius: 16px;
	opacity: 0.9;
}

.lab-banner .lab-imgs .location {
	position: absolute;
	bottom: 30px;
	right: 30px;
	background: #fff;
	border-radius: 50px;
	padding: 8px 20px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 700;
}

.lab-banner .wrap {
	max-width: 810px;
}

.lab-banner .sub-title {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--primary);
	margin-bottom: 22px;
	text-transform: uppercase;
}

/* Formulation Porducts */
/* Tab Swithcer */
.tab-switcher .tabs-wrapper {
	margin-bottom: 50px;
}

.tab-switcher .tabs {
	display: inline-flex;
	background-color: #fff;
	border-radius: 50px;
	gap: 20px;
	padding: 6px 8px;
}

.tab-switcher .tabs button {
	font-size: 14px;
	font-weight: 700;
	padding: 16px 20px;
	border-radius: 50px;
	transition: 0.3s ease-in-out;
	background: none;
	text-transform: uppercase;
	font-family: "Anybody", sans-serif;
	color: rgba(86, 86, 86, 0.7);
	height: 100%;
	letter-spacing: 3%;
}

.tab-switcher .tabs button:hover,
.tab-switcher .tabs button.active {
	color: #fff;
	background: var(--primary);
}

.tab-switcher .tab-content {
	display: none;
	grid-gap: 50px;
}

.tab-switcher .tab-content.active {
	display: block;
}

/***********
* CONTACT *
***********/

/* Banner */
.contact-banner {
	position: relative;
	overflow: hidden;
}

.contact-banner::before {
	content: "";
	width: 600px;
	height: 600px;
	background: var(--ContactGraphic);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	position: absolute;
	top: 50px;
	right: -175px;
	z-index: -1;
}

.contact-banner .wrapper {
	display: flex;
	gap: 45px;
	margin-top: 70px;
}

.contact-banner .left-block {
	flex: 0 0 70%;
}

.contact-banner .right-block {
	flex: 1;
}

.contact-banner .title {
	font-family: "Space Grotesk", sans-serif;
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: -4%;
	margin-bottom: 40px;
	color: #565656;
}

.contact-banner .vizor-forms {
	padding: 70px 80px 80px;
}

.vizor-forms {
	background: rgba(250, 249, 251, 0.7);
	border: 2px solid #ffffff;
	/* backdrop-filter: blur(10px); */
	border-radius: 16px;
	padding: 30px 40px 40px;
}

.vizor-forms .wpforms-container {
	margin: 0 !important;
}

.vizor-forms .wpforms-field input,
.vizor-forms .wpforms-field textarea {
	background: #ffffff !important;
	border: 1px solid rgba(86, 86, 86, 0.1) !important;
	border-radius: 100px !important;
	height: 60px !important;
	padding: 16px 28px !important;
	box-shadow: none !important;
}

.vizor-forms .wpforms-field textarea {
	height: 145px !important;
	border-radius: 16px !important;
}

.vizor-forms .wpforms-submit-container {
	margin-top: 30px !important;
}

.vizor-forms .wpforms-submit {
	padding: 16px 45px !important;
	background: var(--gradiant);
	color: #fff;
	font-family: "Anybody", sans-serif !important;
	font-weight: 700 !important;
	height: 100% !important;
	border-radius: 50px !important;
	text-transform: uppercase !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	border: 0 !important;
	position: relative;
}

.vizor-forms .wpforms-submit:hover {
	background: linear-gradient(-90deg, #fcdf83 0%, #fdba3b 100%) !important;
}

.vizor-forms .wpforms-submit::after {
	content: "";
	width: 17px;
	height: 17px;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 4.33 9.5 0v8.66zm-17 0v.75h10.25v-1.5H0z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 3.5px;
	background-size: 17px 17px;
	margin-left: 14px;
	display: inline-block;
}

.vizor-link-button {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: inherit;
	cursor: pointer;
}

.vizor-link-button img {
	display: block;
}

.posts .card-formulation .thumbnail .vizor-link-button,
.posts .card-report .thumbnail .vizor-link-button {
	display: block;
	width: 100%;
	height: 100%;
}

.posts .card-formulation .thumbnail .vizor-link-button:hover,
.posts .card-report .thumbnail .vizor-link-button:hover {
	background: none !important;
}

.vizor-title-button {
	color: inherit;
	font: inherit;
}

.vizor-gate-modal[hidden] {
	display: none;
}

.vizor-gate-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.vizor-gate-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(26, 26, 26, 0.62);
}

.vizor-gate-modal__dialog {
	position: relative;
	width: min(620px, 100%);
	max-height: calc(100vh - 48px);
	overflow-y: auto;
	background: #f9f8fb;
	border-radius: 16px;
	box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.4);
	padding: 42px;
}

.vizor-gate-modal__close,
.vizor-gate-modal__close:focus {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 50%;
	background: #ffffff;
	color: #565656;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.vizor-gate-modal__title {
	margin: 0 42px 12px 0;
	font-family: "Space Grotesk", sans-serif;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 700;
	color: #565656;
}

.vizor-gate-modal__text {
	margin: 0 0 24px;
	color: rgba(86, 86, 86, 0.8);
	font-size: 16px;
	line-height: 1.6;
}

.vizor-gate-modal__form {
	padding: 0;
	background: transparent;
	border: 0;
}

.vizor-gate-modal__error {
	margin-bottom: 16px;
	color: #b42318;
	font-weight: 600;
}

body.vizor-gate-modal-open {
	overflow: hidden;
}

body.vizor-formula-protection-active,
body.vizor-formula-protection-active .formula {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body.vizor-formula-protection-active input,
body.vizor-formula-protection-active textarea,
body.vizor-formula-protection-active select,
body.vizor-formula-protection-active [contenteditable="true"] {
	-webkit-touch-callout: default;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.woocommerce-account #content .ast-container {
	max-width: 1050px;
	padding: 40px 20px !important;
}

.page-template-default #content .ast-container{
	max-width: 1360px !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full{
	background: #fbefd7 !important;
	border: 1px solid #fdba3b !important;
	border-radius: 5px !important;
}

@media (max-width: 575px) {

	.woocommerce-MyAccount-navigation ul{
		display: block !important;
	}

	.woocommerce-MyAccount-navigation ul li,
	.woocommerce-MyAccount-navigation ul li a{
		padding: 5px !important;
	}


	.vizor-gate-modal {
		padding: 14px;
	}

	.vizor-gate-modal__dialog {
		padding: 34px 22px 24px;
		border-radius: 12px;
	}

	.vizor-gate-modal__title {
		font-size: 24px;
	}
}

.contact-banner .contact-details {
	background: rgba(250, 249, 251, 0.7);
	border: 2px solid #ffffff;
	backdrop-filter: blur(10px);
	border-radius: 16px;
	padding: 40px;
	position: sticky;
	top: 30px;
}

.contact-details .block {
	display: flex;
	gap: 30px;
	align-items: flex-start;
}

.contact-details .block:not(:last-child) {
	margin-bottom: 50px;
}

.contact-details .block .icon {
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(252, 223, 131, 0.3);
	border-radius: 50px;
}

.contact-details .block .contact-title {
	font-weight: 700;
}

.contact-details .block .contact-label {
	color: var(--text);
	margin-top: 5px;
	display: block;
}

/*************
* RESOURCES *
*************/

/* Global */
.page-template-resources h2.section-title {
	max-width: 700px;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -6%;
	color: var(--text);
	margin-bottom: 40px;
}

/* Banner */
.resources-banner {
	background: var(--ResourcesBannerBg) no-repeat center right / cover;
}

.resources-banner .site-container {
	padding-top: 100px;
}

.resources-banner .desc {
	max-width: 450px;
}

/* Case Studies */
.case-studies .posts .card-formulation {
	display: flex !important;
	margin-bottom: 30px;
	min-height: 275px;
}

.case-studies .card-formulation .salt {
	font-size: 14px;
	line-height: 1.2;
	color: rgba(86, 86, 86, 0.5);
	margin-bottom: 20px;
}

.case-studies .card-formulation .salt span {
	color: var(--primary);
	margin-left: 10px;
}

.case-studies .card-formulation .content {
	flex: 1;
	padding: 25px;
}

.case-studies .card-formulation .title {
	margin-bottom: 10px;
}

.case-studies .card-formulation .customer-name {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	color: #888;
	margin-bottom: 22px;
}

/* Media */
.page-template-resources .section-slider .site-container {
	padding-top: 20px;
}

/* Achievements */
.achievements .site-container {
	display: flex;
	gap: 38px;
}

.achievements .speaking,
.achievements .awards {
	flex: 1;
}

.achievements .block {
	background: #faf9fb;
	border: 2px solid #ffffff;
	backdrop-filter: blur(10px);
	border-radius: 8px;
	padding: 20px 40px 20px 24px;
	display: flex;
	align-items: center;
	gap: 25px;
}

.achievements .block:not(:last-child) {
	margin-bottom: 18px;
}

.achievements .speaking .icon {
	flex: 0 0 65px;
	width: 65px;
	height: 65px;
	background: rgba(86, 86, 86, 0.11);
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.achievements .content {
	flex: 1;
}

.achievements .speaking .arrow-icon {
	flex: 0 0 30px;
}

.achievements .speaking .sub-title,
.achievements .speaking .date-location {
	font-size: 12px;
	line-height: 1.2;
	color: rgba(86, 86, 86, 0.5);
	font-style: italic;
}

.achievements .speaking .title {
	margin-top: 10px;
	margin-bottom: 12px;
}

.achievements .speaking .title a {
	display: block;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--text);
}

.achievements .speaking .title a:hover {
	color: var(--primary);
}

.achievements .awards .block {
	padding: 32px 30px;
}

.achievements .awards .icon {
	flex: 0 0 140px;
}

.achievements .awards .title {
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 700;
}

.achievements .awards .year {
	color: rgba(86, 86, 86, 0.5);
	font-weight: 700;
}

/******************
* SINGLE PRODUCT *
******************/
/* Product Banner Two */
.product-hero .site-container {
	padding-top: 40px;
}

.product-hero .main-wrapper {
	background: #faf8fb;
	border-radius: 18px;
	padding: 62px 40px;
}

.product-hero .wrap {
	display: flex;
	gap: 50px;
	align-items: center;
}

.product-hero .wrap .left {
	flex: 0 0 52%;
}

.product-hero .wrap .right {
	flex: 1;
}

.product-hero .wrap .cat,
.formulation-banner .wrap .cat {
	display: inline-block;
	background: #fff9e5;
	color: var(--primary);
	padding: 8px 25px;
	border-radius: 30px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 700;
	font-family: "Anybody", sans-serif;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.product-hero .wrap .left .cat {
	display: inline-block;
}

.product-hero .wrap .right .cat {
	display: none;
}

.product-hero .wrap .section-title {
	max-width: 450px;
	font-size: 68px;
	margin-bottom: 20px;
	letter-spacing: -6%;
}

.product-hero .wrap .desc {
	font-size: 16px;
	margin-bottom: 18px;
	max-width: 486px;
}

.product-code {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.3;
	font-style: italic;
	color: var(--headline);
}

.product-hero .wrap .btn {
	margin-top: 35px;
}

/* Product Benefits */
.product-benefits {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	margin-top: 70px;
}

.product-benefits .block:not(:last-child) .content {
	border-right: 1px solid rgba(153, 164, 216, 0.35);
}

.product-benefits .block .content {
	padding-right: 40px;
}

.product-benefits .title {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	margin: 25px 0 10px;
}

.product-benefits .desc {
	font-size: 14px;
	text-align: justify;
}

/* Product Highlights */
.product-highlights {
	display: flex;
	gap: 60px;
	margin-top: 110px;
}

.product-highlights .highlights,
.key-info {
	flex: 1;
}

.product-highlights .section-title {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: -6%;
	margin-bottom: 30px;
	color: var(--text);
}

.product-highlights .highlights .block {
	padding: 22px 35px;
	background: #f6f4fa;
	border-radius: 8px;
}

.product-highlights .highlights .block:not(:last-child) {
	margin-bottom: 12px;
}

.product-highlights .highlights .block {
	display: flex;
	gap: 30px;
	align-items: center;
}

.product-highlights .highlights .block .num {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 700;
	color: #99a4d8;
	letter-spacing: -6%;
	font-family: "Space Grotesk", sans-serif;
}

.product-highlights .highlights .block .title {
	font-size: 14px;
	line-height: 1.5;
}

.key-info .block {
	display: flex;
}

.key-info .block .title {
	flex: 0 0 200px;
	font-weight: 700;
	background: #f6f4fa;
}

.key-info .block .title,
.key-info .block .desc {
	font-size: 14px;
	line-height: 1.5;
	padding: 20px 20px;
}

.key-info .block:first-of-type .title {
	border-radius: 12px 12px 0 0;
	padding-top: 35px;
}

.key-info .block:last-child .title {
	border-radius: 0 0 12px 12px;
	padding-bottom: 35px;
}

.key-info .block:first-of-type .desc {
	padding-top: 35px;
}

.key-info .block:last-child .desc {
	padding-bottom: 35px;
}

/* Formulators */
.why-choose-product .site-container {
	display: flex;
	gap: 80px;
}

.why-choose-product .left-block {
	flex: 0 0 44%;
}

.why-choose-product .right-block {
	flex: 1;
	text-align: end;
}

.why-choose-product .left-block img {
	display: none;
}

.why-choose-product .section-title {
	font-size: 48px;
	margin-bottom: 20px;
	color: var(--text);
}

.why-choose-product .block {
	background: #faf8fb;
	border: 1px solid #ffffff;
	border-radius: 12px;
	margin-top: 60px;
	padding: 20px 30px 25px;
}

.why-choose-product .block .title {
	color: rgba(86, 86, 86, 0.6);
	margin-bottom: 15px;
}

.why-choose-product .block ul {
	margin: 0 0 0 15px;
	margin-bottom: 10px;
}

.why-choose-product .block ul li,
.why-choose-product .block p {
	font-size: 14px;
	color: rgba(86, 86, 86, 0.6);
}

.why-choose-product .block p {
	margin-bottom: 10px;
}

/* Other Products */
.other-products .section-title {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -6%;
	color: var(--text);
	margin-bottom: 46px;
}

/* Formulation Banner */
.formulation-banner .back-btn {
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 3%;
	color: rgba(86, 86, 86, 0.7);
	font-family: "Anybody", sans-serif;
}

.formulation-banner .back-btn svg {
	margin-right: 8px;
}

.formulation-banner .back-btn:hover {
	color: var(--primary);
}

.formulation-banner .back-btn:hover path {
	fill: var(--primary);
}

.formulation-banner .wrap {
	background: #faf8fb;
	border-radius: 18px;
	gap: 0;
	margin-top: 30px;
	border: 2px solid #fff;
	align-items: stretch;
}

.formulation-banner .left {
	padding: 50px 40px;
}

.formulation-banner .right {
	position: relative;
}

.formulation-banner .right::before {
	content: "";
	width: 158px;
	height: 100%;
	background: linear-gradient(270deg, rgba(250, 248, 251, 0) 0%, #faf8fb 100%);
	position: absolute;
	left: 0;
}

.formulation-banner .wrap .right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 18px 18px 0;
}

.formulation-banner .wrap .section-title {
	font-size: 48px;
}

.formulation-banner .wrap .sub-title {
	font-size: 18px;
	color: #99a4d8;
	margin-bottom: 20px;
}

.formulation-banner .wrap .desc {
	margin-bottom: 0;
	max-width: 100%;
}

/* Formula */
.formula .section-title,
.used-product .section-title {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -6%;
	margin-bottom: 10px;
}

.formula .site-container {
	padding-top: 30px;
}

.formula .wrapper {
	background: #faf8fb;
	border: 2px solid #ffffff;
	border-radius: 18px;
	padding: 30px 40px 45px;
	margin-top: 36px;
}

.formula .head {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: center;
}

.formula .head .left {
	display: flex;
	align-items: center;
	gap: 20px;
}

.formula .head .icon {
	flex: 0 0 60px;
}

.formula .head .content {
	flex: 1;
}

.formula .head .title {
	font-size: 20px;
	line-height: 1.3;
	font-variant: var(--headline);
	font-weight: 700;
}

.formula .head .desc {
	font-size: 14px;
	line-height: 1.3;
	color: rgba(86, 86, 86, 0.8);
	margin-top: 8px;
	margin-bottom: 0;
}

.formula .btn svg {
	margin-left: 12px;
	transition: all 0.3s;
}

.formula .hide-e {
	display: none;
}

.formula .head .btn button.active {
	color: #fff;
	background: #fdba3b;
	box-shadow: inset 0px 4px 9.8px rgba(86, 86, 86, 0.2);
}

.formula .head .btn button.active svg {
	transform: rotate(180deg);
}

.formula .documents {
	position: relative;
}

.formula .documents.blur::before {
	content: "";
	width: calc(100% + 40px);
	height: 100%;
	background: rgba(250, 248, 251, 0.2);
	backdrop-filter: blur(3px);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 -20px;
}

.formula .document {
	margin-top: 70px;
	display: grid;
	gap: 80px;
	grid-template-columns: repeat(3, 1fr);
}

.formula .document .key-info {
	flex: 1;
}

.formula .key-info .key-title {
	font-size: 20px;
	margin-bottom: 12px;
	font-weight: 700;
	font-family: "Inria Sans", sans-serif;
	text-transform: uppercase;
}

.formula .key-info .block .title {
	flex: 1;
	padding: 15px 20px;
}

.formula .key-info .block .desc {
	flex: 0 0 35%;
	padding: 13px 20px;
	text-align: end;
}

.formula .key-info .top {
	display: flex;
	margin-bottom: 10px;
	background: #f6f4fa;
	padding: 14px 20px;
	gap: 20px;
	justify-content: space-between;
	border-radius: 10px !important;
}

.formula .key-info .top .top-title {
	color: var(--text);
	font-weight: 700;
}

.formula .key-info .top .top-desc {
	font-weight: 700;
	margin-bottom: 0;
}

.formula .documents .summary {
	background: #f6f4fa;
	padding: 30px;
	border-radius: 8px;
	margin-top: 50px;
}

.formula .documents .summary h2,
.formula .documents .summary h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.formula .documents .summary ul,
.formula .documents .summary ol {
	margin: 0 0 0 20px;
	margin-bottom: 15px;
}

.formula .documents .summary p {
	margin-bottom: 15px;
}

.formula .documents .text-line {
	margin-top: 30px;
	font-size: 18px;
}

/* Used Product */
.used-product .site-container {
	padding-top: 20px;
}

.used-product .wrapper {
	display: flex;
	background: #faf9fb;
	border: 2px solid #ffffff;
	backdrop-filter: blur(10px);
	border-radius: 16px;
	margin-top: 32px;
	gap: 60px;
	align-items: stretch;
}

.used-product .block-1 {
	flex: 0 0 33%;
	position: relative;
}

.used-product .block-1::before {
	content: "";
	width: 206px;
	height: 100%;
	background: linear-gradient(270deg, #faf8fb 0%, rgba(250, 248, 251, 0) 100%);
	position: absolute;
	right: 0;
}

.used-product .block-2 {
	flex: 1;
	padding: 35px 0;
}

.used-product .block-3 {
	flex: 0 0 290px;
	padding-right: 50px;
	display: flex;
	gap: 30px;
	align-items: center;
}

.used-product .block-1 img {
	border-radius: 16px 0 0 16px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.used-product .block-2 .cat {
	display: inline-block;
	background: #fff9e5;
	color: var(--primary);
	padding: 8px 25px;
	border-radius: 30px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 700;
	font-family: "Anybody", sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.used-product .block-2 .title {
	font-size: 48px;
	max-width: 390px;
}

.used-product .block-2 .desc {
	font-size: 14px;
	margin-bottom: 24px;
}

.used-product .block-3 .btn a {
	display: block;
}

.used-product .block-3 .btn a:last-child {
	position: relative;
	background: none;
	color: var(--primary);
	margin-top: 30px;
	border-radius: 50px;
	z-index: 1;
}

.used-product .block-3 .btn a:last-child::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 2px;
	border-radius: inherit;
	background: linear-gradient(90deg, #fcdf83 0%, #fdba3b 100%);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
}

.used-product .block-3 .btn a:last-child:hover {
	background: linear-gradient(90deg, #fcdf83 0%, #fdba3b 100%);
	color: #fff;
}

.used-product .block-3 .btn a:last-child:hover::before {
	opacity: 0;
}

/************
* ABOUT US *
************/

/* Banner */

.about-banner .site-container {
	padding-top: 50px;
}

.about-banner .section-title {
	margin-bottom: 15px;
}

.about-banner .desc {
	max-width: 870px;
	font-size: 16px;
}

.about-banner img {
	border-radius: 20px;
	margin-top: 40px;
}

/* Key Benefits */
.key-benefits .wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.key-benefits .block {
	background: #faf9fb;
	border: 2px solid #ffffff;
	backdrop-filter: blur(10px);
	border-radius: 16px;
	padding: 40px 30px;
}

.key-benefits .block .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border-radius: 100px;
	background: rgba(161, 153, 216, 0.4);
	margin-bottom: 30px;
}

.key-benefits .block .icon img {
	width: 40px;
	height: 40px;
}

.key-benefits .block .title {
	font-size: 22px;
	margin-bottom: 15px;
}

/* Our Team */
.our-team .site-container {
	display: flex;
	gap: 70px;
	align-items: center;
}

.our-team .left-block {
	flex: 0 0 44%;
}

.our-team .right-block {
	flex: 1;
}

.our-team .left-block img {
	border-radius: 20px;
}

.our-team .sub-title {
	font-weight: 700;
	color: var(--primary);
	font-family: "Anybody", sans-serif;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.our-team .section-title {
	font-size: 60px;
	line-height: 1.2;
	margin-bottom: 30px;
}

.our-team .desc {
	font-size: 18px;
	line-height: 1.7;
}

/* Zinc Coatings */
.page-template-zinc-coatings .section-title {
	font-size: 48px;
	line-height: 1.4;
	max-width: 930px;
	margin-bottom: 0;
}

/* Pors Cons */
.pros-cons .site-container {
	padding-top: 0;
}

.table-wrap {
	border: 2px solid #ffffff;
	border-radius: 18px;
}

.chemical-table {
	background: #f6f4fa;
	border: 0;
	border-radius: 18px;
	margin-bottom: 0;
}

.chemical-table th,
.chemical-table td {
	padding: 20px 25px;
	text-align: left;
	vertical-align: top;
	border: 0;
}

.chemical-table thead th {
	font-size: 18px;
	font-weight: 700;
	color: #252b3a;
}

.chemical-table tbody tr:nth-child(odd) td {
	background: #fff;
}

.chemical-table tbody tr:nth-child(even) td {
	background: #f6f4fa;
}

.chemical-table td {
	font-size: 14px;
	line-height: 1.7;
	color: #61667a;
}

.chemical-table td:first-child {
	font-weight: 700;
	color: #252b3a;
	width: 24%;
}

.chemical-table tbody tr:last-child td:first-of-type {
	border-radius: 0 0 0 16px;
}

.chemical-table tbody tr:last-child td:last-child {
	border-radius: 0 0 16px 0;
}

/* Featured In */
.featured-in .section-title {
	text-align: center;
	margin: 0 auto 60px;
	font-size: 24px;
}

.featured-in .wrap {
	align-items: center;
	display: flex;
	gap: 60px;
	justify-content: center;
}

.featured-in .wrap img {
	width: auto;
	height: 60px;
	object-fit: contain;
}

.featured-in .wrap img:first-child {
	order: 1;
}

.featured-in .wrap .btn {
	order: 2;
}

.featured-in .wrap img:last-of-type {
	order: 3;
}

/* Non-Nano Zinc Oxide */
.sub-title2 {
	font-weight: 700;
	color: var(--primary);
	font-family: "Anybody", sans-serif;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.2;
}

.common-banner .section-title {
	max-width: 860px;
	font-size: 48px;
}

.common-banner .desc {
	max-width: 860px;
	font-size: 16px;
}

/* Common Section */
.common-section .site-container {
	padding-top: 20px;
}

.common-section .wrapper {
	display: flex;
	gap: 100px;
	align-items: center;
	background: #faf8fb;
	border: 2px solid #ffffff;
	border-radius: 18px;
	padding: 40px 50px;
	margin-bottom: 50px;
}

.common-section .wrapper:nth-child(even) {
	flex-direction: row-reverse;
}

.common-section .left-block {
	flex: 0 0 60%;
}

.common-section .right-block {
	flex: 1;
}

.common-section .section-title {
	font-size: 34px;
	max-width: 500px;
}

.common-section .desc {
	max-width: 600px;
}

.common-section .btn {
	text-align: center;
}

/************
* IN VITRO *
************/

/* Banner */
.vitro-banner .site-container {
	display: flex;
	gap: 80px;
}

.vitro-banner .left-block {
	flex: 0 0 45%;
}

.vitro-banner .right-block {
	flex: 1;
}

.vitro-banner .label {
	font-size: 18px;
	font-weight: 700;
	margin: 30px 0 20px;
}

.vitro-banner .block {
	background: #faf9fb;
	border: 2px solid #ffffff;
	backdrop-filter: blur(10px);
	border-radius: 18px;
	padding: 20px;
}

.vitro-banner .block span {
	display: block;
	font-weight: 600;
}

.vitro-banner .block span:last-child {
	margin-bottom: 10px;
}

.vitro-banner .tagline {
	font-size: 14px;
	font-style: italic;
	color: rgba(86, 86, 86, 0.4);
	margin-top: 20px;
}

.vitro-banner .msg {
	margin-top: 25px;
	font-weight: 600;
	line-height: 1.4;
}

.vitro-banner .vizor-forms .wpforms-field {
	padding: 12px 0 !important;
}

.vitro-banner .vizor-forms .wpforms-field-label {
	font-size: 15px !important;
	margin-bottom: 10px !important;
}

.vitro-banner .vizor-forms input,
.vitro-banner .vizor-forms textarea {
	padding: 5px 20px;
	height: 44px !important;
}

.vitro-banner .vizor-forms .wpforms-submit-container {
	margin-top: 20px !important;
}

/* In vitro custom form*/

.forms .wrapper {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 20px 30px;
}

.forms .form-group {
	flex: 1 0 47%;
}

.forms .form-group.two {
	flex: 0 0 100%;
}

.forms .form-group .form-label {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 600;
	color: #222;
}

.forms .form-group input {
	width: 100%;
	background: #ffffff;
	border: 1px solid rgba(86, 86, 86, 0.1);
	border-radius: 100px;
	height: 60px;
	padding: 16px 28px;
	box-shadow: none;
}

.forms .form-group input::placeholder {
	color: #9b9b9b;
	font-size: 13px;
}

.forms .form-group .input-group {
	display: flex;
	grid-gap: 20px 30px;
}

.forms .form-group .input-group input {
	flex: 0 0 47%;
}

.forms .btn {
	text-align: center;
	margin-top: 30px;
}

.forms .btn .submit,
#popup .popup-footer button.submit {
	text-align: center;
	display: block;
	font-size: 16px;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	padding: 18px 38px !important;
	border-radius: 50px !important;
	color: #fff !important;
	height: auto !important;
	background: var(--gradiant);
	transition: 0.3s ease-in-out;
	font-family: "Anybody", sans-serif !important;
}

.forms #message {
	text-align: center;
	margin-top: 20px;
	margin-bottom: -10px;
	color: green;
}

.form-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4%;
}

form .form-actions .btn {
	width: 48%;
}

.form-actions .btn > input {
	width: 100%;
}

#popup {
	width: 96%;
	background-color: #f9f8fb;
	position: fixed;
	left: 2%;
	top: 15px;
	z-index: 9999;
	bottom: 15px;
	border-radius: 8px;
	box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.4);
	padding: 10px;
	box-sizing: border-box;
}

#popup .popup-container {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: scroll;
	/* gap: 1%; */
	scrollbar-width: thin;
	scrollbar-color: #20293a #f1f1f1;
	padding: 12px 15px 12px 5px;
	max-height: 100%;
}

#popup .popup-container .form-container {
	max-width: 100%;
}

#popup .popup-container .form-container:not(#add-new-container) {
	border-right: 5px solid #f1f1f1;
	height: 100%;
}

#popup .popup-container .form-container#add-new-container {
	padding-left: 2%;
}

#popup .popup-container .form-container:not(:first-child) {
	padding-right: 2%;
	padding-left: 2%;
}

#popup .popup-container .form-container:first-child {
	padding-right: 2%;
}

#popup .popup-container .form-container .forms {
	padding: 10px;
	width: 580px;
	max-width: 100%;
}

#popup #add-new-container .forms {
	background-color: #f1f1f1;
	/* width: 100%; */
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#popup .form-container .btn {
	margin-top: 25px;
}

#popup button#add-new {
	background-color: transparent;
	color: #333;
}

#popup button#add-new > span.dashicons {
	font-size: 50px;
	width: auto;
	height: auto;
}

#popup button#add-new p {
	margin-top: 15px;
}

#popup .popup-footer {
	height: 70px;
	padding: 5px 20px;
}

#popup .popup-footer .form-actions {
	height: 100%;
	align-items: center;
}

#popup .popup-footer button,
#additional-products {
	text-align: center;
	color: #fff;
	padding: 12px 50px;
	border-radius: 10px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
}

#additional-products {
	text-align: center;
	display: inline-block;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
	border-radius: 50px;
	transition: 0.3s ease-in-out;
	font-family: "Anybody", sans-serif;
	background: none;
	border: 2px solid rgba(86, 86, 86, 0.35);
	color: var(--headline);
	padding: 16px 38px;
}

#popup .popup-footer button.submit {
	width: 200px;
}

#popup .popup-footer button.cancel {
	background: #f16032;
	width: 200px;
	border-radius: 50px;
}

#popup:not(.multiple) .popup-footer {
	display: none;
}

#popup.multiple .popup-footer {
	display: block;
}

#popup.multiple .popup-container .single-submit {
	display: none;
}

#popup.multiple .popup-container {
	height: calc(100% - 70px);
}

#popup button#close-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: transparent;
	padding: 0;
}

#popup button#close-btn:hover {
	color: inherit;
}

#popup button#close-btn span.dashicons {
	font-size: 30px;
	width: auto;
	height: auto;
}

#popup .popup-container::-webkit-scrollbar {
	width: 10px;
}

#popup .popup-container::-webkit-scrollbar-track {
	background: #f1f1f1;
}

#popup .popup-container::-webkit-scrollbar-thumb {
	background-color: #20293a;
	border-radius: 10px;
	border: 3px solid #f1f1f1;
}

.required > label::after {
	content: " *";
	color: #ad0b0b;
}

@media (max-width: 800px) {
	.forms .form-group input {
		width: 100%;
		border: 0;
		padding: 12px 15px;
		outline: none;
	}

	.forms .form-group input::placeholder {
		color: #9b9b9b;
		font-size: 13px;
	}

	.forms .form-group .input-group {
		display: flex;
		flex-wrap: wrap;
		grid-gap: 10px;
	}

	.forms .form-group .input-group input {
		flex: 0 0 100%;
	}

	.forms .btn {
		text-align: center;
		margin-top: 20px;
	}

	.forms .btn .submit {
		padding: 8px 40px;
		font-size: 16px;
		line-height: 26px;
	}

	form .form-actions {
		flex-wrap: wrap;
		gap: 0;
	}

	form .form-actions > .btn {
		width: 100%;
	}

	#popup .popup-container {
		flex-wrap: wrap;
	}

	#popup .popup-container .form-container {
		padding: 20px 0 !important;
		height: auto !important;
	}

	#popup .popup-container .form-container:not(#add-new-container) {
		border-top: 5px solid #f1f1f1;
		border-right: none !important;
	}

	#popup .popup-container .form-container#add-new-container {
		height: 400px !important;
	}
}

/****************
* FREE TESTING *
****************/

/* Banner */
.page-template-free-testing .common-banner .desc {
	font-size: 18px;
}

/* Testing Benefits */
.testing-benefits .site-container {
	display: flex;
	gap: 100px;
}

.testing-benefits .left-block {
	flex: 0 0 45%;
}

.testing-benefits .right-block {
	flex: 1;
}

.testing-benefits .block:not(:last-child) {
	margin-bottom: 50px;
}

.testing-benefits .block {
	display: flex;
	gap: 20px;
}

.testing-benefits .block .left {
	flex: 0 0 40px;
}

.testing-benefits .block .right {
	flex: 1;
}

.testing-benefits .block .num {
	background: #f6f4fa;
	color: #99a4d8;
	font-size: 30px;
	line-height: 1;
	font-weight: 700;
}

.testing-benefits .block .title {
	font-size: 20px;
	margin-bottom: 15px;
}

/********
* BLOG *
********/

.blog .content-area {
	margin-top: 0 !important;
}

.blog .ast-container {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.blog .posts-page-title {
	padding: 70px 0;
	margin-bottom: 0;
}

.blog article.post {
	margin-bottom: 40px;
}

.blog article.post .post-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.blog article.post .post-content .entry-title,
.blog article.post .post-content .ast-excerpt-container,
.blog article.post .post-content .read-more {
	padding: 0 25px;
}

.blog article.post .post-content .entry-header {
	padding: 0 25px;
	margin-top: -5px;
}

.blog article.post .post-content .entry-header .entry-meta * {
	color: #7d7d7d;
	font-size: 13px;
}

.blog article.post .post-content .entry-title a {
	display: block;
}

.blog article.post .post-content .entry-title a:hover {
	color: var(--primary) !important;
}

.blog article.post .post-content .entry-content {
	display: none;
}

.blog article.post .post-content .ast-excerpt-container {
	flex-grow: 1;
}

.blog article.post .post-content .read-more {
	margin-bottom: 25px;
}

.blog article.post .post-thumb img {
	height: 210px !important;
	object-fit: cover;
}

.ast-pagination {
	margin-top: 40px;
}

.ast-pagination .nav-links {
	display: flex;
	grid-gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}

.ast-pagination .page-numbers {
	width: auto;
	border: 1px solid #ddd;
	padding: 12px 20px;
	font-weight: 500;
	border-radius: 5px !important;
	color: var(--text-color-1);
	background: #fff;
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
	transition: 0.3s ease-in-out;
}

.ast-pagination .next.page-numbers,
.ast-pagination .prev.page-numbers {
	padding: 12px 20px !important;
	height: 100% !important;
	line-height: 1 !important;
	width: auto;
}

.ast-pagination .page-numbers.current,
.ast-pagination .page-numbers:hover {
	background: var(--primary);
	color: #fff;
	border: 1px solid var(--primary);
}

/***************
* SINGLE POST *
***************/

.single-post #primary {
	max-width: 980px;
	margin: 0 auto;
	padding: 40px 40px 10px;
	background: #fff;
	border-radius: 20px;
}

.single-post .entry-header .post-thumb img {
	border-radius: 10px;
}

.single-post h1.entry-title {
	font-size: 42px !important;
	font-weight: 700;
	margin: 40px 0 30px;
	line-height: 1.4;
}

.single-post .entry-content p {
	font-size: 17px;
	line-height: 1.8;
}

.single-post .ast-single-related-posts-container {
	padding-left: 0;
	padding-right: 0;
}

.single-post .ast-single-related-posts-container .ast-related-posts-title {
	margin-bottom: 0;
}

.single-post .ast-single-related-posts-container .entry-title a {
	display: block;
	font-size: 16px !important;
	line-height: 1.4 !important;
}

.single-post .ast-single-related-posts-container .entry-title a:hover {
	color: var(--primary);
}

/* Woocommerce */
.woocommerce-cart .site-content .ast-container,
.woocommerce-checkout .site-content .ast-container {
	max-width: 1050px !important;
}

.woocommerce-cart .site-content .site-main article,
.woocommerce-checkout .site-content .site-main article {
	background: #fff;
	border-radius: 20px;
	margin: 40px;
	margin-top: 35px;
	padding: 40px;
}

.woocommerce-cart .site-content .site-main article .entry-header,
.woocommerce-checkout .site-content .site-main article .entry-header {
	margin-top: 0;
}

.woocommerce-cart .wc-block-cart__main .wc-block-cart-items {
	border-bottom: none;
}

.woocommerce-cart .site-content .wc-block-cart__submit-button,
.woocommerce-checkout
.site-content
.wc-block-components-checkout-place-order-button {
	text-align: center;
	display: flex;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
	padding: 18px 38px;
	border-radius: 50px;
	color: #fff;
	background: var(--gradiant);
	transition: 0.3s ease-in-out;
	font-family: "Anybody", sans-serif;
}

.woocommerce-cart
.site-content
.site-main
table.wc-block-cart-items
.wc-block-cart-items__row
.wc-block-components-product-name {
	font-size: 16px;
	font-weight: 700;
	color: var(--text);
}

.woocommerce-cart
.site-content
.wc-block-components-product-metadata__description {
	display: none;
}

.woocommerce-checkout.woocommerce-order-received
.woocommerce-order
.woocommerce-thankyou-order-received {
	text-align: left;
}

.wpforms-field.hidden {
	display: none !important;
}

/****************
* MEDIA QUERIES *
*****************/

@media (max-width: 1199px) {
	/***************
	* Slick slider *
	****************/

	#page .slick-prev {
		left: 86%;
	}

	/* Header */
	.site-header .main-navigation > ul {
		gap: 20px 15px;
	}
	/************
	* PRODUCTS *
	************/

	/* Banner */
	.block-tabs {
		display: flex;
		gap: 40px;
		margin-top: 50px;
	}
	.block-tabs .block .left {
		flex: 0 0 40%;
	}

	.block-tabs .block .right {
		padding: 40px 25px;
	}

	.line-wrapper .salt-wrap {
		gap: 40px;
		max-width: 100%;
	}

	/* Footer CTA */
	.foot-cta .wrapper {
		padding: 50px 30px;
		gap: 30px;
	}

	.foot-cta .wrapper .left-block {
		flex: 1;
	}

	.foot-cta .wrapper .mid-block {
		flex: 0 0 292px;
	}

	.foot-cta .wrapper .right-block {
		flex: 0 0 210px;
	}

	/***********
	* CONTACT *
	***********/

	/* Banner */

	.contact-banner .wrapper {
		gap: 30px;
	}

	.contact-banner .left-block {
		flex: 0 0 60%;
	}

	.contact-banner .vizor-forms {
		padding: 50px 50px 60px;
	}

	/* Formula */
	.formula .wrapper {
		padding: 30px 30px 0;
	}

	.formula .document {
		margin-top: 70px;
		display: flex;
		gap: 30px;
	}

	.formula .key-info .block .desc {
		flex: 0 0 28%;
	}

	.formula .documents .summary {
		margin-top: 45px;
	}

	/* Used Product */
	.used-product .wrapper {
		gap: 40px;
	}

	.used-product .block-3 {
		flex: 0 0 264px;
		padding-right: 30px;
	}
}

@media (max-width: 991px) {
	/* Global */
	.section-title {
		font-size: 68px;
	}

	.posts.grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.posts.grid-2 {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Card Products */
	.posts .card-formulation .content {
		flex: 1;
		padding: 25px 30px 30px;
	}

	/* Header */
	.site-header .main-navigation > ul {
		gap: 0px;
	}

	.header-btn a {
		padding: 15px 20px !important;
	}

	/* Transparency */
	.transparency .block-3,
	.transparency .block-2 {
		flex: 0 0 100%;
	}

	/************
	* PRODUCTS *
	************/

	/* Banner */
	.product-banner .content {
		flex: 0 0 60%;
	}

	/* Blocks */
	.block-tabs {
		display: block;
		margin-top: 50px;
	}

	.block-tabs .block:not(:last-child) {
		margin-bottom: 30px;
	}

	/* Footer CTA */
	.foot-cta .wrapper {
		padding: 50px 30px;
		gap: 30px;
		flex-wrap: wrap;
	}

	.foot-cta .wrapper .left-block {
		flex: 1;
	}

	.foot-cta .wrapper .mid-block {
		flex: 0 0 292px;
	}

	.foot-cta .wrapper .right-block {
		flex: 0 0 100%;
	}

	/* Formulation Porducts */
	.tab-switcher .tabs-wrapper {
		margin-bottom: 40px;
	}

	/***********
	* CONTACT *
	***********/

	/* Banner */
	.contact-banner::before {
		width: 500px;
		height: 500px;
		/* top: 50px; */
		/* right: -175px; */
	}

	.contact-banner .wrapper {
		display: block;
		margin-top: 50px;
	}

	.contact-banner .left-block {
		margin-bottom: 50px;
	}

	/*************
	* RESOURCES *
	*************/

	/* Achievements */
	.achievements .site-container {
		display: block;
	}

	.achievements .speaking {
		margin-bottom: 60px;
	}

	/******************
	* SINGLE PRODUCT *
	******************/
	/* Product Banner Two */
	.product-hero .main-wrapper {
		padding: 40px 30px;
	}

	.product-hero .wrap {
		flex-direction: column-reverse;
		gap: 20px;
	}

	.product-hero .wrap .left {
		flex: 0 0 100%;
	}

	.product-hero .wrap .left .cat {
		display: none;
	}

	.product-hero .wrap .right .cat {
		display: inline-block;
	}

	.product-hero .wrap .section-title,
	.product-hero .wrap .desc {
		max-width: 100%;
	}

	/* Product Benefits */
	.product-benefits {
		grid-template-columns: repeat(2, 1fr);
		gap: 50px;
		margin-top: 50px;
	}

	.product-benefits .block .content {
		border: 0 !important;
		padding-right: 0px;
	}

	/* Product Highlights */
	.product-highlights {
		display: block;
		margin-top: 80px;
	}

	.product-highlights .highlights {
		margin-bottom: 50px;
	}

	/* Formulators */
	.why-choose-product .site-container {
		display: flex;
		gap: 40px;
	}

	.why-choose-product .left-block {
		flex: 0 0 50%;
	}

	.why-choose-product .section-title {
		font-size: 40px;
	}

	.why-choose-product .block {
		margin-top: 50px;
	}

	/* Formulation Banner */

	.formulation-banner .wrap .right img {
		border-radius: 18px 18px 0 0;
	}

	.formulation-banner .right::before {
		width: 100%;
		height: 50px;
		top: inherit;
		bottom: 0;
		left: initial;
		background: linear-gradient(
			180deg,
			rgba(250, 248, 251, 0) 0%,
			#faf8fb 100%
		);
	}

	.formulation-banner .left {
		padding: 30px 40px 50px;
	}

	.formulation-banner .wrap,
	.used-product {
		position: relative;
	}

	.formulation-banner .wrap .left .cat,
	.used-product .block-2 .cat {
		display: inline-block;
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 999;
	}

	/* Formula */
	.formula .document {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Used Product */
	.used-product .wrapper {
		display: block;
		gap: 30px;
	}

	.used-product .block-2 {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.used-product .block-1 img {
		border-radius: 16px 16px 0 0;
	}

	.used-product .block-1::before {
		width: 100%;
		height: 45px;
		background: linear-gradient(
			180deg,
			rgba(250, 248, 251, 0) 0%,
			#faf8fb 100%
		);
		right: 0;
		bottom: 0;
	}

	.used-product .block-2 .title {
		max-width: 100%;
	}

	.used-product .block-2,
	.used-product .block-3 {
		padding: 0 30px;
	}

	.used-product .block-3 {
		padding-bottom: 50px;
	}

	.used-product .block-3 .btn {
		display: flex;
		gap: 20px;
		align-items: center;
	}

	.used-product .block-3 .btn a {
		margin: 0 !important;
	}

	/************
	* ABOUT US *
	************/

	/* Our Team */
	.our-team .site-container {
		gap: 40px;
		align-items: flex-start;
	}

	.our-team .left-block {
		flex: 0 0 44%;
	}

	.our-team .section-title {
		font-size: 42px;
	}

	.our-team .desc {
		font-size: 17px;
	}

	/* Non-Nano Zinc Oxide */
	.common-banner .section-title {
		font-size: 36px;
	}

	/* Common Section */
	.common-section .wrapper {
		gap: 40px;
		padding: 40px 40px;
	}

	.common-section .left-block {
		flex: 0 0 55%;
	}

	/************
	* IN VITRO *
	************/

	/* Banner */
	.vitro-banner .site-container {
		display: block;
		gap: 40px;
	}

	.vitro-banner .left-block {
		margin-bottom: 40px;
	}

	.vitro-banner .label {
		font-size: 16px;
		margin: 20px 0 15px;
	}

	.vitro-banner .block {
		border-radius: 10px;
		padding: 15px;
	}

	.vitro-banner .tagline {
		font-size: 13px;
		margin-top: 15px;
	}

	.vitro-banner .msg {
		margin-top: 15px;
	}

	/****************
	* FREE TESTING *
	****************/

	/* Testing Benefits */
	.testing-benefits .site-container {
		display: block;
	}

	.testing-benefits .left-block {
		margin-bottom: 50px;
	}
}

@media (max-width: 921px) {
	/* Site Header */

	.site-header .ast-builder-grid-row {
		padding-top: 10px;
	}

	.ast-mobile-popup-drawer .ast-mobile-popup-header {
		position: relative;
		top: 12px;
		right: 16px;
	}
	.site-header .menu-toggle:focus {
		border: 0 !important;
		outline: 0;
	}

	.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
		background: linear-gradient(180deg, #fcdf83 0%, #fdba3b 100%);
	}

	#ast-mobile-popup .header-btn {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#ast-mobile-popup .header-btn a {
		background: #fff;
		color: var(--primary) !important;
	}

	#ast-mobile-popup .header-btn a:hover {
		background: #fff;
		color: var(--primary) !important;
		opacity: 0.9;
	}

	#ast-mobile-popup .main-header-menu {
		gap: 40px;
		top: 50px;
	}

	#ast-mobile-popup .main-header-menu .menu-item a {
	}

	#ast-mobile-popup .menu-toggle-close:focus {
		border: 0 !important;
		outline: 0;
	}

	#ast-mobile-popup .menu-toggle-close svg {
		width: 30px;
		height: 30px;
	}

	.woocommerce-cart .site-content .site-main article,
	.woocommerce-checkout .site-content .site-main article {
		padding: 20px;
		margin: 20px;
	}
}

@media (max-width: 767px) {
	/**********
	* GLOBAL *
	**********/

	.site-container {
		max-width: 100%;
		padding: 50px 20px;
	}

	.section-title {
		font-size: 32px;
	}

	.btn a,
	.btn button {
		font-size: 14px;
		padding: 13px 25px;
	}

	.home .section-head .section-title {
		margin-bottom: 20px !important;
	}

	.home .section-head {
		margin-bottom: 40px !important;
	}

	.home .hero .desc {
		font-size: 17px;
	}

	.desc {
		font-size: 15px;
	}

	.banner .desc {
		font-size: 16px;
	}

	/* Grid */
	.posts.grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.posts.grid-2 {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	/* Global Card */
	.posts .card {
		border-radius: 10px;
	}

	.posts .card .content {
		padding: 17px 20px 25px;
	}

	.posts .card .cat {
		padding: 5px 15px;
		font-size: 11px;
	}

	.posts .card .title a {
		font-size: 18px;
	}

	.posts .card .read-more {
		font-size: 13px;
	}

	.posts .card .read-more svg {
		margin-left: 8px;
	}

	/* Card Products */
	.posts .card-formulation .thumbnail {
		flex: 0 0 38%;
	}

	.posts .card-formulation .thumbnail img {
		border-radius: 10px 0 0 10px;
	}

	.posts .card-formulation .content {
		flex: 1;
		padding: 30px 30px;
	}

	.posts .card-formulation .excerpt {
		margin-bottom: 30px;
	}

	/* Card Media */
	.posts .card-media .thumbnail {
		padding: 40px 25px;
	}

	.posts .card-media .thumbnail img {
		height: 35px;
	}

	.posts .card-media .date {
		font-size: 13px;
		margin-bottom: 8px;
	}

	.posts .card-media .title a {
		font-size: 15px;
		margin-bottom: 16px;
	}

	/* Slick slider - Dots */
	#page .slick-dots {
		bottom: -40px;
	}

	#page .slick-dots li {
		margin: 0px;
	}

	#page .slick-dots li button:before {
		font-size: 8px;
	}

	#page .case-studies .slick-dots {
		bottom: -15px;
	}

	/************
	* HOMEPAGE *
	************/

	.hero.bg-video-wrap .bg-video {
		display: none;
	}

	/* Hero */
	.home .hero {
		background-image: none !important;
		background-color: #f6f4fa;
		background: none;
	}

	.home .hero .site-container {
		padding: 0px 20px 80px;
	}

	.home .hero::after {
		display: none;
	}

	.hero-mob-img {
		display: block;
		position: relative;
		z-index: 222;
	}

	.hero-mob-img::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 80px;
		background: linear-gradient(
			180deg,
			rgba(246, 244, 250, 0) 0%,
			#f6f4fa 100%
		);
		z-index: 2;
	}

	.hero .wrapper {
		max-width: 100%;
		margin-top: -30px;
		position: relative;
		z-index: 99999;
	}

	.hero .section-title {
		margin-bottom: 20px;
		font-size: 54px;
	}

	.hero .desc {
		margin-bottom: 40px;
	}

	.hero .btn a:last-child {
		padding: 11px 25px;
	}

	/* Logos Container */
	.logos-container {
		margin-top: 0;
		overflow: hidden;
	}

	.logos-container .logos {
		padding: 50px 0;
	}

	.logos-container .logos img {
		height: 50px;
	}

	/* Who We Are */
	.who-we-are .site-container {
		padding-top: 70px;
		padding-bottom: 64px;
	}

	.who-we-are .section-title {
		font-size: 54px;
	}

	.who-we-are .wrapper {
		display: block;
		text-align: center;
	}

	.who-we-are .label {
		font-size: 18px;
		margin-bottom: 25px;
	}

	.who-we-are .logos img:not(:last-child) {
		margin-right: 30px;
		padding-right: 30px;
	}

	.who-we-are .logos img {
		padding: 10px 0;
		width: auto;
		height: 45px;
		object-fit: contain;
	}

	/* Transparency */
	.transparency .site-container {
		display: block;
	}

	.transparency .block {
		border: 2px solid #fff;
		border-radius: 10px;
	}

	.transparency .block .desc {
		font-size: 13px;
	}

	.transparency .block:not(:last-child) {
		margin-bottom: 20px;
	}

	.transparency .block-1 {
		padding: 180px 20px 25px;
	}

	.transparency .block-1 .bg-video {
		display: none;
	}

	.transparency .block-1::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		background: url("/wp-content/uploads/2026/05/mobile-greater-transparency.webp")
			no-repeat center center/cover;
		z-index: -1;
		border-radius: 10px;
	}

	.transparency .block-1 .wrap {
		max-width: 100%;
	}

	.transparency .block-2 {
		padding: 25px 20px 30px;
	}

	.transparency .block-1 .section-title,
	.transparency .block-4 .section-title {
		font-size: 32px;
		margin-bottom: 10px;
	}

	.transparency .block-3 .section-title,
	.transparency .block-2 .section-title {
		font-size: 32px;
		margin-bottom: 10px;
	}

	.transparency .block-2 .labels-1 {
		margin-bottom: 8px;
		padding-bottom: 8px;
		font-size: 15px;
	}

	.transparency .block-3 {
		padding: 50px 40px 80px 20px;
	}

	.transparency .block-3 .wrap {
		max-width: 100%;
	}

	.transparency .block-4 .bg-video { 
		display: none;
	}

	.transparency .block-4 {
		display: block;
		position: relative;
		padding-top: 30px;
	}

	.transparency .block-4 .right-block {
		padding: 0px 20px 30px;
	}

	.transparency .block-4 .left-block .foot {
		display: block;
		margin-top: 0;
		padding: 0 20px;
	}

	.transparency .block-4 .right-block .foot {
		display: none;
	}

	.transparency .block-4 .foot .labels {
		margin-bottom: 8px;
		padding-bottom: 8px;
	}

	/* CTA */
	.cta .bg-video {
		display: block;
		width: 160px;
		object-position: top;
	}

	.cta::before {
		background-size: 80% auto;
		width: 200px;
		height: 184px;
		left: 0;
		top: 0;
		transform: none;
	}

	.cta .site-container {
		padding-top: 140px;
		padding-bottom: 70px;
	}

	.cta .wrapper {
		max-width: 100%;
	}

	.cta .desc {
		font-size: 14px;
		margin: 20px 0 30px;
	}

	/* Companies */

	/* Companies: Slider */
	#page .companies .slick-list {
		margin: 0 -10px;
	}

	#page .companies .slick-slide {
		margin: 0 10px;
	}

	.companies {
		padding-top: 80px;
		padding-bottom: 60px;
	}

	.companies::before {
		background-position: center;
		background-size: 100% auto;
		top: 42%;
	}

	.companies .section-title {
		padding: 0 20px;
		font-size: 18px;
		margin-bottom: 60px;
	}

	.companies .left-slider {
		margin-bottom: 20px;
	}

	.companies .block {
		border-radius: 10px;
		padding: 25px 20px;
	}

	.companies .block img {
		height: 40px;
	}

	.companies .block .company-name {
		font-size: 16px;
		margin-top: 15px;
	}

	/* Why Choose */
	.why-choose .site-container {
		padding-bottom: 80px;
	}

	.why-choose .section-title {
		font-size: 32px;
	}

	.why-choose .block .title {
		font-size: 16px;
	}

	.why-choose .block > div {
		height: 90px;
	}

	.why-choose .block .icon svg {
		width: 30px;
	}

	.why-choose .block-2 {
		border-radius: 10px;
	}

	.why-choose .block-2 .logo img {
		width: 100px;
	}

	/* Footer */
	.site-footer::before {
		display: none;
	}

	.site-footer .site-primary-footer-inner-wrap {
		display: flex;
		flex-direction: column-reverse;
		padding-top: 50px;
		gap: 40px;
	}

	/* 	.site-footer .site-footer-section-2 {
	display: none !important;
} */

	.site-footer .site-footer-section-2 .widget .menu {
		gap: 20px !important;
	}

	.site-footer .site-footer-section-1 .wp-block-image img {
		width: 115px;
	}

	.site-footer .social-links {
		display: flex;
		gap: 50px;
		align-items: center;
	}

	/************
	* PRODUCTS *
	************/

	/* Banner */
	.product-banner .site-container {
		display: block;
		padding: 40px 20px;
	}

	.product-banner .content {
		margin-bottom: 0;
	}

	.product-banner .section-title {
		margin-bottom: 20px;
	}

	.product-banner .btn {
		display: none;
	}

	/* Product Lisitng */
	/* Tabs */
	.block-tabs,
	.line-wrapper {
		display: none;
	}

	.product-listing .tabs {
		display: inline-flex;
		width: 100%;
	}

	.product-listing .content-wrap {
		margin-top: 35px;
	}

	/* Footer CTA */
	.foot-cta .wrapper {
		padding: 40px 20px;
		display: block;
	}

	.foot-cta .wrapper .left-block {
		max-width: 100%;
	}

	.foot-cta .wrapper .mid-block {
		margin: 30px 0;
	}

	.foot-cta .wrapper .right-block {
		text-align: left;
	}

	.foot-cta .sub-title {
		font-size: 15px;
		margin-bottom: 12px;
	}

	.foot-cta .section-title {
		font-size: 24px;
	}

	.foot-cta ul li:not(:last-child) {
		margin-bottom: 20px;
	}

	.foot-cta ul li {
		background-size: 20px 20px;
		padding-left: 30px;
	}

	.foot-cta .btn a {
		display: block;
	}

	/*******************
	* FORMULATION LAB *
	*******************/

	/* Lab Banner */
	.lab-banner .lab-imgs .image:not(:last-child) {
		margin-bottom: 18px;
	}

	.lab-banner .lab-imgs img {
		border-radius: 10px;
		height: 160px;
		object-fit: cover;
	}

	.lab-banner .lab-imgs .location {
		bottom: 15px;
		right: 15px;
		padding: 6px 10px;
		gap: 8px;
		font-size: 12px;
	}

	.lab-banner .wrap {
		max-width: 100%;
	}

	.lab-banner .sub-title {
		font-size: 15px;
		margin-bottom: 15px;
	}

	/* Formulation Porducts */
	.tab-switcher .tabs-wrapper {
		margin-bottom: 30px;
	}

	/* Formulation Porducts */
	/* Tab Swithcer */
	.tab-switcher .tabs-wrapper {
		max-width: 600px;
		white-space: nowrap;
		overflow: scroll auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		padding-bottom: 10px;
		margin-bottom: 35px;
	}

	.tab-switcher .tabs-wrapper::-webkit-scrollbar {
		height: 4px;
	}

	.tab-switcher .tabs-wrapper::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #fff;
	}

	.tab-switcher .tabs-wrapper::-webkit-scrollbar-thumb {
		background: rgb(239, 239, 239);
		border-radius: 5px;
	}

	.tab-switcher .tabs button {
		font-size: 13px;
		padding: 12px 15px;
	}

	/***********
	* CONTACT *
	***********/

	/* Banner */
	.contact-banner::before {
		content: "";
		width: 400px;
		height: 400px;
		top: 0;
		right: -120px;
	}

	.contact-banner .wrapper {
		margin-top: 40px;
	}

	.contact-banner .title {
		font-size: 22px;
		margin-bottom: 25px;
	}

	.contact-banner .right-block .title {
		margin-bottom: 35px;
	}

	.contact-banner .vizor-forms {
		padding: 40px 20px 50px;
	}

	.vizor-forms {
		padding: 0px 0px 20px;
	}

	.vizor-forms .wpforms-field input,
	.vizor-forms .wpforms-field textarea {
		height: 50px !important;
		padding: 10px 20px !important;
	}

	.vizor-forms .wpforms-field textarea {
		height: 110px !important;
		border-radius: 10px !important;
	}

	.vizor-forms .wpforms-submit-container {
		margin-top: 20px !important;
	}

	.vizor-forms .wpforms-submit {
		padding: 12px 25px !important;
		font-size: 14px !important;
	}

	.vizor-forms .wpforms-submit::after {
		width: 16px;
		height: 16px;
		background-size: 16px 16px;
		margin-left: 8px;
	}

	.contact-banner .contact-details {
		padding: 30px 20px;
	}

	.contact-details .block {
		gap: 20px;
	}

	.contact-details .block:not(:last-child) {
		margin-bottom: 40px;
	}

	.contact-details .block .icon {
		flex: 0 0 45px;
		width: 45px;
		height: 45px;
	}

	.contact-details .block .icon img {
		width: 20px;
	}

	/*************
	* RESOURCES *
	*************/

	/* Global */
	.page-template-resources h2.section-title {
		font-size: 18px;
		letter-spacing: 0;
		margin-bottom: 25px;
	}

	/* Banner */
	.resources-banner {
		background: none;
	}

	.resources-banner .site-container {
		padding-top: 30px;
		padding-bottom: 10px;
	}

	.resources-banner .desc {
		max-width: 100%;
	}

	/* Case Studies */
	.case-studies .posts .card-formulation {
		margin-bottom: 20px;
	}

	.case-studies .card-formulation .salt {
		font-size: 13px;
		margin-bottom: 16px;
	}

	.case-studies .card-formulation .salt span {
		margin-left: 8px;
	}

	.case-studies .card-formulation .content {
		padding: 25px 15px;
	}

	.case-studies .card-formulation .title {
		margin-bottom: 8px;
	}

	.case-studies .card-formulation .customer-name {
		font-size: 13px;
		margin-bottom: 18px;
	}

	/* Achievements */
	.achievements .speaking {
		margin-bottom: 50px;
	}

	.achievements .block {
		padding: 16px 20px;
		gap: 15px;
	}

	.achievements .block:not(:last-child) {
		margin-bottom: 15px;
	}

	.achievements .speaking .icon {
		flex: 0 0 45px;
		width: 45px;
		height: 45px;
	}

	.achievements .speaking .icon img {
		width: 20px;
		height: 20px;
	}

	.achievements .speaking .arrow-icon {
		flex: 0 0 20px;
	}

	.achievements .speaking .arrow-icon svg {
		width: 17px;
		height: 17px;
	}

	.achievements .speaking .title {
		margin-top: 8px;
		margin-bottom: 10px;
	}

	.achievements .awards .block {
		padding: 18px 20px;
	}

	.achievements .awards .icon {
		flex: 0 0 80px;
	}

	.achievements .awards .icon img {
		width: 70px;
		height: 70px;
	}

	.achievements .awards .title {
		font-size: 16px;
		margin-bottom: 12px;
	}

	/******************
	* SINGLE PRODUCT *
	******************/
	/* Product Banner Two */
	.product-hero .site-container {
		padding-top: 20px;
	}

	.product-hero .main-wrapper {
		border-radius: 10px;
		padding: 20px 15px 30px;
	}

	.product-hero .wrap .cat,
	.formulation-banner .wrap .cat {
		padding: 6px 20px;
		font-size: 13px;
		margin-bottom: 15px;
	}

	.product-hero .wrap .section-title {
		font-size: 32px;
		margin-bottom: 15px;
	}

	.product-hero .wrap .desc {
		font-size: 14px;
		margin-bottom: 15px;
	}

	.product-hero .wrap .btn {
		margin-top: 30px;
	}

	/* Product Benefits */
	.product-benefits {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	.product-benefits .title {
		font-size: 18px;
		margin: 15px 0 10px;
	}

	.product-benefits .desc {
		font-size: 13px;
	}

	/* Product Highlights */
	.product-highlights {
		margin-top: 60px;
	}

	.product-highlights .section-title {
		font-size: 16px;
		letter-spacing: 0;
		margin-bottom: 20px;
	}

	.product-highlights .highlights .block {
		padding: 15px 20px;
	}

	.product-highlights .highlights .block:not(:last-child) {
		margin-bottom: 10px;
	}

	.product-highlights .highlights .block {
		gap: 20px;
	}

	.product-highlights .highlights .block .num {
		font-size: 18px;
	}

	.product-highlights .highlights .block .title {
		font-size: 13px;
	}

	.key-info .block .title {
		flex: 0 0 125px;
	}

	.key-info .block .title,
	.key-info .block .desc {
		font-size: 12px;
		padding: 15px 15px;
	}

	.key-info .block:first-of-type .title,
	.key-info .block:first-of-type .desc {
		padding-top: 25px;
	}

	.key-info .block:last-child .title,
	.key-info .block:last-child .desc {
		padding-bottom: 25px;
	}

	/* Formulators */
	.why-choose-product .site-container {
		display: block;
		padding-top: 10px;
	}

	.why-choose-product .section-title {
		font-size: 32px;
		margin-bottom: 15px;
	}

	.why-choose-product .left-block img {
		display: block;
		margin-top: 30px;
	}

	.why-choose-product .right-block {
		display: none;
	}

	.why-choose-product .block {
		border-radius: 10px;
		margin-top: 40px;
		padding: 15px 20px 20px;
	}

	.why-choose-product .block .title {
		margin-bottom: 12px;
	}

	.why-choose-product .block ul li {
		font-size: 13px;
		color: rgba(86, 86, 86, 0.6);
	}

	/* Other Products */
	.other-products .site-container {
		padding-top: 10px;
	}

	.other-products .section-title {
		font-size: 20px;
		margin-bottom: 30px;
	}

	/* Formulation Banner */
	.formulation-banner .back-btn {
		font-size: 14px;
	}

	.formulation-banner .wrap {
		margin-top: 20px;
		gap: 0;
	}

	.formulation-banner .left {
		padding: 30px 20px;
	}

	.formulation-banner .wrap .section-title {
		font-size: 32px;
	}

	.formulation-banner .wrap .sub-title {
		font-size: 16px;
		margin-bottom: 15px;
	}

	/* Formula */
	.formula .site-container {
		padding-top: 10px;
	}

	.formula .section-title,
	.used-product .section-title {
		font-size: 18px;
	}

	.formula .wrapper {
		padding: 22px 20px 25px;
		margin-top: 25px;
	}

	.formula .head {
		display: block;
	}

	.formula .head .left {
		gap: 15px;
		margin-bottom: 25px;
	}

	.formula .head .icon {
		flex: 0 0 50px;
	}

	.formula .head .icon img {
		width: 50px;
		height: 50px;
	}

	.formula .head .title {
		font-size: 16px;
	}

	.formula .head .desc {
		font-size: 13px;
	}

	.formula .btn button {
		text-align: center;
		width: 100%;
		position: relative;
	}

	.formula .btn button svg {
		width: 14px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 20px;
	}

	.formula .document {
		margin-top: 40px;
		display: block;
	}

	.formula .document .key-info:not(:last-child) {
		margin-bottom: 40px;
	}

	.formula .key-info .key-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.formula .key-info .block .title {
		padding: 12px 15px;
	}

	.formula .key-info .block .desc {
		flex: 0 0 35%;
		padding: 12px 15px;
		text-align: end;
	}

	.formula .key-info .top {
		padding: 10px 15px;
	}

	.formula .documents .summary {
		padding: 20px;
		margin-top: 30px;
	}

	.formula .documents .summary h2,
	.formula .documents .summary h3 {
		font-size: 15px;
		margin-bottom: 20px;
	}

	.formula .documents .text-line {
		margin-top: 20px;
		font-size: 15px;
	}

	/* Used Product */
	.used-product .wrapper {
		margin-top: 25px;
	}

	.used-product .block-2 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.used-product .block-2,
	.used-product .block-3 {
		padding: 0 20px;
	}

	.used-product .block-2 .title {
		font-size: 30px;
		max-width: 100%;
	}

	.used-product .block-2 .desc {
		font-size: 13px;
		margin-bottom: 20px;
	}

	.used-product .block-3 {
		padding-bottom: 30px;
	}

	/************
	* ABOUT US *
	************/

	/* Banner */

	.about-banner .site-container {
		padding-top: 40px;
	}

	.about-banner .desc {
		max-width: 100%;
		font-size: 15px;
	}

	.about-banner img {
		margin-top: 30px;
	}

	/* Key Benefits */
	.key-benefits .site-container {
		padding-top: 20px;
	}

	.key-benefits .wrap {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.key-benefits .block {
		border-radius: 10px;
		padding: 30px 20px;
	}

	.key-benefits .block .icon {
		width: 60px;
		height: 60px;
		margin-bottom: 25px;
	}

	.key-benefits .block .icon img {
		width: 28px;
		height: 28px;
	}

	.key-benefits .block .title {
		font-size: 18px;
	}

	/* Our Team */
	.our-team .site-container {
		display: block;
		padding-top: 20px;
	}

	.our-team .left-block {
		margin-bottom: 30px;
	}

	.our-team .left-block img {
		border-radius: 10px;
	}

	.our-team .sub-title {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.our-team .section-title {
		font-size: 32px;
		margin-bottom: 20px;
	}

	.our-team .desc {
		font-size: 16px;
	}

	/* Zinc Coatings */
	.page-template-zinc-coatings .section-title {
		font-size: 28px;
		max-width: 100%;
	}

	/* Pors Cons */
	.table-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.table-wrap::-webkit-scrollbar {
		display: none;
	}

	.chemical-table {
		border-radius: 10px;
		min-width: 767px;
	}

	.chemical-table th,
	.chemical-table td {
		padding: 10px 15px;
	}

	.chemical-table thead th {
		font-size: 15px;
		padding: 15px 15px;
	}

	.chemical-table td {
		font-size: 13px;
	}

	.chemical-table td:first-child {
		width: 24%;
	}

	.chemical-table tbody tr:last-child td:first-of-type {
		border-radius: 0 0 0 8px;
	}

	.chemical-table tbody tr:last-child td:last-child {
		border-radius: 0 0 8px 0;
	}

	/* Featured In */
	.featured-in .site-container {
		padding-top: 20px;
	}

	.featured-in .section-title {
		margin: 0 auto 40px;
		font-size: 20px;
	}

	.featured-in .wrap {
		gap: 30px;
		flex-wrap: wrap;
	}

	.featured-in .wrap img {
		height: 40px;
	}

	.featured-in .wrap img:first-child {
		order: 1;
	}

	.featured-in .wrap .btn {
		flex: 0 0 100%;
		order: 3;
		text-align: center;
	}

	.featured-in .wrap img:last-of-type {
		order: 2;
	}

	/* Non-Nano Zinc Oxide */
	.sub-title2 {
		margin-bottom: 15px;
		font-size: 14px;
	}

	.common-banner .section-title {
		max-width: 100%;
		font-size: 32px;
	}

	.common-banner .desc {
		max-width: 100%;
		font-size: 15px;
	}

	/* Common Section */
	.common-section .wrapper {
		display: flex;
		flex-direction: column-reverse;
		gap: 40px;
		padding: 30px 20px;
		margin-bottom: 30px;
	}

	.common-section .wrapper:nth-child(even) {
		flex-direction: column-reverse;
	}

	.common-section .left-block {
		flex: 0 0 100%;
	}

	.common-section .wrapper:nth-child(even) {
	}

	.common-section .right-block {
		flex: 1;
	}

	.common-section .section-title {
		font-size: 26px;
		max-width: 100%;
	}

	.common-section .desc {
		max-width: 100%;
	}

	/****************
	* FREE TESTING *
	****************/

	/* Banner */
	.page-template-free-testing .common-banner .desc {
		font-size: 18px;
	}

	/* Testing Benefits */
	.testing-benefits .site-container {
		padding-top: 0;
	}

	.testing-benefits .left-block {
		margin-bottom: 40px;
	}

	.testing-benefits .block:not(:last-child) {
		margin-bottom: 30px;
	}

	.testing-benefits .block {
		display: flex;
		gap: 15px;
	}

	.testing-benefits .block .left {
		flex: 0 0 25px;
	}

	.testing-benefits .block .num {
		font-size: 20px;
	}

	.testing-benefits .block .title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	/* Vitro Forms */
	.vitro-banner .vizor-forms .wpforms-field {
		padding: 10px 0 !important;
	}

	.vitro-banner .vizor-forms input,
	.vitro-banner .vizor-forms textarea {
		padding: 5px 15px;
		height: 44px !important;
	}

	/********
	* BLOG *
	********/

	.blog .posts-page-title {
		padding: 50px 0;
	}

	.blog article.post {
		margin-bottom: 20px;
	}

	.blog article.post .post-content .entry-title,
	.blog article.post .post-content .ast-excerpt-container,
	.blog article.post .post-content .read-more {
		padding: 0 20px;
	}

	.blog article.post .post-content .entry-header {
		padding: 0 20px;
	}

	.blog article.post .post-thumb img {
		height: 200px !important;
	}

	.ast-pagination {
		margin-top: 20px;
	}

	.ast-pagination .nav-links {
		grid-gap: 10px;
	}

	.ast-pagination .page-numbers {
		padding: 10px 16px;
		font-size: 16px;
	}

	.ast-pagination .next.page-numbers,
	.ast-pagination .prev.page-numbers {
		padding: 10px 16px !important;
	}

	/***************
	* SINGLE POST *
	***************/

	.single-post .site-content {
		background: #fff;
	}

	.single-post #primary {
		max-width: 100%;
		padding: 0;
		background: none;
		border-radius: 0px;
		margin-top: 50px !important;
	}

	.single-post h1.entry-title {
		font-size: 32px !important;
		margin: 30px 0 20px;
	}

	.single-post .entry-content p {
		font-size: 16px;
	}

	.single-post .ast-single-related-posts-container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.single-post .ast-single-related-posts-container .entry-title a {
		font-size: 16px !important;
		line-height: 1.4 !important;
	}
}

@media (max-width: 575px) {
	/* Card Products */
	.posts .card-formulation .content {
		flex: 1;
		padding: 25px 20px;
	}

	/************
	* HOMEPAGE *
	************/

	/* Banner */
	.hero .btn {
		display: block;
	}

	.hero .btn a:first-child {
		margin-bottom: 10px;
	}

	.hero .btn a {
		width: 100%;
	}

	/* Why Choose */
	.why-choose .block .title {
		font-size: 13px;
	}

	.why-choose .block .icon svg {
		width: 28px;
	}

	.why-choose .block-2 .logo img {
		width: 70px;
	}

	/* Footer */
	.site-footer .site-footer-section-3 {
		width: 70%;
	}

	.site-footer .social-links {
		display: flex;
		gap: 50px;
		align-items: center;
		justify-content: space-between;
	}

	/************
	* PRODUCTS *
	************/

	/* Product Lisitng */
	.posts.grid {
		grid-template-columns: repeat(1, 1fr);
	}

	/***********
	* CONTACT *
	***********/

	/* Banner */
	.contact-banner::before {
		width: 300px;
		height: 300px;
	}

	.contact-banner .title {
		margin-bottom: 25px;
	}

	.contact-banner .vizor-forms {
		padding: 30px 20px 40px;
	}

	.vizor-forms .wpforms-field input,
	.vizor-forms .wpforms-field textarea {
		height: 48px !important;
	}

	.vizor-forms .wpforms-field textarea {
		height: 100px !important;
	}

	.vizor-forms .wpforms-one-half {
		width: 100% !important;
		margin: 0 !important;
	}

	.contact-details .block:not(:last-child) {
		margin-bottom: 35px;
	}

	/******************
	* SINGLE PRODUCT *
	******************/

	.product-hero .wrap .btn a {
		display: block;
	}

	/* Product Benefits */
	.product-benefits {
		grid-template-columns: repeat(1, 1fr);
		gap: 25px;
	}

	.product-benefits .icon svg {
		width: 28px;
		height: 28px;
	}

	.formula .documents .text-line {
		font-size: 14px;
	}

	/* Used Product */
	.used-product .block-3,
	.used-product .block-3 .btn {
		display: block;
	}

	.used-product .block-3 .btn a {
		width: 100%;
		margin-bottom: 10px !important;
	}
}

.infinite-scroll-status {
	margin-top: 32px;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: rgba(86, 86, 86, 0.7);
}

.infinite-scroll-status[hidden] {
	display: none !important;
}

.infinite-scroll-sentinel {
	width: 100%;
	height: 1px;
}

.js-batch-scroll {
	position: relative;
}

.js-batch-scroll-status.is-visible {
	display: block;
}

.js-batch-scroll-item.is-batch-hidden {
	display: none !important;
}