html {
    scroll-behavior: smooth !important;
    scroll-padding-top: 80px !important; /* 80px gap from top */
  }

#hero-r-img{
    margin-top: -80px;
}
@media (max-width: 768px) {
    #hero-r-img{
    margin-top: 50px;
}
    
}