.glow-box {
    position: relative;
    padding: 20px;
    margin: 30px auto;
    background: var(--bg, #222);
    color: white;
    border-radius: 12px;
    overflow: hidden;
    border: var(--border);
    box-shadow: var(--shadow);
    text-align: var(--text-align);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-family: 'Raleway', sans-serif;
    transition: all 0.3s ease;
}
.glow-box:hover {
    box-shadow: 0 0 20px var(--clr);
}
.glow-box .glow-icon {
    font-size: 32px;
    margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
    .glow-box {
        padding: 15px;
        font-size: 14px;
    }
}