/* Title Font */
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/Montserrat-Light.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/Montserrat-SemiBold.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/Montserrat-Bold.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url(../fonts/Montserrat-ExtraBold.ttf);
}

/* Content Font */
@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/OpenSans-Light.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/OpenSans-SemiBold.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
	font-display: swap;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 900;
	src: url(../fonts/OpenSans-ExtraBold.ttf);
}

/* Branding */
:root {
	/* GBE Group Blue */
	--color-primary: #1c355e;
	--color-primary-rgb: 28, 53, 94;

	/* GBE Group Orange */
	--color-secondary: #ee7623;
	--color-secondary-rgb: 238, 118, 35;

	/* GBE Black */
	--color-black: #101820;
	--color-black-rgb: 16, 24, 32;

	/* GBE White */
	--color-white: #fbfbfb;
	--color-white-rgb: 251, 251, 251;

	/* GBE Grey */
	--color-grey: #cdcdcd;
	--color-grey-rgb: 205, 205, 205;

	/* GBE Fonts */
	--font-titles: 'Montserrat', sans-serif;
	--font-content: 'Open Sans', 'Calibri', sans-serif;

	/* Font Sizes */
	--font-small: 14px;
	--font-regular: 18px;
	--font-large: 22px;
	--font-larger: 32px;
	--font-huge: 52px;
	--font-hugerer: 72px;

	--font-article-h4: 24px;
	--font-article-h3: 30px;
	--font-article-h2: 38px;
	--font-article-h1: 54px;

	/* Box Shadows */
	--box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	--box-shadow-hover: 0 8px 12px rgba(0, 0, 0, .4);
}

@media only screen and (max-width: 720px) {
	:root {
		--font-article-h4: 22px;
		--font-article-h3: 24px;
		--font-article-h2: 28px;
		--font-article-h1: 36px;
	}
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--color-white);
	font-size: var(--font-regular);
	font-weight: 400;
	font-family: var(--font-content);
	color: var(--color-primary);
	overflow-x: hidden !important;
}

pre {
	border: 2px solid var(--color-primary);
	color: var(--color-primary);
	border-radius: 20px;
	padding: 10px;
	margin: 10px;
	width: max-content;
	background-color: rgba(var(--color-secondary-rgb), .2);
}

pre h1 {
	font-size: var(--font-larger);
	margin: 0 0 20px;
}

h3 {
	margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 20px;
}

p {
	margin: 0px;
}

a,
button {
	transition: 0.2s;
	text-decoration: none !important;
	color: var(--color-secondary);
	cursor: pointer !important;
}

a:active,
a:focus,
a:hover,
a:visited {
	outline: none;
	outline-style: none;
	-moz-outline-style: none;
	box-shadow: none !important;
}

a:hover {
	border: none;
	outline: none;
	color: var(--color-primary);
}

.our-work-link:hover {
	color: var(--color-white);
}

a[disabled] {
	pointer-events: none;
	opacity: 0.6;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

button {
	border: none;
	outline: none;
	margin: 0px;

	background-color: transparent;
}

button:focus {
	outline: none;
}

button:hover {
	color: var(--color-primary);
}

button.fa-solid {
	display: inline;
	padding: 0;
}

section {
	background: var(--color-white);
}

table {
	margin-top: 40px;
}

th,
td,
tr {
	border: 1px solid var(--color-primary);
}

tr:nth-of-type(even) {
	background-color: rgba(var(--color-secondary-rgb), 0.1);
}

th {
	background-color: rgba(var(--color-secondary-rgb), 0.25);
}

.table-centered {
	vertical-align: middle;
	text-align: center;
}

ol {
	counter-reset: item;
	list-style: none;
}

ol li {
	display: block;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

ol li:before {
	content: counters(item, ".")".";
	counter-increment: item;
	position: absolute;
	margin-right: 100%;
	right: 10px;
}

img.fit {
	object-fit: contain !important;
}

.cc-btn {
	border: 0px !important;
}

.centered {
	margin-left: auto !important;
	margin-right: auto !important;
}

.text-centered {
	text-align: center;
}

.text-leftalign {
	text-align: left !important;
}

.text-orange {
	color: var(--color-secondary) !important;
}

.flex-centered {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.flex-end {
	display: flex !important;
	justify-content: center !important;
	align-items: flex-end !important;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.hidden {
	display: none;
}

.space-evenly {
	display: flex !important;
	justify-content: space-evenly !important;
}

.inline {
	display: inline !important;
}

.form-control {
	color: var(--color-primary);
}

.form-control::placeholder {
	color: var(--color-primary);
	opacity: 0.5;
}

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

.width-max {
	width: 100%;
}

.height-max {
	height: 100%;
}

.align-right {
	text-align: right !important;
}

.mt-0 {
	margin-top: 0px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mt-60 {
	margin-top: 60px !important;
}

.mt-70 {
	margin-top: 70px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

.mr-0 {
	margin-right: 0px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.mr-20 {
	margin-right: 20px !important;
}

.mr-30 {
	margin-right: 30px !important;
}

.mr-40 {
	margin-right: 40px !important;
}

.mr-50 {
	margin-right: 50px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mb-60 {
	margin-bottom: 60px !important;
}

.mb-70 {
	margin-bottom: 70px !important;
}

.ml-0 {
	margin-left: 0px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.ml-20 {
	margin-left: 20px !important;
}

.ml-30 {
	margin-left: 30px !important;
}

.ml-40 {
	margin-left: 40px !important;
}

.ml-50 {
	margin-left: 50px !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

.pt-100 {
	padding-top: 100px !important;
}

.pr-0 {
	padding-right: 0px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

.pr-20 {
	padding-right: 20px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.pb-60 {
	padding-bottom: 60px !important;
}

.pl-0 {
	padding-left: 0px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.pl-20 {
	padding-left: 20px !important;
}

.pl-80 {
	padding-left: 20px !important;
}

.padding-0 {
	padding: 0px !important;
}

.padding-60 {
	padding: 60px !important;
}

.pblock-40 {
	padding-block: 40px !important;
}

.pblock-20 {
	padding-block: 20px !important;
}

.pblock-0 {
	padding-block: 0px !important;
}

.jumbotron {
	padding: 0px;
	margin: 0px;
	background: var(--color-white);
	border-radius: 0px;
}

/* BUTTONS START */

.btn-oval {
	display: block;
	width: max-content;
	outline: none;
	border: none;
	border-radius: 50px;
	margin: 0px;
	padding: 10px 20px 10px 20px;

	cursor: pointer !important;
}

.btn-primary {
	background: var(--color-primary) !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-primary) !important;
}

.btn-primary:hover {
	background: var(--color-white) !important;
	color: var(--color-primary) !important;
	border: 1px solid var(--color-primary) !important;
}

.btn-secondary {
	background: var(--color-secondary) !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-secondary) !important;
}

.btn-secondary:hover {
	background: var(--color-white) !important;
	color: var(--color-secondary) !important;
	border: 1px solid var(--color-secondary) !important;
}

.btn-white {
	background: var(--color-white) !important;
	color: var(--color-primary) !important;
	border: 1px solid var(--color-primary) !important;
}

.btn-white:hover {
	background: var(--color-primary) !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-primary) !important;
}

/* BUTTONS END */

/* HEADER START */

#headerVideo {
	position: absolute;
	width: 100vw;
	height: 100%;
	object-fit: cover;
}

.header-spacer {
	height: 120px;
	width: 100%;
	display: block;
}

.header-logo {
	height: 120px;
	padding: 0px;
	object-fit: contain;
}

.client-home-logo {
	height: 132px;
	padding: 16px;

	object-fit: contain;

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

.header-main {
	height: 120px;
	width: 100%;

	position: fixed;
	top: 0px;

	background: var(--color-white);
	transition: 0.2s;

	display: flex;
	align-items: center;
	z-index: 1000000 !important;
}

.header-container {
	display: flex;
	align-items: center;
	flex-direction: row !important;
	min-height: 120px !important;
	padding: 0 !important;
}

.header-transparent {
	background: rgba(var(--color-white-rgb), 0.8) !important;
	height: 90px;
}

.header-transparent .header-container {
	background: none !important;
}

.header-nav {
	margin-left: auto;
}

.header-nav-list {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.header-nav-list-item:not(:last-child) {
	margin-right: 30px;
}

.header-nav-list-item {
	float: left;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	position: relative;
}

.header-nav-list-item.sidenav {
	align-items: flex-start;
	margin-top: 20px;
	float: unset;
}

.header-sidenav-list.sublist a li {
	font-size: var(--font-small) !important;
}

.header-nav-list-item-text {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.header-nav-list-item a {
	font-family: var(--font-titles);
	font-size: var(--font-regular);
	color: var(--color-primary);
}

.header-nav-list-item a:hover {
	color: var(--color-secondary);
}

.header-nav-list-item-active {
	color: var(--color-white) !important;
	background: var(--color-secondary) !important;
}

.header-nav-list-item i:not(.fa-gear) {
	cursor: pointer;
	display: inline;
	margin-left: 5px;
}

.header-nav-list-item i.fa-gear {
	cursor: pointer;
	font-size: var(--font-regular);
	padding: 5px;
}

.header-dropdown-container {
	font-family: var(--font-content);
	background-color: var(--color-white);
	box-shadow: var(--box-shadow);

	min-width: 100px;
	width: auto;
	white-space: nowrap;
	overflow: hidden;

	position: absolute;
	top: 26px;
	left: -30px;
	/*right: -10px;*/

	display: flex;
	flex-direction: column;

	border-radius: 4px;

	transition-delay: 0.1s;
}

.header-dropdown-container a {
	padding: 10px 15px;
	text-align: center;
	transition: 0s;
}

.header-dropdown-container a:hover {
	background-color: var(--color-secondary);
	color: var(--color-white);
	transition: 0.2s;
}

.header-dropdown-container a:not(:last-child) {
	border-bottom: 1px solid rgba(var(--color-primary-rgb), 0.5);
}

.header-dropdown-container-transparent {
	/*background-color: rgba(var(--color-white-rgb), 0.8) !important;*/
	background-color: var(--color-white);
}

.header-dropdown-container-transparent a:hover {
	/*background-color: rgba(var(--color-primary-rgb), 0.8) !important;*/
	background-color: var(--color-primary);
}

.header-sidenav-btn {
	display: none;
	position: absolute;
	top: calc(50% - 15px);
	left: 10px;
	padding: 5px;
}

.header-sidenav-btn>div {
	height: 4px;
	width: 25px;
	background: var(--color-primary);
}

.header-sidenav-btn>div:not(:last-child) {
	margin-bottom: 5px;
}

.header-sidenav-btn-close {
	position: absolute;
	top: 10px;
	right: 20px;
	color: var(--color-primary);
	font-size: var(--font-larger);
}

.header-sidenav-btn-close:hover {
	color: var(--color-secondary);
}

.header-sidenav-container {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, 0.4);
}

.header-sidenav {
	height: 100vh;
	width: 0px;
	margin: 0px;
	padding: 60px 0px;

	background: var(--color-white);

	position: relative;
	overflow-y: auto;

	transition: 0.5s;

	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.header-sidenav-list {
	overflow: hidden;
	min-width: 300px;
	padding: 15px;
}

.header-sidenav-list-item:not(:last-child) {
	margin-bottom: 10px;
}

.header-sidenav-list-item:last-child {
	margin-top: 20px;
}

.header-sidenav-list-item>a {
	color: var(--color-primary);
	font-family: var(--font-content);
	font-weight: 400;
	font-size: var(--font-regular);
}

.header-sidenav-list-item>a:hover {
	color: var(--color-secondary);
}

.header-sidenav-list-item-active {
	color: var(--color-secondary) !important;
}

/* HEADER END */

/* MAIN CONTENT START */

.homepage-container .section-title {
	font-size: var(--font-huge);
	font-family: var(--font-titles);
}

.content-wrapper {
	padding: 0px !important;
	margin: 0px !important;
}

.content-container {
	background: var(--color-white);
}

.container {
	/*padding: 30px 0;*/
	padding: 40px 0;
	/*min-height: calc(100vh - 120px);*/
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.max-content {
	min-height: max-content !important;
}

.top-aligned {
	justify-content: flex-start !important;
}

.article-form {
	width: 100%;
	display: grid !important;
	grid-template-columns: 0.75fr 1.25fr;
	max-width: 90vw;
	margin-left: 100px;
	margin-right: 100px;
	gap: 50px;
}

.main-section {
	background: var(--color-white);
	padding-top: 60px;
	padding-bottom: 60px;
}

.section-title {
	color: var(--color-primary);
	font-family: var(--font-titles);
	font-weight: 400;
	font-size: var(--font-larger);
	margin-bottom: 40px;
}

.section-title-alternate {
	color: var(--color-white);
	font-family: var(--font-titles);
	font-weight: 400;
	font-size: var(--font-larger);
	margin-bottom: 40px;
}

.section-heading {
	color: var(--color-primary);
	font-family: var(--font-titles);
	font-weight: 400;
	font-size: var(--font-larger);
	margin-bottom: 20px;
}

.section-list {
	margin: 0px;
}

.section-list-item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.section-list-item:not(:last-child) {
	margin-bottom: 20px;
}

.section-list-item>i {
	color: var(--color-secondary);
	font-size: var(--font-large);
	margin-right: 20px;
}

.section-read-more {
	color: var(--color-secondary);
}

.section-col-images-col:not(:last-child) {
	margin-bottom: 20px;
}

.section-col-image {
	max-width: 100%;
}

/* MAIN CONTENT END */


/* MAIN JUMBOTRON START */

.jumbotron-main {
	margin: 0px;
	padding: 0px;
	min-height: 750px;
	height: 75vh;
	max-height: 75vh;

	position: relative;
	z-index: 1;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.jumbotron-main::before {
	margin: 0px;
	width: 100%;
	min-height: 750px;
	height: 75vh;
	max-height: 75vh;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;

	content: "";

	background-color: var(--color-primary);
	opacity: 0.75;
}

.jumbotron-main-content {
	min-height: calc(750px - 120px);
	height: calc(75vh - 120px);
	padding-bottom: 120px;

	z-index: 3;
	position: relative;

	flex-direction: column;
}

.jumbotron-slogan {
	font-family: var(--font-titles);
	font-size: var(--font-huge);
	font-weight: 700;
	color: var(--color-white);
}

.jumbotron-slogan-small {
	font-family: var(--font-titles);
	font-size: var(--font-large);
	font-weight: 700;
	color: var(--color-white);
}

.jumbotron-tagline {
	margin: 0 20vw 20px;
	opacity: 0.9;

	font-size: var(--font-regular);
	color: var(--color-white);
	font-weight: 400;
}

.jumbotron-alternate {
	background-color: var(--color-primary);
	padding: 40px;
}

.jumbotron-alternate-title {
	font-family: var(--font-titles);
	font-size: var(--font-huge);
	color: var(--color-white);
	font-weight: 400;
}

.jumbotron-scroll-down {
	position: absolute;
	bottom: 5px;
	color: var(--color-white);
	cursor: pointer;
	font-size: 25px;
}

/* MAIN JUMBOTRON END */

/* SECTION START */

.section-image-header,
.section-no-image-header {
	/*width: 100vw;*/
	width: 100%;
	margin: auto;
	position: relative;
	display: flex;
	align-items: center;
}

.section-image-header {
	/*height: calc(100vh - 120px);*/
	/*height: 400px;*/
	height: 500px;
	max-height: calc(100vh - 120px);
	color: var(--color-primary);
	background-color: var(--color-primary);
}

.section-no-image-header {
	min-height: 200px;
	padding-top: 50px;
	padding-bottom: 50px;
	height: max-content;
	color: var(--color-white);
	background-color: var(--color-primary) !important;
}

.section-image,
.section-image-gradient,
.section-image-header-info {
	width: 100%;
	height: 100%;
}

.section-image,
.section-image-gradient {
	position: absolute;
	z-index: 0 !important;

	object-fit: cover;
	object-position: center;
}

/*

.section-image-gradient {
	background-image: linear-gradient(to right, rgba(var(--color-white-rgb)) 0%, rgba(var(--color-white-rgb), 0.8) 25%, rgba(var(--color-white-rgb),0.6) 75%, rgba(var(--color-white-rgb),0.4) 100%);
}

*/

.section-image-gradient {
	background: var(--color-white);
	opacity: 0.8;
	transition: 0.2s;
}

.section-image-header-w-icon {
	position: relative;
	padding-left: 20vw;

	flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.header-icon {
	width: 250px;
}

.header-icon {
	box-shadow: var(--box-shadow);
	border-radius: 500px;
}

.section-image-header-info {
	position: relative;
	padding-left: 20vw;
	font-weight: 500;
	margin: auto 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.section-image-header-w-icon>.section-image-header-info {
	padding-left: 2vw;
}

.section-image-header-title {
	font-size: var(--font-huge);
	font-family: var(--font-titles);
	text-shadow: 0px 0px 1px var(--color-primary);
}

.section-image-header-text {
	font-size: var(--font-large);
	font-weight: 400;
	width: 40vw;
	margin-top: 20px;
	line-height: 28px;
	font-size: 20px;
}

.section-no-image-header .section-image-header-text {
	width: 50vw;
	margin-bottom: 20px;
}

.group-member-icon {
	height: 60px;
	width: 60px;
	object-fit: contain;
	object-position: center;
	background-color: var(--color-white);
	border-radius: 50%;
}

/* SECTION END */

/* CONTENT START */

.content-underline {
	text-decoration: underline !important;
}

.content-bold {
	font-weight: 700 !important;
}

.content-header {
	font-weight: 600;
	font-size: var(--font-larger);
	font-family: var(--font-titles);
	margin-top: 20px;
}

.content-header.gbe-group {
	margin-top: 60px !important;
}

.content-sub-header {
	font-size: var(--font-large);
}

.content-text {
	margin-top: 20px;
	font-size: var(--font-regular);
	font-family: var(--font-content);
}

.content-list {
	margin-top: 20px;
	text-indent: -1em;
	margin-left: 1em;

	font-size: var(--font-regular);
	font-family: var(--font-content);

	list-style: none;
}

.content-list li::before {
	content: "\2022";
	color: var(--color-secondary);
	font-weight: bold;
	width: 1em;
	margin-right: 10px;
}

.content-list>li:not(:last-child) {
	margin-bottom: 10px;
}

.content-img {
	margin-top: 20px;
	max-width: 100%;
}

.two-col {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#gap-fix {
	width: 100%;
}

.col-one,
.col-two {
	width: 45%;
}

.col-images {
	margin-block: auto;
}

.big-text {
	font-size: var(--font-large);
	font-weight: 600;
	margin-bottom: 22px
}

*~.big-text {
	margin-top: 20px;
}

.advantages-div {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
	width: 100%;
}

.advantages-div img {
	width: 100%;
}

/* CONTENT END */

/* GBE GROUP SECTION START */

.group-container {
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.group-container-row {
	width: 100%;
	margin-bottom: 40px;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.group-member {
	padding: 2.5%;

	border: 2px solid var(--color-white);
	background-color: white;
	border-radius: 10px;
	box-shadow: var(--box-shadow);

	display: flex;
	align-items: center;
}

.group-member-logo-container {
	min-height: 150px;
	min-width: 150px;
	max-height: 150px;
	max-width: 150px;

	background-color: white;

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

	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.group-member-logo {
	width: 100%;
}

.group-member-name {
	font-weight: 700;
}

.group-member-subtitle {
	color: var(--color-secondary);
}

/* GBE GROUP SECTION END */

/* ICON CONTAINER START */

.icon-grid {
	width: 100%;
	margin: 60px 0;

	column-gap: 50px;

	display: grid;

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

	text-align: center;
}

.icon-grid>.icon-container {
	margin-top: 30px;
	margin-bottom: 30px;
}

.icon-grid.three {
	grid-template-columns: repeat(3, minmax(256px, 1fr));
	grid-template-rows: repeat(1, minmax(256px, 1fr));
}

.icon-grid.four {
	grid-template-columns: repeat(2, minmax(256px, 1fr));
	grid-template-rows: repeat(2, minmax(256px, 1fr));
	padding: 0 128px;
}

.icon-grid.five {
	margin: 30px 0;
	grid-template-columns: [start] 128px [pad-start] repeat(4, 128px) [pad-end] 128px [end];
	grid-template-rows: repeat(2, minmax(256px, 1fr));
}

.icon-grid.five .icon-container {
	grid-column-END: span 2;
}

.icon-grid.five .icon-container:nth-of-type(4) {
	grid-column: pad-start /span 2;
}

.icon-grid.six {
	grid-template-columns: repeat(3, minmax(256px, 1fr));
	grid-template-rows: repeat(2, minmax(256px, 1fr));
}

.icon-grid.eight {
	grid-template-columns: repeat(4, minmax(256px, 1fr));
	grid-template-rows: repeat(2, minmax(256px, 1fr));
}

.core-value-container {
	margin-top: 20px;
}

.icon-container {
	width: 100%;
	height: 256px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;

	opacity: 1;
	transition: 0.2s ease-out !important;
}

.icon ul {
	text-align: left;
}

.icon-image-container {
	width: 192px;
	border-radius: 50%;
	object-fit: contain;
	object-position: center;
}

.icon-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.icon-text {
	margin-top: 15px;
	font-size: var(--font-large);
	font-family: var(--font-titles);
	color: var(--color-primary) !important;
	width: fit-content;
	text-align: center;
}

.icon-text-inverse {
	margin-top: 15px;
	font-size: var(--font-large);
	font-family: var(--font-titles);
	color: var(--color-white) !important;
	width: fit-content;
	text-align: center;
}

.core-value-number {
	height: 100px;
	width: 100px;

	border: 3px solid var(--color-secondary);
	border-radius: 50%;

	font-size: var(--font-huge);

	pointer-events: none;
}

.core-value-info {
	margin-top: 15px;
	font-size: var(--font-regular);
	font-family: var(--font-titles);
	color: var(--color-primary) !important;
}

.core-value-title {
	font-weight: 600;
}

/* ICON CONTAINER END */

/* PROJECT ENQUIRY START */

.project-enquiry {
	width: 100vw;
	margin: 20px 0;
	/*padding: 20px 25%;*/

	padding: 40px;

	color: var(--color-white);
	text-align: center;
	background-color: var(--color-primary);

	flex-direction: column;
}

.project-enquiry-title {
	font-size: var(--font-larger) !important;
	font-weight: 600;
	font-family: var(--font-titles);
}

.project-enquiry p {
	margin-bottom: 20px;
	font-size: var(--font-regular);
}

.project-enquiry-btn-container {
	width: 100%;
	flex-direction: row;
}

.content-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* PROJECT ENQUIRY END */

/* OUR MISSION START */

.our-mission {
	padding: 20px 15%;
	overflow: hidden;
}

.our-mission h3 {
	margin-bottom: 20px;
}

.statement-grid {
	display: grid;
	grid-template-columns: 1fr 120px 1fr;
	overflow: hidden;
	white-space: nowrap;
	width: calc(200vw - 120px);
	transition: ease 0.3s;
}

.arrow-grid {
	display: grid;
	grid-template-columns: 10% 80% 10%
}

#a-grid-1 {
	grid-column: 1/2;
}

#a-grid-2 {
	grid-column: 3/4;
}

.arrow-wrapper {
	margin: auto;
}

.statement-wrapper {
	white-space: normal;
}


/* OUR MISSION END */

/* OUR STORY START */

.our-story-grid {
	width: 100%;

	display: grid;

	/* [line-name], area-space, [line-name], area-space, [line-name] */
	grid-template-columns: [hor-start] 40% [text-edge-l] auto [grid-centre-l] 20px [grid-centre-r] auto [text-edge-r] 40% [hor-end];
	grid-template-rows:
		[ver-start] 20px [container-start] 100px [year-2021-t] 250px [year-2021-b] 10px [year-2020-t] 250px [year-2020-b] 10px [year-2019c-t] 250px [year-2019c-b] 10px [year-2019b-t] 250px [year-2019b-b] 10px [year-2019a-t] 250px [year-2019a-b] 10px [year-2017b-t] 250px [year-2017b-b] 10px [year-2017a-t] 250px [year-2017a-b] 10px [year-2016-t] 250px [year-2016-b] 10px [year-2013-t] 250px [year-2013-b] 10px [year-2011-t] 250px [year-2011-b] 10px [year-2007-t] 250px [year-2007-b] 10px [year-2005-t] 250px [year-2005-b] 10px [year-2004-t] 250px [year-2004-b] 100px [container-end] 20px [ver-end];

	justify-items: center;
	align-items: flex-start;

	text-align: center;
	position: relative;
	z-index: 1;
}

/* grid-row-start, grid-column-start, grid-row-end, grid-column-end */
.our-story-circle-t {
	grid-area: ver-start / grid-centre-l / container-start / grid-centre-r;
}

.our-story-circle-t,
.our-story-circle-b {
	font-size: 20px;
	color: var(--color-secondary);
}

.middle-line {
	grid-area: ver-start / grid-centre-l / ver-end / grid-centre-r;

	width: 100%;
	height: calc(100% + 40px);

	margin-top: -20px;
	margin-bottom: -20px;
}

.middle-line-colour {
	background-color: var(--color-secondary);
	height: 98%;
	width: 10px;
}

.our-story-circle-b {
	grid-area: container-end / grid-centre-l / ver-end / grid-centre-r;
}

.line {
	background-color: var(--color-secondary);
	width: 100%;
	height: 10px;
}

.line.right {
	border-radius: 0 10px 10px 0;
	grid-column: grid-centre-l / text-edge-r;
	margin-left: 10px;
}

.line.left {
	border-radius: 10px 0 0 10px;
	grid-column: text-edge-l / grid-centre-r;
	margin-right: 10px;
}

.year {
	padding: 10px;
	height: 100%;
	width: 100%;
}

.year .info {
	padding: 10px;
	max-height: 100%;
	overflow-y: hidden;
	box-shadow: var(--box-shadow);
	background-color: var(--color-white);
	transition: 0.2s;
}

.year .info i {
	color: var(--color-secondary);
	font-weight: 100;
	height: 100%;
}

.year:hover .info p {
	height: 100%;
	transition: 0.2s;
}

.year:hover .info i {
	color: var(--color-white);
	transition-delay: 0s;
}

.year .info p {
	display: block;
	height: 0px;
	overflow-y: hidden;
	transition: 0.2s;
}

.year:hover .info {
	max-height: 500%;
}

.year._1988.info {
	text-align: center;
}

.year .info h4,
.year .info h5,
.year._1988.info h4,
.year._1988.info h5 {
	font-weight: 600;
}

.year .info h4,
.year._1988.info h4 {
	color: var(--color-secondary);
	font-size: var(--font-larger);
}

.year .info h5,
.year._1988.info h5 {
	font-size: var(--font-large);
	margin-bottom: 20px;
}

.year .info p {
	font-size: var(--font-regular);
}

.year.right {
	grid-column-start: text-edge-r;
	text-align: left;
}

.year.left {
	grid-column-end: text-edge-l;
	text-align: right;
}

.line._2021,
.year._2021 {
	grid-row: year-2021-t / year-2021-b;
}

.line._2020,
.year._2020 {
	grid-row: year-2020-t / year-2020-b;
}

.line._2019c,
.year._2019c {
	grid-row: year-2019c-t / year-2019c-b;
}

.line._2019b,
.year._2019b {
	grid-row: year-2019b-t / year-2019b-b;
}

.line._2019a,
.year._2019a {
	grid-row: year-2019a-t / year-2019a-b;
}

.line._2017b,
.year._2017b {
	grid-row: year-2017b-t / year-2017b-b;
}

.line._2017a,
.year._2017a {
	grid-row: year-2017a-t / year-2017a-b;
}

.line._2016,
.year._2016 {
	grid-row: year-2016-t / year-2016-b;
}

.line._2013,
.year._2013 {
	grid-row: year-2013-t / year-2013-b;
}

.line._2011,
.year._2011 {
	grid-row: year-2011-t / year-2011-b;
}

.line._2007,
.year._2007 {
	grid-row: year-2007-t / year-2007-b;
}

.line._2005,
.year._2005 {
	grid-row: year-2005-t / year-2005-b;
}

.line._2004,
.year._2004 {
	grid-row: year-2004-t / year-2004-b;
}

/* OUR STORY END */

/* GALLERY START */

.gallery-container {
	display: flex;
	flex-direction: column;
	align-items: center;

	align-self: center;
	justify-self: center;

	width: 500px;
	height: max-content;
}

.gallery-main-img-container {
	width: 100%;
	height: 500px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.gallery-main-img {
	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;
}

.gallery-thumbnails {
	width: 100%;
	margin-top: 10px;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.gallery-thumbnails img {
	width: 110px;
	height: 110px;
	margin: 5px;

	background-color: white;
	box-shadow: var(--box-shadow);

	object-fit: cover;
	object-position: center;

	cursor: pointer;
	opacity: 1;
	transition: 0.2s !important;
}

.gallery-thumbnails img:hover {
	opacity: 0.8;
}

.gallery-thumbnails img.active {
	opacity: 0.5;
	cursor: default;
}

/* GALLERY END */

/* CONTENT PAGE START */

.col-one.product-col {
	width: 20%;
}

.col-two.product-col {
	width: 75%;
}

.content-page-group-member-logo {
	max-width: 100%;
	padding: 0 20px;
}

.partner-logo-sizing {
	display: block;
	max-width: 260px;
}

.group-member-logo-sizing {
	display: block;
	max-width: 220px;
}

#gbepower-logo {
	max-width: 90%;
}

.center-logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-row i {
	color: var(--color-secondary);
}

.contact-row p {
	color: var(--color-primary);
}

.product-container {
	width: 100%;
	height: 300px;
	padding: 30px;

	box-shadow: var(--box-shadow);
	background-color: white;

	flex-direction: row;

	margin-bottom: 40px;
}

.product-image {
	width: 50%;
	height: 240px;
	object-position: center;
	object-fit: contain;
}

.product-info {
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: left;
	justify-content: space-between;
}

.product-text {
	height: 60%;
	display: flex;
	flex-direction: column;
	align-items: left;
	justify-content: space-between;
}

.product-title,
.product-subtitle,
.product-desc {
	text-align: left;
	width: 100%;
}

.product-title {
	font-weight: 600;
	font-size: var(--font-larger);
	font-family: var(--font-titles);
}

.product-subtitle {
	font-weight: 600;
}

.product-subtitle,
.product-desc {
	font-size: var(--font-regular);
}

.product-buttons {
	height: 20%;
	width: 65%;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
}

.certifications {
	height: 200px;
	min-height: unset !important;
	padding: 0;
	margin-bottom: 20px;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.certification {
	height: 100%;
	width: 25%;
	object-position: center;
	object-fit: contain;
}

.ISO-info {
	flex-direction: column;
}

.ISO-title {
	font-size: var(--font-large);
	font-family: var(--font-titles);
}

.ISO-title:not(:first-of-type) {
	margin-top: 20px;
}

.compliance-schemes {
	max-width: 100vw;
	min-width: 100vw;
	margin: 20px 0;
	padding: 40px 25%;

	color: var(--color-white);
	text-align: center;
	background-color: var(--color-primary);

	flex-direction: column;
}

.compliance-schemes h3 {
	font-size: var(--font-larger) !important;
	font-weight: 600;
	font-family: var(--font-titles);
}

.compliance-schemes p {
	margin-bottom: 20px;
	font-size: var(--font-regular);
}

.compliance-detail-btns {
	flex-direction: row;
	width: 75%;
	margin: 20px auto;
}

.compliance-detail-btns-col {
	width: 50%;
	flex-direction: column;
}

.compliance-icon-img {
	max-width: 200px;
}

.moc-col {
	margin-bottom: 20px;
}

.moc-container {
	box-shadow: var(--box-shadow);
	height: 100%;
	background: #fff;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 8px;
	overflow: hidden;
	padding: 10px;
	padding-top: 40px;
	padding-bottom: 40px;
	transition: 0.2s;
}

.moc-img {
	width: 100%;
	max-width: 200px;
}

.moc-title {
	margin-top: auto;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
}

.product-page-col-heading {
	font-weight: 600;
	font-size: var(--font-large);
}

.product-page-col-heading:not(:nth-of-type(1)) {
	margin-top: 20px;
}

.col-two.product-col {
	display: flex;
	align-items: center;
}

.product-page-image {
	width: 100%;
	height: 300px;
	object-fit: contain;
	object-position: center;
}

.product-page-section {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
	margin: 30px 0;
}

.product-page-section .left-col {
	width: 20%;
}

.product-page-section .right-col {
	width: 75%;
}

.product-page-section .left-col h3 {
	font-size: var(--font-larger);
	font-weight: 600;
}

.products-page-icon {
	width: 75%;
	max-width: 100px;
	margin-top: 40px;
}

/* CONTENT PAGE END */

/* OUR WORK START */

.our-work-container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

.our-work-sector-container {
	width: 25%;
	font-family: var(--font-titles);
}

.sector-heading {
	display: flex;
}

.sector-heading h3 {
	font-size: var(--font-larger);
	font-weight: 600;
	padding: 0 5px 5px;
	display: flex;
	border-bottom: 2px solid gainsboro;
}

.our-work-sector-container ul {
	padding-top: 20px;
}

.our-work-sector-container a {
	color: var(--color-primary);
	font-size: var(--font-large);
}

.our-work-sector-container li {
	padding-bottom: 20px;
}

.our-work-sector-container a:hover,
.our-work-sector-container a.selected {
	color: var(--color-secondary);
}

.sector-all {
	font-weight: 700;
}

.our-work-product-container {
	width: 70%;

	display: grid;
	grid-template-columns: repeat(2, minmax(250px, 1fr));
	grid-auto-rows: 250px;
	gap: 40px;
}

.our-work-product-container a {
	height: 100%;
	width: 100%;
	max-width: 350px;

	position: relative;
}

.our-work-product {
	width: 100%;
	height: 100%;

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

	box-shadow: var(--box-shadow);
}

.our-work-product-container a:hover .our-work-product-info {
	background-color: rgba(var(--color-white-rgb), 0.9);
	color: var(--color-primary);
}

.our-work-product-info {
	height: 100%;
	padding: 10%;

	color: #00000000;
	font-family: var(--font-titles);

	text-align: center;
	flex-direction: column;

	transition: 0.2s;
}

.our-work-product-title {
	font-weight: 600;
	margin-bottom: 10%;
	font-size: var(--font-large);
}

/* OUR WORK END */

/* GALLERY NEW START */

.gallery-new-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 400px;
	background-color: #fff;
	box-shadow: var(--box-shadow);
	margin-top: 20px;
	margin-bottom: 20px;
	transition: 0.2s;
	border-radius: 4px;
	overflow: hidden;
}

.gallery-new-captionless-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 260px;
	background-color: #fff;
	box-shadow: var(--box-shadow);
	margin-top: 20px;
	margin-bottom: 20px;
	transition: 0.2s;
	border-radius: 4px;
	overflow: hidden;
}

.gallery-new-captionless-container>.gallery-new-image-container>a>.gallery-new-img {
	width: 100%;
	height: 260px !important;
}

.gallery-new-container:hover {
	box-shadow: var(--box-shadow-hover);
}

.gallery-new-captionless-container:hover {
	box-shadow: var(--box-shadow-hover);
}

.gallery-new-image-container {
	width: 100%;
}

.gallery-new-img {
	width: 100%;
	height: 270px;
	object-fit: cover;
}

.gallery-new-info-container {
	padding: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.gallery-new-info-container>p {
	margin-bottom: 10px;
}

/* POLAROID GALLERY START */

.polaroid-gallery {
	width: 100%;

	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: 1%;
}

.polaroid {
	height: 425px;
	width: 100%;
	margin: 0;

	background-color: white;
	box-shadow: var(--box-shadow);
	transition: 0.2s;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

.polaroid:hover {
	box-shadow: var(--box-shadow-hover);
}

.polaroid-img-container {
	height: calc(100% - 140px);
	width: calc(100% - 40px);
}

.polaroid-img {
	height: 100%;
	width: 100%;

	border: 1px solid gainsboro;

	object-position: center;
	object-fit: cover;
}

.polaroid-info {
	height: 120px;
	padding: 5px;

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

	flex-direction: column;
	text-align: center;
}

.polaroid-info h3 {
	margin-top: 0;
}

.polaroid-info p {
	font-size: var(--font-large);
	font-weight: 600;
}

.polaroid-info>a {
	margin-top: 20px;
	margin-bottom: 5px;
}

/* five small icons */

.polaroid-gallery.five {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.polaroid-gallery.five .polaroid {
	height: 300px;
	width: 100%;
}

.polaroid-gallery.five .polaroid-info p {
	font-size: var(--font-regular);
}

/* POLAROID GALLERY END */

/* NEWS START */

.search-container,
.news-article,
.linkedin-container {
	background-color: white;
	border-radius: 10px;
	box-shadow: var(--box-shadow);
	padding: 30px;
	margin-bottom: 20px;
	transition: 0.2s;
}

.linkedin-news {
	margin: 0 auto 20px;
}

.news-article:not(.big-card):hover {
	box-shadow: var(--box-shadow-hover);
	transform: translateY(-10px);
	cursor: pointer;
	opacity: 0.8;
}

.search-container form {
	display: flex;
	width: 100%;
	justify-content: space-evenly;
	align-items: center;
}

.search-bar-container,
.search-container select {
	height: 50px;
	border: 1px solid var(--color-grey);
	border-radius: 10px;
	width: 25%;
}

.search-container select {
	background-color: transparent;
	padding: 0 5px;
}

.search-bar-container {
	overflow: hidden;
	padding-left: 5px;
}

.search-bar-container input {
	border: none;
	height: 100%;
}

.search-bar-container input:focus-visible {
	border: none;
	outline: none;
}

.focused {
	-webkit-box-shadow: 0px 0px 7.5px 0px rgba(var(--color-secondary-rgb), 0.75);
	-moz-box-shadow: 0px 0px 7.5px 0px rgba(var(--color-secondary-rgb), 0.75);
	box-shadow: 0px 0px 7.5px 0px rgba(var(--color-secondary-rgb), 0.75);
}

.search-container button {
	border-radius: 50%;
	height: 50px;
	width: 50px;
	padding: 0
}

.news-article {
	position: relative;
}

.news-article-col {
	margin-bottom: 40px;
}

.news-article {
	height: 100%;
	justify-content: flex-start;
}

.news-article-col>.news-article {
	width: 100% !important;
}

.news-permalink {
	position: absolute;
	top: 20px;
	right: 20px;
}

.card-link {
	width: 100%;
	height: 100%;
}

.news-company-info {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: left;
}

/* .relevant-article .news-company-info {
	flex-direction: column;
} */

/* .relevant-article .news-company-info .news-company-text {
	align-items: center;
	margin: 10px 0 0 0;
} */

.news-logo-container {
	min-height: 100px;
	max-height: 100px;
	min-width: 100px;
	max-width: 100px;

	background-color: white;

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

	overflow: hidden;
}

.news-logo {
	width: 100%;
}

.news-company-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-left: 20px;
}

.news-company-name {
	font-size: var(--font-larger);
	font-weight: 700;
	font-family: var(--font-titles);
}

.news-date-socials {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: left;
}

.news-date {
	color: var(--color-secondary);
	font-size: var(--font-regular);
}

.news-company-socials {
	margin-left: 20px;
	font-size: var(--font-large);
	color: var(--color-secondary)
}

.news-linkedin {
	color: #0a66c2;
}

.news-facebook {
	color: #1877f2;
}

.news-twitter {
	color: #1d9bf0;
}

.news-article-text {
	max-width: 100%;
	margin-top: 10px;
}

.news-article-title {
	font-size: var(--font-large);
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 0 !important;
}

.news-article-content {
	margin-top: 20px;
	white-space: pre-wrap;
}

.news-article-content .content-list>li {
	margin-top: -30px !important;
}

.news-link-preview {
	border-radius: 20px;
	overflow: hidden;
}

.news-link-preview:hover .news-link-text {
	color: var(--color-secondary);
	text-shadow: 0px 0px 2px var(--color-primary);
	transition: 0.2s;
}

.news-link-preview.has-image {
	height: 500px;
	background-repeat: no-repeat !important;
	background-position: center !important;
	position: relative;

	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.news-preview-spacer {
	height: 0;
	width: 100%;
	background: linear-gradient(0deg, rgba(var(--color-primary-rgb), 0.8) 0%, rgba(var(--color-primary-rgb), 0.2) 10%, rgba(var(--color-primary-rgb), 0.0) 100%);
	transition: 0.2s ease-out !important;
}

.news-link-preview:hover .news-preview-spacer {
	height: 100%;
}

.news-link-text {
	width: 100%;
	padding: 10px 20px;
	color: var(--color-white);
	background: rgba(var(--color-primary-rgb), 0.8);
	transition: 0.2s ease-out !important;
}

.news-gallery {
	width: 100%;

	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));

	justify-items: center;
	align-items: flex-start;
}

.news-image.one {
	grid-area: one;
}

.news-image.two {
	grid-area: two;
}

.news-image.three {
	grid-area: three;
}

.news-image.four {
	grid-area: four;
}

.news-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
	overflow: hidden;
}

.fixed-height {
	max-height: 30vh;
}

/* ARTICLES */
.article-container {
	padding-bottom: 60px;
	white-space: normal;
}

.article-container .tags {
	display: flex;
	flex-direction: row;
	gap: 12px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: left;
	margin: 20px 0;
}

.article-container .tags .tag {
    padding: 10px 15px;
    border-radius: 5pc;
	border: 2px solid var(--color-secondary);
    font-size: 18px;
	font-family: var(--font-titles);
	font-weight: 600;
    color: var(--color-secondary);
	transition: 0.2s;
}

.article-container .tags .tag:hover{
	cursor: pointer;
	background-color: var(--color-secondary);
    color: var(--color-white);
}

.article-container .news-company-info {
	margin: 20px 0 12px 0;
}

.article-container .news-company-info .company-logo {
	min-height: 120px;
    max-height: 120px;
    min-width: 120px;
    max-width: 120px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid var(--color-primary);
	background-color: white;
}

.article-container .news-company-info .company-name {
	margin: 0;
	font-size: var(--font-article-h3);
	font-family: var(--font-titles);
	font-weight: 700;
}

.article-container .news-company-info .article-date {
	margin: 0;
	color: var(--color-secondary);
}

.article-container h1 {
	font-size: var(--font-article-h1);
	font-family: var(--font-titles);
	font-weight: 800;
	margin-bottom: 10px;
}

.article-container h2 {
	font-size: var(--font-article-h2);
	font-family: var(--font-titles);
	font-weight: 700;
	margin: 30px 0 20px 0;
}

.article-container h3 {
	font-weight: 600;
	font-family: var(--font-titles);
	font-size: var(--font-article-h3);
	margin: 20px 0;
}

.article-container h4 {
	font-weight: 600;
	font-family: var(--font-titles);
	font-size: var(--font-article-h4);
	margin: 20px 0;
}

.article-container ul {
	list-style: disc !important;
	padding-left: 40px;
	margin: 8px 0 18px 0;
}

.article-container ul li {
	margin: 0;
	margin-bottom: 12px;
	line-height: 1.75;
}

.article-container ul li ul {
	list-style: circle !important;
}

.article-container ol {
	padding-left: 40px;
	margin: 8px 0 18px 0;
}

.article-container ol li {
	margin: 0;
	margin-bottom: 12px;
	line-height: 1.75;
}

.article-container img {
	border-radius: 8px;
	margin: 50px 0;
	max-width: 100%;
	aspect-ratio: 2/1;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.article-container blockquote {
	font-size: var(--font-regular);
	font-style: italic;
	margin: 10px 0 10px 30px;
	padding-left: 15px;
	border-left: 3px solid #ccc;
}

.article-container #top-image {
	aspect-ratio: 5/3 !important;
}

.article-container p {
	margin: 18px 0 12px 0;
	line-height: 1.5;
}

.article-container p:has(> img) {
	text-align: center;
}

.article-container p:first-child img{
	margin-top: 20px;
}

.article-container p:last-child img{
	margin-bottom: 20px;
}

@media only screen and (max-width: 1280px) {
	.article-container .news-company-info {
		flex-direction: row !important;
	}

	.article-container .news-company-info .news-company-text {
        align-items: flex-start !important;
		margin-left: 20px !important;
    }
}

@media only screen and (max-width: 720px) {
	.article-container .tags .tag{
		padding: 8px 12px;
		font-size: 14px;
		border-width: 2px;
	}

	.article-container .news-company-info .news-company-text {
		margin-left: 10px !important;
    }

	.article-container .news-company-info .company-logo {
		min-height: 90px;
		max-height: 90px;
		min-width: 90px;
		max-width: 90px;
	}
}


/* ARTICLES */

/* NEWS END */

/* CONTACT START */

.contact-row {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.contact-row i {
	color: var(--color-secondary);
	margin-right: 10px;
}

.contact-row p {
	color: var(--color-primary);
}

/*contact-row:last-child p {
	max-width: 355px;
}*/

.contact-form {
	width: 75%;
	max-width: 900px;
	padding: 2.5% 5%;
	margin: auto;
	border-radius: 10px;
	background-color: white;
	box-shadow: var(--box-shadow);
}

.contact-form h3 {
	margin-bottom: 20px;
}

.contact-form .required::after {
	content: "*";
	margin-left: 5px;
	color: var(--color-secondary);
}

a.contact-link:hover {
	color: var(--color-white);
}

option {
	color: var(--color-primary);
}

.hide-other {
	display: none;
}

/* CONTACT END */

/* PAGINATION START */

.pagination-main {
	border: 1px solid var(--color-grey);
	border-radius: 10px;
	overflow: hidden;
}

.pagination-main>.page-item {
	display: inline-block;
}

.pagination-main>.page-item>.page-link {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border: 0px;
}

.pagination-main>.page-item:not(.active)>.page-link {
	color: var(--color-primary);
}

.pagination-main>.active>.page-link {
	background: var(--color-primary) !important;
}

/* PAGINATION END */

/* FOOTER START */

footer {
	width: 100%;
	padding: 40px;
	padding-bottom: 80px;

	background-color: var(--color-primary);
	/*
	
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: auto;
	gap: 80px;
	*/
}

footer>div {
	color: var(--color-white);
	/*
	display: flex;
	flex-direction: column;
	*/
}

footer a:hover {
	color: var(--color-white) !important;
}

.footer-col {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.footer-col>div {
	height: 100% !important;
}

.footer-title {
	margin-bottom: 20px;
}

.footer-contact-row {
	display: flex;
	margin-top: 10px;
}

.footer-contact-row>i {
	color: var(--color-secondary);
	margin-right: 10px;
	line-height: unset;
}

.footer-address {
	max-width: 400px !important;
}

.footer-icon-row {
	margin-top: 20px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.footer-icon-col.one {
	width: max-content;
}

.footer-icon-col-row {
	display: flex;
	justify-content: left;
	width: 100%;
}

.footer-icon-col-row a {
	margin: 0;
	margin-right: 20px;
}

.footer-icon-col.two {
	width: 70%;
	padding: 0 60px;
	margin: 0;

	flex-grow: unset;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-icon {
	width: 30px;
	height: 30px;
}

.map-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}

.map-col iframe {
	margin: 0;
	width: 100%;
	height: 100%;
	min-height: 250px;
	display: block;
	border: none;
}

.footer-contact-container {
	max-width: 90%;
}

.meet-gbe-head {
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	margin-bottom: 140px;
	margin-top: 40px;
}

.meet-gbe-head>span {
	min-width: 400px;
}

.meet-gbe-head:after,
.meet-gbe-head:before {
	content: '';
	/*width: 150px;*/
	width: 100%;
	/*height: 4px;*/
	height: 3px;
	background: var(--color-secondary);
}

/* FOOTER END */

.icon-template {
	max-width: 500px;
}

.icon-template-new {
	max-width: 200px
}


@media only screen and (max-width: 1280px) {

	.hide-1280,
	.header-spacer,
	.header-nav,
	.header-spacer {
		display: none !important;
	}

	.header-main {
		position: relative !important;
	}

	.header-transparent {
		height: 120px !important;
	}

	.header-logo-container {
		margin: 0 auto !important;
	}

	.header-sidenav-btn {
		display: block !important;
	}

	.header-main {
		position: relative !important;
	}

	.header-transparent {
		height: 120px !important;
	}

	.header-logo-container {
		margin: 0 auto !important;
	}

	.header-nav {
		display: none !important;
	}

	.header-icon {
		display: none !important;
	}

	.header-nav-list-item-active {
		color: var(--color-secondary) !important;
	}

	.jumbotron-slogan {
		font-size: var(--font-larger) !important;
	}

	.jumbotron-tagline {
		font-size: var(--font-large) !important;
	}

	.container {
		width: calc(100vw - 60px) !important;
		max-width: calc(100vw - 60px) !important;
		/*min-height: 100vh !important;*/
	}

	.header-container {
		min-height: 120px !important;
	}

	.max-content {
		min-height: max-content !important;
	}

	.section-image-header.long {
		height: 100vh !important;
	}

	.section-image-header-w-icon {
		padding-left: 1vw !important;
	}

	.section-image-header-text {
		width: 70vw !important;
	}

	.section-image-header-info {
		padding-left: 20px !important;
	}

	.section-image-header-title {
		font-size: var(--font-huge) !important;
	}

	.two-col {
		flex-direction: column !important;
		justify-content: space-evenly !important;
	}

	.col-one,
	.col-two {
		width: 100% !important;
		/* max-width: 1000px; */
		margin: auto;
	}

	.col-two {
		margin-top: 40px !important;
	}

	.col-images img {
		padding: 0 !important;
	}

	.big-text {
		font-size: var(--font-regular);
	}

	.advantages-div {
		grid-template-columns: auto;
		justify-items: center;
		gap: 2%;
	}

	.advantages-div img {
		max-width: 550px;
		margin-top: 0 !important;
	}

	.certifications {
		flex-wrap: wrap !important;
		height: max-content !important;
		min-height: unset !important;
		justify-content: space-evenly !important;
	}

	.certification {
		width: 200px !important;
		margin-top: 20px !important;
	}

	.certification.ISO-info {
		width: 50% !important;
	}

	.ISO-title {
		text-align: center !important;
	}

	.compliance-schemes {
		padding: 40px 10% !important;
	}

	.compliance-detail-btns {
		flex-direction: column !important;
		width: 100% !important;
	}

	.associations-grid {
		grid-template-columns: 100% !important;
		gap: 20px !important;
	}

	.associations-image,
	.associations-image img {
		max-width: 200px !important;
	}

	.col-one .group-member {
		height: max-content !important;
		justify-content: center !important;
		flex-direction: column !important;
	}

	.col-one .group-member-logo-container {
		min-height: 75px !important;
		min-width: 75px !important;
		max-height: 75px !important;
		max-width: 75px !important;
	}

	.col-one .group-member-info {
		margin-left: 0 !important;
		text-align: center !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	.product-container {
		height: max-content !important;
		padding: 1vw !important;
		flex-direction: column !important;
	}

	.product-image,
	.product-info,
	.product-buttons {
		width: 100% !important;
	}

	.product-buttons {
		font-size: var(--font-small);
		margin-top: 10px;
	}

	.polaroid-gallery {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-evenly !important;
	}

	.polaroid {
		margin-bottom: 20px !important;
		width: 25vw !important;
		height: 25vw !important;
	}

	.polaroid-img-container {
		height: 100% !important;
		width: 100% !important;
	}

	.polaroid-img {
		height: 100% !important;
		width: 100% !important;
		border: none !important;
	}

	.polaroid-info {
		display: none !important;
	}

	.our-work-product-info {
		background-color: rgba(var(--color-white-rgb), 0.8) !important;
		color: var(--color-primary) !important;
	}

	.product-page-section {
		flex-direction: column !important;
		align-items: center !important;
	}

	.product-page-section .left-col,
	.product-page-section .right-col {
		width: 100% !important;
		text-align: center !important;
	}

	.product-page-section .left-col {
		display: flex !important;
		flex-direction: row-reverse !important;
		justify-content: center !important;
		align-items: center !important;

		padding-bottom: 15px !important;
	}

	.products-page-icon {
		width: 50px !important;
		margin-top: 20px !important;
	}

	.product-page-section .right-col .gallery-container {
		margin: 10px auto !important;
	}

	.news-company-info {
		flex-direction: column !important;
	}

	.news-company-text {
		margin-left: 0 !important;
		width: 100% !important;
		align-items: center !important;
	}

	.news-company-name {
		text-align: center !important;
	}

	.news-date-socials {
		align-items: center !important;
		flex-direction: column !important;
	}

	.news-company-socials {
		margin-left: 0 !important;
	}

	.news-link-preview.has-image {
		height: 250px !important;
	}

	.news-link-text h4 {
		margin-top: 0 !important;
		font-size: var(--font-regular) !important;
	}

	.news-link-text p {
		font-size: var(--font-small) !important;
	}

	.content-list {
		text-align: left !important;
		width: 50% !important;
		margin-left: auto;
		margin-right: auto;
	}

	.statement-grid {
		grid-template-columns: 1fr 40px 1fr;
		width: calc(200vw - 40px);
	}

	#a-grid-1 {
		grid-column: 1/2;
	}

	#a-grid-2 {
		grid-column: 3/4;
	}

	.contact-form {
		width: 100% !important;
	}

	.contact-form button {
		margin-left: auto !important;
	}

	/*

	footer {
		padding: 40px 0 !important;
		grid-template-columns: 100% !important;
		grid-template-rows: auto auto auto !important;
		text-align: center !important;
	}

	footer > div {
		align-items: center !important;
	}
	*/

	.footer-icon-row {
		flex-direction: column !important;
	}

	.footer-icon-col.two {
		margin-top: 20px !important;
		width: 100% !important;
		padding: 0px !important;
	}

	.footer-col>div,
	.footer-contact-container {
		width: 100% !important;
		max-width: 100% !important;
	}

	.header-nav-list-item-active {
		background: none !important;
	}
}


@media only screen and (max-width: 1200px) {
	.image-header-col:not(:last-child) {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 992px) {
	.icon-grid.three {
		grid-template-columns: repeat(2, minmax(256px, 1fr));
		grid-template-rows: repeat(2, minmax(256px, 1fr));
	}

	.icon-grid.four {
		grid-template-columns: repeat(2, minmax(256px, 1fr));
		grid-template-rows: repeat(2, minmax(256px, 1fr));
		padding: 0 128px;
	}

	.icon-grid.five {
		grid-template-columns: [start] 0px [pad-start] repeat(2, 128px) [pad-end] 0px [end];
		grid-template-rows: repeat(3, minmax(256px, 1fr));
	}

	.icon-grid.five .icon-container {
		grid-column-END: span 2;
	}

	.icon-grid.five .icon-container:nth-of-type(4) {
		grid-column-start: unset;
	}

	.icon-grid.six {
		grid-template-columns: repeat(2, minmax(256px, 1fr));
		grid-template-rows: repeat(3, minmax(256px, 1fr));
	}

	.group-card-row-two {
		margin-top: 0px !important;
	}

	.group-card-container {
		margin-bottom: 100px !important;
	}
}

@media only screen and (max-width: 850px) {

	.our-work-product-container {
		grid-template-columns: minmax(250px, 1fr);
		justify-items: center;
	}

}

@media only screen and (max-width: 720px) {

	.hide-720 {
		display: none !important;
	}

	.section-image-header-info {
		padding-left: 20px !important;
		padding-right: 20px !important;
		margin-left: 0px !important;
	}

	.section-image-header-w-icon {
		width: 100% !important;
	}

	.section-image-header-title {
		font-size: var(--font-huge) !important;
	}

	.section-image-header-text {
		font-size: var(--font-regular) !important;
		/*width: calc(100vw - 60px) !important;*/
		width: 100% !important;
	}

	.section-col-images-col {
		margin-bottom: 0px !important;
		margin-top: 40px !important;
	}

	.col-images {
		padding-top: 30px;
	}

	.col-images.above-image {
		padding: 0 0 30px 0 !important;
	}

	.col-two {
		margin-top: 0 !important;
	}

	.jumbotron-slogan {
		font-size: var(--font-large) !important;
	}

	.jumbotron-slogan-small {
		font-size: var(--font-regular) !important;
		margin-bottom: 20px;
	}

	.jumbotron-tagline {
		font-size: 16px !important;
		margin: 0 20px 20px !important;
	}

	.icon-text {
		font-size: var(--font-regular) !important;
	}

	.sector-heading {
		width: 100% !important;
		justify-content: center !important;
	}

	.sector-heading h3 {
		font-size: var(--font-large) !important;
		width: 100% !important;
		justify-content: center !important;
	}

	.our-work-sector-container a {
		font-size: var(--font-regular) !important;
	}

	.polaroid {
		width: 40vw !important;
		height: 40vw !important;
	}

	.gallery-container {
		width: 75vw !important;
	}

	.gallery-main-img-container {
		height: 75vw !important;
	}

	.gallery-thumbnails img {
		width: 20vw !important;
		height: 20vw !important;
	}

	.content-list {
		width: 90% !important
	}

	.container iframe {
		width: 100% !important;
		height: max-content !important;
	}

	.footer-icon-col.two {
		width: 100% !important;
	}

	.footer-contact-row {
		width: fit-content !important;
		max-width: 90% !important;
	}

	.meet-gbe-head>span {
		min-width: 300px !important;
	}

	.meet-gbe-head:after,
	.meet-gbe-head:before {
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	.our-work-container {
		flex-direction: column !important;
	}

	.our-work-sector-container,
	.our-work-product-container {
		width: 100% !important
	}

	.our-work-sector-container ul {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
	}

	.our-work-sector-container a {
		margin: 0 10px !important;
	}

	table {
		font-size: var(--font-small);
	}
}

@media only screen and (max-width: 500px) {
	.icon-grid {
		display: block;
	}

	.section-image-header-info {
		padding-left: 10px !important;
		padding-right: 10px !important;
		margin-left: 0px !important;
	}

	.section-image-header-title {
		font-size: 24px !important;
	}

	.section-image-header-text {
		font-size: 18px !important;
	}
}