/* Beautiful header texture background */





/* Wavy line texture for header */
.header {
    position: relative;
    background-color: #f8f9fa;
}
.header::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    opacity: 0.13;
    background-image: url('data:image/svg+xml;utf8,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M0 10 Q 10 0, 20 10 T 40 10" stroke="%23cccccc" stroke-width="2" fill="none"/></svg>');
    background-size: 40px 20px;
    background-repeat: repeat;
}