.explore-card-features-cards {
    margin: 62px 0;
    row-gap: 34px;
}
.explore-card-features-card{
    border: 1px solid #C8DDFF;
    height: 223px;
    border-radius: 24px;
    padding: 129px 100px 29px 36px;
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
    background: none;
    z-index: 1;
    position: relative;
    overflow: hidden;
    background-size: cover;
}
.explore-card-features .heading-large{
    margin-bottom: 0;
}
.Worldwide-cash-payment {
    background: url(../images/card-features/Worldwide-Cash-Payouts.png) no-repeat;
}
.international-bank-transfer {
    background: url(../images/card-features/bank-transfer.png) no-repeat;
}
.online-purchase {
    background: url(../images/card-features/online-purchase.png) no-repeat;
}
.companion-card {
    background: url(../images/card-features/companion-card.png) no-repeat;
}   
.atm-cash {
    background: url(../images/card-features/atm-cash.png) no-repeat;
}
.card-to-card-transfer {
    background: url(../images/card-features/card-card-transfers.png) no-repeat;
}
.schedule-payment {
    background: url(../images/card-features/schedule-payment.png) no-repeat;
}
.support-24 {
    background: url(../images/card-features/support-24_7.png) no-repeat;
}

.explore-card-features-card .additional-text {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out 0.5s, visibility 0s linear 0.5s; /* Wait 0.9s */
    color: #FFFFFF;
    font-size: 16px;
    line-height: 180%;
    font-weight: 400;
}

.explore-card-features-card::before {
    content: '';
    position: absolute;
    top: 100%; /* Start below the card */
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(230.42deg, #2292F0 30.82%, #9DFDFF 154.15%, #37A4F2 186.27%);
    z-index: -1; /* Place behind the card content */
    color: #FFFFFF;
    transition: top 0.9s ease-in-out, color 0.9s ease-in-out; /* Smooth animation for the background */
}

.explore-card-features-card:hover::before {
    top: 0; /* Move the background to cover the card */
}

/* Hover effect for text */
.explore-card-features-card:hover {
    color: #FFFFFF; /* Change text color on hover */
    padding: 24px; /* Adjust padding on hover */
}

.explore-card-features-card:hover .without-hover {
    display: none;
}
.explore-card-features-card-heading {
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
}

.explore-card-features-card:hover .additional-text{
    visibility: visible;
    opacity: 1;
}

@media (max-width: 576px) {
    .explore-card-features {
        padding: 0 18px !important;
    }

    .explore-card-features header {
        text-align: center;
    }
    .explore-card-features .heading-large {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 11px;
    }

    .explore-card-features .team-behind-text {
        font-size: 64px;
        line-height: 59px;
    }
    .explore-card-features-cards {
        margin: 33px 0;
        row-gap: 16px;
    }
    .explore-card-features-card:hover {
        padding: 18px;
    }

    .Worldwide-cash-payment {
        background: url(../images/card-features/Worldwide-Cash-Payouts-mobile.png) no-repeat;
        background-position: right;
        background-size: cover;
    }
    .international-bank-transfer {
        background: url(../images/card-features/bank-transfer-mobile.png) no-repeat;
        background-position: right;
        background-size: cover;
    }
    .online-purchase {
        background: url(../images/card-features/online-purchase-mobile.png) no-repeat;
        background-position: right;
        background-size: cover;
    }
    .companion-card {
        background: url(../images/card-features/companion-card-mobile.png) no-repeat;
        background-position: right;
        background-size: cover;
    }   
    .atm-cash {
        background: url(../images/card-features/atm-cash-mobile.png) no-repeat;
        background-position: right;
        background-size: cover;
    }
    .card-to-card-transfer {
        background: url(../images/card-features/card-card-transfers-mobile.png) no-repeat;
        background-position: right;
        background-size: cover;
    }
    .schedule-payment {
        background: url(../images/card-features/schedule-payment-mobile.png) no-repeat;
        background-position: right;
        background-size: cover;
    }
    .support-24 {
        background: url(../images/card-features/support-24_7-mobile.png) no-repeat;
        background-position: right;
        background-size: cover;
    }
    .explore-card-features-card p{
        margin-bottom: 4px;
    }
}