/*CSS reset*/
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  body {
    line-height: 100%;
    -webkit-font-smoothing: antialiased;
  }
  img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    max-height: none;
    width: auto;
    height: auto;
  }
  input, button, textarea, select {
    font: inherit;
  }
  p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
  }
  #root, #__next {
    isolation: isolate;
  }
  ul{
    padding-inline-start: 0;
  }


/*Fontes Globais*/
    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
        font-weight: 400;
    }
    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
        font-weight: 500;
    }
    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
        font-weight: 600;
    }
    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
        font-weight: 700;
    }
    @font-face {
        font-family: 'Montserrat';
        src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
        font-weight: 800;
    }

    @font-face {
        font-family: 'OliviarSans';
        src: url('../fonts/OliviarSans-Regular.otf') format('opentype');
        font-weight: 400;
    }
    @font-face {
        font-family: 'OliviarSans';
        src: url('../fonts/OliviarSans-SemiBold.otf') format('opentype');
        font-weight: 500;
    }
    @font-face {
        font-family: 'OliviarSans';
        src: url('../fonts/OliviarSans-SemiBold.otf') format('opentype');
        font-weight: 600;
    }
    @font-face {
        font-family: 'OliviarSans';
        src: url('../fonts/OliviarSans-Bold.otf') format('opentype');
        font-weight: 700;
    }
    @font-face {
        font-family: 'OliviarSans';
        src: url('../fonts/OliviarSans-SemiBold.otf') format('opentype');
        font-weight: 800;
    }

    @font-face {
        font-family: 'Orbiter FBS';
        src: url('../fonts/OrbiterFBSTrial-Regular.otf') format('opentype');
        font-weight: 400;
    }
    @font-face {
        font-family: 'Orbiter FBS';
        src: url('../fonts/OrbiterFBSTrial-Medium.otf') format('opentype');
        font-weight: 500;
    }
    @font-face {
        font-family: 'Orbiter FBS';
        src: url('../fonts/OrbiterFBSTrial-SemiBold.otf') format('opentype');
        font-weight: 600;
    }
    @font-face {
        font-family: 'Orbiter FBS';
        src: url('../fonts/OrbiterFBSTrial-Bold.otf') format('opentype');
        font-weight: 700;
    }
    @font-face {
        font-family: 'Orbiter FBS';
        src: url('../fonts/OrbiterFBSTrial-ExtraBold.otf') format('opentype');
        font-weight: 800;
    }

    h1{
        font-family: 'OliviarSans';
        font-size: 64px;
        font-weight: 400;
        line-height: 77px;
        letter-spacing: 0.02em;
    }
    h2{
        font-family: "Orbiter FBS";
        font-size: 44px;
        font-weight: 600;
        line-height: 62px;
        letter-spacing: 0.04em;
    }
    h3{
        font-family: 'OliviarSans';
        font-size: 40px;
        font-weight: 500;
        line-height: 52px;
        letter-spacing: 0.02em;
        text-align: left;
    }
    h4{
        font-family: 'OliviarSans';
        font-size: 32px;
        font-weight: 500;
        line-height: 42px;
        letter-spacing: 0.04em;
        text-align: left;
    }
    h5{
        font-family: 'OliviarSans';
        font-size: 28px;
        font-weight: 500;
        line-height: 38px;
        letter-spacing: 0.02em;
        text-align: left;

    }
    h6{
        font-family: 'OliviarSans';
        font-size: 24px;
        font-weight: 400;
        line-height: 31px;
        letter-spacing: 0.02em;
        text-align: left;
    }
    .b1{
        font-family: 'Montserrat';
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: left;
    }
    .b1-med{
        font-family: 'Montserrat';
        font-size: 18px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: left;
    }
    .b1-bold{
        font-family: 'Montserrat';
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
    }
    .b2{
        font-family: 'Montserrat';
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0em;
        text-align: left;
    }
    .b2-med{
        font-family: 'Montserrat';
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: left;
    }
    .b2-bold{
        font-family: 'Montserrat';
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: 0.04em;
        text-align: left;
    }
    .b2-italic{
        font-family: 'Montserrat';
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0.04em;
        text-align: left;
    }
    .b3{
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.04em;
        text-align: left;
    }
    .b3-med{
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.04em;
        text-align: left;
    }
    .b3-semi{
        font-family: 'Montserrat';
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.04em;
        text-align: left;
    }
    .tag{
        font-family: 'Montserrat';
        font-size: 12px;
        font-weight: 700;
        line-height: 17px;
        letter-spacing: 0.04em;
        text-align: left;
    }
    .tag2{
        font-family: 'Montserrat';
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
    }
    .tag3{
        font-family: 'OliviarSans';
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0.04em;
        text-align: left;
    }
    .callout{
        font-family: 'OliviarSans';
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: left;
    }
    .callout2{
        font-family: 'Montserrat';
        font-size: 24px;
        font-weight: 600;
        line-height: 29px;
        letter-spacing: 0.04em;
        text-align: left;
    }

    @media(max-width: 768px){
        h1{
            font-family: 'Orbiter FBS';
            font-size: 44px;
            font-weight: 600;
            line-height: 62px;
            letter-spacing: 0.04em;
            text-align: left;
        }
        h2{
            font-family: 'OliviarSans';
            font-size: 40px;
            font-weight: 500;
            line-height: 52px;
            letter-spacing: 0.02em;
            text-align: left;
        }
        h3{
            font-family: 'OliviarSans';
            font-size: 32px;
            font-weight: 500;
            line-height: 42px;
            letter-spacing: 0.04em;
            text-align: left;
        }
        h4{
            font-family: 'OliviarSans';
            font-size: 28px;
            font-weight: 500;
            line-height: 38px;
            letter-spacing: 0.02em;
            text-align: left;
        }
        .b1{
            font-family: 'Montserrat';
            font-size: 18px;
            font-weight: 400;
            line-height: 25px;
            letter-spacing: 0em;
            text-align: left;
        }
        .b1-med{
            font-family: 'Montserrat';
            font-size: 18px;
            font-weight: 500;
            line-height: 25px;
            letter-spacing: 0em;
            text-align: left;
        }
        .b1-bold{
            font-family: 'Montserrat';
            font-size: 18px;
            font-weight: 700;
            line-height: 22px;
            letter-spacing: 0em;
            text-align: left;
        }
        .b2{
            font-family: 'Montserrat';
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: 0em;
            text-align: left;
        }
        .b2-med{
            font-family: 'Montserrat';
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;
            letter-spacing: 0em;
            text-align: left;
        }
        .b2-italic{
            font-family: 'Montserrat';
            font-size: 16px;
            font-style: italic;
            font-weight: 500;
            line-height: 22px;
            letter-spacing: 0.04em;
            text-align: left;
        }
        .b2-bold{
            font-family: 'Montserrat';
            font-size: 16px;
            font-weight: 700;
            line-height: 22px;
            letter-spacing: 0.04em;
            text-align: left;
        }
        .callout{
            font-family: 'OliviarSans';
            font-size: 20px;
            font-weight: 400;
            line-height: 30px;
            letter-spacing: 0em;
            text-align: left;
        }
        .callout2{
            font-family: 'Montserrat';
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: 0.04em;
            text-align: left;
        }
        .tag{
            font-family: 'Montserrat';
            font-size: 12px;
            font-weight: 700;
            line-height: 17px;
            letter-spacing: 0.04em;
            text-align: left;
        }
        .tag2{
            font-family: 'Montserrat';
            font-size: 12px;
            font-weight: 400;
            line-height: 17px;
            letter-spacing: 0em;
            text-align: left;
        }
    }
    @media(max-width: 500px){
        h1{
            font-family: 'OliviarSans';
            font-size: 32px;
            font-weight: 500;
            line-height: 42px;
            letter-spacing: 0.04em;
            text-align: left;
        }
        h2{
            font-family: 'OliviarSans';
            font-size: 28px;
            font-weight: 500;
            line-height: 38px;
            letter-spacing: 0.02em;
            text-align: left;
        }
        .b1{
            font-family: 'Montserrat';
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: 0em;
            text-align: left;
        }
        .b1-med{
            font-family: 'Montserrat';
            font-size: 16px;
            font-weight: 500;
            line-height: 19.5px;
            letter-spacing: 0em;
            text-align: left;
        }
        .b1-bold{
            font-family: 'Montserrat';
            font-size: 16px;
            font-weight: 700;
            line-height: 19.5px;
            letter-spacing: 0em;
            text-align: left;
        }
    }
  
  /*Cores globais*/
  :root{
    --blue1: #001020;
    --blue2: #03192F;
    --blue3: #303C49;
    --blue4: #3F5163;
    --blue5: #092A4A;
    --blue6: #303C49;
    --gray1: #F4F4F4;
    --gray2: #D9D9D9;
    --gray3: #E9E9E9;
    --gray4: #595959;
    --gray5: #B8B8B8;
    --white: white;
    --black: black;
    --golden: #D9B287;
  }
  
  /*Regras adicionais*/
  .gutter{
      max-width: 1314px;
      padding: 0px 32px;
      margin: auto;
      position: relative;
  }
  .reset-btn{
      background: transparent;
      padding: 0;
      margin: 0;
      outline: 0 0;
      box-shadow: none;
      border: none;
  }
  button{
      cursor: pointer;
  }
  ol, ul{
    list-style: none;
  }
  a{
    color: inherit;
    text-decoration: none;
  }
  
  
  
  /*Responsivo*/
  @media(max-width: 768px){
    .gutter{
        padding: 0px 64px;
    }
  }
  
  @media(max-width: 500px){
    .gutter{
        padding: 0px 20px;
    }
  }