@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

/* ? Vars */
:root {
  --font-family: "Montserrat", sans-serif;
  --content-width: 1552px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --white-color: #fff;
  --black-color: #000;
  --light-color: #fafcf8;
  --brand-color: #59b775;
  --text-color: #1e1e1e;
  --dark-grey: #999999;
}

/* ? Reset */
main {
  font-family: var(--font-family, sans-serif);
  line-height: 1.15;
}

body {
  background-color: var(--light-color);
}

.wrapper {
  padding: 0 var(--container-offset);
  max-width: var(--container-width);
  margin-inline: auto;
}

.white-block {
  background-color: var(--white-color);
  box-shadow: 0px 4px 30px 0px rgba(116, 116, 116, 0.05);
}

.title-xl {
  margin: 0;
  font-weight: 600;
  color: var(--black-color);
  font-size: clamp(24px, 5vw, 32px);
  font-family: var(--font-family, sans-serif);
  line-height: 1.15;
}