/* =========================================================
   PUREB12VAPE CONTACT V1
========================================================= */

.pb12-contact,
.pb12-contact *{
	box-sizing:border-box;
}

.pb12-contact{
	color:#26364e;
	background:#fff;
}

.pb12-contact-container{
	width:min(
		1120px,
		calc(100% - 40px)
	);
	margin-inline:auto;
}


/* HERO */

.pb12-contact-hero{
	padding:84px 0 70px;

	background:
		linear-gradient(
			145deg,
			#f9fbff,
			#eef3ff
		);
}

.pb12-contact-eyebrow{
	margin-bottom:15px;

	color:#3156d9;

	font-size:9px;
	font-weight:850;
	letter-spacing:.16em;
}

.pb12-contact-hero h1{
	max-width:760px;

	margin:0;

	color:#16233a;

	font-size:
		clamp(
			48px,
			6vw,
			78px
		);

	font-weight:850;
	line-height:.96;

	letter-spacing:-.055em;
}

.pb12-contact-hero h1 span{
	display:block;
	color:#3156d9;
}

.pb12-contact-lead{
	max-width:620px;

	margin:
		25px 0 0;

	color:#667386;

	font-size:16px;
	line-height:1.72;
}


/* MAIN */

.pb12-contact-main{
	padding:75px 0 82px;
}

.pb12-contact-grid{
	display:grid;

	grid-template-columns:
		minmax(0,1fr)
		minmax(0,.92fr);

	gap:22px;
}

.pb12-contact-card,
.pb12-contact-help{
	padding:34px;

	border:
		1px solid #e1e6ef;

	border-radius:24px;

	background:#fff;
}

.pb12-contact-card{
	background:
		linear-gradient(
			145deg,
			#fff,
			#f7f9ff
		);
}

.pb12-contact-card__label,
.pb12-contact-help__label{
	margin-bottom:16px;

	color:#3156d9;

	font-size:8px;
	font-weight:850;
	letter-spacing:.15em;
}

.pb12-contact-card h2,
.pb12-contact-help h2{
	margin:
		0 0 14px;

	color:#16233a;

	font-size:
		clamp(
			30px,
			3.5vw,
			44px
		);

	line-height:1.04;
	letter-spacing:-.04em;
}

.pb12-contact-card > p,
.pb12-contact-help > p{
	max-width:520px;

	margin:
		0 0 25px;

	color:#738095;

	font-size:13px;
	line-height:1.72;
}


/* EMAIL */

.pb12-contact-email{
	display:block;

	margin-bottom:13px;

	padding:20px;

	border:
		1px solid #dbe3f5;

	border-radius:16px;

	background:#fff;

	text-decoration:none !important;
}

.pb12-contact-email span{
	display:block;

	margin-bottom:6px;

	color:#8d99aa;

	font-size:7px;
	font-weight:850;
	letter-spacing:.13em;
}

.pb12-contact-email strong{
	color:#2444b4;

	font-size:
		clamp(
			19px,
			2.3vw,
			28px
		);

	font-weight:820;
}

.pb12-contact-button{
	display:flex;

	align-items:center;
	justify-content:center;

	min-height:56px;

	padding:0 20px;

	border-radius:14px;

	background:
		linear-gradient(
			135deg,
			#3156d9,
			#2444b4
		);

	color:#fff !important;

	font-size:12px;
	font-weight:820;

	text-decoration:none !important;

	box-shadow:
		0 14px 30px
		rgba(49,86,217,.18);
}


/* LINKS */

.pb12-contact-links{
	display:grid;
	grid-template-columns:
		repeat(2,1fr);

	gap:9px;
}

.pb12-contact-links a{
	min-height:132px;

	padding:17px;

	border:
		1px solid #e2e7ef;

	border-radius:15px;

	background:#fafbfe;

	text-decoration:none !important;
}

.pb12-contact-links span,
.pb12-contact-links strong,
.pb12-contact-links small{
	display:block;
}

.pb12-contact-links span{
	margin-bottom:18px;

	color:#3156d9;

	font-size:6px;
	font-weight:850;
	letter-spacing:.12em;
}

.pb12-contact-links strong{
	color:#334258;

	font-size:12px;
	line-height:1.35;
}

.pb12-contact-links small{
	margin-top:9px;

	color:#3156d9;

	font-size:7px;
	font-weight:750;
}


/* DISCLAIMER */

.pb12-contact-note{
	padding:18px 0;

	border-top:
		1px solid #e6e9f0;

	background:#fafbfe;
}

.pb12-contact-note p{
	max-width:760px;

	margin:0;

	color:#8993a2;

	font-size:9px;
	line-height:1.65;
}


/* MOBILE */

@media(max-width:767px){

	.pb12-contact-container{
		width:
			calc(100% - 36px);
	}

	.pb12-contact-hero{
		padding:
			48px 0 43px;
	}

	.pb12-contact-eyebrow{
		margin-bottom:11px;
		font-size:7px;
	}

	.pb12-contact-hero h1{
		font-size:
			clamp(
				39px,
				11vw,
				53px
			);
	}

	.pb12-contact-lead{
		margin-top:17px;

		font-size:13px;
		line-height:1.68;
	}

	.pb12-contact-main{
		padding:
			38px 0 45px;
	}

	.pb12-contact-grid{
		display:block;
	}

	.pb12-contact-card,
	.pb12-contact-help{
		padding:21px;

		border-radius:18px;
	}

	.pb12-contact-help{
		margin-top:12px;
	}

	.pb12-contact-card h2,
	.pb12-contact-help h2{
		font-size:
			clamp(
				27px,
				8vw,
				36px
			);
	}

	.pb12-contact-card > p,
	.pb12-contact-help > p{
		font-size:11px;
	}

	.pb12-contact-email{
		padding:16px;

		border-radius:13px;
	}

	.pb12-contact-email strong{
		font-size:18px;
	}

	.pb12-contact-button{
		min-height:51px;

		border-radius:12px;
	}

	.pb12-contact-links{
		grid-template-columns:1fr;
	}

	.pb12-contact-links a{
		min-height:108px;
	}

}