/*=============== GOOGLE FONTS ===============*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
/*=============== VARIABLES CSS ===============*/
:root {
  --header-height: 3.5rem;
  /*========== Font and typography ==========*/
  /*.5rem = 8px | 1rem = 16px ...*/
  --body-font:'Roboto Condensed',sans-sarif;
  --normal-font-size: .938rem;

  /*========== Font weight ==========*/
  --font-regular: 400;
  --font-semi-bold: 600;

  /*========== z index ==========*/
  --z-tooltip: 10;
  --z-fixed: 100;
  
}

/*=============== BASE ===============*/
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  body {
    font-family: var(--body-font);
    font-size: var(--normal-font-size);
    background-color: var(--body-color);
    line-height: 1.7;
    font-weight: 100;
  }
  .noflex{
    display: flex
  }
  
  .flex{
    display: flex !important;
    gap: 10px;
  }
  .m-b-40{
    margin-bottom: 40px;
  }
  .j-c-c{
    justify-content: center;
  }
  .a-i-c{
    align-items: center;
  }
  .text-center{
    text-align: center;
  }
  
  .container { width: 100%;}
  .container-fluid { width: 96%;  margin-left: auto;  margin-right: auto;  }


  /* .container {
    max-width: 1248px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  } */
  
  @media screen and (min-width: 60em) {
    .container {
      margin-inline: auto;
    }
  }

  .row {  position: relative;   width: 100%; }
  .row::after { content: "";  display: table;  clear: both; }
  .row [class^="col"] {  float: left;  min-height: 0.125rem;  }



  .col-1-sm {   width: 8.33%; }
  .col-2-sm {   width: 16.66%; }
  .col-3-sm {   width: 25%;  }
  .col-4-sm {   width: 33.33%; }
  .col-5-sm {   width: 41.66%;  }
  .col-6-sm {   width: 50%; }
  .col-7-sm {   width: 58.33%; }
  .col-8-sm {   width: 66.66%;  }
  .col-9-sm {   width: 75%;  }
  .col-10-sm {  width: 83.33%;  }
  .col-11-sm {  width: 91.66%;  }
  .col-12-sm {  width: 100%; }
  .hidden-in-sm {   display: none;  }
  
  @media only screen and (min-width: 48em) {
  
    /* 720px */
    .col-1-tb {    width: 8.33%;   }
    .col-2-tb {    width: 16.66%;    }
    .col-3-tb {    width: 25%;   }
    .col-4-tb {    width: 33.33%;    }
    .col-5-tb {     width: 41.66%;   }
    .col-6-tb {     width: 50%;   }
    .col--tb {     width: 58.33%;    }
    .col-8-tb {    width: 66.66%;   }
    .col-9-tb {    width: 75%;   }
    .col-10-tb {    width: 83.33%;  }
    .col-11-tb {    width: 91.66%;   }
    .col-12-tb {    width: 100%;   }
    .hidden-in-tb {   display: none;   }
  }
  
  @media only screen and (min-width: 60em) {
  
    /* 960px */
    .col-1 {  width: 8.33%;  }
    .col-2 {  width: 16.66%;  }
    .col-3 {  width: 25%;   }
    .col-4 {  width: 33.33%;   }
    .col-5 {  width: 41.66%;   }
    .col-6 {  width: 50%;   }
    .col-7 {  width: 58.33%;   }
    .col-8 {  width: 66.66%;   }
    .col-9 {  width: 75%;   }
    .col-10 { width: 83.33%;   }
    .col-11 { width: 91.66%;   }
    .col-12 { width: 100%;    }
    .hidden-in { display: none;}
  }