@import url("./plugins.css");
@import url("./default.css");
@import url("./style.css");
@import url("./color/color-04.css");
@import url("./gden-icon.css");
@import url("./responsive.css");

@font-face {
  font-family: "Cruinn Bold";
  src: url("/assets/fonts/Cruinn/Cruinn Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "dehinted";
  src: url("/assets/fonts/dehinted/dehinted-Font_5.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Bounded";
  src: url("/index_files/assets/fonts/Bounded-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
  font-family: 'NimbusSanL';
  src: url('/assets/fonts/NimbusSansL/NimbusSanL-Reg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'NimbusSanL';
  src: url('/assets/fonts/NimbusSansL/NimbusSanL-RegIta.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'NimbusSanL';
  src: url('/assets/fonts/NimbusSansL/NimbusSanL-Bol.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'NimbusSanL';
  src: url('/assets/fonts/NimbusSansL/NimbusSanL-BolIta.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
} */

#app.lotin *,
#app.english *,
#app.russian * {
  font-family: "Bounded";
  font-weight: bold !important;
}

#app.kiril * {
  font-family: "dehinted";
  font-weight: bold !important;
}
.fa-brands,.fab {
    font-family: "Font Awesome 6 Brands" !important
}
img.rounded {
  border-radius: 20px !important;
}

.shop-thumb img {
  /* object-fit: fill; max-width: 100%; */
  /* max-height: 250px; */
}

.about-img,
.hero-img {
  position: relative;
  overflow: hidden;
  max-height: calc(100vh - 70px);
  display: flex;
  align-items: flex-start;
  z-index: 1;
}

.about-img img,
.hero-img img {
  width: auto;
  height: auto;
  display: block;
  width: 100%;
  filter: drop-shadow(0 0 10px rgba(170, 119, 28, 0.2));
}

.hero-content {
  /* text-align: center; */
}
