.payment-providers {
    display: block;
}

.payment-providers .provider {
    height: 62rem;
    border-radius: 5px;
    margin-bottom: 3rem;
}

.payment-providers .provider .provider-box {
    border-radius: 2rem;
    background: var(--theme-payment-methods-provider-box-background);
    height: 100%;
    border: 1px solid var(--theme-payment-methods-provider-box-border);
    text-align: center;
}

.payment-providers .provider--image {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 17rem;
    margin: -1px -1px 1rem;
    border: 1px solid var(--theme-payment-methods-provider-box-border);
    border-left: 15px solid var(--theme-payment-methods-provider-image-border);
    box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
    border-radius: 1.5rem 2rem 2rem 1.5rem;
}

.payment-providers .provider--description {
    padding: 2rem;
}

.payment-providers .provider--image img {
    width: 50%;
}

@media (max-width: 990px) {
    .payment-providers .provider {
        height: 50rem;
    }
}

@media (min-width: 990px) and (max-width: 1260px) {
    .payment-providers .provider {
        height: 55rem;
    }
}