/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 26 2024 | 19:32:31 */
/* INIT */
::selection {
	color: white;
	background: var(--wp--preset--color--accent-3);
}
/* UTIL */
.pharma--logo-mask{
	-webkit-mask-image: url('/wp-content/uploads/2024/06/pp-mask.svg');
	mask-image: url('/wp-content/uploads/2024/06/pp-mask.svg');
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: right;
}
/* LAYOUT */
.wp-block-navigation__responsive-dialog{
	z-index: 1;
}
.is-style-asterisk:before{
	background: url('/wp-content/uploads/2024/06/pp-mask.svg')!important;
	clip-path: initial;
	background-size: contain !important;
	width: 2.5rem;
	opacity: 0.8;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
/* INTRO */
section.pharma--intro{
	position: relative;
	max-width: var(--wp--style--global--wide-size)!important;
	margin: 0 auto!important;
}
.pharma--intro-text{
	z-index: 1;
	max-width: 768px;
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
	.pharma--intro-text{
		padding-left: var(--wp--preset--spacing--50)!important;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1100px) {
	.pharma--intro-image{
		max-width: 500px;
	}
}
@media only screen and (max-width: 1024px) {
	.pharma--intro-image{
		position: relative;
	}
	.pharma--intro{
		flex-direction: column;
		padding-left: var(--wp--preset--spacing--50)!important;
		padding-right: var(--wp--preset--spacing--50)!important;
	}
}
@media only screen and (min-width: 1024px) {
	section.pharma--intro{
		min-height: 900px;
	}
	.pharma--intro-image{
		position: absolute;
		top: -60px;
		right: -3vw;
		width: 800px;
		height: 800px;
	}
}
.pharma--intro-image:before{
	display: block;
	position: absolute;
	content: ' ';
	width: 100%;
	height: 100%;
	background: linear-gradient(184deg, var(--wp--preset--color--base) 20%, rgba(255, 255, 255, 0) 100%);
}
/* VALUES */
@media only screen and (min-width: 1024px) {
	.pharma--principle-container{
		display: grid!important;
		grid-template-columns: 1fr 1fr 1fr;
	}
}
.pharma--principle{
	border-radius: 8px;
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--20);
	background: linear-gradient(0deg, rgba(252, 252, 252, 0) 0%, rgba(252, 252, 252, 0) 100%), rgba(252, 252, 252, 0.85);
	background-blend-mode: normal, color, luminosity;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 4px 8px 0px;
}
@media only screen and (max-width: 1024px) {
	.pharma--principle{
		padding: var(--wp--preset--spacing--40);
	}
}
/* PRODUCTS */
section#products{
	background: linear-gradient(180deg, #f158593d 0%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (max-width: 1024px) {
	section#products,
	footer #contact{
		padding: var(--wp--preset--spacing--10) calc(var(--wp--preset--spacing--10) / 2)!important;
	}
	.pharma--product-container{
		padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40)!important;
	}
}
ul.pharma--list {
	list-style-type: none;
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
}
ul.pharma--list li {
	border: 1.5px solid var(--wp--preset--color--accent-3);
	padding: 3px 11px;
	border-radius: 10px;
	min-width: fit-content;
	font-size: 85%;
	background: linear-gradient(24deg, rgb(242 240 240) 0%, rgba(255, 255, 255, 0) 100%);
	box-shadow: inset 4px 1px 5px 0px #f1585936;
}
@media only screen and (max-width: 1024px) {
	ul.pharma--list li{
		font-size: 70%;
	}
}

/* MISSION VISION */
@media only screen and (max-width: 1024px) {
	section#vision-mission{
		display: flex;
		flex-direction: column;
		gap: var(--wp--preset--spacing--60);
	}
}

/* CONTACT */
.wpforms-container input.wpforms-field-medium,
.wpforms-field-required{
	max-width: 100%!important;
}

.pp-contact-info{
	min-width: 250px;
}

.wpforms-container-full{
	width: 100%!important;
	margin: 0!important;
}
.pp-contact-row{
	max-width: 800px!important;
}