:root {
	--esg-green: #656F08;
	--esg-orange: #AF661F;	
}

.esg-green {
	color: var(--esg-green);
}

.esg-orange {
	color: var(--esg-orange);
}

.gutter--1-5 {
	--bs-gutter-y: 1.5rem;
}


.esg-section .hero-image-container .card-image {
	border-radius: 80px 0px 80px 0px;
}

.esg-section .hero-image-container.has-logo .card-image {
	padding-bottom: 35px;
}

.link-blue {
	color: #1F66AE !important;
}

.hero-logo {
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 200px;
}

.hero-logo img {
	width: 100%;
}

.card-link.has-arrow.no-arrow::after {
	display: none;
}

.esg-section .title.has-bottom-triangle-line-h:after {
	width: 100%;
	background-position: left 16px center;
}

@media (max-width: 767px) {
	.jumbotron > .container {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media (min-width: 992px) {
	.title.has-bottom-triangle-line-h {
		position: relative;
	}
	
	.title.has-bottom-triangle-line-h span {
		display: inline-block;
		background-color: #fff;
		z-index: 99;
		padding-right: 70px;
	}
	
	.title.has-bottom-triangle-line-h:after {
		position: absolute;
		top: -8px;
		right: 0;
		z-index: -1;
	}
}
	
	
	
	
/*******************************************************************************/
/* LANDING */

.esg-landing-hero {
	background: transparent linear-gradient(90deg, #404246 0%, #C1C5C8 100%) 0% 0% no-repeat padding-box;
	padding-bottom: 0 !important;
	color: #fff;
}

.esg-landing-hero .category,
.esg-landing-hero .title,
.esg-landing-hero .intro {
	color: #fff;
}

.esg-landing-hero .card-image {
	padding-bottom: 0 !important;
}


.esg-landing-banner {
	background-image: url('../images/esg-assets/ESG-landing/grey-wave-background@2x.png');
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

	.esg-landing-banner .sub-title {
		color: #fff;
	}
	
	.esg-landing-banner-card {
		position: relative;
	}
	
	.esg-landing-banner-card .content {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		padding: 40px;
		color: #000;
	}
	
	.esg-landing-banner-card .content p {
		font-size: 20px;
		line-height: 1.3;
	}
	
	
	

	
	
/*******************************************************************************/
/* ENVIRONMENTAL */

.esg-environmental-hero {
	background-image: url('../images/esg-assets/ESG-ENVIRONMENT/green-leaf-hero-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.esg-environmental-hero .category,
.esg-environmental-hero .title,
.esg-environmental-hero .intro {
	color: #fff;
}

/*
.esg-landing-hero .card-image {
	padding-bottom: 0 !important;
}
*/

.esg-environmental-container .bg-container {
	position: relative;
}


.esg-environmental-banner {
	background-image: url('../images/esg-assets/ESG-ENVIRONMENT/forest-background.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	color: #fff;
}

.esg-environmental-banner .row {
	--bs-gutter-y: 1.5rem;
}

	
	.esg-environmental-banner-card .content {
		padding: 40px;
		color: #000;
		background-color: #fff;
		border-radius: 40px 0px 40px 0px;
		height: 100%;
	}
	
	.esg-environmental-banner-card .content p {
		font-size: 20px;
		line-height: 1.3;
	}
	
	.esg-environmental-improving-banner {
		background-color: rgba(101, 111, 8, 0.11);
	}
	
	.esg-environmental-improving-banner .row {
		--bs-gutter-y: 1.5rem;
	}
	
	.esg-environmental-improving-banner .title {
		color: var(--esg-green);
	}
	
	.esg-environmental-improving-banner .content {
		background-color: var(--esg-green);
		color: #fff;
		padding: 40px 40px 20px 40px;
		height: 100%;
		border-radius: 40px 0px 40px 0px;
	}
	
		.esg-environmental-improving-banner .content.has-icon {
			display: flex;
		}
	
		.esg-environmental-improving-banner .content.icon-co2::before {
			content: "";
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79.333' height='72.417'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h79.333v72.417H0z' data-name='Rectangle 541'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='Group 1606'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M60.646 49.539a17.278 17.278 0 1 0-2.617-34.359 19.129 19.129 0 0 0-35.848-2.4 9.876 9.876 0 0 0-11.7 12.518 12.341 12.341 0 0 0 3.267 24.242 12.341 12.341 0 0 1-3.267-24.242 9.872 9.872 0 0 1 11.7-12.518 19.129 19.129 0 0 1 35.848 2.4 17.279 17.279 0 1 1 2.617 34.359Z' data-name='Path 6090'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M39.667 6.344h0a14.259 14.259 0 0 1 13.624 10.217A14.259 14.259 0 0 0 39.667 6.344Z' data-name='Path 6091'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M60.646 19.92h0a12.355 12.355 0 0 1 12.336 12.341A12.355 12.355 0 0 0 60.646 19.92Z' data-name='Path 6092'/%3E%3Cpath fill='%23fff' d='M31.107 25.357a3.637 3.637 0 0 0-1.649-1.251 5.522 5.522 0 0 0-4.236.056 5.266 5.266 0 0 0-1.746 1.239 5.507 5.507 0 0 0-1.118 1.848 6.565 6.565 0 0 0-.394 2.3 7.122 7.122 0 0 0 .383 2.388 5.379 5.379 0 0 0 1.093 1.859 4.9 4.9 0 0 0 1.7 1.205 5.567 5.567 0 0 0 2.231.428 4.932 4.932 0 0 0 2.276-.507 4.438 4.438 0 0 0 1.6-1.341l2.276 1.6a7.255 7.255 0 0 1-2.591 2.06 8.219 8.219 0 0 1-3.583.734 9.269 9.269 0 0 1-3.436-.62 7.91 7.91 0 0 1-2.691-1.735 7.817 7.817 0 0 1-1.764-2.66 8.924 8.924 0 0 1-.632-3.412 8.652 8.652 0 0 1 .665-3.459 7.692 7.692 0 0 1 1.825-2.625 8.1 8.1 0 0 1 2.742-1.667 9.74 9.74 0 0 1 3.425-.586 9.324 9.324 0 0 1 1.6.146 8.215 8.215 0 0 1 1.6.449 7.847 7.847 0 0 1 1.442.756 4.624 4.624 0 0 1 1.145 1.087Z' data-name='Path 6093'/%3E%3Cpath fill='%23fff' d='M34.241 29.549a8.931 8.931 0 0 1 .642-3.459 7.542 7.542 0 0 1 1.779-2.624 7.865 7.865 0 0 1 2.7-1.669 9.681 9.681 0 0 1 3.414-.586 9.832 9.832 0 0 1 3.447.586 7.957 7.957 0 0 1 2.728 1.669 7.474 7.474 0 0 1 1.79 2.624 8.93 8.93 0 0 1 .646 3.459 8.8 8.8 0 0 1-.642 3.414 7.844 7.844 0 0 1-1.79 2.659 8.131 8.131 0 0 1-2.728 1.734 9.322 9.322 0 0 1-3.447.62 9.179 9.179 0 0 1-3.414-.62 8.04 8.04 0 0 1-2.7-1.735 7.918 7.918 0 0 1-1.779-2.659 8.8 8.8 0 0 1-.642-3.414m3.087 0a6.782 6.782 0 0 0 .393 2.355 5.475 5.475 0 0 0 1.127 1.859 5.167 5.167 0 0 0 1.736 1.228 5.468 5.468 0 0 0 2.219.441 5.557 5.557 0 0 0 2.231-.441 5.151 5.151 0 0 0 1.746-1.228 5.5 5.5 0 0 0 1.127-1.859 6.782 6.782 0 0 0 .394-2.355 6.565 6.565 0 0 0-.394-2.3 5.613 5.613 0 0 0-1.115-1.846 5.142 5.142 0 0 0-1.736-1.239 5.465 5.465 0 0 0-2.252-.452 5.39 5.39 0 0 0-2.242.452 5.166 5.166 0 0 0-1.725 1.239 5.613 5.613 0 0 0-1.12 1.847 6.564 6.564 0 0 0-.393 2.3' data-name='Path 6094'/%3E%3Cpath fill='%23fff' d='M53.001 40.143v-1.837l3.625-3.278a3.5 3.5 0 0 0 .552-.668 1.43 1.43 0 0 0 .21-.76 1.087 1.087 0 0 0-.314-.808 1.271 1.271 0 0 0-1.742.08 1.76 1.76 0 0 0-.414 1.018l-2.115-.29a3.265 3.265 0 0 1 1.169-2.207 3.412 3.412 0 0 1 1.084-.6 4.051 4.051 0 0 1 1.294-.2 4.564 4.564 0 0 1 1.249.17 3.234 3.234 0 0 1 1.076.525 2.613 2.613 0 0 1 .755.894 2.667 2.667 0 0 1 .284 1.26 2.891 2.891 0 0 1-.132.9 3.048 3.048 0 0 1-.362.742 4.1 4.1 0 0 1-.525.637c-.2.2-.4.393-.611.584l-2.153 1.918h3.8v1.918Z' data-name='Path 6095'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M29.704 43.437v16.899' data-name='Line 77'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m23.392 56.111 6.447 6.447 6.177-6.175' data-name='Path 6096'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M48.351 51.886v16.899' data-name='Line 78'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m42.039 64.561 6.449 6.447 6.177-6.175' data-name='Path 6097'/%3E%3C/g%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-size: contain;
			height: 72px;
			width: 80px;
			display: block;
			flex-shrink: 0;
			margin-right: 10px;
		}
		
		.esg-environmental-improving-banner .content.icon-flowers::before {
			content: "";
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='71.5' height='73.362'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2.5' d='M0 0h71.5v73.362H0z' data-name='Rectangle 540'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2.5' clip-path='url(%23a)' data-name='Group 1604'%3E%3Cpath d='M43.425 10.699V0' data-name='Line 74'/%3E%3Cpath d='M31.199 10.699V0' data-name='Line 75'/%3E%3Cpath d='M35.716 32.099a7.586 7.586 0 0 1-7.575-7.642v-6.116s-3.057-2.053-3.057-4.585v-3.057h24.455v3.057c0 2.533-3.057 4.585-3.057 4.585v6.113a7.7 7.7 0 0 1-7.71 7.645Z' data-name='Path 6085'/%3E%3Cpath d='M37.312 73.362V32.096' data-name='Line 76'/%3E%3Cpath d='M29.176 54.727c2.234-5.337-.893-11.926-4.124-13.766-8.643-4.926-15.609 1.151-23.421-.8-.893 7.302 4.066 15.045 11.727 18.583 5.157 2.381 9.933-.081 12.219-1.651' data-name='Path 6086'/%3E%3Cpath d='M37.244 64.192c-6.622-12.739-19.506-15.57-27.475-18.339' data-name='Path 6087'/%3E%3Cpath d='M45.012 46.066c-1.45-4.784 1.816-10.173 4.755-11.47 7.862-3.474 13.315 2.361 20.2 1.369.127 6.356-4.817 12.575-11.712 14.944-4.643 1.594-8.531-.943-10.359-2.493' data-name='Path 6088'/%3E%3Cpath d='M37.245 53.493c6.812-10.366 18.131-11.669 25.231-13.346' data-name='Path 6089'/%3E%3C/g%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-size: contain;
			display: block;
			height: 73px;
			width: 80px;
			flex-shrink: 0;
			margin-right: 10px;
		}
		
		.esg-environmental-improving-banner .content.icon-trees::before {
			content: "";
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77.265' height='75.715'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2.5' d='M0 0h77.265v75.715H0z' data-name='Rectangle 543'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 1611'%3E%3Cg clip-path='url(%23a)' data-name='Group 1610'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M48.303 37v39' data-name='Line 79'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m42.303 50 6 6' data-name='Line 80'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m54.303 50-6 6' data-name='Line 81'/%3E%3Cg data-name='Group 1613'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' clip-path='url(%23a)' data-name='Group 1612'%3E%3Cpath d='M17.721 16.11s16.11 24.933 16.11 33.83a16.11 16.11 0 0 1-32.22 0c0-8.897 16.11-33.83 16.11-33.83Z' data-name='Path 6104'/%3E%3Cpath d='M17.303 35v41' data-name='Line 82'/%3E%3Cpath d='m9.303 48 8 8' data-name='Line 83'/%3E%3Cpath d='m24.303 42-7 6' data-name='Line 84'/%3E%3Cpath d='M33.83 64.438h28.419a13.405 13.405 0 1 0 0-26.809h-.085c-.742-6.701-6.934-11.854-13.834-11.854s-12.064 5.153-12.8 11.857' data-name='Path 6105'/%3E%3Cpath d='M26.872 22.554c4.593-8.812 10.18-17.318 10.18-17.318s5.587 8.506 10.18 17.318' data-name='Path 6106'/%3E%3Cellipse cx='7.5' cy='7' data-name='Ellipse 30' rx='7.5' ry='7' transform='translate(56.303 2)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-size: contain;
			display: block;
			height: 76px;
			width: 80px;
			flex-shrink: 0;
			margin-right: 10px;
		}
		
		.esg-environmental-improving-banner .content.icon-recycle::before {
			content: "";
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75.242' height='75.431'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2.5' d='M0 0h75.242v75.431H0z' data-name='Rectangle 542'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2.5' clip-path='url(%23a)' data-name='Group 1608'%3E%3Cpath d='M30.131 1.591a3.705 3.705 0 0 0-3.182 1.591c-1.345 1.909-9.665 13.809-9.665 13.809l12.847 8.467 6.364-9.545' data-name='Path 6098'/%3E%3Cpath d='M30.13 1.591c1.961 0 3.361 2.728 4.741 5.124l8.443 14.83-3.735 2.122 17.393 5.191 4.2-17.685-3.681 2.126c-1.042-1.8-4.076-7.24-5.023-8.823-1.192-1.985-1.877-2.885-4.838-2.885Z' data-name='Path 6099'/%3E%3Cpath d='M11.288 63.329a6.955 6.955 0 0 0 6.115 3.489h14.319V50.909H20.585' data-name='Path 6100'/%3E%3Cpath d='M11.291 63.324c-.982-1.7.684-4.272 2.067-6.668l8.623-14.729 3.705 2.175-4.2-17.658-17.416 5.2 3.681 2.13c-1.04 1.8-4.233 7.15-5.131 8.761-1.129 2.031-1.562 3.078-.082 5.639Z' data-name='Path 6101'/%3E%3Cpath d='M73.083 49.162a3.706 3.706 0 0 0 .213-3.551c-.98-2.119-7.124-15.274-7.124-15.274L52.417 37.23l5.085 10.284' data-name='Path 6102'/%3E%3Cpath d='M73.083 49.162c-.982 1.7-3.6 1.747-6.364 1.747h-17.5v-4.773L36.492 58.863l12.727 12.728v-4.773c2.083 0 7.7.029 9.545 0 2.315-.037 4.089.06 5.568-2.5Z' data-name='Path 6103'/%3E%3C/g%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-size: contain;
			display: block;
			height: 75px;
			width: 80px;
			flex-shrink: 0;
			margin-right: 10px;
		}
		
		
		
	
	.esg-environmental-lighting-banner {
		background-image: url('../images/esg-assets/ESG-ENVIRONMENT/lightbulb-background@2x.jpg');
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		color: #000;
	}
	
		.esg-environmental-lighting-banner .container {
			min-height: 500px;
		}
	
	
	.esg-green-panel {
		background-color: var(--esg-green);
		padding: 40px;
		border-radius: 0px 40px 0px 40px;
	}
	
	
	
	@media(max-width: 575px) {
		.esg-environmental-hero > .bg-container > .container {
			padding-left: 0;
			padding-right: 0;
		}
	}

	@media (min-width: 768px) {
		.esg-environmental-container .bg-container::before {
		content: "";
		background-color: var(--esg-green);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 50%;
		border-radius: 0px 0px 0px 80px;
		z-index: 1;
	}
	
	.esg-environmental-container .container {
		position: relative;
		z-index: 9;
	}
	
	.esg-green-panel {
		padding-left: 0;
	}
}
	
	
	
/*******************************************************************************/
/* SOCIAL */

.esg-social-container .bg-container {
	position: relative;
}

.esg-social-hero {
	background-image: url('../images/esg-assets/ESG-SOCIAL/social-orange-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}


.esg-social-hero .category,
.esg-social-hero .title,
.esg-social-hero .intro {
	color: #fff;
}


.esg-social-colorized-banner {
	background-color: rgba(175, 102, 31, 0.11);
}


.esg-social-graphical-banner {
	background-image: url('../images/esg-assets/ESG-SOCIAL/orange-hands-puzzle-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

	.esg-social-graphical-banner .row {
		--bs-gutter-y: 1.5rem;
	}

/*
.esg-landing-banner {
	background-image: url('./images/esg-assets/ESG-landing/grey-wave-background@2x.png');
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

	.esg-landing-banner .sub-title {
		color: #fff;
	}
	
	.esg-landing-banner-card {
		position: relative;
	}
	
	.esg-landing-banner-card .content {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		padding: 40px;
		color: #000;
	}
	
	.esg-landing-banner-card .content p {
		font-size: 20px;
		line-height: 1.3;
	}
*/
	
	
	.esg-orange-panel {
		background-color: var(--esg-orange);
		padding: 40px 40px 40px 40px;
		border-radius: 0px 40px 0px 40px;
	}
	
	.esg-white-panel {
		background-color: #fff;
		padding: 40px;
		border-radius: 40px 0px 40px 0px;
		color: #54565B;
	}
	
	.esg-white-panel p {
		font-size: 18px;
		line-height: 23px;
	}
	
	
@media(max-width: 575px) {
		.esg-social-hero > .bg-container > .container {
			padding-left: 0;
			padding-right: 0;
		}
	}
	
@media (min-width: 768px) {
		.esg-social-container .bg-container::before {
		content: "";
		background-color: var(--esg-orange);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 50%;
		border-radius: 0px 0px 0px 80px;
		z-index: 1;
	}
	
	.esg-social-container .container {
		position: relative;
		z-index: 9;
	}
	
	.esg-orange-panel {
		padding-left: 0;
	}
}