/*!
Theme Name: Eco Engineers - Child Theme
Theme URI: https://createape.com/
Author: CreateApe
Author URI: https://createape.com/
Description: Eco Engineers theme 2023
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: eco-eng
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
@import 'css/style.css';

/* Insights Archive - List Grid (image + title only)
   Placed here to persist across css/style.css recompiles */
.other-posts-container.other-posts-container__insights .eco-insights-archive .eco-insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:991px){.other-posts-container.other-posts-container__insights .eco-insights-archive .eco-insights-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.other-posts-container.other-posts-container__insights .eco-insights-archive .eco-insights-grid{grid-template-columns:1fr;gap:16px}}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card{background:transparent;border:0;padding:0;margin:0}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__media{display:block;position:relative;width:100%;height:0;padding-top:66.6667%;margin-bottom:8px;overflow:hidden}
/* Desktop: follow archived behavior – fixed min height */
@media(min-width:768px){
  .other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__media{height:355px;padding-top:0}
}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__media::before{content:"READ MORE";position:absolute;display:flex;justify-content:center;align-items:center;z-index:2;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;transition:.5s ease;font-family:"avenir_nextbold";color:#fff;font-size:20px;background-color:#24272a}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__media:hover::before{opacity:.6}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__body{padding:14px 0 0}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__body,.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__title,.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__title a{padding-left:0;margin-left:0;text-align:left}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__title{font-family:"avenir_nextbold",Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:26px;margin:0;color:#24272A;padding-top:5px}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__title a{font-family:"avenir_nextbold",Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;color:#24272A;text-decoration:none}
/* Ensure card text aligns from the left */
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__body{text-align:left}
@media(max-width:767px){
    .other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__title{
        font-size:18px;
        line-height:22px;
    }
    .other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__date{
        font-size:12px;
        line-height:16px;
        margin-bottom:6px;
    }
    .other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__media{
        margin-bottom:10px;
    }
    .other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__body{
        padding:8px 0 0;
    }
}

/* Fix for .post-type-archive-insights .eco-insights__meta-data-normal h5 */
.post-type-archive-insights .eco-insights__meta-data-normal h5 {
    font-family: "avenir_nextbold";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 8px;
    padding-bottom: 0;
}

@media(max-width:767px){
    .post-type-archive-insights .eco-insights__meta-data-normal h5 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px;
        padding-bottom: 0;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        max-width: 100%;
        word-wrap: break-word;
    }
}
.post-type-archive-insights .eco-insights__meta-data-normal .post-other-meta__insights{padding-bottom:12px}

/* Fix metadata alignment */
.single-insights .eco-start_hero .home-hero .eco-hero_text .eco-metadata .eco-post-dates,
.page-template-single-spotlights .eco-start_hero .eco-metadata .eco-post-dates,
.home-hero .eco-hero_text .eco-metadata .eco-post-dates {
    align-items: center !important;
}
.single-insights .eco-post__next-prev{
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin: 20px 0 !important;
}

.single-insights .eco-post__next-prev .prev,
.single-insights .eco-post__next-prev .next {
    display: inline-block !important;
    text-decoration: none !important;
    color: #24272A !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: color 0.2s ease !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.single-insights .eco-post__next-prev .prev:hover,
.single-insights .eco-post__next-prev .next:hover {
    color: #007cba !important;
    text-decoration: underline !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Override any button styles that might be applied */
.single-insights .eco-post__next-prev .prev a,
.single-insights .eco-post__next-prev .next a {
    display: inline !important;
    text-decoration: none !important;
    color: inherit !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.single-insights .eco-post__next-prev .prev a:hover,
.single-insights .eco-post__next-prev .next a:hover {
    color: #007cba !important;
    text-decoration: underline !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Mobile view - keep side by side */
@media (max-width: 767px) {
    .single-insights .eco-post__next-prev {
        flex-direction: row !important;
        gap: 10px !important;
        padding: 0 15px !important;
    }
    
    .single-insights .eco-post__next-prev .prev,
    .single-insights .eco-post__next-prev .next {
        flex: 1 !important;
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__title a{text-decoration:none;color:#24272A}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__excerpt,.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__footer,.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__fav{display:none!important}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__date{display:block;font-family:avenir_nextregular,Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;color:#6b6f75;margin:0 0 4px}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__title{display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__media .insight-card__img{transition:transform .3s ease}
.other-posts-container.other-posts-container__insights .eco-insights-archive .insight-card__media:hover .insight-card__img{transform:scale(1.03)}
/* Improved Pagination Styles */
.other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:40px 0 0;
    padding:20px 0;
}

.other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .pagination-links{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:40px;
    height:40px;
    padding:8px 12px;
    color:#24272A;
    text-decoration:none;
    font-family:avenir_nextregular,Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:1;
    border:1px solid #e9ecef;
    border-radius:6px;
    background:#fff;
    transition:all 0.2s ease;
    cursor:pointer;
}

.other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .page-numbers:hover{
    background:#f8f9fa;
    border-color:#24272A;
    text-decoration:none;
    transform:translateY(-1px);
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
}

.other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .page-numbers.current{
    font-family:avenir_nextbold,Arial,Helvetica,sans-serif;
    background:#24272A;
    color:#fff;
    border-color:#24272A;
    font-weight:700;
}

.other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .page-numbers:focus{
    outline:2px solid #24272A;
    outline-offset:2px;
}

.other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .page-numbers.focused{
    box-shadow:0 0 0 2px rgba(36,39,42,0.2);
}

.other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .page-numbers.dots{
    pointer-events:none;
    color:#9DA3AB;
    border:none;
    background:transparent;
    font-weight:bold;
}

.other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .page-numbers.prev,
.other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .page-numbers.next{
    font-weight:600;
    min-width:auto;
    padding:8px 16px;
}

/* Loading States */
.pagination-loading{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:60px 20px;
    text-align:center;
}

.pagination-loading .spinner{
    width:40px;
    height:40px;
    border:3px solid #f3f3f3;
    border-top:3px solid #24272A;
    border-radius:50%;
    animation:spin 1s linear infinite;
    margin-bottom:20px;
}

.pagination-loading p{
    font-family:avenir_nextregular,Arial,Helvetica,sans-serif;
    font-size:16px;
    color:#6b6f75;
    margin:0;
}

@keyframes spin{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

/* No Results and Error States */
.no-results,
.error-message{
    text-align:center;
    padding:60px 20px;
    background:#f8f9fa;
    border-radius:8px;
    margin:20px 0;
}

.no-results p,
.error-message p{
    font-family:avenir_nextregular,Arial,Helvetica,sans-serif;
    font-size:16px;
    color:#6b6f75;
    margin:0 0 10px 0;
}

.no-results p:last-child,
.error-message p:last-child{
    margin-bottom:0;
    font-size:14px;
    color:#9DA3AB;
}

/* Responsive Pagination */
@media(max-width:575px){
    .other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .pagination-links{
        gap:4px;
    }
    
    .other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .page-numbers{
        min-width:36px;
        height:36px;
        font-size:13px;
    }
    
    .other-posts-container.other-posts-container__insights .eco-insights-archive .insights-pagination .showing-results{
        font-size:13px;
        padding:6px 12px;
    }
}


/* Single Insight: More EcoInsights card layout */
.eco-posts-other .insight-card{background:transparent;border:0;padding:0;margin:0}
.eco-posts-other .insight-card__media{display:block;position:relative;width:100%;height:0;padding-top:66.6667%;margin-bottom:8px;overflow:hidden}
.eco-posts-other .insight-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
@media(min-width:768px){
  .eco-posts-other .insight-card__media{height:355px;padding-top:0}
}
.eco-posts-other .insight-card__media::before{content:"READ MORE";position:absolute;display:flex;justify-content:center;align-items:center;z-index:2;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;transition:.5s ease;font-family:"avenir_nextbold";color:#fff;font-size:20px;background-color:#24272a}
.eco-posts-other .insight-card__media:hover::before{opacity:.6}
.eco-posts-other .insight-card__body{text-align:left}
.eco-posts-other .insight-card__date{display:block;font-family:avenir_nextregular,Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;color:#6b6f75;margin:0 0 4px}
.eco-posts-other .insight-card__title{font-family:"avenir_nextbold",Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:26px;margin:0;color:#24272A;padding-top:5px}
.eco-posts-other .insight-card__title a{text-decoration:none;color:#24272A}


.page-template-page-consulting .eco-hero, 
.page-template-page-eco-auditing-new .eco-hero,
.page-template-page-h2b2 .eco-hero {
    max-width: 1440px !important;
    min-height: 100%;
    background-color: transparent;
    padding-top: 55px;
    padding-bottom: 100px;
}

@media (max-width: 575px) {
    .page-template-page-consulting .eco-hero, 
    .page-template-page-eco-auditing-new .eco-hero,
    .page-template-page-h2b2 .eco-hero {
        padding-bottom: 100px;
        min-height: auto;
    }
}

.page-template-page-consulting .eco-hero h1, 
.page-template-page-eco-auditing-new .eco-hero h1,
.page-template-page-h2b2 .eco-hero h1 {
    margin: 0 0 100px;
    padding-left: 18px;
}

@media (min-width: 768px) {
    .page-template-page-consulting .eco-hero__text, 
    .page-template-page-eco-auditing-new .eco-hero__text,
    .page-template-page-h2b2 .eco-hero__text {
        padding: 0 0 0 25px !important;
    }
}

@media (max-width: 767px) {
    .page-template-page-consulting .eco-hero__text, 
    .page-template-page-eco-auditing-new .eco-hero__text,
    .page-template-page-h2b2 .eco-hero__text {
        padding-top: 28px;
        overflow-x: hidden;
    }
}


.page-template-page-consulting .eco-lca__image .floating-image {
  padding-top: 78%!important;
}

.page-template-page-consulting .eco-hero__text__text-wrapper.peacock-blue, 
.page-template-page-eco-auditing-new .eco-hero__text__text-wrapper.peacock-blue,
.page-template-page-h2b2 .eco-hero__text__text-wrapper.peacock-blue {
    border-left-color: #00567D;
}

.page-template-page-consulting .eco-hero__text__text-wrapper.border__aqua, 
.page-template-page-eco-auditing-new .eco-hero__text__text-wrapper.border__aqua,
.page-template-page-h2b2 .eco-hero__text__text-wrapper.border__aqua {
    border-left-color: #93DACF;
}

@media (max-width: 767px) {
    .page-template-page-consulting .eco-hero__text__text-wrapper, 
    .page-template-page-eco-auditing-new .eco-hero__text__text-wrapper,
    .page-template-page-h2b2 .eco-hero__text__text-wrapper {
        margin-top: 32px;
        margin-right: 25px;
    }
}

.page-template-page-consulting .eco-hero__text__text-wrapper h2, 
.page-template-page-eco-auditing-new .eco-hero__text__text-wrapper h2,
.page-template-page-h2b2 .eco-hero__text__text-wrapper h2 {
    font-family: "Avenir Next", sans-serif;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}

.page-template-page-consulting .eco-hero__text__text-wrapper p, 
.page-template-page-eco-auditing-new .eco-hero__text__text-wrapper p,
.page-template-page-h2b2 .eco-hero__text__text-wrapper p {
    font-family: "avenir_nextregular";
    font-size: 16px !important;
    line-height: 24px !important;
    border: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    max-width: none !important;
}

@media (max-width: 767px) {
    .page-template-page-consulting .eco-hero__banner, 
    .page-template-page-eco-auditing-new .eco-hero__banner,
    .page-template-page-h2b2 .eco-hero__banner {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0.5;
        z-index: -1;
    }
}

.page-template-page-consulting .eco-hero__banner figure, 
.page-template-page-eco-auditing-new .eco-hero__banner figure,
.page-template-page-h2b2 .eco-hero__banner figure {
    margin-top: -22px;
    margin-left: -12px;
}

.page-template-page-consulting .eco-hero__banner img, 
.page-template-page-eco-auditing-new .eco-hero__banner img,
.page-template-page-h2b2 .eco-hero__banner img {
    width: 100%;
}

@media (max-width: 767px) {
    .page-template-page-consulting .eco-hero__banner img, 
    .page-template-page-eco-auditing-new .eco-hero__banner img,
    .page-template-page-h2b2 .eco-hero__banner img {
        height: 296px;
        object-fit: cover;
    }
}

.page-template-page-eco-auditing-new .eco-data,
.page-template-page-h2b2 .eco-data {
    margin-bottom: 75px;
}

@media screen and (min-width: 768px) {
    .page-template-page-eco-auditing-new .eco-data,
    .page-template-page-h2b2 .eco-data {
        padding-top: 100px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 575px) {
    .page-template-page-eco-auditing-new .eco-data,
    .page-template-page-h2b2 .eco-data {
        padding: 0;
        margin-bottom: 0;
    }
}

.page-template-page-eco-auditing-new .eco-data .floating-image.floating-image--experience,
.page-template-page-h2b2 .eco-data .floating-image.floating-image--experience {
    margin-top: -200px;
    max-width: 598px;
    padding-top: 122%;
    z-index: 2;
}

@media screen and (max-width: 575px) {
    .page-template-page-eco-auditing-new .eco-data .floating-image.floating-image--experience,
    .page-template-page-h2b2 .eco-data .floating-image.floating-image--experience {
        margin-top: -80px;
    }
}

.page-template-page-eco-auditing-new .eco-data__numbers,
.page-template-page-h2b2 .eco-data__numbers {
    padding: 0 50px 0 130px;
}

@media screen and (max-width: 1200px) {
    .page-template-page-eco-auditing-new .eco-data__numbers,
    .page-template-page-h2b2 .eco-data__numbers {
        padding: 0 30px 0 70px;
    }
}

@media screen and (max-width: 1024px) {
    .page-template-page-eco-auditing-new .eco-data__numbers,
    .page-template-page-h2b2 .eco-data__numbers {
        padding: 0 20px 0 50px;
    }
}

@media screen and (max-width: 575px) {
    .page-template-page-eco-auditing-new .eco-data__numbers,
    .page-template-page-h2b2 .eco-data__numbers {
        padding: 0;
    }
}

.page-template-page-eco-auditing-new .eco-data__numbers ul,
.page-template-page-h2b2 .eco-data__numbers ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-template-page-eco-auditing-new .eco-data__numbers__item,
.page-template-page-h2b2 .eco-data__numbers__item {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 24px 0 24px 40px;
    border-bottom: 1px solid #c1c7cd;
}

@media screen and (max-width: 1200px) {
    .page-template-page-eco-auditing-new .eco-data__numbers__item,
    .page-template-page-h2b2 .eco-data__numbers__item {
        padding: 24px 0 24px 20px;
    }
}

.page-template-page-eco-auditing-new .eco-data__numbers__item:last-child,
.page-template-page-h2b2 .eco-data__numbers__item:last-child {
    border-bottom: 0;
}

@media screen and (max-width: 575px) {
    .page-template-page-eco-auditing-new .eco-data__numbers__item,
    .page-template-page-h2b2 .eco-data__numbers__item {
        padding: 24px 1px;
    }
}

.page-template-page-eco-auditing-new .eco-data__numbers__item__qty,
.page-template-page-h2b2 .eco-data__numbers__item__qty {
    width: 260px;
    font-size: 72px;
    font-weight: 400;
    line-height: 80px;
    letter-spacing: -0.72px;
    text-align: right;
    padding-right: 24px;
}

.page-template-page-eco-auditing-new .eco-data__numbers__item__qty::after,
.page-template-page-h2b2 .eco-data__numbers__item__qty::after {
    content: "+";
    margin-left: -16px;
}

.page-template-page-eco-auditing-new .eco-data__numbers__item__qty.bubblegum-plus::after,
.page-template-page-h2b2 .eco-data__numbers__item__qty.bubblegum-plus::after {
    color: #cf63ce;
}

.page-template-page-eco-auditing-new .eco-data__numbers__item__qty.red-plus::after,
.page-template-page-h2b2 .eco-data__numbers__item__qty.red-plus::after {
    color: #e96852;
}

.page-template-page-eco-auditing-new .eco-data__numbers__item__qty.green-plus::after,
.page-template-page-h2b2 .eco-data__numbers__item__qty.green-plus::after {
    color: #c2e76b;
}

@media screen and (max-width: 767px) {
    .page-template-page-eco-auditing-new .eco-data__numbers__item__qty,
    .page-template-page-h2b2 .eco-data__numbers__item__qty {
        width: 320px;
    }
}

.page-template-page-eco-auditing-new .eco-data__numbers__item__description,
.page-template-page-h2b2 .eco-data__numbers__item__description {
    width: 264px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.16px;
}

@media screen and (max-width: 575px) {
    .page-template-page-eco-auditing-new .eco-data__numbers__item__description,
    .page-template-page-h2b2 .eco-data__numbers__item__description {
        width: 50%;
    }
}

.page-template-page-eco-auditing-new .eco-compliance,
.page-template-page-h2b2 .eco-compliance {
    padding: 130px 0;
}

.page-template-page-eco-auditing-new .eco-compliance--wrapper,
.page-template-page-h2b2 .eco-compliance--wrapper {
    background-color: #24272a;
    color: #fff;
}

@media (max-width: 767px) {
    .page-template-page-eco-auditing-new .eco-compliance,
    .page-template-page-h2b2 .eco-compliance {
        padding: 60px 0 60px;
    }
}

.page-template-page-eco-auditing-new .eco-compliance__detail,
.page-template-page-h2b2 .eco-compliance__detail {
    padding-left: 70px;
}

@media (max-width: 767px) {
    .page-template-page-eco-auditing-new .eco-compliance__detail,
    .page-template-page-h2b2 .eco-compliance__detail {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
}

.page-template-page-eco-auditing-new .eco-compliance__detail--wrapper,
.page-template-page-h2b2 .eco-compliance__detail--wrapper {
    width: 100%;
    max-width: 565px;
}

@media (max-width: 767px) {
    .page-template-page-eco-auditing-new .eco-compliance__detail--wrapper,
    .page-template-page-h2b2 .eco-compliance__detail--wrapper {
        max-width: none;
        padding: 0 12px;
    }
}

.page-template-page-eco-auditing-new .eco-compliance__detail--wrapper h2,
.page-template-page-h2b2 .eco-compliance__detail--wrapper h2 {
    font-family: "avenir_nextmedium";
    font-size: 48px;
    font-weight: 600;
    line-height: 126%;
    letter-spacing: -1px;
    margin: 0;
}

@media (max-width: 767px) {
    .page-template-page-eco-auditing-new .eco-compliance__detail--wrapper h2,
    .page-template-page-h2b2 .eco-compliance__detail--wrapper h2 {
        font-size: 38px;
    }
}

.page-template-page-eco-auditing-new .eco-compliance__detail--wrapper h3,
.page-template-page-h2b2 .eco-compliance__detail--wrapper h3 {
    font-family: "avenir_nextmedium";
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    margin: 55px 0 0;
    padding: 0;
    max-width: 417px;
}

@media (max-width: 767px) {
    .page-template-page-eco-auditing-new .eco-compliance__detail--wrapper h3,
    .page-template-page-h2b2 .eco-compliance__detail--wrapper h3 {
        margin: 36px 0 0;
    }
}

.page-template-page-eco-auditing-new .eco-compliance__detail--wrapper.eco-core-principles__detail--wrapper h3,
.page-template-page-h2b2 .eco-compliance__detail--wrapper.eco-core-principles__detail--wrapper h3 {
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.5px;
    margin-bottom: 32px;
    max-width: 100%;
}

.page-template-page-eco-auditing-new .eco-compliance__detail--wrapper p,
.page-template-page-h2b2 .eco-compliance__detail--wrapper p {
    font-family: "avenir_nextregular";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.16px;
    margin: 14px 0 0;
}

.page-template-page-eco-auditing-new .eco-compliance__detail--wrapper .cta,
.page-template-page-h2b2 .eco-compliance__detail--wrapper .cta {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.72px;
    margin: 36px 0 0;
    text-decoration: none;
    color: #fff;
    display: block;
    text-transform: uppercase;
}

.page-template-page-eco-auditing-new .eco-compliance__detail--wrapper .cta:hover,
.page-template-page-h2b2 .eco-compliance__detail--wrapper .cta:hover {
    opacity: 0.6;
}

.page-template-page-eco-auditing-new .eco-compliance__detail--wrapper blockquote h5,
.page-template-page-h2b2 .eco-compliance__detail--wrapper blockquote h5 {
    font-family: "avenir_nextbold";
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 12px;
}

.page-template-page-eco-auditing-new .eco-compliance__detail--wrapper blockquote p,
.page-template-page-h2b2 .eco-compliance__detail--wrapper blockquote p {
    margin-top: 0;
    margin-bottom: 24px;
}

.page-template-page-eco-auditing-new .eco-compliance__detail--wrapper blockquote,
.page-template-page-h2b2 .eco-compliance__detail--wrapper blockquote {
    padding-left: 20px;
    margin-left: 10px;
    border-left: 2px solid #c2e76b;
    max-width: 527px;
}

@media (max-width: 767px) {
    .page-template-page-eco-auditing-new .eco-compliance__image,
    .page-template-page-h2b2 .eco-compliance__image {
        margin-top: 65px;
    }
}

.page-template-page-eco-auditing-new .eco-compliance__image .floating-image,
.page-template-page-h2b2 .eco-compliance__image .floating-image {
    padding-top: 95%;
}

.page-template-page-eco-auditing-new .eco-compliance__image .floating-image .floating-image-item.floating-image-item--1,
.page-template-page-h2b2 .eco-compliance__image .floating-image .floating-image-item.floating-image-item--1 {
    right: 0;
    left: auto;
}

.page-template-page-eco-auditing-new .eco-compliance__image .floating-image .floating-image-item.floating-image-item--2,
.page-template-page-h2b2 .eco-compliance__image .floating-image .floating-image-item.floating-image-item--2 {
    left: 0;
}

/* New styles for H2B2 */

.page-template-page-h2b2 .eco-hero__text__text-wrapper {
    font-family: "avenir_nextmedium";
    border-left: 2px solid #93DACF !important;
    padding-left: 20px;
    margin-left: 32px;
    color: #dde1e6;
    font-weight: 500;
    max-width: 481px;
}

.page-template-page-h2b2 .eco-market {
    padding: 100px 0;
}

.page-template-page-h2b2 .eco-market--wrapper {
    width: 100%;
}

.page-template-page-h2b2 .eco-black--wrapper {
    background-color: #24272a;
    color: #fff;
}


.page-template-page-h2b2 .eco-market__detail {
    padding-left: 70px;
}

.page-template-page-h2b2 .eco-market__detail--wrapper {
    width: 100%;
    max-width: 565px;
}

.page-template-page-h2b2 .eco-market__detail--wrapper h2 {
    font-family: "avenir_nextmedium";
    font-size: 48px;
    font-weight: 600;
    line-height: 126%;
    letter-spacing: -1px;
    margin: 0 0 20px;
	
}

.page-template-page-h2b2 .eco-market__detail--wrapper p {
    font-family: "avenir_nextregular";
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.16px;
    margin: 14px 0 0;
}

.page-template-page-h2b2 .eco-market__detail--wrapper p a {
    color: inherit;
    text-decoration: underline;
}

.page-template-page-h2b2 .eco-market__detail--wrapper ul {
    list-style: disc;
    margin: 14px 0 0 20px;
    padding: 0;
}

.page-template-page-h2b2 .eco-market__detail--wrapper ul li {
    font-family: "avenir_nextregular";
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
}

.page-template-page-h2b2 .eco-market__detail--wrapper .cta {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.72px;
    margin: 36px 0 0;
    text-decoration: none;
    color: inherit;
    display: block;
    text-transform: uppercase;
}

.page-template-page-h2b2 .eco-market__detail--wrapper .cta:hover {
    opacity: 0.6;
}


.page-template-page-h2b2 .eco-market__image {
    padding: 0;
}

.page-template-page-h2b2 .eco-market__image.no-crop .floating-image {
    padding-top: 0;
}

.page-template-page-h2b2 .eco-market__image .floating-image {
    position: relative;
    width: 100%;
    padding-top: 95%;
}

.page-template-page-h2b2 .eco-market__image .floating-image.double {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.page-template-page-h2b2 .eco-market__image .floating-image.reverse {
    flex-direction: column-reverse;
}

.page-template-page-h2b2 .eco-market__image .floating-image-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-template-page-h2b2 .eco-market__image .floating-image.double .floating-image-item {
    position: relative;
    height: auto;
}


.page-template-page-h2b2 .eco-market.no-bottom-padding {
    padding-bottom: 0;
}



@media (max-width: 1200px) {
    .page-template-page-h2b2 .eco-market__detail {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .page-template-page-h2b2 .eco-market {
        padding: 60px 0;
    }

    .page-template-page-h2b2 .eco-market__detail {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

    .page-template-page-h2b2 .eco-market__detail--wrapper {
        padding: 0 12px;
    }

    .page-template-page-h2b2 .eco-market__detail--wrapper h2 {
        font-size: 38px;
    }

    .page-template-page-h2b2 .eco-market__image {
        margin-top: 65px;
    }
}

@media (max-width: 575px) {
    .page-template-page-h2b2 .eco-market__detail {
        padding-left: 0;
    }
}

/* H2B2 Hero */

.page-template-page-h2b2 .eco-hero .eco-hero__text p {
    font-family: "Avenir Next";
    border-left: 2px solid #93dacf;
    padding-left: 25px;
    margin-left: 32px;
    color: #DDE1E6;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    max-width: 450px;
}

/* H2B2 Summary */

.page-template-page-h2b2 .eco-summary {
    padding: 40px 0;
}

.page-template-page-h2b2 .eco-summary__detail--wrapper {
    max-width: 900px;
    padding-left: 70px; 
}

.page-template-page-h2b2 .eco-summary__detail--wrapper h2 {
    font-family: "avenir_nextmedium";
    font-size: 48px;
    font-weight: 600;
    line-height: 126%;
    letter-spacing: -1px;
    margin: 0 0 40px;
}

.page-template-page-h2b2 .eco-summary__detail--wrapper p {
    font-family: "Avenir Next LT Demi", "Avenir Next", sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px;
}

.page-template-page-h2b2 .eco-summary__video {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .page-template-page-h2b2 .eco-summary {
        padding: 60px 0;
    }
    
    .page-template-page-h2b2 .eco-summary__detail--wrapper {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
    
    .page-template-page-h2b2 .eco-summary__detail--wrapper h2 {
        font-size: 38px;
    }
}

.page-template-page-h2b2 .eco-summary__video {
    margin-top: 40px;
    width: 100%;
    position: relative;
}

.page-template-page-h2b2 .eco-summary__video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.page-template-page-h2b2 .eco-summary__video .video-wrapper {
    padding-bottom: 56.25%; 
    height: 0;
    position: relative;
    overflow: hidden;
}

/* H2B2 Background */

.page-template-page-h2b2 .eco-background--wrapper {
   background-color: #24272a;
   color: #fff;
   width: 100%;
}

.page-template-page-h2b2 .eco-background {
    padding: 40px 0;
}

.page-template-page-h2b2 .eco-background__image {
    position: sticky;
    top: 100px;
    padding-left: 70px;
	padding-top: 30px;
	padding-bottom: 27px;
}


.page-template-page-h2b2 .eco-background__image img {
    width: 100%;
    height: auto;
}

.page-template-page-h2b2 .eco-background__detail--wrapper {
    max-width: 900px;
    padding-right: 70px;
    padding-left: 40px;
    text-align: left;
}

.page-template-page-h2b2 .eco-background__detail--wrapper h2 {
    font-family: "avenir_nextmedium";
    font-size: 48px;
    font-weight: 600;
    line-height: 126%;
    letter-spacing: -1px;
    margin: 0 0 40px;
}

.page-template-page-h2b2 .eco-background__detail--wrapper p {
    font-family: "Avenir Next LT Demi", "Avenir Next", sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px;
}

.page-template-page-h2b2 .eco-background__detail--wrapper a {
    color: #fff;
    outline: 0;
}

.page-template-page-h2b2 .eco-background__callout {
    margin: 40px 0;
    padding-left: 20px;
    border-left: 2px solid #c2e76b;
}

.page-template-page-h2b2 .eco-background__callout blockquote {
    margin: 0;
    padding: 0;
}

.page-template-page-h2b2 .eco-background__callout cite {
    display: block;
    margin-top: 20px;
    font-style: normal;
    font-family: "avenir_nextbold";
}

@media (max-width: 767px) {
    .page-template-page-h2b2 .eco-background {
        padding: 60px 0;
    }
    
    .page-template-page-h2b2 .eco-background__image {
        position: static;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        margin-bottom: 40px;
    }
    
    .page-template-page-h2b2 .eco-background__detail--wrapper {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    
    .page-template-page-h2b2 .eco-background__detail--wrapper h2 {
        font-size: 38px;
    }
}

/* H2B2 Solution */

.page-template-page-h2b2 .eco-solution {
    padding: 40px 0;
}

.page-template-page-h2b2 .eco-solution__detail--wrapper {
    max-width: none; 
    padding-left: 70px;
    padding-right: 40px; 
}

.page-template-page-h2b2 .eco-solution__detail--wrapper h2 {
    font-family: "avenir_nextmedium";
    font-size: 48px;
    font-weight: 600;
    line-height: 126%;
    letter-spacing: -1px;
    margin: 0 0 40px;
}

.page-template-page-h2b2 .eco-solution__detail--wrapper p {
    font-family: "Avenir Next LT Demi", "Avenir Next", sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px;
}

.page-template-page-h2b2 .eco-solution__detail--wrapper a {
    color: #24272a;
    outline: 0;
}

.page-template-page-h2b2 .eco-solution__image {
    position: sticky;
    top: 50px;
    padding-right: 70px;
	padding-top: 50px;
	padding-bottom: 45px;
}

.page-template-page-h2b2 .eco-solution__image img {
    width: 100%;
    height: auto;
}

.page-template-page-h2b2 .eco-solution__callout {
    margin: 40px 0;
    padding-left: 20px;
    border-left: 2px solid #c2e76b;
}

.page-template-page-h2b2 .eco-solution__callout blockquote {
    margin: 0;
    padding: 0;
}

.page-template-page-h2b2 .eco-solution__callout cite {
    display: block;
    margin-top: 20px;
    font-style: normal;
    font-family: "avenir_nextbold";
}

@media (max-width: 767px) {
    .page-template-page-h2b2 .eco-solution {
        padding: 60px 0;
    }
    
    .page-template-page-h2b2 .eco-solution__detail--wrapper {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
    
    .page-template-page-h2b2 .eco-solution__detail--wrapper h2 {
        font-size: 38px;
    }

    .page-template-page-h2b2 .eco-solution__image {
        position: static;
        margin: 40px 0; 
    }
}

/* H2B2 Outlook */

.page-template-page-h2b2 .eco-outlook--wrapper {
   background-color: #24272a;
   color: #fff;
   width: 100%;
}

.page-template-page-h2b2 .eco-outlook {
   padding: 40px 0;
}

.page-template-page-h2b2 .eco-outlook__detail--wrapper {
   max-width: 900px;
   padding-right: 70px; 
   margin-left: auto; 
   text-align: left;
}

.page-template-page-h2b2 .eco-outlook__detail--wrapper h2 {
   font-family: "avenir_nextmedium";
   font-size: 48px;
   font-weight: 600;
   line-height: 126%;
   letter-spacing: -1px;
   margin: 0 0 40px;
}

.page-template-page-h2b2 .eco-outlook__detail--wrapper p {
   font-family: "Avenir Next LT Demi", "Avenir Next", sans-serif;
   font-size: 16px;
   line-height: 24px;
   margin: 0 0 24px;
}

.page-template-page-h2b2 .eco-outlook__detail--wrapper a {
   color: inherit;
   text-decoration: underline;
}

@media (max-width: 767px) {
   .page-template-page-h2b2 .eco-outlook {
       padding: 60px 0;
   }
   
   .page-template-page-h2b2 .eco-outlook__detail--wrapper {
       padding-left: calc(var(--bs-gutter-x) * 0.5);
       padding-right: calc(var(--bs-gutter-x) * 0.5);
   }
   
   .page-template-page-h2b2 .eco-outlook__detail--wrapper h2 {
       font-size: 38px;
   }
}

/* H2B2 About */

.page-template-page-h2b2 .eco-about {
    padding: 40px 0;
}

.page-template-page-h2b2 .eco-about__detail--wrapper {
    max-width: 900px;
    padding-right: 70px;
    text-align: left;
}

.page-template-page-h2b2 .eco-about__detail--wrapper h2 {
    font-family: "avenir_nextmedium";
    font-size: 48px;
    font-weight: 600;
    line-height: 126%;
    letter-spacing: -1px;
    margin: 0 0 40px;
}

.page-template-page-h2b2 .eco-about__detail--wrapper p {
    font-family: "Avenir Next LT Demi", "Avenir Next", sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px;
}

.page-template-page-h2b2 .eco-about__detail--wrapper a {
    color: #24272a;
    outline: 0;
}

.page-template-page-h2b2 .eco-about__image {
    padding-left: 40px;
	padding-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.page-template-page-h2b2 .eco-about__image img {
    width: 100%;
    max-width: 500px;
    height: auto;
}

@media (max-width: 767px) {
    .page-template-page-h2b2 .eco-about {
        padding: 60px 0;
    }
    
    .page-template-page-h2b2 .eco-about__detail--wrapper {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
    
    .page-template-page-h2b2 .eco-about__detail--wrapper h2 {
        font-size: 38px;
    }

    .page-template-page-h2b2 .eco-about__image {
        position: static;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        margin-top: 30px;
    }
}

/*H2B2 Connect with our Experts */

.eco-experts--wrapper {
    background-color: #24272a;
    color: #fff;
}

.eco-experts__detail--wrapper {
    max-width: 900px;
    width: 100%; 
    margin: 0 auto;
}

.eco-experts__detail--wrapper h2 {
    font-family: "avenir_nextmedium";
    font-size: 48px;
    font-weight: 600;
    line-height: 126%;
    letter-spacing: -1px;
    margin: 0 0 40px;
    text-align: center;
    white-space: nowrap;
    color: #fff; 
}

.eco-experts__profiles {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin: 40px 0;
}

.expert-profile {
    text-align: center;
    max-width: 300px;
}

.expert-image img {
    width: 200px;
    height: 200px;
    object-fit: contain; 
    margin-bottom: 20px;
}

.expert-social {
    margin: 15px 0;
}

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

.expert-email a {
    color: inherit;
    text-decoration: none;
    font-family: "Avenir Next LT Demi", "Avenir Next", sans-serif;
    font-size: 16px;
}

.expert-email a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .eco-experts__detail--wrapper {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
    
    .eco-experts__detail--wrapper h2 {
        font-size: 38px;
        white-space: normal;
    }
    
    .eco-experts__profiles {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
}