/* 

Pallet-Track website styles

Copyright 2026 - Netfuel Ltd
www.netfuel.co.uk

*/


@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


:root {
	--default-gutter-x:15px;
	--default-gutter-y:15px;
	--color-primary:#253D71;
	--color-secondary:#75B8C8;
	--color-secondary-alt:#A3D4E166;
	--color-secondary-light:#A3D4E133;
	--color-white:#ffffff;
	--color-grey:#F2F2F2;
	--color-error:#cc3300;
	--text-size-xs:12px;
	--text-size-sm:14px;
	--text-size:16px;
	--text-size-md:20px;
	--text-size-lg:30px;
	--text-size-xl:54px;
	--text-size-xxl:60px;
	--transition:all 0.25s ease-in-out;
	--transition-background:background-color 0.25s ease-in-out;
	--transition-border:border-color 0.25s ease-in-out;
	--transition-color:color 0.25s ease-in-out;
}


/* General Layout */

html,body {
	
	margin:0;
	padding-right:0 !important;
	background-color:var(--color-white);
	font-family:'Raleway', sans-serif;
	font-size:var(--text-size);
	color:var(--color-primary);
	font-weight:400;
	font-optical-sizing:auto;
	overflow-x:clip;
	text-box:trim-both cap alphabetic;

}

body.mobile-menu-active {

	height:100dvh;
	overflow:hidden;
	background-color:var(--color-primary);

	.header-wrapper {

		height:100%;

		.header .contact-information .mobile-menu-button {

			span {
					
				height:0;

				&:before {
					
					top:0;
					transform:rotate(-45deg);
				
				}

				&:after {
					
					top:0;
					transform:rotate(45deg);
				
				}

			}

		}

		.mobile-menu {

			display:block;

		}

	}

}


.mt-05 {margin-top:calc(var(--default-gutter-y) / 2) !important;}
.mb-05 {margin-bottom:calc(var(--default-gutter-y) / 2) !important;}
.mt-1 {margin-top:calc(var(--default-gutter-y) * 1) !important;}
.mb-1 {margin-bottom:calc(var(--default-gutter-y) * 1) !important;}
.mt-2 {margin-top:calc(var(--default-gutter-y) * 2) !important;}
.mb-2 {margin-bottom:calc(var(--default-gutter-y) * 2) !important;}
.mt-4 {margin-top:calc(var(--default-gutter-y) * 4) !important;}
.mb-4 {margin-bottom:calc(var(--default-gutter-y) * 4) !important;}
.mt-6 {margin-top:calc(var(--default-gutter-y) * 6) !important;}
.mb-6 {margin-bottom:calc(var(--default-gutter-y) * 6) !important;}
.pt-1 {padding-top:calc(var(--default-gutter-y) * 1) !important;}
.pb-1 {padding-bottom:calc(var(--default-gutter-y) * 1) !important;}
.pt-2 {padding-top:calc(var(--default-gutter-y) * 2) !important;}
.pb-2 {padding-bottom:calc(var(--default-gutter-y) * 2) !important;}
.pt-3 {padding-top:calc(var(--default-gutter-y) * 3) !important;}
.pb-3 {padding-bottom:calc(var(--default-gutter-y) * 3) !important;}
.pt-4 {padding-top:calc(var(--default-gutter-y) * 4) !important;}
.pb-4 {padding-bottom:calc(var(--default-gutter-y) * 4) !important;}
.pt-6 {padding-top:calc(var(--default-gutter-y) * 6) !important;}
.pb-6 {padding-bottom:calc(var(--default-gutter-y) * 6) !important;}
.pt-12 {padding-top:calc(var(--default-gutter-y) * 12) !important;}
.pb-12 {padding-bottom:calc(var(--default-gutter-y) * 12) !important;}


.container, .container-fluid {
	
	padding-left:calc(var(--default-gutter-x) * 2);
	padding-right:calc(var(--default-gutter-x) * 2);

}
.container-lg, .container-xl, .container-xxl {

	padding-left:0;
	padding-right:0;

}
.row {

	&:not(.row-gap-0) {

		row-gap:calc(var(--default-gutter-y) * 2);

	}

	&.row-gap-4 {
		
		row-gap:calc(var(--default-gutter-y) * 4) !important;
	
	}

	&.row-gap-1 {
		
		row-gap:var(--default-gutter-y) !important;
	
	}

	&.col-gap-0 {

		margin-left:0;
		margin-right:0;

		>* {

			padding-left:0;
			padding-right:0;

		}

	}

	&:not(.col-gap-0, .col-gap-1, .col-gap-2) {

		margin-left:calc((var(--default-gutter-x) * 1) / -1);
		margin-right:calc((var(--default-gutter-x) * 1) / -1);

		>* {

			padding-left:var(--default-gutter-x);
			padding-right:var(--default-gutter-x);

		}

	}

	&.col-gap-1 {

		margin-left:calc((var(--default-gutter-y) / 2) / -1);
		margin-right:calc((var(--default-gutter-y) / 2) / -1);

		>* {

			padding-left:calc(var(--default-gutter-x) / 2);
			padding-right:calc(var(--default-gutter-x) / 2);

		}

	}

	&.col-gap-2 {

		margin-left:calc((var(--default-gutter-y) * 2) / -1);
		margin-right:calc((var(--default-gutter-y) * 2) / -1);

		>* {

			padding-left:calc(var(--default-gutter-x) * 2);
			padding-right:calc(var(--default-gutter-x) * 2);

		}

	}

}
:focus, :focus-visible {
    box-shadow:none !important;
    outline:none !important;
}

img {
	
	max-width:100%;
	flex-shrink:0;
	border:0;
	vertical-align:middle;

}
.ratio>* {

	width:100%;
	height:100%;
	object-fit:cover;

}
a {
	
	text-decoration:none;
	transition:var(--transition);

}
ul.menu {
	
	padding:0;
	list-style:none;

	&:not(.row) {

		margin:0;

	}

	&.row {margin-bottom:0;}
	
}
.title, h1, h2, h3, h4, h5, h6 {
	
	display:block;
	font-weight:600;
	line-height:100%;
	margin-bottom:0;

	&.xl {

		font-size:var(--text-size-xl);

	}

	&.lg {

		font-size:var(--text-size-lg);

	}

	&.md {

		font-size:var(--text-size-md);

	}

	&.sm {

		font-size:var(--text-size-sm);

	}

	&.xs {

		font-size:var(--text-size-xs);

	}

	&.light {

		font-weight:300;

	}

	&.lighter {

		font-weight:400;

	}

	&.bolder {

		font-weight:700;

	}

}
.button {
	
	display:flex;
	justify-content:center;
	align-items:center;
	padding:calc(var(--default-gutter-y) * 0.5) calc(var(--default-gutter-x) * 2);
	background-color:var(--color-primary);
	border-radius:3px;
	border:0;
	color:var(--color-white);
	font-weight:600;
	transition:var(--transition-background), var(--transition-color);

	&.sm {

		font-size:var(--text-size-sm);

	}

	&.outlined {

		background-color:transparent;
		border:1px solid var(--color-primary);
		color:var(--color-primary);

	}

	&.outlined.reversed {

		border-color:var(--color-white);
		color:var(--color-white);

	}

	&:not(.secondary,.outlined,.reversed):hover {

		background-color:var(--color-secondary);
		color:var(--color-primary);

	}

	&:is(.outlined:not(.reversed), .secondary):hover {

		background-color:var(--color-primary);
		color:var(--color-white);

	}

	&.outlined.reversed:hover {

		background-color:var(--color-white);
		color:var(--color-primary);

	}

}
.underlined-link {

	color:inherit;
	font-weight:600;
	text-decoration:underline;

	&:hover {

		color:var(--color-secondary);

	}

}
.boxen {
		
	p {
	
		margin-bottom:var(--default-gutter-y);
		line-height:150%;

		&:last-of-type {

			margin-bottom:0;

		}
	
	}

	p, li {

		a {

			color:inherit;

			&:not(.plain-link) {

				text-decoration:underline;

			}

			&:hover {

				color:var(--color-secondary);

			}

		}

	}

	&.sm {

		p, li {

			font-size:var(--text-size-sm);

		}

	}

	&.md {

		p {

			font-size:var(--text-size-md);

		}

	}

	&.lg {

		p {

			font-size:var(--text-size-lg);

		}

	}

	&.bold {

		.title, p, li {

			font-weight:600;

		}

	}

	&.reversed {

		.title, p, li {

			color:var(--color-white);

		}

	}

	ul.custom {

		margin:0;
		padding:0;
		list-style:none;

		li {

			display:flex;
			column-gap:var(--default-gutter-x);

			&:not(:last-of-type) {

				margin-bottom:calc(var(--default-gutter-y) / 2);

			}

			&:before {

				content:'';
				flex:none;
				width:20px;
				height:20px;
				margin-top:3px;
				background-color:transparent;
				background-image:url('../images/icons/check-icon.svg');
				background-repeat:no-repeat;
				background-position:center;
				border:2px solid var(--color-primary);
				border-radius:100%;

			}

		}

	}

	figure {

		margin-bottom:0;
		
		.blockquote {

			margin-bottom:0;

			p {

				font-size:var(--text-size-md);
				font-weight:600;

			}

		}

		.blockquote-footer {

			margin-top:calc(var(--default-gutter-y) * 2);
			margin-bottom:0;

			&:before {

				display:none;

			}

			.title:not(:first-of-type) {

				margin-top:calc(var(--default-gutter-y) / 2);

			}

			.title {

				color:var(--color-primary);

			}

		}

	}

}
.rounded {

	border-radius:8px !important;

}
.object-fit >* {

	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center;	

}
strong {

	font-weight:600;

}
.min-ratio-16x9 {

	aspect-ratio:16/9;
	width:100%;
    height:100%;

	img {

		height:100%;
		width:100%;
		object-fit:cover;
		object-position:center;

	}

}
.profile-image .ratio {

	min-width:120px;
	border-radius:100%;
	overflow:hidden;

}

.logo {

	.row .col-auto:not(:last-of-type) {

		border-right:1px solid var(--color-white);

	}

	.pallet-track-logo {

		max-width:35dvw;

	}

	.northstarr-logo {

		max-width:30dvw;

	}

}

.header-wrapper {

	.header {

		position:relative;
		z-index:3;
		background-color:var(--color-primary);

		.logo {

			padding-top:var(--default-gutter-y);
			padding-bottom:var(--default-gutter-y);

		}

		.main-menu > nav > .menu > li {

			display:flex;
			align-items:end;
			position:relative;

			> a {
			
				&:after {

					content:'';
					display:block;
					height:calc(var(--default-gutter-y) * 2);

				}

				&:hover {

					color:var(--color-secondary);

				}

			}

			a {

				font-weight:600;
				color:var(--color-white);

			}

			.dropdown {

				display:none;
				position:absolute;
				top:100%;
				left:calc(var(--default-gutter-x) / -1);
				min-width:calc(100% + (var(--default-gutter-x) * 2));
				background-color:var(--color-primary);

				.menu > li a {

					display:block;
					padding:var(--default-gutter-y) calc(var(--default-gutter-x) * 2);
					white-space:nowrap;

					&:hover {

						background-color:var(--color-secondary);

					}

				}

			}

			&:hover .dropdown {

				display:block;

			}

		}

		.contact-information {

			>.d-flex {

				row-gap:var(--default-gutter-y);
				column-gap:calc(var(--default-gutter-x) * 2);

			}

			.boxen p {

				font-weight:600;

				a {

					color:var(--color-white);

				}

				a:hover {

					color:var(--color-secondary);
					
				}

			}
		
			ul.menu li {

				font-size:var(--text-size-xs);

				a {

					color:var(--color-white);

				}

				a:hover {

					color:var(--color-secondary);
					
				}

			}

			.mobile-menu-button {
				
				display:block;
				position:relative;
				z-index:3;
				width:25px;
				height:22px;
				cursor:pointer;
			
				span {
					
					position:relative;
					top:10px;
				
				}

				span, span:before, span:after {
					
					display:block;
					content:'';
					width:25px;
					height:2px;
					background-color:var(--color-white);
					transition:all 0.5s ease-in;
				
				}
				
				span:before, span:after {
					
					position:absolute;
					top:-10px;
				
				}

				span:after {
					
					top:10px;
				
				}

			}

		}

	}

	.mobile-menu {

		display:none;
		min-height:0;
		height:100%;
		overflow-y:auto;
		overflow-x:hidden;
		padding-top:calc(var(--default-gutter-y) * 2);
		padding-bottom:calc(var(--default-gutter-y) * 2);

		.mobile-menu-content {

			.accordion {

				background-color:transparent;

				.accordion-item {

					background-color:transparent;
					border-color:var(--color-white);

					&:last-child {

						border-bottom:1px solid var(--color-white);

					}

					.accordion-header {

						display:flex;
						justify-content:space-between;
						font-size:var(--text-size-md);
						color:var(--color-white);
						font-weight:600;

						a {

							display:block;
							padding:var(--default-gutter-y) 0;
							color:inherit;

							&:hover {

								color:var(--color-secondary);

							}

						}

						.accordion-button {

							flex:1 0 0;
							width:auto;
							padding:var(--default-gutter-y) 0;
							padding-left:var(--default-gutter-x);
							background-color:transparent;
							
							&:after {

								color:var(--color-white);
								filter:brightness(0) invert(1);

							}

							&:not(.collapsed) {

								box-shadow:none;

							}

						}

					}

					.accordion-collapse {

						.accordion-body {

							margin-top:calc((var(--default-gutter-y) / 2) / -1);
							margin-bottom:calc(var(--default-gutter-y) / 2);
							padding:0;
							padding-left:var(--default-gutter-x);

							.menu > li a {

								display:block;
								padding-top:calc(var(--default-gutter-y) / 2);
								padding-bottom:calc(var(--default-gutter-y) / 2);
								color:var(--color-white);

								&:hover {

									color:var(--color-secondary);

								}

							}

						}

					}

				}

			}

		}

	}

}

.content-section {

	position:relative;

	&:not(.footer) {
		
		padding-top:calc(var(--default-gutter-y) * 4);
		padding-bottom:calc(var(--default-gutter-y) * 4);

	}

	&.white {

		.panel.white {

			border:1px solid var(--color-primary);

		}

	}

	&.secondary {

		background-color:var(--color-secondary);

	}

	&.secondary-alt {

		background-color:var(--color-secondary-alt);

	}

	&.secondary-light {

		background-color:var(--color-secondary-light);

	}

	> .bg {

		position:absolute;
		top:0;
		right:80%;		
		height:100%;
		width:50%;

		&:is(.top-right, .bottom-right) {

			left:80%;
			right:auto;

			&.outside-container {

				left:calc((100vw + 1500px) / 2 + var(--default-gutter-x) * 2);

			}

			img {

				object-position:bottom left;

			}

		}

		&:is(.top-left, .bottom-left).outside-container {

			left:auto;
			right:calc((100vw + 1500px) / 2 - var(--default-gutter-x) * 2);
			width:calc((100vw - 1500px) / 2 + var(--default-gutter-x) * 2);

		}

		img {

			width:100%;
			height:100%;
			opacity:0.5;
			object-fit:cover;
			object-position:bottom right;

		}

		&.top-left {

			img {

				object-position:bottom right;

			}

		}

		&.top-right {

			img {

				object-position:bottom left;

			}

		}
		
		&.bg-fill-2 {

			width:calc((100dvw / 12) * 2);
			left:calc((100dvw / 12) * 10);

		}

	}

	>*:not(.bg) {

		position:relative;
		z-index:2;

	}

	&.hlined:before, &.hlined:after, &.hlined-top:before, &.hlined-bottom:after, .container > .row.hline:first-of-type:before, .container > .row.hline:last-of-type:before {

		content:'';
		display:block;
		position:relative;		
		height:1px;
		background-color:var(--color-primary);

	}

	&.hlined.pt-0.pt-lg-ov-0:before {

		margin-bottom:calc(var(--default-gutter-y) * 4);

	}

	.container > .row.hline:first-of-type:before, .container > .row.hline:last-of-type:before {

		background-color:var(--color-secondary);

	}

	.row.hline:first-of-type:before, .container > .row.hline:last-of-type:before {

		position:relative;
		left:var(--default-gutter-x);
		width:calc(100% - calc(var(--default-gutter-x) * 2));

	}

	.container > .row.hline:first-of-type:before {

		margin-bottom:calc(var(--default-gutter-y) * 3);

	}

	.container > .row.hline:last-of-type:before {

		margin-top:calc(var(--default-gutter-y) * 3);

	}

	:is(.container-lg, .container-xl, .container-xxl) .boxen-wrapper {

		padding-left:calc(var(--default-gutter-x) * 2);
		padding-right:calc(var(--default-gutter-x) * 2);

	}	

	&:is(.primary, .footer) .boxen {

		.title, p, li {

			color:var(--color-white);

		}

	}

	&.footer .boxen {

		p, li {

			a {

				color:inherit;

				&:hover {

					color:var(--color-secondary);
					text-decoration:underline;

				}

			}

		}		

		li:not(:last-of-type) {

			margin-bottom:calc(var(--default-gutter-y) / 2);

		}		

	}

}

.panel {

	padding:calc(var(--default-gutter-y) * 2) calc(var(--default-gutter-x) * 2);
	background-color:var(--color-white);

	&.primary {

		background-color:var(--color-primary);

	}

	&.secondary {

		background-color:var(--color-secondary);

	}

	&.secondary-alt {

		background-color:var(--color-secondary-alt);

	}

	&.grey {

		background-color:var(--color-grey);

	}

	&:is(.primary, .secondary) .boxen {

		.title, p, li {

			color:var(--color-white);

		}

	}

	&:is(a) {

		&:hover {

			background-color:var(--color-primary);

			.boxen {

				.title, p, li {

					color:var(--color-white);

				}

			}

		}

		.boxen {

			.title, p, li {

				color:var(--color-primary);
				transition:var(--transition-color);

			}

		}

	}

}

.icon {

	&.secondary .bg {

		background-color:var(--color-secondary);

	}

	.bg {

		display:flex;
		justify-content:center;
		align-items:center;
		width:90px;
		height:90px;
		background-color:var(--color-primary);
		border-radius:100%;

		.title {

			color:var(--color-white) !important;
			line-height:100%;

		}

	}

}

.text-center .icon {

	margin-left:auto;
	margin-right:auto;

}




/* Article Card */

.article-card {

	.ratio {

		overflow:hidden;
	
		img {

			transition:transform 0.25s ease-in-out;

		}

	}

	.boxen-wrapper {

		padding:calc(var(--default-gutter-y) * 2) calc(var(--default-gutter-x) * 2);
		background-color:var(--color-grey);
		transition:var(--transition-background);

		.title, p, .underlined-link {
			
			color:var(--color-primary);
			transition:var(--transition-color);
		
		}

	}

	&:hover {

		.ratio img {

			transform:scale(1.1);

		}

		.boxen-wrapper {
			
			background-color:var(--color-primary);

			.title, p, .underlined-link {

				color:var(--color-white);

			}

		}

	}

}

.social-icons {

	.icon {

		a {

			display:flex;
			align-items:center;
			justify-content:center;
			width:calc(var(--default-gutter-x) * 3);
			height:calc(var(--default-gutter-y) * 3);
			background-color:var(--color-primary);

			&:hover {

				background-color:var(--color-secondary);

			}

		}

	}

}


.gform_wrapper {

	p.gform_required_legend {

		display:none;

	}

	.gform_fields {

		row-gap:calc(var(--default-gutter-y) * 2) !important;
		column-gap:calc(var(--default-gutter-x) * 1) !important;

		.gfield {

			&:not(.gfield--width-full) {

				grid-column:1/-1 !important;

			}

			.gfield_label {

				margin-bottom:calc(var(--default-gutter-y) / 2);
				font-weight:600;

				.gfield_required {

					padding-left:0;
					font-size:var(--text-size);
					color:inherit;

				}

			}

			&.gfield_error label {

				color:var(--color-error);

			}

			input:is([type="text"],[type="email"],[type="tel"],[type="url"],[type="date"],[type="number"]), textarea, select {

				padding:calc(var(--default-gutter-y) * 0.666666667) var(--default-gutter-x);
				background-color:transparent;
				border:1px solid var(--color-primary);
				border-radius:0;
				
				&:is(textarea) {

					padding:var(--default-gutter-y) var(--default-gutter-x);

				}

			}
			
			&::placeholder {

				opacity:0.5;
				color:inherit;

			}

			.gfield_radio, .gfield_checkbox {

				display:flex;
				flex-direction:column;
				row-gap:calc(var(--default-gutter-x) / 2);

				.gchoice {

					display:flex;
					column-gap:10px;
					row-gap:var(--default-gutter-y);

					input {

						appearance:none;
						width:20px;
						height:20px;
						background-color:var(--color-white);
						border:1px solid var(--color-primary);
						padding:1px;

						&:is([type="radio"]) {

							border-radius:100%;
							box-shadow:inset 0 0 0 2px var(--color-white);

							&:focus, &:focus-visible {

								outline:none !important;
								box-shadow:inset 0 0 0 2px var(--color-white) !important;

							} 

						}

						&:checked {

							background-color:var(--color-primary) !important;
							border-color:var(--color-primary);							

						}

						&:is([type="checkbox"]):checked {

							background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");

						}

					}

					label {

						font-size:var(--text-size-sm);

					}

				}

			}

			.gfield_description:not(.validation_message) {

				margin-top:calc(var(--default-gutter-y) / 2) !important;
				padding-top:0 !important;
				font-size:var(--text-size-sm) !important;

			}

		}

	}

	.gform_validation_errors, .validation_message {		
			
		background:var(--color-error) !important;
		border:0 !important;
		border-radius:0 !important;
		box-shadow:none !important;
		color:var(--color-white) !important;

		&:is(.gform_validation_errors) {

			margin-top:0 !important;
			margin-bottom:calc(var(--default-gutter-y) * 2) !important;
			padding:calc(var(--default-gutter-y) * 1) calc(var(--default-gutter-x) * 2) !important;

		}

		&:is(.validation_message) {

			margin-top:calc(var(--default-gutter-y) / 2) !important;
			margin-bottom:0 !important;
			padding:calc(var(--default-gutter-y) / 2) var(--default-gutter-x) !important;
			font-size:var(--text-size-xs) !important;

		}

	}	

}

.gform_confirmation_wrapper {

		.gform_confirmation_message {

			padding:calc(var(--default-gutter-y) * 2) calc(var(--default-gutter-x) * 2);
			background-color:var(--color-primary);
			border-radius:8px;
			font-size:var(--text-size);
			color:var(--color-white);
			line-height:150%;

		}

	}



/* Footer */

.footer {

	padding-top:calc(var(--default-gutter-y) * 4);
	padding-bottom:calc(var(--default-gutter-y) * 4);
	background-color:var(--color-primary);

}



@media (max-width: 991px) {

	.pt-ov-md-0 {

		padding-top:0 !important;

	}

	.pb-ov-md-0 {

		padding-bottom:0 !important;

	}

}
@media (min-width: 576px) {

	:root {
		--text-size-xs:13px;
		--text-size-sm:15px;
		--text-size:17px;
		--text-size-md:24px;
		--text-size-lg:36px;
		--text-size-xl:54px;
		--text-size-xxl:64px;
	}


	.header-wrapper {
		
		.header {
			
			.logo {

				padding-top:calc(var(--default-gutter-y) * 2);
				padding-bottom:calc(var(--default-gutter-y) * 2);

			}

		}

	}

}

@media (min-width: 768px) {

	.gform_wrapper {

		.gform_fields {

			.gfield {

				&.gfield--width-half {

					grid-column:span 6 !important;

				}

			}

		}

	}

}

@media (min-width: 992px) and (max-width: 1399px) {
	
	.header .contact-information {

		margin-top:calc(var(--default-gutter-y) * 2);

	}

}

@media (min-width: 992px) and (max-width: 1499px) {
	
	.content-section {

		&:is(.hlined,.hlined-bottom) {

			&:before, &:after {

				width:calc(100% - calc(var(--default-gutter-x) * 4));
				left:calc(var(--default-gutter-x) * 2);

			}

		}

	}

}

@media (min-width: 576px), (min-width: 768px), (min-width: 992px) {
	
	.container, .container-lg, .container-xl, .container-xxl {
		
		max-width:100%;
	
	}

}

@media (min-width: 992px) {

	.container, .container-lg, .container-xl, .container-xxl {

		padding-left:calc(var(--default-gutter-x) * 2);
		padding-right:calc(var(--default-gutter-x) * 2);

	}

	.row.col-gap-4 {

		margin-left:calc((var(--default-gutter-y) * 4) / -1);
		margin-right:calc((var(--default-gutter-y) * 4) / -1);

		>* {

			padding-left:calc(var(--default-gutter-x) * 4);
			padding-right:calc(var(--default-gutter-x) * 4);

		}

	}
	
	.content-section {

		&.pt-lg-ov-0 {

			padding-top:0;

		}

		&.pb-lg-ov-auto {

			padding-bottom:calc(var(--default-gutter-y) * 4) !important;

		}

		> .bg {

			left:auto;

			&:is(.top-left, .bottom-left) {

				right:50%;

				&.lg-25 {

					right:calc((100vw + 1500px) / 2 - 1500px * 0.25);

				}

			}

			&:is(.top-right, .bottom-right) {

				left:50%;

				&.lg-25 {

					left:calc((100vw + 1500px) / 2 - 1500px * 0.25);

				}

			}

			&[class*="bg-fill-"] {

				width:50%;
				left:50%;

			}

			img {

				opacity:1;

			}

		}

		&.hlined.pt-0.pt-lg-ov-0:before {

			margin-bottom:0;

		}

		.boxen-wrapper:not(.flex-column), :is(.container-lg, .container-xl, .container-xxl) .boxen-wrapper:not(.flex-column) {

			padding:calc(var(--default-gutter-y) * 4) calc(var(--default-gutter-x) * 4);

		}

	}

	.panel {

		&.lg {

			padding:calc(var(--default-gutter-y) * 4) calc(var(--default-gutter-x) * 4);

		}

	}

}

@media (min-width: 1199px) {

	:root {
		--text-size-xs:13px;
		--text-size-sm:15px;
		--text-size:17px;
		--text-size-md:24px;
		--text-size-lg:36px;
		--text-size-xl:64px;
		--text-size-xxl:78px;
	}

	.row.col-gap-lg-2 {

		margin-left:calc((var(--default-gutter-x) / 2) / -1);
		margin-right:calc((var(--default-gutter-x) / 2) / -1);

		>* {

			padding-left:calc(var(--default-gutter-x) / 2);
			padding-right:calc(var(--default-gutter-x) / 2);

		}

	}

	.content-section {

		&:not(.footer,.pt-lg-ov-0,.pb-lg-ov-0) {

			padding-top:calc(var(--default-gutter-y) * 6);
			padding-bottom:calc(var(--default-gutter-y) * 6);

		}

		&.pt-xl-ov-0 {

			padding-top:0;

		}

		&.pb-lg-ov-auto {

			padding-bottom:calc(var(--default-gutter-y) * 6) !important;

		}

		&.extra-padded-y {

			padding-top:calc(var(--default-gutter-y) * 9);
			padding-bottom:calc(var(--default-gutter-y) * 9);

		}

		.container > .row.hline:first-of-type:before {

			margin-bottom:calc(var(--default-gutter-y) * 6);

		}

		.container > .row.hline:last-of-type:before {

			margin-top:calc(var(--default-gutter-y) * 6);

		}

		.boxen-wrapper:not(.flex-column), :is(.container-lg, .container-xl, .container-xxl) .boxen-wrapper:not(.flex-column) {

			padding:calc(var(--default-gutter-y) * 6) calc(var(--default-gutter-x) * 4);

		}

	}

}

@media (min-width: 1500px) {

	.container, .container-lg, .container-xl ,.container-xxl {
		
		max-width:1500px;
	
	}

}