@media (min-width: 992px) {
section.acf-sustainability-cards-section .top-nudge {
    transform: translateY(-20px); 
    }

section.acf-sustainability-cards-section .bottom-nudge {
    transform: translateY(20px); 
   }
   section.acf-sustainability-cards-section .btm-content{
    width: 65%;
    margin: auto;
    }
    .card-1 {
        margin-top: -40px;
    }
    .card-3 {
        margin-top: -114px;
    }
    body.rtl .card-3 {
        margin-top: -82px;
    }
}
section.acf-sustainability-cards-section .sustainability-card h5.card-title {
    font-size: var(--f24);
}
section.acf-sustainability-cards-section .sustainability-card .content p {
    font-weight: var(--font-weight-light);
}
section.acf-sustainability-cards-section .sustainability-card .content p span{
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--f18);
}

section.acf-sustainability-cards-section a.sustainability-btn {
background-color: var(--secondary-color);
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.sustainability-card {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.sustainability-card.visible {
    animation: fadeInUp 0.8s ease-out forwards;
}

.sustainability-card[data-index="0"] { animation-delay: 0s; }
.sustainability-card[data-index="1"] { animation-delay: 0.2s; }
.sustainability-card[data-index="2"] { animation-delay: 0.4s; }
.sustainability-card[data-index="3"] { animation-delay: 0.6s; }
.sustainability-card[data-index="4"] { animation-delay: 0.8s; }
.sustainability-card[data-index="5"] { animation-delay: 1s; }

@media (max-width: 992px) {
    .sustainability-card .card-title {
        font-size: var(--f16)!important;

    }
    .sustainability-card .card-img-top {
        height: 115px;
    }
}