/*		quoting.css		version 1		6/10/26		*/



	:root {
		--vw1600: min(100vw, 1600px);
		}


/*	=========================================================  PAGE WRAPPERS  =========================================================	*/

	html {
		height:			100%;
		}

	body {
		border:			0px solid purple;
		border-radius:	15px;
		overflow-y:		auto;
		position:		relative;
		min-width:		320px;
		max-width:		1600px;
		width:			96%;
		height:			auto;
		background-color: black;
		color:			white;
		font-family:	Arial, sans-serif;
		top:			0;
		margin:			0 auto;
		}

	.grid-1 {
		display:		block;
		border:			0px solid green;
		border-radius:	15px;
		min-width:		320px;
		max-width:		1600px;
		color:			white;
		box-sizing:		border-box;
		margin:			0 auto;
		padding:		calc(48 * var(--vw1600) / 1600);
		padding-bottom:	calc(64 * var(--vw1600) / 1600);
		}


/*	=============================================================  LOGO  ==============================================================	*/

	.logo {
		width:			calc(var(--vw1600) * 0.48);
		margin:			0 auto;
		}

	.logo img {
		display:		block;
		height:			auto;
		width:			100%;
		}


/*	===========================================================  BACK LINK  ===========================================================	*/

	.back-link-wrapper {
		text-align:		center;
		padding:		calc(16 * var(--vw1600) / 1600) 0;		/*	Padding:										16px / Max			*/
		}

	.back-link {
		color:			#ffff00;								/*									UC Link Yellow						*/
		font-size:		calc(40 * var(--vw1600) / 1600);		/*	Font Size:										40px / Max			*/
		font-weight:	bold;
		font-style:		italic;
		text-decoration: none;
		cursor:			pointer;
		}

	.back-link:hover {
		color:			#FF5733;								/*	Hover:							Burnt Orange						*/
		letter-spacing:	0.1em;									/*	Letter-Spacing									0.1em				*/
		text-shadow:	1px 1px 2px rgba(0, 0, 0, 0.3);
		}


/*	=========================================================  PAGE HEADER  ===========================================================	*/

	.quoting-header-wrapper {
		text-align:		center;
		padding:		calc(32 * var(--vw1600) / 1600) 0;		/*	Padding:										32px / Max			*/
		border-bottom:	calc(8 * var(--vw1600) / 1600)
			solid #880000;										/*	Divider																*/
		margin-bottom:	calc(48 * var(--vw1600) / 1600);		/*	Margin Bottom:									48px / Max			*/
		}

	.quoting-header {									/*	Our Quoting Process  */
		color:			#2DC8FF;								/*									UC Aqua Blue						*/
		font-size:		calc(52 * var(--vw1600) / 1600);		/*	Font Size:										52px / Max			*/
		font-weight:	bold;
		font-style:		italic;
		}


/*	=========================================================  QUOTING SECTIONS  ======================================================	*/

	.quoting-section-wrapper {
		padding:		calc(32 * var(--vw1600) / 1600) 0;		/*	Padding:										32px / Max			*/
		border-bottom:	calc(4 * var(--vw1600) / 1600)
			solid #880000;										/*	Subtle Divider Between Sections										*/
		}

	.quoting-section-title {							/*	Section Title  */
		color:			#2DC8FF;								/*									UC Aqua Blue						*/
		font-size:		calc(44 * var(--vw1600) / 1600);		/*	Font Size:										44px / Max			*/
		font-weight:	bold;
		font-style:		italic;
		letter-spacing:	0.035em;									/*	Letter Spacing												*/
		padding-bottom:	calc(16 * var(--vw1600) / 1600);		/*	Padding Bottom:									16px / Max			*/
		}

	.quoting-section-body {							/*	Section Body Text  */
		color:			white;
		font-size:		calc(36 * var(--vw1600) / 1600);		/*	Font Size:										36px / Max			*/
		font-style:		italic;
		letter-spacing:	0.035em;									/*	Letter Spacing														*/
		line-height:	1.4;
		text-align:		justify;								/*	Justified Text														*/
		padding-left:	calc(36 * var(--vw1600) / 1600);		/*	Left Indent — Aligns With Bullet List:			60px / Max			*/
		text-indent:	calc(48 * var(--vw1600) / 1600);		/*	First Line Indent:								48px / Max			*/
		padding-bottom:	calc(16 * var(--vw1600) / 1600);		/*	Padding Bottom:									16px / Max			*/
		}


/*	=========================================================  BULLET LIST  ===========================================================	*/

	.quoting-bullet-list {
		padding-left:	calc(60 * var(--vw1600) / 1600);		/*	Indent:											48px / Max			*/
		}

	.quoting-bullet {									/*	Bullet Item  */
		color:			#F8CB9E;								/*									UC Peach							*/
		font-size:		calc(44 * var(--vw1600) / 1600);		/*	Font Size:										36px / Max			*/
		font-style:		italic;
		letter-spacing:	0.035em;									/*	Letter Spacing														*/
		line-height:	1.4;
		padding-left:	calc(24 * var(--vw1600) / 1600);		/*	Hanging Indent Left:							32px / Max			*/
		text-indent:	calc(-24 * var(--vw1600) / 1600);		/*	Hanging Indent Pull:							-32px / Max			*/
		padding-bottom:	calc(8 * var(--vw1600) / 1600);			/*	Padding Bottom:									8px / Max			*/
		}

	.quoting-bullet::before {
		content:		'•';									/*	Filled Circle Bullet												*/
		color:			#99FF99;								/*									UC Green							*/
		display:		inline-block;
		width:			var(--bullet-gap,
			calc(24 * var(--vw1600) / 1600));					/*	Bullet Gap — Overridable Via JS Custom Property			*/
		font-size:		var(--bullet-size, 1em);				/*	Bullet Size — Overridable Via JS Custom Property					*/
		}