.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
    font-size: 20px
}

.bg-hero {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(20, 19, 19, 1)), url(https://lh3.googleusercontent.com/aida-public/AB6AXuAt-y9VrGKMim3DG24e2AOQCQUOSjJm59M9aJvS8YAtP4l87Ze5T3jdrTC0y0-R_YXmPRBgmsEF6DYhumJarkFp2bq6CQKPktdq4DxZL2xFLViV_2ozT1SP3ULh-mrhLb9EiwA3gYLrSM32AQmxnTBQsLXlERBHj81fFxNjIPASoQHgFbXPYdsJfDIE6fmSrftKZ9uEQL62TgHq1LiF6aU-qqHA0M-jERSysbLmtl1mQq1lJceTvQnGIJijQBdAJcDZ6swWpMFlsts);
    background-size: cover;
    background-position: center
}

.leader-line {
    flex-grow: 1;
    border-bottom: 1px dotted #C5A059;
    margin: 0 12px;
    opacity: 0.3
}

.menu-card {
    border-bottom: 1px solid rgba(197, 160, 89, 0.2)
}