/* ESG “Our Approach” — compact section */
.esg-approach-card {
    border: 1px solid #D9DBE9;
    background: rgba(213, 208, 195, 0.83);
    padding: 1rem 0.75rem;
}

@media (min-width: 576px) {
    .esg-approach-card {
        padding: 1.125rem 1rem;
    }
}

@media (min-width: 768px) {
    .esg-approach-card {
        padding: 1.5rem 1.35rem;
    }
}

@media (min-width: 992px) {
    .esg-approach-card {
        padding: 1.75rem 1.5rem;
    }
}

.esg-approach-heading {
    max-width: 920px;
    margin-bottom: 0.25rem;
}

.esg-approach-title {
    font-size: clamp(1.2rem, 4.2vw + 0.35rem, 2rem);
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (min-width: 768px) {
    .esg-approach-title {
        line-height: 1.25;
    }
}

.esg-approach-intro-text {
    font-size: 0.9rem;
    line-height: 1.6;
    max-width: 52rem;
    margin-inline: auto;
}

@media (min-width: 576px) {
    .esg-approach-intro-text {
        font-size: 0.925rem;
        line-height: 1.62;
    }
}

@media (min-width: 768px) {
    .esg-approach-intro-text {
        font-size: 0.95rem;
        line-height: 1.65;
    }
}

[dir="rtl"] .esg-approach-heading .esg-approach-intro-text {
    line-height: 1.72;
}

@media (min-width: 992px) {
    [dir="rtl"] .esg-approach-heading .esg-approach-intro-text {
        font-size: 1rem;
        line-height: 1.75;
    }

   
}

.esg-approach-card .esg-stat-number {
    font-size: clamp(1.5rem, 5vw + 0.35rem, 1.7rem);
    font-style: normal;
    font-weight: 600;
    line-height: 1.12;
    margin-bottom: 0.4rem;

}

.esg-approach-card .esg-stat-label {
    max-width: min(100%, 200px);
    margin: 0 auto;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.45;
}

@media (min-width: 576px) {
    .esg-approach-card .esg-stat-label {
        font-size: 0.875rem;
        line-height: 1.5;
        max-width: min(100%, 220px);
    }
}

@media (min-width: 768px) {
    .esg-approach-card .esg-stat-label {
        font-size: 14px;
        line-height: 150%;
        max-width: min(100%, 240px);
    }
}

@media (min-width: 992px) {
    .esg-approach-card .esg-stat-label {
        max-width: 175px;
    }
}


.esg-approach-card .esg-stat-label--secondary {
    margin-top: 0.35rem;
    font-size: 14px;
    opacity: 0.85;
}

.esg-approach-main-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

@media (min-width: 992px) {
    .esg-approach-main-image {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .esg-approach-card .esg-stat-col--before-image .esg-stat-group--pull {
        align-items: end;
        margin-inline-end: 0;
    }

    .esg-approach-card .esg-stat-col--after-image .esg-stat-group--pull {
        align-items: start;
        margin-inline-start: 0;
    }

    .esg-approach-card .esg-stat-col--before-image .esg-stat-label,
    .esg-approach-card .esg-stat-col--after-image .esg-stat-label {
        margin-inline: 0;
    }

    [dir="rtl"] .esg-approach-card .esg-stat-col {
        text-align: right !important;
    }

    [dir="rtl"] .esg-approach-card .esg-stat-col--before-image .esg-stat-group--pull,
    [dir="rtl"] .esg-approach-card .esg-stat-col--after-image .esg-stat-group--pull {
        align-items: flex-start;
    }

    [dir="rtl"] .esg-approach-card .esg-stat-col .esg-stat-label,
    [dir="rtl"] .esg-approach-card .esg-stat-col .esg-stat-label--secondary {
        margin-inline-start: auto;
        margin-inline-end: 0;
        max-width: 190px;
        line-height: 1.65;
        font-size: 0.8375rem;
    }

    
}

@media (max-width: 991.98px) {
    .esg-approach-card .esg-stat-group {
        margin-bottom: 1.5rem;
    }

    .esg-approach-card .order-lg-3 .esg-stat-group {
        margin-bottom: 0;
    }

    .esg-approach-card .esg-stat-item {
        padding-inline: 0.25rem;
    }
}

@media (max-width: 575.98px) {
    .esg-approach-card .esg-stat-group {
        margin-bottom: 1.25rem;
    }
}



.esg-priorities-lead {
    max-width: 52rem;
}

.esg-priority-box {
    min-height: 11.5rem;
    padding: 1.5rem 1.25rem;
    border: 1px solid var(--primary-dark);
    border-radius: var(--rounded-20);
    background: transparent;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

@media (min-width: 768px) {
    .esg-priority-box {
        padding: 1.75rem 1.5rem;
        min-height: 12.5rem;
    }
}

@media (min-width: 992px) {
    .esg-priority-box {
        padding: 2rem 1.75rem;
        min-height: 13rem;
    }
}

.esg-priority-box__title {
    font-size: clamp(1.35rem, 2vw + 0.35rem, 2rem);
    font-weight: 700;
    line-height: 1.15;
}



@media (min-width: 768px) {
    .esg-priority-box__text {
        max-width: 15.5rem;
    }
}

@media (min-width: 992px) {
    .esg-priority-box__text {
        max-width: 16.25rem;
    }
}


/* Whole-card hover; !important beats .card-title-primary on the same node */
.esg-priority-box:hover {
    background-color: var(--orange);
    border-color: var(--orange);
    cursor: pointer;
    color: var(--white) !important;
}

.esg-priority-box:hover .esg-priority-box__title,
.esg-priority-box:hover .esg-priority-box__text {
    color: var(--white) !important;
}

@media (prefers-reduced-motion: reduce) {
    .esg-priority-box {
        transition: none;
    }
}

/* ESG — Advancing Sustainable Performance */
.esg-performance-section {
    overflow: hidden; 
}

.esg-performance-content {
    max-width: 55rem; 
}



.esg-performance-grid {
    max-width: 46rem;
    margin-inline: auto;
}

.esg-performance-grid .col {
    display: flex;
    justify-content: center;
}

.esg-performance-item {
    width: min(100%, 20.5rem);
}

.esg-performance-item-text {
    font-size: 0.9rem;
    line-height: 1.3;
    max-width: 14.5rem;
    text-align: start;
}

@media (max-width: 767.98px) {
    .esg-performance-item {
        justify-content: center;
    }


}



.esg-performance-icon {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    background-color: var(--orange);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}


/* slider section */

.esg-custom-shape {
    width: 100%;
    aspect-ratio: 752 / 426; 
    object-fit: cover;
    background-color: #f8f8f8;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 752 426'%3E%3Cpath d='M752 406C752 417.046 743.046 426 732 426L20.0001 426C8.95435 426 0 417.046 0 406V332.112V109.623C0 98.5773 8.95435 89.6229 20 89.6229L162.201 89.6229C173.247 89.6229 182.201 80.6686 182.201 69.6229V20C182.201 8.95425 191.156 -3.05176e-05 202.201 -3.05176e-05H499.948L732 -3.05176e-05C743.046 -3.05176e-05 752 8.95428 752 20V406Z' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 752 426'%3E%3Cpath d='M752 406C752 417.046 743.046 426 732 426L20.0001 426C8.95435 426 0 417.046 0 406V332.112V109.623C0 98.5773 8.95435 89.6229 20 89.6229L162.201 89.6229C173.247 89.6229 182.201 80.6686 182.201 69.6229V20C182.201 8.95425 191.156 -3.05176e-05 202.201 -3.05176e-05H499.948L732 -3.05176e-05C743.046 -3.05176e-05 752 8.95428 752 20V406Z' fill='black'/%3E%3C/svg%3E");
    
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.carousel-indicators-custom .esg-dot {
    width: 21px;
    height: 15px;
    border-radius: 20px;
    background-color: var(--light-brown);
    border: none;
    transition: all 0.3s ease;
}

.carousel-indicators-custom .esg-dot.active {
    width: 53px;
    height: 12px;
    border-radius: 20px;
    background-color: var(--primary-dark);
}

.esg-performance-icon-action {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    background-color: var(--yallow);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}
[dir="rtl"] .esg-custom-shape {
    transform: scaleX(-1);
}

[dir="rtl"] .esg-performance-section .esg-performance-title,
[dir="rtl"] .esg-performance-section .esg-performance-intro,
[dir="rtl"] .esg-performance-section .esg-performance-subheading,
[dir="rtl"] .esg-performance-section .esg-performance-footer {
    text-align: right;
}

[dir="rtl"] .esg-performance-section .esg-action-items .esg-performance-item {
    flex-direction: row;
    justify-content: flex-start;
}

[dir="rtl"] .esg-performance-section .esg-action-items .esg-performance-item-text {
    text-align: right;
    max-width: 15.5rem;
}

@media (max-width: 991.98px) {
    #esgCarousel .carousel-indicators-custom {
        margin-top: 0.5rem;
    }
}

#esgCarousel .carousel-item {
    transition: transform 0.75s ease-in-out;
}

/* space for sm screen between sections */
@media (max-width: 767.98px) {
    .esg-page-section + .esg-page-section {
        margin-top: 0.9rem;
    }
}