.bgcolor {
    background: #FFE4C4;
    padding: 80px 0;
}

.bg_color {
    background-color: white;
}

.snapshot {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 60px 20px 40px;
}

.snapshot-focus {
    width: 220px;
    height: 160px;
    background: linear-gradient(135deg, #fff4dc, #e0b87e);
    border-radius: 20px;
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px solid #6b3a1e;
    box-shadow: 0 8px 18px rgba(120, 70, 20, 0.2);
}

.snapshot-focus.active {
    transform: none;
    box-shadow: 0 12px 25px rgba(120, 70, 20, 0.3);
}

.snapshot-focus p {
    color: #6b3a1e;
}