.sm-mb-4 {
  margin-bottom: 1rem;
}
.sm-mb-8 {
  margin-bottom: 2rem;
}
.sm-mb-4 {
  margin-bottom: 1rem;
}
.sm-flex {
  display: flex;
}
.sm-inline-flex {
  display: inline-flex;
}
.sm-h-12 {
  height: 3rem;
}
.sm-w-12 {
  width: 3rem;
}
.sm-flex-wrap {
  flex-wrap: wrap;
}
.sm-items-center {
  align-items: center;
}
.sm-justify-center {
  justify-content: center;
}
.sm-gap-2 {
  gap: 0.5rem;
}
.sm-gap-3 {
  gap: 0.75rem;
}
.sm-gap-4 {
  gap: 1rem;
}
.sm-rounded-2xl {
  border-radius: 1rem;
}
.sm-rounded-xl {
  border-radius: 0.75rem;
}
.sm-rounded-12 {
  border-radius: 12px;
}
.sm-rounded-8 {
  border-radius: 8px;
}
.sm-rounded-4 {
  border-radius: 4px;
}
.sm-border {
  border-width: 1px;
}
.sm-border-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(176 138 87);
}

.sm-bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(20 53 98);
}
.sm-bg-primary\/10 {
  background-color: rgba(20, 53, 98, 0.1);
}
.sm-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255);
}
.sm-p-8 {
  padding: 2rem;
}
.sm-px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.sm-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.sm-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.sm-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.sm-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.sm-font-bold {
  font-weight: 700;
}
.sm-font-medium {
  font-weight: 500;
}
.sm-leading-8 {
  line-height: 2rem;
}
.sm-text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.sm-text-primary {
  --tw-text-opacity: 1;
  color: rgb(20 53 98 / var(--tw-text-opacity, 1));
}
.sm-text-secondary {
  --tw-text-opacity: 1;
  color: rgb(176 138 87 / var(--tw-text-opacity, 1));
}
.sm-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.sm-shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.sm-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.hover\:sm-bg-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(176 138 87 / var(--tw-bg-opacity, 1));
}
.hover\:sm-text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:sm-opacity-90:hover {
  opacity: 0.9;
}
.hover\:sm-primary-button:hover {
  background-color: #041d31;
}

.sm-secendary-button {
  background-color: #fff;

  border: 1px solid rgb(176 138 87);
}
.sm-primary-button {
  background-color: rgb(20 53 98);
  color: #fff;
}
.sm-section-border {
  border: 1px solid #e5e7eb;
}
.sm-section-boxshadow {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.sm-font-14 {
  font-size: 14px;
}
.sm-font-16 {
  font-size: 16px;
}
.sm-font-18 {
  font-size: 18px;
}
.sm-font-20 {
  font-size: 20px;
}
.sm-font-24 {
  font-size: 24px;
}
#sm-welcome-section {
  background: #fbf6f3;
}
section#sm-no-products-notification {
    background: #fbf6f0;
    padding: 10px;
    margin-top: 10px;
}