@font-face {
  font-family: "Barlow";
  font-weight: 400;
  src: url("../../fonts/Barlow-Regular.ttf");
}
@font-face {
  font-family: "Barlow";
  font-weight: 700;
  src: url("../../fonts/Barlow-Bold.ttf");
}
@font-face {
  font-family: "Barlow";
  font-weight: 500;
  src: url("../../fonts/Barlow-Medium.ttf");
}
@font-face {
  font-family: "Barlow";
  font-weight: 300;
  src: url("../../fonts/Barlow-Light.ttf");
}
@font-face {
  font-family: "Oooh Baby";
  font-weight: 400;
  src: url("../../fonts/OoohBaby-Regular.ttf");
}
@font-face {
  font-family: "Inter";
  font-weight: 300;
  src: url("../../fonts/Inter-Light.ttf");
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  src: url("../../fonts/Inter-Regular.ttf");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  src: url("../../fonts/Inter-Medium.ttf");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  src: url("../../fonts/Inter-SemiBold.ttf");
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  src: url("../../fonts/Inter-Bold.ttf");
}
@font-face {
  font-family: "Inter";
  font-weight: bold;
  src: url("../../fonts/Inter-Bold.ttf");
}
body {
  overflow: hidden;
  font-family:  "Inter";
}
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
  font-family:  "Inter";
}
h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{
  font-family: "Inter";
}
.alt-font{
  font-family: "Inter";
}
.header-nav-main.nav > li > a{
  line-height: 50px !important;
  font-style: normal;
  font-size: 16px;
  color: var(--Background-Color);
}
.breadcrumd_core {
  display: none;
}
#masthead .container {
  max-width: 1366px;
}
.header-wrapper{
  backdrop-filter: blur(15px);
}
.header .header-nav-main.nav .html_topbar_left .btn-showpopup{
  color: var(--Text-Header-CTA-Color) !important;
  background: var(--Button-Header-CTA-Color);
  padding: 2px 33px;
  border-radius: 100px;
}
.html_topbar_left .btn-showpopup::before{
  display: none;
}
.header .header-nav-main.nav .html_topbar_left .btn-showpopup:hover{
  background: var(--Button-Header-CTA-Hover-Color);
  color: var(--Background-Color);
}
#masthead .header-nav{
  justify-content: center;
}
.header-inner .flex-right .hide-for-medium{
  margin-left: 30px;
}
.header-nav-main > .menu-item{
  margin: 0 20px;
}
.img-intro img{
  height: calc(100vh - 120px);
  object-fit: cover;
}