﻿.carbonSection { color: #fff; padding: 206px 0; background-size: cover; background-position: center; margin-bottom: 120px; }
.carbonSection:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.41); }
.carbonSection .textContent, .carbonSection .textContent2 { max-width: 1000px; margin: 0 auto; }
.carbonSection ul { display: flex; align-items: flex-start; list-style: none; margin: 60px auto; padding: 0; max-width: 750px; }
.carbonSection ul li h3 { color: #2dccd3; font-family: Inter-Black; text-transform: uppercase; font-size: 3rem; line-height: 1.4; margin-top: 0; margin-bottom: 4px; }
.carbonSection ul li p { font-size: 1.4rem; line-height: 1.3; }
.carbonSection .textContent2 h4 { line-height: 1.3; font-size: 1.4rem; }
.carbonSection .textContent2 { font-size: 1.6rem; line-height: 1.6; }


@media(min-width:768px) {
    .carbonSection ul { height: 122px; }
    .carbonSection ul li { width: 33.33%; padding: 14px 17px; height: 100%; }
    .carbonSection ul li:nth-child(2) { border-right: 1px solid #fff; border-left: 1px solid #fff; }
}

@media(max-width:767px) {
    .carbonSection { padding: 60px 0; margin-bottom: 60px; }
    .carbonSection ul { flex-wrap: wrap; }
    .carbonSection ul li { width: 50%; margin-bottom: 30px; }
    .carbonSection ul li:nth-child(2) { padding-left: 20px; }
    .carbonSection ul li h3 { font-size: 1.8rem; }
    .carbonSection .textContent2, .carbonSection .textContent2 p { font-size: 1.3rem; }
}
.environmentSlidesSection { background-size: cover; background-position: center; }
.environmentSlidesSectionInner { margin: 0 auto; max-width: 725px; background-color: #fff; padding: 45px 55px; }
.environmentSlidesSection .slick-dots li button:before { background-color: #C5C5C5; opacity: 1; width: 100%; height: 100%; font-size: 0; border-radius: 50%; }
.environmentSlidesSection .slick-dots li.slick-active button:before { opacity: 1; background-color: #2dccd3; }
.environmentSlidesSection .slick-dots li button { padding: 0; width: 100%; height: 100%; position: relative; }
.environmentSlidesSection .slick-dots li button:before { }
.environmentSlidesSection .slick-dots li { width: 9px; height: 9px; margin: 0 3px; }
.environmentSlide h3 { font-size: 4rem; margin-bottom: 20px; font-family: 'Inter-Bold'; margin-top: 0; }

.environmentSlidesSection .slick-arrow,
.environmentSlidesSection .slick-arrow:hover, 
.environmentSlidesSection .slick-arrow:focus { width: 50px; height: 50px; background-color: #002855; background-position: center; background-repeat: no-repeat; background-size: 50% 50%; }
.environmentSlidesSection .slick-next,
.environmentSlidesSection .slick-next:hover,
.environmentSlidesSection .slick-next:focus { background-image: url(../../../000Frames/site/images/arrow-right-w.svg); transform: translate(60px, -50%); }
.environmentSlidesSection .slick-prev,
.environmentSlidesSection .slick-prev:hover,
.environmentSlidesSection .slick-prev:focus { background-image: url(../../../000Frames/site/images/arrow-right-w.svg); transform: translate(-60px,-50%) rotate(180deg); }
.environmentSlidesSection .slick-arrow:before { content: ""; }

.environmentSlidesSection ul.slick-dots { display: none !important;; }

@media(min-width: 768px) {
    .environmentSlidesSection { padding: 760px 0 120px; }
}
@media(max-width:767px) {
    .environmentSlidesSection { padding-top: 450px; padding-bottom: 25px; }
    .environmentSlidesSectionInner { padding: 40px 16px; text-align: center; }
    .environmentSlide h3 { font-size: 2.8rem; }
    .environmentSlidesSectionInner .slick-arrow { bottom: -70px; width: 37px; height: 37px; }
    .environmentSlidesSection .slick-next, .environmentSlidesSection .slick-next:hover, .environmentSlidesSection .slick-next:focus { transform: translate(-9px, 0); top: auto; }
    .environmentSlidesSection .slick-prev, .environmentSlidesSection .slick-prev:hover, .environmentSlidesSection .slick-prev:focus { transform: translate(9px, 0) rotate(180deg); top: auto; }
}
