@charset "UTF-8";

:root{
    /* --------------- COLORS --------------- */
    --white: #ffff;
    --black: #0000;

    --c-primary-000: #f9fcfc;
    --c-primary-015: #fafdfd;
    --c-primary-025: #e9f4f5;
    --c-primary-050: #e7eff1;
    --c-primary-100: #d0e0e3;
    --c-primary-150: #7aadb9;
    --c-primary-200: #4a7d88;
    --c-primary-300: #2b7484;
    --c-primary-400: #166475;
    --c-primary-500: #186070;
    --c-primary-550: #0f4b58;
    --c-primary-600: #09414d;

    --c-accent-400: #E0A735;

    --c-success-100   : #f0f8f1;
    --c-success-o-15  : #0bb14526;
    --c-success-o-25  : #0bb14540;
    --c-success-o-5   : #0bb14580;
    --c-success       : #0bb045;
    --c-success-500   : #00822d;

    --c-warning-o-075 : #f4a44313;
    --c-warning-o-15  : #f4a44326;
    --c-warning-o-25  : #f4a44340;
    --c-warning-o-5   : #f4a44380;
    --c-warning       : #f4a443;
    --c-warning-500   : #d07b14;

    --c-danger-o-075 : #eb7f9513;
    --c-danger-o-15  : #eb7f9526;
    --c-danger-o-25  : #eb7f9540;
    --c-danger-o-5   : #eb7f9580;
    --c-danger       : #eb6c5c;
    --c-danger-500   : #e0513e;

    --c-font-100: #ffffffbf;
    --c-font-200: #a8a8a8;
    --c-font-400: #5f5f5f;
    --c-font-500: #303030;

    --c-bkg: #F4F6F7;

    /* --------------- FONT-FAMILY --------------- */
    /* --ff-main    : 'Inter', sans-serif;
    --ff-display : 'Righteous', serif;
    --ff-title   : 'Righteous', serif; */
    --ff-main    : 'Poppins', sans-serif;
    --ff-display : 'Poppins', sans-serif;
    --ff-title   : 'Poppins', sans-serif;

    /* --------------- FONT-SIZE --------------- */
    --fs-400: 16px;

    /* --------------- SIZES --------------- */
    --max-width: 1750px;
    --max-width-big: 2000px;
    --section-padding-block: 5rem;
    --section-padding-inline: 2rem;
    --big-section-margin: 1.5rem;

    --header-height: 97px;

    /* --------------- OTHER --------------- */
    --br-big: 1.75rem;
    --br-med: 1.25rem;
    --br-small: .75rem;

    --border-size: 1px;
    --box-shadow: inset 0 0 0 var(--border-size) var(--c-primary-150), 0 0 0 0 #e9e9e900;
    --box-shadow-hover: inset 0 0 0 var(--border-size) var(--c-primary-150), 0 10px 30px 5px #e9e9e980;
}

@media screen and ( max-width: 400px ), screen and ( max-width: 900px ) and ( orientation: landscape ){
  :root{
    --section-padding-block: 2.5rem;
    --section-padding-inline: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation: none !important;
            animation: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--c-primary-050);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--c-primary-150);
  border-radius: 20rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--c-primary-200);
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: baseline;
}

img, picture, video, iframe, figure {
  max-width: 100%;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

a {
  display: block;
  text-decoration: none;
  color: inherit;
  font-size: inherit;

  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

p a, span a {
  display: inline;
  text-decoration: underline;
}

li {
  list-style-type: none;
}

html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, p, span, a, strong, blockquote, i, b, u, em {
  font-size: 1em;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: none;
  color: inherit;
}

b, strong{
    font-weight: 600;
}

u{
  text-decoration: underline;
}

em{
  font-style: italic;
}

hr{
  margin: 1rem 0;
  border-bottom: 1.5px solid var(--c-primary-100);
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

::-moz-selection {
  background-color: var(--c-primary-300);
  color: var(--white);
}

::selection {
  background-color: var(--c-primary-300);
  color: var(--white);
}

form, input, textarea, select, button, label {
  font-family: inherit;
  font-size: inherit;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  background-color: transparent;
  color: inherit;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

table, tr, td {
  border-collapse: collapse;
  border-spacing: 0;
}

svg {
  width: 100%;
  display: block;
  fill: currentColor;
  pointer-events: none;
}

body {
  min-height: 100vh;
  font-size: 100%;
  font-family: var(--ff-main);
  font-weight: 300;
  color: var(--c-font-400);
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.contrast p{
    color: white;
}

p{
  font-size: 1.1rem;
  line-height: 1.5;
}