@import url('../fonts/Newsreader.ttf');

@font-face {
  font-family: "Didot LT Pro";
  src: url("../fonts/Didot_LT_Pro_Roman_Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* @font-face {
  font-family: "Didot LT Pro";
  src: url("../fonts/Didot-LT-Pro-Headline.otf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
} */

:root {
  --dark-beige: #C8B6A7;
  --light-beige: #E9DEDA;
}

body {
    font-family: sans-serif;
    font-family: 'Lato', sans-serif;
}

.didot {
    font-family: 'Didot LT Pro', sans-serif;
}

ol {
    counter-reset: item;
}

ol li {
    counter-increment: item;
}

ol li::before {
  content: counter(item);
  height: 40px;
  width: 40px;
  min-width: 40px;
  background-color: #111;
  color: #fff;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  font-size: 20px;
  font-weight: 500;
  font-family: "Newsletter";
}

.swiper .swiper-pagination {
    position: relative;
    margin-top: 16px;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: black;
}