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

@font-face {
  font-family: "Lato";
  src: url(../font/Lato-Thin.ttf);
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url(../font/Lato-Light.ttf);
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url(../font/Lato-Regular.ttf);
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url(../font/Lato-Bold.ttf);
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url(../font/Lato-Black.ttf);
  font-weight: 900;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  font-family: Lato, Arial, sans-serif;
}

body {
  background-color: #f9f1f9;
}

:root {
  --orange: #ffa000;
  --orangelight: #ffcc00;
  --orangedark: #da6b0a;
  --orangemedium: #e97917;
  --purple: #961e96;
  --purpledark: #7d197d;
  --purplelight: #b47ed2;
  --lowlight: #a3a3a3;
  --lowmedium: #666666;
  --lighthigh: #f9f9f9;
  --darkhigh: #cccccc;
  --red: #ba321d;
  --purplebg: linear-gradient(
    281.3deg,
    var(--purple) 3.68%,
    var(--purplelight) 96.2%
  );
  --orangebg: linear-gradient(
    14.06deg,
    var(--orange) -0.28%,
    var(--orangelight) 100.14%
  );
}

#btn_wpp,
#btn_wpp_car,
#btn-wpp,
#btn-wpp-lp{
  position: fixed;
  z-index: 999999;
  width: 60px;
  height: 60px;
  bottom: 0px;
  right: 0;
  margin: 0 ;
  cursor: pointer;
  border-radius: 50%;
}

.btn-wpp-img {
  width: 80%;
  right: 10px;
}


.notFound{
  dispay: flex;
  flex-direction: column;
  justify-content: center;
}

h2, #errTitle{
  color: var(--cta-button-purple, #961e96);  
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  padding: 10px 0;
}

.butSol{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  margin-top: 24px;
}

@media (min-width: 1024px) {
  .butSol{
    display: none;   
  }
}