:root {
  --primary: #041C34;
  --secondary: #02134A;
  --tertiary: #02394A;
  --cuaternary: #040240;
  --quinary: #040240;
  --senary: #040240;
}

::selection {
  color: rgb(7, 7, 7);
  background: var(--tertiary);
}

html {
  scroll-behavior: smooth !important;
}

input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=email] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input:focus {
  outline-offset: 0px;
}

btn:focus {
  outline: -webkit-focus-ring-color auto 0px !important;
}

:focus {
  outline: -webkit-focus-ring-color auto 0px !important;
}

input:focus, select:focus, textarea:focus, button:focus {
  outline: none !important;
}

@media (min-width:992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width:1380px) {
  .container {
    max-width: 1380px;
  }
}

@media (min-width:1380px) {
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}