.gem-section {
        background: linear-gradient(180deg, #f3fbff 0%, #e6f7ff 100%);
    }

    .gem-card {
        border-radius: 20px;
        border: 1px solid #06A3DA;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
        background: #ffffff;
        transition: all 0.35s ease;
        position: relative;
    }

    .gem-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 22px 50px rgba(6, 163, 218, 0.25);
        border-color: #06A3DA;
    }

    .gem-accent {
        position: absolute;
        top: 0;
        left: 0;
        width: 6px;
        height: 100%;
        background: #06A3DA;
        border-radius: 20px 0 0 20px;
    }

    .gem-card-top-border {
        height: 6px;
        background: #06A3DA;
    }

    .gem-list {
        list-style: none;
        padding-left: 0;
    }

    .gem-list li {
        padding: 8px 0 8px 26px;
        position: relative;
    }

    .gem-list li::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #06A3DA;
        position: absolute;
        left: 0;
        top: 16px;
    }

    /* TEXT JUSTIFY FOR FULL PAGE */
    .gem-section p,
    .gem-section li {
        text-align: justify;
    }

    @media (max-width: 768px) {
        .gem-card {
            border-radius: 16px;
        }
    }