.glass-card,
.service-card,
.opportunity-card,
.price-card {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.74));

    border: 1px solid rgba(255, 190, 90, .45);
    border-radius: 34px;

    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);

    box-shadow:
        0 18px 45px rgba(16, 37, 31, .08),
        inset 0 1px 0 rgba(255,255,255,.8);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

/* Gradient border glow */
.glass-card::before,
.service-card::before,
.opportunity-card::before,
.price-card::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1.5px;

    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            rgba(255, 214, 90, .95),
            rgba(242, 139, 48, .85),
            rgba(53, 166, 110, .45)
        );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    opacity: .65;
    pointer-events: none;

    transition: opacity .35s ease;
}

/* Glass shine */
.glass-card::after,
.service-card::after,
.opportunity-card::after,
.price-card::after {
    content: "";
    position: absolute;
    top: -45%;
    left: -35%;

    width: 60%;
    height: 180%;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.55),
            transparent
        );

    transform: rotate(18deg) translateX(-120%);
    transition: transform .65s ease;
    pointer-events: none;
}

.service-card,
.opportunity-card,
.price-card {
    padding: 28px;
}

.glass-card:hover,
.service-card:hover,
.opportunity-card:hover,
.price-card:hover {
    transform: translateY(-10px) scale(1.015);

    border-color: rgba(242, 139, 48, .7);

    box-shadow:
        0 28px 65px rgba(242, 139, 48, .18),
        0 12px 30px rgba(255, 196, 87, .16),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.glass-card:hover::before,
.service-card:hover::before,
.opportunity-card:hover::before,
.price-card:hover::before {
    opacity: 1;
}

.glass-card:hover::after,
.service-card:hover::after,
.opportunity-card:hover::after,
.price-card:hover::after {
    transform: rotate(18deg) translateX(260%);
}

.icon-box {
    width: 58px;
    height: 58px;

    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            var(--green),
            #35a66e 55%,
            #f28b30
        );

    color: #fff;

    display: grid;
    place-items: center;

    font-weight: 800;

    margin-bottom: 20px;

    box-shadow:
        0 14px 28px rgba(53, 166, 110, .26),
        inset 0 1px 0 rgba(255,255,255,.35);

    transition: .35s ease;
}

.service-card:hover .icon-box,
.opportunity-card:hover .icon-box,
.price-card:hover .icon-box,
.glass-card:hover .icon-box {
    transform: rotate(-4deg) scale(1.08);

    box-shadow:
        0 18px 36px rgba(242, 139, 48, .28),
        inset 0 1px 0 rgba(255,255,255,.45);
}
/* VISION CARD TEXT FIX */

/* RIGHT VISION CARD TEXT FIX */

.about-grid .about-card:last-child h3,
.about-grid .about-card:last-child h2{
    color: #ffffff !important;
}

.about-grid .about-card:last-child p{
    color: rgba(255,255,255,.88) !important;
}

.about-grid .about-card:last-child .eyebrow,
.about-grid .about-card:last-child span{
    color: #ffd36b !important;
}