/* hero section slider effact */
.about-fill-pattern {
    background-image: repeating-linear-gradient(45deg,
            rgba(99, 32, 39, 0.4) 0,
            rgba(99, 32, 39, 0.4) 2px,
            transparent 2px,
            transparent 6px);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    opacity: 0.3;
}