/* FONT: Avenir Next LT Pro Regular */
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-Regular.otf")
    format("opentype");
  font-weight: 400;
  font-style: normal;
}

/* FONT: Bold */
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-Bold.otf")
    format("opentype");
  font-weight: 700;
  font-style: normal;
}

/* FONT: Demi */
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-Demi.otf")
    format("opentype");
  font-weight: 600;
  font-style: normal;
}

/* FONT: Demi Italic */
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-DemiIt.otf")
    format("opentype");
  font-weight: 600;
  font-style: italic;
}

/* FONT: Italic */
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-It.otf")
    format("opentype");
  font-weight: 400;
  font-style: italic;
}

/* FONT: Condensed */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-Cn.otf")
    format("opentype");
  font-weight: 400;
  font-style: normal;
}

/* FONT: Condensed Italic */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-CnIt.otf")
    format("opentype");
  font-weight: 400;
  font-style: italic;
}

/* FONT: Bold Condensed */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-BoldCn.otf")
    format("opentype");
  font-weight: 700;
  font-style: normal;
}

/* FONT: Bold Condensed Italic */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-BoldCnIt.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
}

/* FONT: Demi Condensed */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-DemiCn.otf")
    format("opentype");
  font-weight: 600;
  font-style: normal;
}

/* FONT: Demi Condensed Italic */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-DemiCnIt.otf")
    format("opentype");
  font-weight: 600;
  font-style: italic;
}

/* FONT: Medium Condensed */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-MediumCn.otf")
    format("opentype");
  font-weight: 500;
  font-style: normal;
}

/* FONT: Medium Condensed Italic */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-MediumCnIt.otf")
    format("opentype");
  font-weight: 500;
  font-style: italic;
}

/* FONT: Heavy Condensed */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-HeavyCn.otf")
    format("opentype");
  font-weight: 800;
  font-style: normal;
}

/* FONT: Heavy Condensed Italic */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-HeavyCnIt.otf")
    format("opentype");
  font-weight: 800;
  font-style: italic;
}

/* FONT: Ultra Light Condensed */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-UltLtCn.otf")
    format("opentype");
  font-weight: 200;
  font-style: normal;
}

/* FONT: Ultra Light Condensed Italic */
@font-face {
  font-family: "Avenir Next LT Pro Condensed";
  src: url("../fonts/Avenir-next-lt-pro/AvenirNextLTPro-UltLtCnIt.otf")
    format("opentype");
  font-weight: 200;
  font-style: italic;
}

:root {
  --highlight-green: #C0F4E3;
  --highlight-red: #FFC3C1;
  --highlight-yellow: #fff8d3;
  --main-green: #00e0a0;
  --secondary-green: #10996e;
  --secondary-text:#4e4e4e;
  --inactive-text:#CECDCD;
  --line-color:#e0e0e0;
  --box-color:#F9F9F9;
  --input-label-color:#989898;
  --input-border-color:#D9D9D9;
}

body {
  font-family: "Avenir Next LT Pro", sans-serif !important;
  background-color: white !important;
}
.main-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  z-index: 1;
}
.toogle-menu-icon-container{
  width: 61px;
}

.dropdown.navbar-language {
  border: 1px solid var(--line-color);
  border-radius: 19px;
  font-size: 1rem;
  padding: 5px;
}
.dropdown.navbar-language a {
  color: var(--secondary-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown.navbar-language .dropdown-menu a {
  justify-content: flex-start;
}
.dropdown.navbar-language a .flag-icon {
  margin: 0px 10px;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  background-size: cover;
}
.logo {
  width: 100px;
  height: auto;
  align-self: baseline;
}
#page-container {
  display: flex;
  flex-direction: row;
  height: 100vh;
  min-height: 800px;
}
.content-container,
.side-graphic-container {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}