<section class="supt-section-logo">
<div class="supt-section-logo__inner">
<div class="container">
<div class="row">
<div class="supt-section-logo__image col-4 col-md-3 offset-md-1 col-lg-2 offset-lg-3">
<img src="/sites/gv/files/flmngr/esg/we-support-un-global-compact-logo.webp" alt="We Support UN Global Compact - Logo" />
</div>
<div class="supt-section-logo__content col-8 col-md-7 col-lg-4">
<p>Our ESG strategy includes environmental, social and governance matters, with the social aspect bearing the most significant weight.</p>
<p>ESG has been part of our strategic plan since 2015. Our ESG Roadmap helps us translate priorities into goals, considering our internal priorities, reporting standards, and other stakeholder requirements.</p>
</div>
</div>
</div>
</div>
</section>
No notes defined.
<section class="supt-section-logo">
<div class="supt-section-logo__inner">
<div class="container">
<div class="row">
<div class="supt-section-logo__image col-4 col-md-3 offset-md-1 col-lg-2 offset-lg-3">
<img src="{{ path(image.src) }}" alt="{{ image.alt }}"/>
</div>
<div class="supt-section-logo__content col-8 col-md-7 col-lg-4">
{{content}}
</div>
</div>
</div>
</div>
</section>
{
"image": {
"src": "/sites/gv/files/flmngr/esg/we-support-un-global-compact-logo.webp",
"alt": "We Support UN Global Compact - Logo"
},
"content": "<p>Our ESG strategy includes environmental, social and governance matters, with the social aspect bearing the most significant weight.</p><p>ESG has been part of our strategic plan since 2015. Our ESG Roadmap helps us translate priorities into goals, considering our internal priorities, reporting standards, and other stakeholder requirements.</p>"
}
.supt-section-logo {
@mixin clamp padding-block, $spacing-8, $spacing-16, $breakpoint-xs, $breakpoint-xl;
background-color: $color-grey-background;
&__inner {
@mixin clamp padding-block, $spacing-8, $spacing-16, $breakpoint-xs, $breakpoint-xl;
border-top: 1px solid $color-grey-2;
border-bottom: 1px solid $color-grey-2;
}
&__image {
/* Adjustment to the closest to the design */
@media (max-width: calc($breakpoint-sm - 1px)) {
padding-right: 0;
}
img {
display: block;
width: 100%;
max-width: 164px;
height: auto;
/* Adjustment to the closest to the design */
@media (min-width: $breakpoint-xl) {
padding-right: $spacing-6;
}
}
}
&__content {
@extend %t-body-s;
color: $color-grey-5;
p {
&:not(:first-child) {
margin-top: 1.2em;
}
}
}
}