@font-face {
  font-family: 'Circular Std';
  src: url('../fonts/CircularSpotifyText-Thin.woff');
  font-weight: 200;
}

@font-face {
  font-family: 'Circular Std';
  src: url('../fonts/CircularStd-Book.woff2');
  font-weight: 300;
}

@font-face {
  font-family: 'Circular Std';
  src: url('../fonts/CircularStd-Medium.woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'Circular Std';
  src: url('../fonts/CircularStd-Bold.woff2');
  font-weight: 700;
}

@font-face {
  font-family: 'Circular Std';
  src: url('../fonts/CircularStd-Black.woff2');
  font-weight: 900;
}

@font-face {
  font-family: 'Circular Spotify';
  src: url('../fonts/CircularSpotifyText-Light.otf');
  font-weight: normal;
}

/* Headings */
article h2,
article h3,
article h4,
article h5,
article h6 {
  font-size: 1.3125rem;
  margin-bottom: 1.31313rem !important;
  font-weight: 500;
  margin-left: 0 !important;
}

article h1 {
  font-size: 1.3125rem;
  font-weight: 500;
  margin-left: 0 !important;
}

/* Paragraphs */
article li,
article p {
  margin-bottom: 1.25rem !important;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 140%;
}

article strong {
  font-weight: 900;
}

article a {
  color: #e04d5c;
}

/* For Slide menu */
.slide-menu {
  z-index: 16;
  position: absolute;
  display: none !important;
  inset: 0;

  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
  will-change: transform;
  -webkit-overflow-scrolling: touch;
}

.slide-menu-active .slide-menu {
  display: flex !important;
  position: fixed;
  z-index: 99000000;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  width: 100%;
}

.no-scroll {
  overflow: hidden;
  height: 100%;
}

/* For Type writer */

@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes erasing {
  from {
    width: 100%;
  }

  to {
    width: 0;
  }
}

.typewriter {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 0.1em solid currentColor;
  width: 0;
  /* Start hidden */
}

.typewriter-animated {
  animation: typing 3s steps(25, end), erasing 2s steps(25, end) 3s forwards;
}

/* Hide scrollbar for WebKit browsers */
.scrollable-container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox */
.scrollable-container {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.widget_categories ul {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.widgettitle {
  letter-spacing: unset !important;
  font-family: 'Circular Std';
  font-size: 18px;
  font-weight: 450;
  line-height: 22.5px;
  /* 125% */
  margin-bottom: 20px;
}

.cat-item {
  padding: 0.5rem 0.75rem;
  border-radius: 16px;
  background: #f4f9ff;
}

.cat-item a {
  padding: 0 !important;
}

.cat-item a::before,
.cat-item a::after {
  display: none !important;
}


.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: -1.5rem;
  margin-bottom: 15px;
  font-size: 14px;
}

.breadcrumbs a {
  text-decoration: underline;
  color: #EC2A4D;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 12px;
}

.breadcrumbs .separator {
  margin: 0 5px;
  color: #888888;
}