.head_a {
    color: #070E1A;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    display: inline-block;
    padding-top: 20px;
    transition: all 0.4s;
}
 .hero-area4 {
            position: relative;
            background: url('assets/bg4.avif') no-repeat center center fixed;
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

        @media only screen and (max-width: 767px) {
            .hero-area4 {
                background-image: url('assets/mobile_bg.jpg');
                background-attachment: scroll; /* Optional: Adjust based on mobile behavior */
            }
        }