@import "tailwindcss";

@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.woff2") format("woff2"),
    url("../fonts/Poppins-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"),
    url("../fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins-Medium.woff2") format("woff2"),
    url("../fonts/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: "Poppins-Regular";
  @apply leading-[100%] text-[rgba(0,0,0,1)];
}
button {
  @apply cursor-pointer;
}
nav ul li img {
  @apply w-6;
}
nav ul li a {
  font-family: "Poppins-Medium";
  @apply text-[11px];
}
nav ul li a,
nav ul li span {
  @apply flex flex-col items-center gap-1;
}
.lg-nav a {
  @apply px-3 pb-2.5 relative after:content-[''] after:absolute after:bottom-px after:left-[0%] after:h-0.75 after:w-0 after:bg-[#29B24E] 
          after:transition-all after:duration-200;
}
.lg-nav a:hover::after {
  @apply w-[100%];
}
.lg-nav a {
  font-family: "Poppins-Regular";
  @apply 2xl:text-[14px];
}
h1 {
  font-family: "Poppins-SemiBold";
  @apply text-[rgba(0,0,0,8)];
}
p {
  @apply text-[rgba(89,89,89,0.8)];
}
h3,
h4 {
  font-family: "Poppins-Medium";
}
.main__heading__text p {
  @apply text-[rgba(0,0,0,0.6)];
}
.location__form label {
  font-family: "Poppins-Medium";
}
.property__form form,
.price__range__form form {
  @apply flex flex-col gap-2.5;
}
.property__form,
.price__range__form label {
  @apply text-[14px];
}
.form__group {
  @apply block;
}
.save__icon {
  @apply cursor-pointer;
}
.price {
  @apply text-[14px] text-[rgba(0,0,0,8)];
}
.price span {
  font-family: "Poppins-Medium";
}
.card__footer p {
  @apply text-[12px];
}
.card__header img {
  @apply object-cover;
}
.vip p {
  font-family: "Poppins-Medium";
}
.card__body h4 {
  @apply lg:text-[16px];
}

h2 {
  font-family: "Poppins-SemiBold";
}
.card__footer {
  @apply pt-6 m-0;
}
.card__footer p {
  @apply text-[rgba(0,0,0,8)];
}
.card p {
  @apply lg:text-[14px];
}
.card {
  @apply px-4;
}
footer ul li a {
  font-family: "Poppins-Medium";
  @apply text-[16px] text-[rgba(255,255,255,1)] 2xl:text-[14px];
}
.card {
  @apply px-4;
}
.card__second__categories__wrapper {
  gap: 15px;
  justify-content: space-between;
}
.card__second__categories__wrapper p {
  @apply leading-[23px];
}

.card__second__text__scroll {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}