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

/* @layer components {
  .input {
    @apply form-input border-[#E3E3E3] placeholder:text-[#666666] focus:!ring-primary focus:!border-primary transition;
  }

  .textarea {
    @apply form-textarea border-[#E3E3E3] placeholder:text-[#666666] focus:!ring-primary focus:!border-primary transition;
  }
} */

.ant-form-item {
  margin-bottom: 16px !important;
}

.ant-form-item-label {
  padding-bottom: 4px !important;
}

.home-slider .swiper-pagination-bullet {
  background-color: white !important;
}

#nprogress .bar {
  background: #008651 !important;
}

.font {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
    'Helvetica Neue', sans-serif !important;
}

@media (min-width: 1024px) {
  .prose img {
    transform: scale(0.7) !important;
    margin-top: -24px !important;
    margin-bottom: -24px !important;
    /* transform-origin: left; */
    transform-origin: center !important;
  }

  /* [dir='rtl'] .prose img {
    transform-origin: right !important;
  } */
}

.prose img {
  margin-left: auto !important;
  margin-right: auto !important;
}

.ant-dropdown-menu-title-content,
.ant-dropdown,
.ant-dropdown-menu-item {
  font-family: inherit !important;
}