/** Shopify CDN: Minification failed

Line 59:0 Unexpected "}"

**/
/* ==========================================
   GLOWFLEX BENEFITS
========================================== */

.gf-benefits{
    position:relative;
    overflow:hidden;
    padding:100px 0;
    background:#0b0b0b;

}

.gf-benefit-header{
    text-align:center;
    max-width:700px;
    margin:0 auto 70px;
}


.gf-benefit-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:999px;
    background:rgba(255,211,106,.08);
    border:1px solid rgba(255,211,106,.20);
    color:#FFD36A;
    font-size:.85rem;
    font-weight:700;
    letter-spacing:.08em;
    margin-bottom:20px;
}

.gf-benefit-header h2{
    color:#fff;
    font-size:48px;
    font-weight:800;
    line-height:1.15;
    margin:0 0 20px;
}

.gf-subtitle{
    color:#B8B8B8;
    font-size:18px;
    line-height:1.8;
}

.gf-benefits-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px;
    max-width:1100px;
    margin:0 auto;
}
}
.gf-benefit-card::before{
    content:"";
    position:absolute;

    top:-70px;
    right:-70px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:radial-gradient(
        rgba(255,211,106,.10),
        transparent 70%
    );

    opacity:0;
    transition:opacity .35s ease;
}

.gf-benefit-card:hover::before{
    opacity:1;
}
.gf-benefit-card{
    position:relative;

    background:linear-gradient(
        180deg,
        rgba(24,24,24,.98),
        rgba(16,16,16,.98)
    );

    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;

    padding:30px;

    overflow:hidden;

    box-shadow:
        0 18px 45px rgba(0,0,0,.28);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}
.gf-benefit-card::before{
    content:"";
    position:absolute;

    top:-70px;
    right:-70px;

    width:180px;
    height:180px;

    border-radius:50%;

    background:radial-gradient(
        rgba(255,211,106,.10),
        transparent 70%
    );

    opacity:0;
    transition:opacity .35s ease;
}

.gf-benefit-card:hover::before{
    opacity:1;
}
.gf-benefit-card h3{
    color:#fff;
    font-size:26px;
    font-weight:700;
    line-height:1.2;
    margin:0 0 14px;
    letter-spacing:-0.02em;
}
.gf-benefit-card h3::before{
    content:"";
    display:block;

    width:42px;
    height:2px;

    background:#FFD36A;

    border-radius:999px;

    margin-bottom:16px;
}
.gf-benefit-card p{
    color:#bdbdbd;
    font-size:17px;
    line-height:1.7;
    margin:0;
}
.gf-benefit-card:hover{
    transform:translateY(-8px);
    border-color:#FFD36A;
    box-shadow:
        0 25px 60px rgba(0,0,0,.45),
        0 0 35px rgba(255,211,106,.12);
}

.gf-benefit-icon{
    width:76px;
    height:76px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:34px;

    border-radius:50%;

    background:rgba(255,211,106,.08);

    border:1px solid rgba(255,211,106,.18);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05);

    margin-bottom:24px;

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

.gf-benefit-card:hover .gf-benefit-icon{
    transform:scale(1.08);

    background:rgba(255,211,106,.14);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 28px rgba(255,211,106,.18);
}

.gf-benefit-card:hover .gf-benefit-icon{
    transform:scale(1.08);

    background:rgba(255,211,106,.14);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 28px rgba(255,211,106,.18);
}