html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  background: #ffffff !important;
  font-family: 'Zalando Sans SemiExpanded', sans-serif;
  overflow-x: hidden;
  color: #313131;
}

.overflow-hidden {
  overflow: hidden;
}

img {
  border-style: none;
}

button,
[type='button'],
[type='submit'],
[type='reset'] {
  -webkit-appearance: button;
}

input {
  font-size: 1em;
}

textarea {
  overflow: auto;
  font-size: 1.1em;
}

[hidden] {
  display: none;
}

button,
textarea,
select,
input {
  outline: 0;
}

@media (min-width: 1399px) {
  .containerWidth {
    max-width: 1399px;
    padding: 0;
  }
}

.containerWidth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}

:root {
  --color-primary: #0867a5;
  --color-secondary: #1f4157;
  --color-tertiary: #fcbe17;
  --color-whatsapp: rgb(30, 145, 30);

  --bg-primary: #f4f8ff;
  --bg-secondary: #eef2f8;
  --bg-tertiary: #e18b32;

  --border-primary: #d9e0eb;

  --shadow-default: 0px 6px 15px 0px #59667f61;
}