import styles from "./hero.module.css";
const Hero = () => {
  return (
    <div
      className={`w-full relative mb-0 sm:mb-[2.25rem] regLap:h-[30rem] xl:h-[26.875rem] lg:h-[25rem] md:h-[21.875rem] sm:h-[18.75rem] h-[15.625rem] object-cover ${styles.heroBg}`}
    >
      <div className="containerMode flex justify-between gap-1 xl:gap-8">
        <h1 className="max-w-[32.9375rem] font-extrabold text-[1.3rem] leading-[2.5rem] sm:text-[3.625rem] sm:leading-[4.3869rem] text-[#5C2684] cursor-default">
          PREMIUM SALARY LOAN
        </h1>
      </div>
    </div>
  );
};

export default Hero;