@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@font-face {
  font-family: din-pro-regular;
  src: url(/case/_assets/14dba140304c022cb533683efd9a2291.eot);
  src: url(/case/_assets/14dba140304c022cb533683efd9a2291.eot) format("embedded-opentype"),
    url(/case/_assets/b796b540f9b20c55d734e7e8ca7f5936.woff2) format("woff2"),
    url(/case/_assets/fedd783354ca62c88a0f9d49bce58485.woff) format("woff"),
    url(/case/_assets/e30441b03686674e5a9e55f188fbd728.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: din-pro-bold;
  src: url(/case/_assets/384b673801ef7b7bebe66e7805c881eb.eot);
  src: url(/case/_assets/384b673801ef7b7bebe66e7805c881eb.eot) format("embedded-opentype"),
    url(/case/_assets/6067893c717ea8bddcad4265fff4dddf.woff2) format("woff2"),
    url(/case/_assets/d5d0c239863fb7c95695ebfde8583317.woff) format("woff"),
    url(/case/_assets/3bedebd614d12a6cdcbec21b336b5744.svg) format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: din-pro-condensed-bold;
  src: url(/case/_assets/6c202402416b82806367a3a21d82a379.eot);
  src: url(/case/_assets/6c202402416b82806367a3a21d82a379.eot) format("embedded-opentype"),
    url(/case/_assets/4b4b67e1c8a5dc90e4dc8bed1011de0b.woff2) format("woff2"),
    url(/case/_assets/c2849941bb1528d6cba04fc801b7c366.woff) format("woff"),
    url(/case/_assets/21fbbf12f2829c70c2ec3e7c7f07c4c2.svg) format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: condensed;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: din-pro-cond-regular;
  src: url(/case/_assets/64697a0b4392c149b5e256e22c4433e2.eot);
  src: url(/case/_assets/64697a0b4392c149b5e256e22c4433e2.eot) format("embedded-opentype"),
    url(/case/_assets/c0888cfb861efca127b034c61a400d70.woff2) format("woff2"),
    url(/case/_assets/4b525895789561d45df46fb28353f388.woff) format("woff"),
    url(/case/_assets/3ab9716f27474793c7adf757ea0a6b24.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: condensed;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: din-pro-condensed-light;
  src: url(/case/_assets/2e8d647e84a7fbeb7a7b3a72457406bf.eot);
  src: url(/case/_assets/2e8d647e84a7fbeb7a7b3a72457406bf.eot) format("embedded-opentype"),
    url(/case/_assets/f40d6fae4b58e56c1f4dfe0060ddcd5a.woff2) format("woff2"),
    url(/case/_assets/c6e7d7b2c37511ecc52ce639d751f8d0.woff) format("woff"),
    url(/case/_assets/02ac4296f270baa07b0ed0068c4c0cb5.svg) format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: condensed;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: din-pro-black;
  src: url(/case/_assets/dc5494aeb7385692757b0e189f7182c8.eot);
  src: url(/case/_assets/dc5494aeb7385692757b0e189f7182c8.eot) format("embedded-opentype"),
    url(/case/_assets/0c02d9e477fee3ef4a5fb48bc3e45ec7.woff2) format("woff2"),
    url(/case/_assets/cd5b289d9f6aab6986280f709e176f57.woff) format("woff"),
    url(/case/_assets/6d81b6419f7740e496a64e46863f830b.svg) format("svg");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: sf-trans-robotics-bold-italic;
  src: url(/case/_assets/6c5907f772b114ca5baf5e7d1f7e261d.eot);
  src: url(/case/_assets/6c5907f772b114ca5baf5e7d1f7e261d.eot)
      format("embedded-opentype"),
    url(/case/_assets/d1e44141ad281b7dccf7b11b7b399765.woff2) format("woff2"),
    url(/case/_assets/6b50cc9358d9de6d79ad55c8ac90e4ea.woff) format("woff"),
    url(/case/_assets/94c6f12bcb5b8bebc6e121d8ac0a1c72.svg)
      format("svg");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-00FD;
}
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  list-style: none;
  box-sizing: border-box;
}
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  outline: 0;
}
input,
option,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background: #000;
}
select::-ms-expand {
  display: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
::-webkit-input-placeholder {
  opacity: 1 !important;
}
::-moz-placeholder {
  opacity: 1 !important;
}
:-ms-input-placeholder {
  opacity: 1 !important;
}
:-moz-placeholder {
  opacity: 1 !important;
}
input:focus,
select:focus,
textarea:focus {
  background-color: transparent;
}
body,
html {
  height: 100%;
}
body {
  /* font-family: din-pro-cond-regular; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  font-family: "DM Sans", sans-serif;
}
a {
  border: none;
  outline: 0;
  text-decoration: none;
}
.preloader-background {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-color: #fff;
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.loader-wrapp {
  text-align: center;
}
.loader-wrapp figure {
  margin: 0;
  padding: 0;
}
.loader-wrapp figure span {
  display: inline-block;
  margin: 2rem auto 0;
  width: 20vw;
  min-width: 180px;
  max-width: 300px;
}
.loader-wrapp figure figcaption {
  display: block;
  color: #000;
  text-align: center;
  font-size: 22px;
  transition: all ease 0.3s;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 20px;
  max-width: 1200px;
  line-height: 30px;
  margin-top: 10px;
}
@keyframes pulsing-fade {
  0%,
  20%,
  80% {
    opacity: 0;
  }
  40% {
    opacity: 0.8;
  }
}
@-webkit-keyframes pulsing-fade {
  0%,
  20%,
  80% {
    opacity: 0;
  }
  40% {
    opacity: 0.8;
  }
}
.triangle-loading {
  animation: pulsing-fade 3s ease infinite;
  -webkit-animation: pulsing-fade 3s ease infinite;
  color: #000;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 8px;
  margin-left: 4px;
  margin-top: 10px;
  opacity: 0;
  text-transform: uppercase;
}