.esg-principle-parallax .principle-slide-content :is(h1, h2, h3, h4, h5, h6) {
    color: var(--color-primary-500);
    text-align: center;
    font-family: var(--font-manrope);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.esg-principle-parallax .principle-slide-content ul {
    margin-top: 20px;
    padding-left: 20px;
    color: var(--color-neutral-500);
    font-size: 18px;
    line-height: 1.6;
    list-style: disc;
}

.esg-principle-parallax .principle-slide-content li + li {
    margin-top: 12px;
}

.esg-principle-parallax .agi-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 4px !important;
    border-radius: 100px !important;
    opacity: 0.4;
    background-color: var(--color-neutral-0);
}

.esg-principle-parallax .agi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 96px;
    height: 4px;
    border-radius: 100px;
    opacity: 1;
    background-color: var(--color-neutral-0);
}

.esg-principle-parallax .principle-swiper .swiper-wrapper {
    flex-direction: row !important;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.esg-principle-parallax .principle-swiper .swiper-slide {
    width: 100% !important;
    opacity: 0.58;
    transform: scale(0.985);
    transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, opacity;
}

.esg-principle-parallax .principle-swiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
}

.esg-principle-parallax .principle-swiper .swiper-slide-prev,
.esg-principle-parallax .principle-swiper .swiper-slide-next {
    opacity: 0.72;
}

.esg-principle-parallax .agi-pagination .swiper-pagination-bullet {
    transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease, transform 0.35s ease;
    transform-origin: left center;
}

.esg-principle-parallax .agi-pagination .swiper-pagination-bullet-active {
    box-shadow: 0 0 0 2px rgba(106, 191, 75, 0.12), 0 2px 8px rgba(106, 191, 75, 0.35);
}