/**
 * TMEX Marketing 3 — release fixes 1.0.1.
 * Loaded after the compiled design system to keep the approved visual intact.
 */

.core-service-card {
    color: #fff;
}

.core-service-shade {
    background:
        linear-gradient(180deg, rgba(6, 6, 7, 0.42), transparent 30%),
        linear-gradient(0deg, rgba(6, 6, 7, 0.99) 0%, rgba(6, 6, 7, 0.86) 38%, rgba(6, 6, 7, 0.18) 72%);
}

.core-service-top {
    color: rgba(255, 255, 255, 0.88);
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.88);
}

.core-service-copy h3 {
    max-width: 100%;
    color: #fff;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
    text-wrap: balance;
    text-shadow: 0 3px 28px rgba(0, 0, 0, 0.95);
}

.core-service-copy p {
    color: rgba(255, 255, 255, 0.86);
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.9);
}

@media (max-width: 30rem) {
    .core-service-copy h3 {
        font-size: clamp(2rem, 10vw, 3rem);
    }

    .core-service-copy p {
        margin-right: 2.8rem;
    }
}