main.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  /* footer a tag */
  .footer-a {
    @apply font-medium text-lightBlue500 hover:text-grayBlue transition-all duration-200;
  }

  /* footer subheading */
  .footer-subhd {
    @apply uppercase font-bold text-gray2 mb-1;
  }

  .explore-section-bacg-responsive {
    @apply scale-y-[13] scale-x-[8] translate-y-[65rem] -translate-x-[20rem] 
    md:scale-y-[4.5] md:scale-x-[1.75] md:translate-y-[45rem] md:translate-x-[10rem] 
    lg:scale-y-[2.7] lg:scale-x-[1.75] lg:translate-y-[32rem] lg:translate-x-[10rem]
    xl:scale-y-[2.3] xl:scale-x-[1.75] xl:translate-y-[32rem] xl:translate-x-[10rem]
    2xl:scale-y-[2.2] 2xl:scale-x-[2] 2xl:translate-y-[32rem] 2xl:translate-x-[15rem];
  }
}

* {
  font-family: "Mulish", sans-serif;
}
.core-feature-section {
  background-size: 100% 100%;
}
.companiesList {
  animation: showCompany 10s linear 0s infinite;
}

@keyframes showCompany {
  0% {
    top: 0;
  }

  100% {
    top: -50%;
  }
}

footer {
  background: linear-gradient(to right, #eef9fe, #edf7ff);
}