/* Template css resource: Core 8 - Fluid - Template page homepage - NEW */
.header-grid {
display: flex;
gap: 40px;
background-color: #11423F;
background-image: url("https://www.ecopowercell.com/Ecopowercell/fs3_site.nsf/adminViewDocuments/963F66103E723ED7C1258D7000422A3A/$FILE/Hero%20Groen.jpg?openelement&stamp=01042026164441");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 60px 40px;
color: white;
min-height: 600px;
}
.header-grid .title.subtitle {
flex: 0 0 280px;
}
.header-grid .title.subtitle h1 {
font-size: 2.8rem;
font-weight: 800;
line-height: 1.1;
color: white;
text-align: left;
}
.header-grid .title.subtitle h2 {
color: #cfc441;
margin-top: 20px;
text-align: left;
}
.header-grid .headercontent {
flex: 1;
}
@media (max-width: 768px) {
.header-grid {
flex-direction: column;
}
.header-grid .title.subtitle {
flex: unset;
}
}
.txt .button.accent-donker {
background-color: #fff;
color: #1f3f3b;
border:0px;
}
.txt .button.accent-donker {
display: inline-flex;
align-items: center;
gap: 10px;
}
.txt .button.accent-donker::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background-image: url("https://www.ecopowercell.com/Ecopowercell/fs3_site.nsf/fck_images/1C4AE78E5C0444FAC1258DCA003A23A3/$FILE/MM_Beeldmerk%20epc%20Mosterd.png");
background-size: contain;
background-repeat: no-repeat;
}
.counters {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
align-items: stretch;
}
.ecopowercell-counter {
padding: 20px;
border-radius: 12px;
box-sizing: border-box;
text-align: center;
}
.ecopowercell-counter-label {
margin-bottom: 12px;
font-weight: 600;
}
.ecopowercell-counter-body {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.ecopowercell-counter-body img {
max-width: 100%;
width: auto;
height: 80px;
display: block;
}
.ecopowercell-counter-value {
font-size: 32px;
line-height: 1.1;
font-weight: 700;
}
@media (max-width: 991px) {
.counters {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.counters {
grid-template-columns: 1fr;
gap: 16px;
}
.ecopowercell-counter {
padding: 16px;
}
.ecopowercell-counter-body img {
height: 64px;
}
.ecopowercell-counter-value {
font-size: 26px;
}
}
.header-grid #main-content{margin-left:0px}
.logos .slick-slide {
margin: 0 20px;
}
.logos .slick-list {
margin: 0 -20px;
}