body {
  overflow-x: hidden;
}

:root {
  --white: #ffffff;
  --primary: #8e202d;
  --primary-detail: #d2b5b8;
  --secondary: #111111;
  --red: #d51919;
  --gray-100: #f7f7f7;
  --gray-150: #dedede;
  --gray-200: #dad4d4;
  --gray-250: #b0b0b0;
  --gray-270: #a8a3a3;
  --gray-300: #777777;
  --gray-400: #3b403d;
  --gray-500: #363131;
  --gray-900: #1d1d1d;
  --move: cubic-bezier(0.79, 0.14, 0.15, 0.86);
  --bg-radial-gradient-primary: radial-gradient(
    64.32% 70.95% at 30.66% 34.26%,
    rgba(246, 199, 205, 0.25) 0%,
    rgba(142, 32, 45, 0.25) 100%
  );
  --shadow-muddy: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  --sm-screen: 640px;
  --md-screen: 770px;
  --lg-screen: 1026px;
  --xl-screen: 1285px;
  --2xl-screen: 1536px;
}

* {
  border: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  font-family: "BDO Grotesk", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
}

button {
  background: none;
  cursor: pointer;
  font-size: inherit;
  color: inherit;
  text-align: inherit;
}

.container {
  max-width: 1263px;
  margin: 0 auto;
  padding: 0 24px;
}

.bg-beehive-white {
  background-image: url("../../public/assets/imgs/bg-beehive-white.webp");
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-beehive-white-2 {
  background-image: url("../../public/assets/imgs/bg-beehive-white-2.webp");
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-beehive-white-full {
  background-image: url("../../public/assets/imgs/bg-beehive-white-full.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.bg-dusty-black {
  background-image: url("../../public/assets/imgs/bg-dusty-black.webp");
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-dusty-white {
  background-image: url("../../public/assets/imgs/bg-dusty-white.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.bg-dusty-gray {
  background-image: url("../../public/assets/imgs/bg-dusty-gray.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.paragraph {
  color: var(--gray-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 175%;
}

.heading-1 {
  font-size: 56px;
  font-weight: 700;
  line-height: 142%;
}

.heading-2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.heading-3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 116%;
}

@media screen and (max-width: 1285px) {
  .heading-1 {
    font-size: 40px;
  }

  .heading-2 {
    font-size: 32px;
  }
}

.no-scollbar::-webkit-scrollbar {
  display: none;
}

.no-scroll {
  overflow: hidden;
}

html {
  scroll-behavior: smooth;
}