body[lang='en'] li[data-value='menu-en'] {
  display: none; }

body[lang='es'] li[data-value='menu-es'] {
  display: none; }

body[lang='en'] li[data-value='region-en'],
body[lang='es'] li[data-value='region-en'] {
  display: none; }

body[lang='mx'] li[data-value='region-mx'] {
  display: none; }

body[lang='br'] li[data-value='region-br'] {
  display: none; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.pro-footer-wrapper {
  background-color: #1c252e;
  color: #fff;
  padding: 3rem 0;
  display: flex; }
  @media only screen and (max-width: 600px) {
    .pro-footer-wrapper {
      flex-wrap: nowrap;
      padding-bottom: 1rem;
      flex-direction: column; } }
  .pro-footer-wrapper .pro-footer-container {
    display: flex;
    width: 100%;
    max-width: 1280px;
    padding: 0 55px;
    margin: 0 auto; }
    @media only screen and (max-width: 880px) {
      .pro-footer-wrapper .pro-footer-container {
        flex-wrap: wrap; } }
    @media only screen and (max-width: 600px) {
      .pro-footer-wrapper .pro-footer-container {
        width: unset;
        padding: 0 25px; } }
  .pro-footer-wrapper .social-logos {
    height: auto;
    width: 33%;
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 1px solid #8f8f8f; }
    @media only screen and (max-width: 880px) {
      .pro-footer-wrapper .social-logos {
        width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0;
        padding-right: 0rem; }
        .pro-footer-wrapper .social-logos a {
          margin-right: 1rem; } }
    @media only screen and (max-width: 600px) {
      .pro-footer-wrapper .social-logos {
        width: 100%;
        border-right: none;
        display: block;
        justify-content: flex-start;
        margin-left: 0;
        padding-bottom: 1.8125rem;
        border-bottom: 1px solid rgba(143, 143, 143, 0.2); }
        .pro-footer-wrapper .social-logos a {
          margin-right: 1rem; } }
    .pro-footer-wrapper .social-logos .logos-hover:hover path {
      fill: #fff; }
  .pro-footer-wrapper .wrap-social-media {
    width: 100%;
    margin-bottom: 35px; }
    @media only screen and (max-width: 880px) {
      .pro-footer-wrapper .wrap-social-media {
        margin-bottom: 0; } }
    @media only screen and (max-width: 600px) {
      .pro-footer-wrapper .wrap-social-media {
        margin-bottom: 35px; } }
    @media only screen and (max-width: 600px) {
      .pro-footer-wrapper .wrap-social-media div {
        display: flex;
        justify-content: space-between; } }
    .pro-footer-wrapper .wrap-social-media a {
      display: inline-block;
      padding-right: 20px; }
      @media only screen and (max-width: 880px) {
        .pro-footer-wrapper .wrap-social-media a {
          padding: 0 1rem 0 0;
          margin-right: 0; } }
      @media only screen and (max-width: 600px) {
        .pro-footer-wrapper .wrap-social-media a {
          margin-right: 0;
          padding: 0; } }
    .pro-footer-wrapper .wrap-social-media a,
    .pro-footer-wrapper .wrap-social-media svg {
      width: 40px;
      height: 40px;
      padding-right: 1rem; }
      @media only screen and (min-width: 600px) and (max-width: 1112px) {
        .pro-footer-wrapper .wrap-social-media a,
        .pro-footer-wrapper .wrap-social-media svg {
          width: 35px;
          height: 35px;
          padding-right: 0.5rem; } }
    @media only screen and (max-width: 600px) {
      .pro-footer-wrapper .wrap-social-media div {
        display: flex;
        width: 100%; } }
  .pro-footer-wrapper .site-map {
    width: 50%; }
    @media only screen and (max-width: 600px) {
      .pro-footer-wrapper .site-map {
        width: 100%; } }
  .pro-footer-wrapper .adress-wrapper {
    width: 30%; }
  .pro-footer-wrapper .footer-links-wrapper {
    display: flex; }
    @media only screen and (min-width: 600px) and (max-width: 880px) {
      .pro-footer-wrapper .footer-links-wrapper {
        margin-left: 4rem;
        width: 100%; } }
    @media only screen and (max-width: 652px) {
      .pro-footer-wrapper .footer-links-wrapper {
        margin-left: 3.5rem; } }
    @media only screen and (max-width: 600px) {
      .pro-footer-wrapper .footer-links-wrapper {
        margin-left: 0rem;
        justify-content: space-between;
        margin: auto;
        padding-top: 1.8125rem; } }
    .pro-footer-wrapper .footer-links-wrapper .footer-links-lits {
      width: 40%;
      display: flex; }
      .pro-footer-wrapper .footer-links-wrapper .footer-links-lits ul {
        list-style: none;
        margin-block-start: 0; }
        @media only screen and (max-width: 880px) {
          .pro-footer-wrapper .footer-links-wrapper .footer-links-lits ul {
            padding: 0; } }
        .pro-footer-wrapper .footer-links-wrapper .footer-links-lits ul .li-title + .li-title,
        .pro-footer-wrapper .footer-links-wrapper .footer-links-lits ul .li-title + p {
          margin-top: 1.5625rem; }
        .pro-footer-wrapper .footer-links-wrapper .footer-links-lits ul a {
          text-decoration: none; }
          .pro-footer-wrapper .footer-links-wrapper .footer-links-lits ul a:hover p {
            color: #23a5db; }
        .pro-footer-wrapper .footer-links-wrapper .footer-links-lits ul:lang(en) li:last-child, .pro-footer-wrapper .footer-links-wrapper .footer-links-lits ul:lang(es) li:last-child {
          margin-top: 20px; }
      .pro-footer-wrapper .footer-links-wrapper .footer-links-lits:hover {
        color: #23a5db; }
  @media only screen and (max-width: 600px) {
    .pro-footer-wrapper .address-wrapper-box {
      border-top: 1px solid rgba(143, 143, 143, 0.2); } }
  @media only screen and (max-width: 880px) {
    .pro-footer-wrapper .address-wrapper-box .address-upper-box {
      width: 100%;
      margin: auto;
      padding-top: 1.5625rem; } }
  @media only screen and (max-width: 600px) {
    .pro-footer-wrapper .address-wrapper-box .address-upper-box {
      padding-top: 1.8125rem; } }
  .pro-footer-wrapper .address-wrapper-box .address-upper-box a {
    text-decoration: none;
    margin-bottom: 1rem; }
    .pro-footer-wrapper .address-wrapper-box .address-upper-box a:hover p {
      color: #23a5db; }
  .pro-footer-wrapper .address-wrapper-box .address-upper-box div,
  .pro-footer-wrapper .address-wrapper-box .address-upper-box a {
    display: flex; }
    .pro-footer-wrapper .address-wrapper-box .address-upper-box div svg,
    .pro-footer-wrapper .address-wrapper-box .address-upper-box a svg {
      margin-right: 1rem;
      margin-top: 0.2rem;
      min-width: 12px; }
    .pro-footer-wrapper .address-wrapper-box .address-upper-box div p,
    .pro-footer-wrapper .address-wrapper-box .address-upper-box a p {
      max-width: 25rem;
      white-space: pre-line; }
  .pro-footer-wrapper .address-wrapper-box .address-multiple {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem; }
    .pro-footer-wrapper .address-wrapper-box .address-multiple .address-a {
      margin-bottom: 1rem; }
    .pro-footer-wrapper .address-wrapper-box .address-multiple .address-a,
    .pro-footer-wrapper .address-wrapper-box .address-multiple .address-b {
      display: flex;
      flex-direction: row; }
      .pro-footer-wrapper .address-wrapper-box .address-multiple .address-a p,
      .pro-footer-wrapper .address-wrapper-box .address-multiple .address-b p {
        display: flex;
        flex-direction: column; }
        .pro-footer-wrapper .address-wrapper-box .address-multiple .address-a p strong,
        .pro-footer-wrapper .address-wrapper-box .address-multiple .address-b p strong {
          margin: 0 0 0.5rem 0;
          text-transform: uppercase; }
  .pro-footer-wrapper .address-wrapper-box .location-link a {
    margin-left: 27px;
    color: #23a5db;
    text-decoration: none;
    margin-bottom: 1rem; }
  .pro-footer-wrapper .address-wrapper-box .address-lower-box {
    display: flex;
    flex-direction: column; }
    .pro-footer-wrapper .address-wrapper-box .address-lower-box-reserved {
      margin: 30px 0 10px; }
    .pro-footer-wrapper .address-wrapper-box .address-lower-box a {
      text-decoration: none; }
      .pro-footer-wrapper .address-wrapper-box .address-lower-box a p:hover {
        color: #23a5db; }
    @media only screen and (max-width: 880px) {
      .pro-footer-wrapper .address-wrapper-box .address-lower-box {
        margin-top: 2rem;
        margin-bottom: 1.875rem; } }
    @media only screen and (max-width: 1024px) {
      .pro-footer-wrapper .address-wrapper-box .address-lower-box {
        margin-left: 0; } }
  .pro-footer-wrapper .section-address {
    width: 20%; }
    @media only screen and (max-width: 880px) {
      .pro-footer-wrapper .section-address {
        width: 100%; } }
    @media only screen and (min-width: 600px) and (max-width: 880px) {
      .pro-footer-wrapper .section-address {
        display: flex; } }

.footer-logo-product {
  max-width: 100px; }

.footer-wrap-li-logo {
  margin: 1.5625rem 0; }

.space-top {
  margin-top: 1.5625rem; }

.tablet-wrapper {
  display: flex;
  width: 100%; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.select__wrapper {
  position: relative;
  width: 100%; }
  .select__wrapper .form-select {
    color: #fff; }
    .select__wrapper .form-select svg.MuiSelect-icon {
      fill: #fff; }
  .select__wrapper label {
    color: #8f8f8f;
    font-weight: 500;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 20px; }
  .select__wrapper .MuiInput-underline {
    padding-bottom: 1.3rem; }
    .select__wrapper .MuiInput-underline:before, .select__wrapper .MuiInput-underline:after {
      border-bottom: 1px solid #fff; }
    .select__wrapper .MuiInput-underline:hover:not(.Mui-disabled):before {
      border-bottom: 2px solid #fff; }

.MuiMenu-paper.MuiPaper-rounded {
  border-radius: 0; }

.MuiMenu-paper ul {
  padding: 0; }

.MuiMenu-paper li {
  border-bottom: 1px solid #8f8f8f;
  padding: 1rem; }
  .MuiMenu-paper li p {
    color: #000; }
  .MuiMenu-paper li:hover {
    color: #fff;
    background: #23a5db; }

.MuiSelect-selectMenu {
  padding-bottom: 0;
  position: relative;
  top: 9px; }

.MuiFormLabel-root.Mui-focused.Mui-focused {
  color: #8f8f8f; }

.form-black .form-select,
.form-black .form-input {
  color: #fff !important;
  margin-bottom: 1.5rem; }
  .form-black .form-select svg.MuiSelect-icon,
  .form-black .form-input svg.MuiSelect-icon {
    fill: #8f8f8f !important; }

.form-black input {
  color: #fff !important; }

.form-black .MuiInput-underline:before, .form-black .MuiInput-underline:after {
  border-bottom: 1px solid #8f8f8f !important; }

.form-black .MuiInput-underline:hover:not(.Mui-disabled):before {
  border-bottom: 2px solid #8f8f8f !important; }

.form-black .MuiMenu-paper li {
  border-bottom: 1px solid #8f8f8f;
  padding: 1rem; }
  .form-black .MuiMenu-paper li:hover {
    color: black;
    background: #23a5db; }

@media only screen and (min-width: 1024px) {
  .wrap-select-regions {
    max-width: 350px; } }

.wrap-select-regions span {
  font-family: "Azo Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px; }

@media only screen and (min-width: 600px) and (max-width: 880px) {
  .wrap-select-regions {
    max-width: 230px; } }

#select-regions {
  display: flex;
  align-items: center; }

.current-lang-en svg circle,
.current-lang-en svg path {
  stroke: white; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

html {
  height: -webkit-fill-available; }

body {
  font-family: "Azo Sans";
  padding: 0;
  margin: 0;
  min-height: -webkit-fill-available;
  overflow-x: hidden;
  overscroll-behavior: none;
  height: 100% !important;
  padding-right: 0 !important;
  overflow-y: auto !important;
  background-color: #1c252e; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.wysiwyg p {
  font-family: "Open Sans"; }

.page-main-container {
  background-color: #1c252e;
  width: 100%;
  position: relative;
  min-height: 100vh; }
  .page-main-container.home-page-br .wrap-header #pro-main-header .desktop-menu-option.get-in-touch, .page-main-container.contact-us-page-br .wrap-header #pro-main-header .desktop-menu-option.get-in-touch {
    display: flex; }
    @media only screen and (max-width: 880px) {
      .page-main-container.home-page-br .wrap-header #pro-main-header .desktop-menu-option.get-in-touch, .page-main-container.contact-us-page-br .wrap-header #pro-main-header .desktop-menu-option.get-in-touch {
        justify-content: center; } }
  @media only screen and (min-width: 880px) {
    .page-main-container.home-page-br.brazil-index .hero-space-bottom, .page-main-container.contact-us-page-br.brazil-index .hero-space-bottom {
      margin-bottom: -6rem; } }
  .page-main-container.home-page-br .contact-us-wrapper .day-theme__bg, .page-main-container.contact-us-page-br .contact-us-wrapper .day-theme__bg {
    background: #fff;
    background-image: none; }
  .page-main-container.home-page-br #pro-main-header .main-desktop-menu .science-page__banner__type2-right p,
  .page-main-container.home-page-br .science-page__banner__type1-left p, .page-main-container.contact-us-page-br #pro-main-header .main-desktop-menu .science-page__banner__type2-right p,
  .page-main-container.contact-us-page-br .science-page__banner__type1-left p {
    width: 100%; }
  .page-main-container.home-page-br .science-page__banner__type1-right, .page-main-container.contact-us-page-br .science-page__banner__type1-right {
    display: flex;
    flex-direction: row;
    flex-flow: row-reverse;
    padding-right: 3.4rem; }
    @media only screen and (max-width: 880px) {
      .page-main-container.home-page-br .science-page__banner__type1-right, .page-main-container.contact-us-page-br .science-page__banner__type1-right {
        width: 85%; } }
  .page-main-container.home-page-br .pro-footer-wrapper, .page-main-container.contact-us-page-br .pro-footer-wrapper {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  .page-main-container.home-page-br .faq-wrapper, .page-main-container.contact-us-page-br .faq-wrapper {
    z-index: 0; }
    @media only screen and (max-width: 880px) {
      .page-main-container.home-page-br .faq-wrapper, .page-main-container.contact-us-page-br .faq-wrapper {
        margin-top: 50px; } }
  .page-main-container.day-theme {
    background-color: #fff; }
    .page-main-container.day-theme .wrap-header.is-at-top {
      background: #fff; }
    .page-main-container.day-theme .wrap-header.not-at-top {
      background: #fff; }
    .page-main-container.day-theme #pro-main-header.is-at-top {
      background: #fff; }
    .page-main-container.day-theme #pro-main-header.not-at-top {
      background: #fff; }
    .page-main-container.day-theme #pro-main-header .logo-wrapper .logo_svg__svg-elem {
      fill: #000; }
    .page-main-container.day-theme #pro-main-header .logo-mobile-wrapper:not(.invert-logo-color) .logoMobile_svg__svg-elem {
      fill: #000; }
    .page-main-container.day-theme #pro-main-header .burgerMenu svg path {
      stroke: #000; }
    .page-main-container.day-theme #pro-main-header #exMenuIcon svg path {
      stroke: #000; }
    .page-main-container.day-theme #pro-main-header .main-desktop-menu .desktop-menu-option > a {
      color: #000; }
      .page-main-container.day-theme #pro-main-header .main-desktop-menu .desktop-menu-option > a:hover {
        color: #1b8cca; }
    .page-main-container.day-theme #pro-main-header .desktop-menu-getTouch-cta {
      border: 1px solid #000;
      color: #000; }
      .page-main-container.day-theme #pro-main-header .desktop-menu-getTouch-cta:hover .pro-button__inner .rightArrow_svg__svg-elem {
        stroke: #fff; }
      .page-main-container.day-theme #pro-main-header .desktop-menu-getTouch-cta .pro-button__inner a {
        color: #000; }
      .page-main-container.day-theme #pro-main-header .desktop-menu-getTouch-cta .pro-button__inner .rightArrow_svg__svg-elem {
        stroke: #000; }
      .page-main-container.day-theme #pro-main-header .desktop-menu-getTouch-cta .pro-button__inner .pro-button__arrow-icon .path_svg__svg-elem {
        stroke: #000; }
        .page-main-container.day-theme #pro-main-header .desktop-menu-getTouch-cta .pro-button__inner .pro-button__arrow-icon .path_svg__svg-elem:hover {
          stroke: #fff; }
      .page-main-container.day-theme #pro-main-header .desktop-menu-getTouch-cta:hover {
        border-color: #1b8cca;
        background-color: #1b8cca;
        color: #fff; }
        .page-main-container.day-theme #pro-main-header .desktop-menu-getTouch-cta:hover svg path {
          stroke: #fff; }
        .page-main-container.day-theme #pro-main-header .desktop-menu-getTouch-cta:hover a {
          color: #fff; }
    .page-main-container.day-theme #pro-main-header .language-picker-wrapper label {
      color: #000; }
    .page-main-container.day-theme #pro-main-header .language-picker-wrapper .MuiFormControl-root {
      border-left: 0.1px solid rgba(0, 0, 0, 0.2); }
    .page-main-container.day-theme #pro-main-header .language-picker-wrapper .MuiSelect-icon {
      color: #000; }
    .page-main-container.day-theme #pro-main-header .language-picker-wrapper #select-language-cbx {
      color: #000; }
    .page-main-container.day-theme #pro-main-header .main-mobile-menu #burgerMenuIcon,
    .page-main-container.day-theme #pro-main-header .main-mobile-menu #burgerMenuIcon:before,
    .page-main-container.day-theme #pro-main-header .main-mobile-menu #burgerMenuIcon:after {
      background: #000;
      cursor: pointer; }
    .page-main-container.day-theme #pro-main-header .main-mobile-menu.menu-size-open {
      background-color: #1c252e; }
      .page-main-container.day-theme #pro-main-header .main-mobile-menu.menu-size-open .main-mobile-menu-wrap .logo-wrapper svg path:first-child,
      .page-main-container.day-theme #pro-main-header .main-mobile-menu.menu-size-open .main-mobile-menu-wrap .logo-wrapper svg path:last-child {
        fill: #fff; }
      .page-main-container.day-theme #pro-main-header .main-mobile-menu.menu-size-open .main-mobile-menu-wrap .logo-wrapper .burgerMenu svg path {
        stroke: #fff; }
      .page-main-container.day-theme #pro-main-header .main-mobile-menu.menu-size-open .main-mobile-menu-wrap #exMenuIcon svg path {
        stroke: #fff; }
    .page-main-container.day-theme #pro-main-header .main-mobile-menu .blueMobileMenu .blueMobileMenu-content .blueMobileMenu-list .language-picker-wrapper .MuiFormControl-root {
      border-left: none; }
    .page-main-container.day-theme #pro-main-header .main-mobile-menu .blueMobileMenu .blueMobileMenu-content .blueMobileMenu-list .language-picker-wrapper .MuiSelect-icon {
      color: #fff; }
    .page-main-container.day-theme #pro-main-header .main-mobile-menu .blueMobileMenu .blueMobileMenu-content .blueMobileMenu-list .language-picker-wrapper .select-input__wrapper #select-language-cbx {
      color: #fff; }
    .page-main-container.day-theme .pro-footer-wrapper {
      background-color: #fff;
      color: #000; }
      .page-main-container.day-theme .pro-footer-wrapper a {
        color: #000; }
        .page-main-container.day-theme .pro-footer-wrapper a:hover {
          color: #1b8cca; }
      .page-main-container.day-theme .pro-footer-wrapper .footer-links-wrapper .footer-links-lits ul a {
        color: #000; }
        .page-main-container.day-theme .pro-footer-wrapper .footer-links-wrapper .footer-links-lits ul a:hover {
          color: #1b8cca; }
      .page-main-container.day-theme .pro-footer-wrapper .social-logos {
        border-color: #8f8f8f; }
        @media only screen and (max-width: 880px) {
          .page-main-container.day-theme .pro-footer-wrapper .social-logos {
            border-color: rgba(143, 143, 143, 0.2); } }
        .page-main-container.day-theme .pro-footer-wrapper .social-logos a:hover svg path {
          fill: #3354a2; }
      .page-main-container.day-theme .pro-footer-wrapper .address-wrapper-box .location_svg__svg-elem,
      .page-main-container.day-theme .pro-footer-wrapper .address-wrapper-box .phone_svg__svg-elem {
        fill: #000; }
  .page-main-container .page-main-container__scroll-area,
  .page-main-container .wrapper {
    position: relative; }
    @media only screen and (max-width: 880px) {
      .page-main-container .page-main-container__scroll-area,
      .page-main-container .wrapper {
        padding-left: 0;
        padding-right: 0;
        width: 100%; } }
    @media only screen and (max-width: 880px) {
      .page-main-container .page-main-container__scroll-area,
      .page-main-container .wrapper {
        padding-left: 0;
        padding-right: 0;
        width: 100%; } }
    @media only screen and (max-width: 320px) {
      .page-main-container .page-main-container__scroll-area,
      .page-main-container .wrapper {
        padding-left: 0;
        padding-right: 0;
        width: 100%; } }

.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.MuiSelect-select,
.MuiMenuItem-root {
  font-family: "Open Sans" !important; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.pro-modal__wrapper {
  position: fixed;
  display: flex;
  justify-content: center;
  z-index: 10000;
  left: 0;
  top: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 37, 46, 0.7); }
  @media only screen and (max-width: 880px) {
    .pro-modal__wrapper {
      display: block; } }
  .pro-modal__wrapper h3 {
    margin: 0;
    margin-bottom: 10px; }
  .pro-modal__wrapper .meet-the-team-title {
    margin-bottom: 20px; }
  .pro-modal__wrapper .pro-modal__box {
    align-self: center;
    padding: 50px 100px !important;
    max-width: 1190px;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    justify-self: center;
    background: #3354a2;
    z-index: 3;
    position: absolute;
    display: flex;
    flex-direction: column;
    box-sizing: border-box; }
    @media only screen and (max-width: 880px) {
      .pro-modal__wrapper .pro-modal__box {
        max-width: 100% !important;
        height: auto;
        margin: 0 auto;
        padding: 1rem 0 !important; } }
    .pro-modal__wrapper .pro-modal__box .card-view {
      display: flex;
      flex-direction: row;
      width: 100%; }
      @media only screen and (max-width: 600px) {
        .pro-modal__wrapper .pro-modal__box .card-view {
          flex-direction: column; } }
  .pro-modal__wrapper .pro-header-close {
    top: -25px;
    right: 20px;
    position: absolute; }
  .pro-modal__wrapper .pro-header-wrap {
    position: relative; }
  .pro-modal__wrapper .pro-modal__header {
    margin-bottom: 1.125rem;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    @media only screen and (max-width: 880px) {
      .pro-modal__wrapper .pro-modal__header {
        padding: 0 1rem !important; } }
    .pro-modal__wrapper .pro-modal__header p {
      color: #fff; }
  .pro-modal__wrapper span {
    cursor: pointer;
    color: #fff;
    text-align: right;
    padding-left: 10px; }
  .pro-modal__wrapper iframe {
    width: 100%;
    height: 500px; }
    @media only screen and (max-width: 880px) {
      .pro-modal__wrapper iframe {
        height: 350px; } }

.video-card-type .pro-modal__box {
  padding: 0;
  justify-self: center;
  background: transparent; }

.team-members-card-type .pro-header-close {
  top: -35px;
  right: -60px; }
  @media only screen and (max-width: 1040px) {
    .team-members-card-type .pro-header-close {
      top: -20px;
      right: -25px; } }
  @media only screen and (max-width: 600px) {
    .team-members-card-type .pro-header-close {
      top: -5px;
      right: 35px; } }

.team-members-card-type .pro-modal__box {
  padding: 50px 100px !important; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.typography-h1,
.typography-h2,
.typography-h3,
.typography-h4,
.typography-body1,
.typography-body2,
.typography-bannerTitle,
.typography-teamMember {
  font-family: "Azo Sans";
  font-style: normal;
  font-weight: 400; }

.typography-body3,
.typography-body4,
.typography-bannerBody {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400; }

.typography-h1 {
  font-size: 60px;
  line-height: 70px; }
  @media only screen and (max-width: 880px) {
    .typography-h1 {
      font-size: 50px;
      line-height: 60px; } }
  @media only screen and (max-width: 600px) {
    .typography-h1 {
      font-size: 40px;
      line-height: 50px; } }

.typography-h2 {
  font-size: 30px;
  line-height: 40px;
  margin: 10px 0; }
  @media only screen and (max-width: 880px) {
    .typography-h2 {
      font-size: 20px;
      line-height: 30px; } }

.typography-banner {
  font-size: 40px;
  line-height: 50px;
  margin: 10px 0; }
  @media only screen and (max-width: 880px) {
    .typography-banner {
      font-size: 30px;
      line-height: 40px; } }

.typography-bannerTitle {
  font-size: 40px;
  line-height: 50px;
  margin: 10px 0; }
  @media only screen and (max-width: 880px) {
    .typography-bannerTitle {
      font-size: 30px;
      line-height: 40px; } }

.typography-bannerBody {
  font-size: 15px;
  line-height: 24px; }

.typography-teamMember {
  font-size: 20px;
  line-height: 30px;
  margin: 10px 0; }
  @media only screen and (max-width: 880px) {
    .typography-teamMember {
      font-size: 15px;
      line-height: 20px; } }

.typography-h3 {
  font-size: 30px;
  line-height: 40px;
  margin: 0; }
  @media only screen and (max-width: 880px) {
    .typography-h3 {
      font-size: 20px;
      line-height: 30px; } }

.typography-h4 {
  font-size: 20px;
  line-height: 40px;
  margin: 0; }
  @media only screen and (max-width: 880px) {
    .typography-h4 {
      font-size: 30px;
      line-height: 60px; } }

.typography-body1 {
  font-size: 20px;
  line-height: 30px; }

.typography-body2 {
  font-size: 15px;
  line-height: 20px; }

.typography-body3 {
  font-size: 15px;
  line-height: 24px; }

.typography-body4 {
  font-size: 12px;
  line-height: 20px; }

.color-white {
  color: #fff; }
  .color-white svg path {
    stroke: #fff; }

.color-black {
  color: #000; }
  .color-black svg path {
    stroke: #000; }

.color-blueNight {
  color: #23a5db; }
  .color-blueNight svg path {
    stroke: #23a5db; }

.color-blueDay {
  color: #1b8cca; }
  .color-blueDay svg path {
    stroke: #1b8cca; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.logos-hover:hover path {
  fill: #fff; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

#whatsappBtn {
  width: 50px;
  height: 40px;
  background-color: #52C04E;
  border-radius: 20px;
  border: none;
  white-space: nowrap;
  text-transform: none;
  transition: all 0.5s ease; }
  @media only screen and (max-width: 1040px) {
    #whatsappBtn {
      width: 100%;
      max-width: 148px; }
      #whatsappBtn svg {
        margin-right: 10px; } }
  #whatsappBtn p {
    text-transform: none; }
    @media only screen and (min-width: 1040px) {
      #whatsappBtn p {
        display: none; } }
  #whatsappBtn:hover,
  #whatsappBtn :focus {
    background-color: #399735; }

.wrap-header {
  position: fixed;
  z-index: 9999;
  height: 4.4rem;
  width: 100%; }

.header__visible {
  opacity: 1;
  animation-name: fadeIn;
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards; }

.day-theme #pro-main-header .selected-opt {
  border-bottom: 0.2rem solid #000; }
  .day-theme #pro-main-header .selected-opt:hover {
    border-color: #23a5db; }

#pro-main-header {
  text-align: center;
  height: 4.4rem;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2; }
  #pro-main-header .main-desktop-menu-container {
    display: flex;
    flex-direction: row;
    color: #fff;
    width: 100%; }
    @media only screen and (max-width: 1040px) {
      #pro-main-header .main-desktop-menu-container {
        display: none; } }
    @media only screen and (max-width: 1040px) {
      #pro-main-header .main-desktop-menu-container {
        background: none; } }
  #pro-main-header .selected-opt {
    border-bottom: 0.2rem solid #fff; }
    #pro-main-header .selected-opt:hover {
      border-color: #23a5db; }
  #pro-main-header .header-section-1 {
    width: 30%;
    display: flex; }
    @media only screen and (max-width: 1199px) {
      #pro-main-header .header-section-1 {
        width: 30%; } }
  #pro-main-header .header-section-2 {
    width: 100%; }
  #pro-main-header .logo-wrapper {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 600px) {
      #pro-main-header .logo-wrapper {
        display: none; } }
  #pro-main-header .logo-mobile-wrapper {
    display: none; }
    @media only screen and (max-width: 600px) {
      #pro-main-header .logo-mobile-wrapper {
        padding-left: 1.5625rem;
        display: flex;
        position: fixed;
        z-index: 1; } }
  #pro-main-header .main-desktop-menu {
    display: flex;
    justify-content: flex-end; }
    #pro-main-header .main-desktop-menu .desktop-menu-option {
      padding-right: 1.5rem;
      justify-content: center;
      display: flex;
      align-items: center;
      cursor: pointer; }
      #pro-main-header .main-desktop-menu .desktop-menu-option:last-child {
        padding-right: 0; }
      #pro-main-header .main-desktop-menu .desktop-menu-option a {
        color: #fff;
        text-decoration: none;
        transition: all 0.5s ease;
        padding-bottom: 0.2rem; }
        #pro-main-header .main-desktop-menu .desktop-menu-option a:hover {
          color: #23a5db; }
          #pro-main-header .main-desktop-menu .desktop-menu-option a:hover > p {
            transition: all 0.5s ease;
            color: #23a5db; }
      #pro-main-header .main-desktop-menu .desktop-menu-option :focus {
        background-color: none; }
    #pro-main-header .main-desktop-menu .language-picker-wrapper {
      width: 15%; }
  #pro-main-header .main-mobile-menu {
    display: none; }
    #pro-main-header .main-mobile-menu .MuiSelect-icon {
      top: calc(50% - 4px) !important; }
    #pro-main-header .main-mobile-menu.menu-size-close {
      height: 4.4rem !important; }
    #pro-main-header .main-mobile-menu.menu-size-open {
      height: 100% !important;
      width: 100%;
      left: 0; }
      #pro-main-header .main-mobile-menu.menu-size-open .main-mobile-menu-wrap {
        background-color: #1c252e; }
    #pro-main-header .main-mobile-menu .logo-wrapper {
      padding-left: 3rem;
      padding-top: 1.1rem; }
      @media only screen and (max-width: 880px) {
        #pro-main-header .main-mobile-menu .logo-wrapper {
          padding-left: 1.5625rem; } }
      @media only screen and (max-width: 600px) {
        #pro-main-header .main-mobile-menu .logo-wrapper {
          padding-left: 1rem; } }
    #pro-main-header .main-mobile-menu .main-mobile-menu-wrap {
      width: 100%; }
    @media only screen and (max-width: 1040px) {
      #pro-main-header .main-mobile-menu {
        display: flex;
        width: 100%;
        height: 100%;
        top: 0;
        position: fixed;
        z-index: -1;
        padding-left: 0;
        overflow: scroll;
        left: 0; } }
    #pro-main-header .main-mobile-menu li,
    #pro-main-header .main-mobile-menu a {
      margin-bottom: 15px;
      text-decoration: none;
      text-transform: none;
      list-style: none;
      outline: 0; }
    #pro-main-header .main-mobile-menu .burgerMenu {
      position: absolute;
      right: 1.875rem;
      top: 22px;
      height: 25px;
      width: 25px; }
      #pro-main-header .main-mobile-menu .burgerMenu:hover {
        cursor: pointer; }
    #pro-main-header .main-mobile-menu #exMenuIcon {
      position: absolute;
      right: 0.875rem;
      top: 22px;
      height: 20px;
      width: 20px; }
      #pro-main-header .main-mobile-menu #exMenuIcon:hover {
        cursor: pointer; }
    #pro-main-header .main-mobile-menu .blueMobileMenu {
      width: 100%;
      min-height: 100vh;
      background-color: #1c252e;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center; }
      #pro-main-header .main-mobile-menu .blueMobileMenu-content {
        justify-content: center;
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        margin-top: 80px; }
      #pro-main-header .main-mobile-menu .blueMobileMenu-list {
        margin: 0;
        padding-inline-start: 0;
        display: flex;
        flex-direction: column; }
      #pro-main-header .main-mobile-menu .blueMobileMenu a {
        padding: 0 10px;
        text-decoration: none;
        display: block;
        transition: 1s ease all; }
        #pro-main-header .main-mobile-menu .blueMobileMenu a h1 {
          margin-top: 0; }
    #pro-main-header .main-mobile-menu #menu-toggle > li,
    #pro-main-header .main-mobile-menu a {
      display: block; }
    #pro-main-header .main-mobile-menu .language-picker-wrapper {
      width: 100%;
      padding: 1rem 0 3rem; }
      #pro-main-header .main-mobile-menu .language-picker-wrapper div > div {
        border: none; }
    #pro-main-header .main-mobile-menu .social-logos div {
      display: flex;
      flex-direction: row; }
  #pro-main-header .desktop-menu-getTouch-cta {
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 1.25rem;
    padding: 9px 30px;
    white-space: nowrap;
    text-transform: none;
    transition: all 0.5s ease;
    transition: all 0.5s ease; }
    #pro-main-header .desktop-menu-getTouch-cta:hover {
      background-color: #fff;
      color: #000; }
      #pro-main-header .desktop-menu-getTouch-cta:hover a {
        color: #000; }
      #pro-main-header .desktop-menu-getTouch-cta:hover p {
        color: #000; }
      #pro-main-header .desktop-menu-getTouch-cta:hover svg path {
        stroke: #000; }
    #pro-main-header .desktop-menu-getTouch-cta a {
      margin-bottom: 0; }
    #pro-main-header .desktop-menu-getTouch-cta a:hover {
      color: #000; }
    #pro-main-header .desktop-menu-getTouch-cta:hover span div p {
      color: #000; }
  #pro-main-header .language-picker-wrapper {
    border: none; }
    #pro-main-header .language-picker-wrapper label {
      color: #fff;
      font-size: 1.25rem;
      padding-top: 0.7rem;
      padding-left: 2.5rem; }
      @media only screen and (max-width: 1040px) {
        #pro-main-header .language-picker-wrapper label {
          font-size: 0; } }
    #pro-main-header .language-picker-wrapper ::before,
    #pro-main-header .language-picker-wrapper :hover,
    #pro-main-header .language-picker-wrapper ::after {
      border: none; }
    #pro-main-header .language-picker-wrapper .MuiFormControl-root {
      height: 2.25rem;
      justify-content: center;
      border-left: 0.1px solid rgba(255, 255, 255, 0.5);
      padding: 0 1rem; }
      #pro-main-header .language-picker-wrapper .MuiFormControl-root div {
        margin-top: 0.25rem; }
    #pro-main-header .language-picker-wrapper .MuiSelect-select.MuiSelect-select {
      padding-right: 35px; }
    #pro-main-header .language-picker-wrapper .MuiFormControl-root div {
      margin-top: -0.25rem;
      margin-left: 0.25rem; }
      @media only screen and (max-width: 880px) {
        #pro-main-header .language-picker-wrapper .MuiFormControl-root div {
          margin-top: 1.5rem; } }
    #pro-main-header .language-picker-wrapper #select-language-cbx {
      color: #fff;
      padding-bottom: 1.75rem;
      font-size: 0; }
      @media only screen and (max-width: 1040px) {
        #pro-main-header .language-picker-wrapper #select-language-cbx {
          font-size: initial;
          text-transform: lowercase;
          margin-top: 2.5rem;
          font-weight: 500; } }
    #pro-main-header .language-picker-wrapper .MuiSelect-icon {
      color: #fff;
      top: calc(50% - 10px); }

#menu-toggle:checked {
  height: 100%; }

.language-picker__opt:hover {
  color: #fff !important;
  background-color: #23a5db !important; }

.Mui-selected {
  color: #fff !important;
  background-color: #23a5db !important; }

@media only screen and (max-width: 880px) {
  .MuiMenuItem-root {
    text-transform: lowercase; } }

.MuiPopover-root#menu- {
  z-index: 20000 !important; }

#pro-main-header .language-picker-wrapper {
  max-width: 105px; }

#pro-main-header .select__wrapper {
  box-sizing: border-box; }

#pro-main-header .MuiSelect-select:focus {
  background-color: rgba(0, 0, 0, 0.2) !important; }

.main-mobile-menu .language-picker-wrapper {
  max-width: 140px !important;
  margin: 0 auto; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.pro-button__inner {
  display: flex;
  align-items: center; }
  .pro-button__inner a {
    color: #fff;
    text-decoration: none; }

.pro-button__play-icon {
  margin-right: 0.5rem; }

.pro-button__arrow-icon {
  margin-left: 0.5rem; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1c252e;
  opacity: 0.7;
  z-index: 11111;
  cursor: pointer; }

.wrap-cookies.modal-box {
  padding: 54px 100px 40px 100px;
  background-color: #3354a2;
  width: 530px;
  height: 205px;
  margin: 0 auto;
  display: table;
  position: fixed;
  left: 0;
  right: 0;
  top: 250px;
  z-index: 111111; }
  @media only screen and (max-width: 880px) {
    .wrap-cookies.modal-box {
      padding: 30px;
      width: 75%; } }
  .wrap-cookies.modal-box .modal-title {
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 20px; }
    @media only screen and (max-width: 880px) {
      .wrap-cookies.modal-box .modal-title {
        padding-right: 40px; } }
  .wrap-cookies.modal-box .modal-description {
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 40px; }
  .wrap-cookies.modal-box .btn-white {
    height: 40px;
    width: 111px;
    border-radius: 20px;
    padding: 10px, 30px, 10px, 30px;
    background-color: #23a5db;
    color: #fff;
    letter-spacing: 0;
    text-align: left;
    text-transform: capitalize; }
    .wrap-cookies.modal-box .btn-white:hover {
      background-color: #fff; }
      .wrap-cookies.modal-box .btn-white:hover p {
        color: #000; }
    @media only screen and (max-width: 880px) {
      .wrap-cookies.modal-box .btn-white {
        width: 100%; } }
  .wrap-cookies.modal-box .wrap-cookies-close {
    position: absolute;
    top: 30px;
    right: 25px; }
    @media only screen and (max-width: 880px) {
      .wrap-cookies.modal-box .wrap-cookies-close {
        top: 20px;
        right: 28px; } }

.wrap-cookies.banner {
  background-color: #1c252e;
  border-top: 1px solid #3354a2;
  padding: 15px 1rem;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  box-sizing: border-box; }
  .wrap-cookies.banner .wrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 880px) {
      .wrap-cookies.banner .wrapper {
        flex-direction: column; } }
    @media only screen and (max-width: 880px) {
      .wrap-cookies.banner .wrapper p {
        margin-bottom: 20px;
        padding-right: 17px; } }
    .wrap-cookies.banner .wrapper p a {
      color: #23a5db; }
      .wrap-cookies.banner .wrapper p a:hover {
        color: #fff; }
    .wrap-cookies.banner .wrapper .btn-white {
      transition: all 0.5s ease;
      margin: 0 180px 0 40px;
      margin-top: 0;
      color: #fff;
      border: solid 1px #fff;
      border-radius: 1.25rem;
      text-transform: none;
      padding: 10px 30px; }
      .wrap-cookies.banner .wrapper .btn-white:hover {
        background-color: #fff;
        color: #000; }
        .wrap-cookies.banner .wrapper .btn-white:hover a {
          color: #000; }
        .wrap-cookies.banner .wrapper .btn-white:hover p {
          color: #000; }
        .wrap-cookies.banner .wrapper .btn-white:hover svg path {
          stroke: #000; }
      .wrap-cookies.banner .wrapper .btn-white:hover span div p {
        color: #000; }
      @media only screen and (max-width: 880px) {
        .wrap-cookies.banner .wrapper .btn-white {
          margin: 0;
          background-color: #23a5db;
          border: solid 1px #23a5db;
          width: 100%; }
          .wrap-cookies.banner .wrapper .btn-white p {
            margin: 0; } }

.wrap-cookies .wrap-cookies-close {
  color: #fff;
  cursor: pointer; }
  .wrap-cookies .wrap-cookies-close:hover {
    color: #23a5db; }
  @media only screen and (max-width: 880px) {
    .wrap-cookies .wrap-cookies-close {
      top: 0;
      right: 0;
      position: absolute; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.related-articles-wrapper {
  max-width: 100%;
  box-sizing: border-box; }
  .related-articles-wrapper .related-articles-wrapper-title {
    text-align: left; }
  .related-articles-wrapper .related-articles-wrapper-article {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #fff; }
    @media only screen and (max-width: 1400px) {
      .related-articles-wrapper .related-articles-wrapper-article {
        justify-content: space-around; } }
    @media only screen and (max-width: 880px) {
      .related-articles-wrapper .related-articles-wrapper-article {
        width: 100%;
        flex-direction: column;
        max-height: 100%;
        margin-top: 3.125rem; } }
    .related-articles-wrapper .related-articles-wrapper-article .related-articles__article {
      display: flex;
      flex-direction: column;
      margin: 1.25rem 1rem 1.875rem 1rem;
      width: 33%; }
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(3) .related-articles__article-upper {
        border-right: none; }
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article a {
        color: #23a5db;
        text-decoration: none; }
      @media only screen and (max-width: 1199px) {
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article {
          margin: 0.3rem; } }
      @media only screen and (max-width: 880px) {
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article {
          width: 100%;
          margin: 0; } }
      @media only screen and (max-width: 880px) {
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article {
          margin: auto;
          width: 95%; } }
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-upper {
        display: flex;
        cursor: pointer;
        margin-left: 1rem;
        padding-right: 1rem;
        border-right: 1px solid rgba(143, 143, 143, 0.2); }
        @media only screen and (max-width: 1199px) {
          .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-upper {
            width: 90%; } }
        @media only screen and (max-width: 880px) {
          .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-upper {
            width: 100%; } }
        @media only screen and (max-width: 880px) {
          .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-upper {
            flex-direction: row;
            margin-bottom: 1rem; } }
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-upper div {
          transition: all 1s ease; }
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-upper:hover .related-articles__article-thumbnail-box #relatedArticlesImages a img {
          transform: scale(1.1); }
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-upper:hover div {
          background-size: 120%; }
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-upper:hover .related-articles__article-lower a,
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-upper:hover .related-articles__article-lower path,
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-upper:hover .related-articles__article-lower p {
          color: #3354a2; }
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-lower {
        text-align: left;
        margin-top: 0.5rem; }
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-lower a {
          color: #23a5db;
          text-decoration: none; }
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-lower a:hover {
          color: #3354a2; }
          .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-lower a:hover path {
            stroke: #3354a2; }
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article .related-articles__article-lower path {
          stroke: #23a5db; }
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article-article-arrow {
        margin-left: 0.3rem;
        vertical-align: middle; }
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article-thumbnail-box {
        padding: 0.5rem 1.875rem 0.5rem 2rem; }
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article-thumbnail-box #relatedArticlesImages {
          display: flex;
          overflow: hidden;
          height: 70px;
          width: 70px; }
          .related-articles-wrapper .related-articles-wrapper-article .related-articles__article-thumbnail-box #relatedArticlesImages a {
            min-width: 70px; }
          .related-articles-wrapper .related-articles-wrapper-article .related-articles__article-thumbnail-box #relatedArticlesImages img {
            display: flex;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 1s ease; }
        @media only screen and (max-width: 880px) {
          .related-articles-wrapper .related-articles-wrapper-article .related-articles__article-thumbnail-box {
            padding: 0.5rem 1rem 0.5rem 0; } }
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article-thumbnail {
        height: 100%;
        width: 100%;
        color: #000;
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat; }
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article-title {
        color: #000;
        padding: 0.5rem 0.5rem 0.5rem 0; }
        @media only screen and (max-width: 880px) {
          .related-articles-wrapper .related-articles-wrapper-article .related-articles__article-title {
            max-width: 65%; } }
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article-title p {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical; }
    .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(1),
    .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(2),
    .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(3) {
      border-right: 1px solid #fff;
      border-bottom: none;
      margin: 1.25rem 0 1.25rem 0; }
      @media only screen and (max-width: 880px) {
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(1),
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(2),
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(3) {
          border-right: none;
          border-bottom: 1px solid #e2e2e2;
          margin: auto;
          margin-top: 1rem; } }
    @media only screen and (max-width: 880px) {
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(1) {
        border-top: none;
        padding-top: 1.25rem; } }
    @media only screen and (max-width: 880px) {
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(2) {
        margin-top: 1.25rem; } }
    @media only screen and (max-width: 880px) {
      .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(2) .related-articles__article-upper {
        margin-bottom: 1.25rem; } }
    .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(3) {
      border-bottom: none;
      border-right: none;
      margin-right: 0; }
      @media only screen and (max-width: 880px) {
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(3) {
          margin-right: auto;
          border-bottom: 1px solid #e2e2e2; } }
      @media only screen and (max-width: 880px) {
        .related-articles-wrapper .related-articles-wrapper-article .related-articles__article:nth-child(3) .related-articles__article-upper {
          margin-bottom: 1.25rem; } }
  .related-articles-wrapper .related-articles-wrapper-footer {
    text-align: right;
    margin-top: 1.25rem; }
    .related-articles-wrapper .related-articles-wrapper-footer a {
      color: #23a5db;
      text-decoration: none; }
    .related-articles-wrapper .related-articles-wrapper-footer a:hover {
      color: #3354a2; }
      .related-articles-wrapper .related-articles-wrapper-footer a:hover path {
        stroke: #3354a2; }
    .related-articles-wrapper .related-articles-wrapper-footer a .related-articles__article-arrow {
      margin-left: 0.5rem; }
    .related-articles-wrapper .related-articles-wrapper-footer path {
      stroke: #23a5db; }
    .related-articles-wrapper .related-articles-wrapper-footer a:hover p {
      color: #fff; }
    .related-articles-wrapper .related-articles-wrapper-footer a:hover path {
      stroke: #fff; }
    @media only screen and (max-width: 880px) {
      .related-articles-wrapper .related-articles-wrapper-footer {
        text-align: left;
        margin-top: 1.25rem;
        margin-left: 1rem; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.p-r {
  position: relative; }

.page-triangles {
  width: 100%;
  max-width: 680px;
  position: absolute;
  margin: 0; }
  @media only screen and (max-width: 880px) {
    .page-triangles {
      display: none; } }

.hero-page-triangles {
  right: 0; }

.hero-white-page-triangles {
  right: 0;
  top: 70px; }

.hero-middle-white-page-triangles {
  left: 0;
  top: 500px;
  max-width: 510px; }

.hero-small-page-triangles {
  left: -100px;
  top: -20px; }

.faq-page-triangles {
  left: 85px;
  top: 125px; }

.hero-small-banner-link-page-triangles {
  top: -40px;
  left: 10px; }

.down-page-triangles {
  max-width: 620px;
  left: 0;
  bottom: 90px; }
  .down-page-triangles.at-top {
    left: 20%;
    top: 120px; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.endorses-wrapper {
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 880px) {
    .endorses-wrapper {
      margin-bottom: 0;
      background-size: cover;
      margin-top: 2rem;
      box-sizing: border-box; } }
  .endorses-wrapper .endore-section {
    width: 50%; }
    @media only screen and (max-width: 880px) {
      .endorses-wrapper .endore-section {
        width: 100%;
        display: flex; } }
  .endorses-wrapper .endorses-left-box {
    padding: 1rem 6rem 3rem;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #fff;
    padding: 2rem 6rem 3rem;
    padding-bottom: 1rem; }
    @media only screen and (max-width: 880px) {
      .endorses-wrapper .endorses-left-box {
        padding: 0; } }
    .endorses-wrapper .endorses-left-box > div {
      height: auto;
      width: 100%; }
      .endorses-wrapper .endorses-left-box > div .section-box-title {
        margin: auto;
        text-align: left;
        font-weight: 500;
        width: 80%;
        box-sizing: border-box; }
        @media only screen and (max-width: 1199px) {
          .endorses-wrapper .endorses-left-box > div .section-box-title {
            padding: 1rem;
            font-size: 2rem; } }
        @media only screen and (max-width: 880px) {
          .endorses-wrapper .endorses-left-box > div .section-box-title {
            padding: 2rem; } }
        @media only screen and (max-width: 880px) {
          .endorses-wrapper .endorses-left-box > div .section-box-title {
            padding: 1.875rem 2rem;
            font-size: 2rem; } }
    @media only screen and (max-width: 880px) {
      .endorses-wrapper .endorses-left-box {
        box-sizing: border-box;
        max-width: 600px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto; } }
    .endorses-wrapper .endorses-left-box div {
      width: auto;
      display: flex; }
    .endorses-wrapper .endorses-left-box__cta-wrapper {
      text-align: left; }
      @media only screen and (max-width: 880px) {
        .endorses-wrapper .endorses-left-box__cta-wrapper {
          padding-left: 0;
          padding-bottom: 1rem;
          width: 100%; } }
    .endorses-wrapper .endorses-left-box .section-box-stitle h2 {
      margin: auto;
      text-align: left;
      width: 80%;
      box-sizing: border-box; }
      @media only screen and (max-width: 880px) {
        .endorses-wrapper .endorses-left-box .section-box-stitle h2 {
          padding: 1.8125rem 0 1.625rem;
          margin: 0 1.5rem; } }
  .endorses-wrapper .endorses-right-box img {
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 1400px) {
      .endorses-wrapper .endorses-right-box img {
        margin-top: -1.5rem; } }
    @media only screen and (max-width: 320px) {
      .endorses-wrapper .endorses-right-box img {
        padding: 0;
        margin: 0; } }
  @media only screen and (max-width: 880px) {
    .endorses-wrapper .endorses-right-box {
      box-sizing: border-box;
      max-width: 600px;
      padding-right: 0;
      margin: 0 auto;
      justify-content: center; } }
  @media only screen and (max-width: 320px) {
    .endorses-wrapper .endorses-right-box {
      width: 95%;
      justify-content: end; } }
  .endorses-wrapper .endorses-right-box img {
    margin-top: -1.25rem;
    margin-left: -2.625rem;
    max-width: 430px;
    width: 100%;
    height: auto; }
    @media only screen and (max-width: 880px) {
      .endorses-wrapper .endorses-right-box img {
        max-width: 299px;
        margin: 0;
        margin-top: -1rem;
        margin-right: 1.35rem;
        margin-left: 1.35rem;
        max-height: 170px; } }
    @media only screen and (max-width: 600px) {
      .endorses-wrapper .endorses-right-box img {
        width: 95%;
        margin: -2rem auto 0; } }
  .endorses-wrapper .endorses-right-box .parallax-inner {
    overflow-x: hidden; }
  .endorses-wrapper .endorses-cta {
    color: #fff;
    border-color: #fff;
    border-radius: 5rem;
    text-transform: none;
    margin-top: 2rem;
    min-width: 40%;
    cursor: pointer;
    color: #23a5db;
    border-color: #23a5db;
    padding: 9px 25px;
    margin-left: 2.5rem; }
    .endorses-wrapper .endorses-cta:hover {
      background-color: #23a5db; }
    .endorses-wrapper .endorses-cta path {
      stroke: #23a5db; }
    .endorses-wrapper .endorses-cta:hover {
      background-color: #23a5db;
      color: #fff; }
      .endorses-wrapper .endorses-cta:hover span div p {
        color: #fff; }
      .endorses-wrapper .endorses-cta:hover path {
        stroke: #fff;
        fill: #fff; }
    @media only screen and (max-width: 880px) {
      .endorses-wrapper .endorses-cta {
        width: 92%;
        margin: auto;
        padding: 0.5rem; } }
  .endorses-wrapper img {
    object-fit: cover;
    height: 220px; }

.endorces-day-theme__bg {
  background-image: url("/assets/mockimg/background3.png");
  padding-bottom: 1rem;
  display: flex; }
  .endorces-day-theme__bg .endorses-left-box .section-box-stitle {
    color: #000; }
  @media only screen and (max-width: 880px) {
    .endorces-day-theme__bg {
      flex-direction: column-reverse; } }

.endorces-night-theme__bg {
  background-image: url("/assets/mockimg/background.jpg");
  width: auto;
  background-position: center;
  display: flex;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 300px; }
  @media only screen and (max-width: 600px) {
    .endorces-night-theme__bg {
      flex-direction: column-reverse;
      background-size: cover;
      height: auto;
      max-height: 100%; } }

@media (max-width: 480px) {
  .parallax-inner {
    display: none; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.contact-us-wrapper {
  margin-bottom: 3rem;
  padding-top: 2.5rem; }
  @media only screen and (max-width: 880px) {
    .contact-us-wrapper {
      flex-direction: column;
      background-size: cover;
      margin: 5rem 0;
      width: 100%;
      box-sizing: border-box;
      padding-top: 0; } }
  @media only screen and (max-width: 600px) {
    .contact-us-wrapper {
      margin: 4rem 0; } }
  @media only screen and (min-width: 880px) {
    .contact-us-wrapper.reverse .day-theme__bg,
    .contact-us-wrapper.reverse .night-theme__bg {
      flex-direction: row-reverse;
      justify-content: center; } }
  .contact-us-wrapper .night-theme__bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    background-image: url("/assets/mockimg/background2.jpg");
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box; }
    @media only screen and (max-width: 600px) {
      .contact-us-wrapper .night-theme__bg {
        flex-direction: column;
        margin-top: 5.875rem;
        background-size: cover;
        height: auto; } }
    .contact-us-wrapper .night-theme__bg .contact-section {
      width: 50%; }
      @media only screen and (max-width: 880px) {
        .contact-us-wrapper .night-theme__bg .contact-section {
          margin: auto;
          margin-top: -2rem;
          width: 95%; } }
    .contact-us-wrapper .night-theme__bg .contact-left-box img {
      margin-top: -1.25rem;
      margin-left: 4rem;
      max-height: 260px;
      max-width: 430px;
      width: 100%;
      height: auto; }
      @media only screen and (max-width: 1199px) {
        .contact-us-wrapper .night-theme__bg .contact-left-box img {
          width: 95%; } }
      @media only screen and (max-width: 880px) {
        .contact-us-wrapper .night-theme__bg .contact-left-box img {
          max-width: 299px;
          max-height: 170px;
          display: block;
          margin-top: -1rem;
          margin-left: auto;
          margin-right: auto; } }
    @media only screen and (max-width: 880px) {
      .contact-us-wrapper .night-theme__bg .contact-left-box {
        width: 95%; } }
    .contact-us-wrapper .night-theme__bg .contact-right-box {
      padding: 1.625rem 0 1rem 6.4375rem;
      color: #fff; }
      @media only screen and (max-width: 880px) {
        .contact-us-wrapper .night-theme__bg .contact-right-box {
          padding: 1rem 0 2rem; } }
      .contact-us-wrapper .night-theme__bg .contact-right-box__cta-wrapper {
        text-align: left;
        display: flex;
        margin-top: 1rem; }
        @media only screen and (max-width: 880px) {
          .contact-us-wrapper .night-theme__bg .contact-right-box__cta-wrapper {
            margin-top: auto;
            margin-left: auto; } }
      .contact-us-wrapper .night-theme__bg .contact-right-box .section-box-title h2 {
        text-align: left;
        width: 80%;
        box-sizing: border-box;
        margin: 0; }
        @media only screen and (max-width: 880px) {
          .contact-us-wrapper .night-theme__bg .contact-right-box .section-box-title h2 {
            padding: 3.5rem 2rem 1.875rem;
            width: 100%; } }
      .contact-us-wrapper .night-theme__bg .contact-right-box .section-box-stitle {
        width: 85%;
        padding: 1rem 3rem 1rem 0;
        text-align: left; }
        @media only screen and (max-width: 880px) {
          .contact-us-wrapper .night-theme__bg .contact-right-box .section-box-stitle {
            padding: 0 2rem 0 1rem; } }
      @media only screen and (max-width: 1199px) {
        .contact-us-wrapper .night-theme__bg .contact-right-box {
          width: 50%; }
          .contact-us-wrapper .night-theme__bg .contact-right-box__cta-wrapper {
            padding: 0;
            display: flex; } }
      @media only screen and (max-width: 880px) {
        .contact-us-wrapper .night-theme__bg .contact-right-box {
          width: 100%; } }
    .contact-us-wrapper .night-theme__bg .contact-cta {
      color: #fff;
      border-color: #fff;
      border-radius: 5rem;
      text-transform: none;
      margin-top: 2rem;
      min-width: 40%;
      cursor: pointer;
      color: #23a5db;
      border-color: #23a5db;
      margin: 1rem 0 1rem 0;
      padding: 9px 25px; }
      .contact-us-wrapper .night-theme__bg .contact-cta:hover {
        background-color: #23a5db; }
      .contact-us-wrapper .night-theme__bg .contact-cta path {
        stroke: #23a5db; }
      .contact-us-wrapper .night-theme__bg .contact-cta:hover {
        background-color: #23a5db;
        color: #fff; }
        .contact-us-wrapper .night-theme__bg .contact-cta:hover span div p {
          color: #fff; }
        .contact-us-wrapper .night-theme__bg .contact-cta:hover path {
          stroke: #fff;
          fill: #fff; }
      @media only screen and (max-width: 880px) {
        .contact-us-wrapper .night-theme__bg .contact-cta {
          width: 80%;
          margin: auto;
          padding: 0.5rem; } }
      @media only screen and (max-width: 880px) {
        .contact-us-wrapper .night-theme__bg .contact-cta {
          width: 95%; } }
  .contact-us-wrapper .day-theme__bg {
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/assets/mockimg/contact-bg.png");
    display: flex;
    flex-direction: row;
    padding-bottom: 50px;
    box-sizing: border-box; }
    @media only screen and (max-width: 600px) {
      .contact-us-wrapper .day-theme__bg {
        flex-direction: column;
        max-height: 100%;
        height: auto; } }
    .contact-us-wrapper .day-theme__bg .contact-section {
      max-width: 470px; }
      @media only screen and (max-width: 600px) {
        .contact-us-wrapper .day-theme__bg .contact-section {
          width: 95%; } }
      .contact-us-wrapper .day-theme__bg .contact-section img {
        max-width: 430px;
        width: 100%; }
        @media only screen and (max-width: 600px) {
          .contact-us-wrapper .day-theme__bg .contact-section img {
            max-width: 299px;
            max-height: 170px;
            width: 95%; } }
    .contact-us-wrapper .day-theme__bg .contact-left-box {
      margin-top: -1.5rem;
      padding-left: 5rem; }
      @media only screen and (max-width: 1040px) {
        .contact-us-wrapper .day-theme__bg .contact-left-box {
          margin-left: auto;
          margin-right: auto;
          padding-left: 2rem;
          text-align: center; } }
      @media only screen and (max-width: 600px) {
        .contact-us-wrapper .day-theme__bg .contact-left-box {
          padding-left: 0; } }
    .contact-us-wrapper .day-theme__bg .contact-right-box {
      padding: 44px 3rem 0;
      color: #000; }
      @media only screen and (max-width: 600px) {
        .contact-us-wrapper .day-theme__bg .contact-right-box {
          width: 100%;
          padding-top: 1.8125rem; } }
      .contact-us-wrapper .day-theme__bg .contact-right-box .section-box-title {
        padding-left: 1rem;
        padding-bottom: 15px; }
      .contact-us-wrapper .day-theme__bg .contact-right-box .section-box-stitle {
        width: 80%;
        padding: 0 1rem 1rem; }
        @media only screen and (max-width: 600px) {
          .contact-us-wrapper .day-theme__bg .contact-right-box .section-box-stitle {
            width: auto;
            padding: 0 1rem 1.625rem 1rem; } }
    .contact-us-wrapper .day-theme__bg .contact-cta {
      color: #fff;
      border-color: #fff;
      border-radius: 5rem;
      text-transform: none;
      margin-top: 2rem;
      min-width: 40%;
      cursor: pointer;
      border-color: #1b8cca;
      color: #1b8cca;
      margin-top: 0;
      margin-left: 1rem;
      padding: 9px 25px; }
      .contact-us-wrapper .day-theme__bg .contact-cta:hover {
        background-color: #23a5db; }
      .contact-us-wrapper .day-theme__bg .contact-cta path {
        stroke: #1b8cca; }
      .contact-us-wrapper .day-theme__bg .contact-cta:hover p {
        color: #fff; }
      .contact-us-wrapper .day-theme__bg .contact-cta:hover svg path {
        stroke: #fff; }
      @media only screen and (max-width: 880px) {
        .contact-us-wrapper .day-theme__bg .contact-cta {
          width: 95%;
          max-width: 200px; } }
      @media only screen and (max-width: 600px) {
        .contact-us-wrapper .day-theme__bg .contact-cta {
          max-width: unset;
          width: 90%;
          margin: 0 auto; } }
  .contact-us-wrapper .contact-right-box__cta-wrapper {
    display: flex; }
    @media only screen and (max-width: 880px) {
      .contact-us-wrapper .contact-right-box__cta-wrapper {
        margin-left: 0; } }
  .contact-us-wrapper img {
    object-fit: cover;
    height: 260px; }

.press-release-hero {
  margin-top: 30px; }
  .press-release-hero img {
    height: 300px;
    object-fit: cover;
    max-width: 100%;
    width: 100%; }

.banner-px-0 .contact-us-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important; }

@media only screen and (max-width: 880px) {
  .contact-right-box {
    box-sizing: border-box;
    max-width: 600px;
    margin: 0 auto;
    justify-content: center;
    padding-left: 0 !important;
    padding-right: 0 !important; } }

.banner-img-product {
  object-fit: fill !important;
  max-width: 220px !important;
  width: 100% !important;
  height: auto !important; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.fam-wrapper {
  margin-bottom: 3rem;
  padding-top: 3rem; }
  @media only screen and (max-width: 880px) {
    .fam-wrapper {
      flex-direction: column;
      background-size: cover;
      margin: 4rem 0;
      padding: 0 1rem;
      width: 100%;
      box-sizing: border-box; } }
  .fam-wrapper .day-theme__bg {
    display: flex;
    max-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    box-sizing: border-box; }
    @media only screen and (max-width: 880px) {
      .fam-wrapper .day-theme__bg {
        flex-direction: column;
        max-height: 100%;
        height: auto;
        min-height: auto;
        align-items: center;
        flex-direction: column;
        flex-flow: column-reverse; } }
    @media only screen and (min-width: 880px) {
      .fam-wrapper .day-theme__bg {
        flex-direction: row;
        padding-left: 6.25rem;
        padding-right: 4rem;
        justify-content: space-between;
        height: 300px; } }
    .fam-wrapper .day-theme__bg .fam-left-box {
      text-align: left; }
      .fam-wrapper .day-theme__bg .fam-left-box .section-box {
        width: 18.688rem; }
        .fam-wrapper .day-theme__bg .fam-left-box .section-box-title {
          margin-top: 1.875rem; }
          @media only screen and (min-width: 1199px) {
            .fam-wrapper .day-theme__bg .fam-left-box .section-box-title {
              margin-top: 3.291rem; } }
        .fam-wrapper .day-theme__bg .fam-left-box .section-box-stitle {
          margin-top: 0.938rem; }
          @media only screen and (min-width: 1199px) {
            .fam-wrapper .day-theme__bg .fam-left-box .section-box-stitle {
              margin-top: 0.5rem; } }
        @media only screen and (min-width: 1199px) {
          .fam-wrapper .day-theme__bg .fam-left-box .section-box {
            width: 30.688rem; } }
      .fam-wrapper .day-theme__bg .fam-left-box .fam-img-product {
        width: 7.5rem;
        height: 2.5rem; }
        .fam-wrapper .day-theme__bg .fam-left-box .fam-img-product:nth-child(1) {
          margin-right: 1.25rem; }
          @media only screen and (min-width: 1199px) {
            .fam-wrapper .day-theme__bg .fam-left-box .fam-img-product:nth-child(1) {
              margin-right: 3.125rem; } }
        @media only screen and (min-width: 1199px) {
          .fam-wrapper .day-theme__bg .fam-left-box .fam-img-product {
            width: 11.323rem;
            height: 3.75rem; } }
      .fam-wrapper .day-theme__bg .fam-left-box .fam-img-productBr {
        width: 10.5rem; }
        @media only screen and (min-width: 1199px) {
          .fam-wrapper .day-theme__bg .fam-left-box .fam-img-productBr {
            width: 14.323rem; } }
    .fam-wrapper .day-theme__bg .fam-right-box img {
      width: 18.688rem;
      height: 10.625rem;
      margin-top: -1rem; }
      @media only screen and (min-width: 880px) {
        .fam-wrapper .day-theme__bg .fam-right-box img {
          width: 24.875rem;
          height: 12.25rem; } }
      @media only screen and (min-width: 1040px) {
        .fam-wrapper .day-theme__bg .fam-right-box img {
          width: 26.875rem;
          height: 16.25rem; } }
    @media only screen and (min-width: 880px) {
      .fam-wrapper .day-theme__bg .fam-right-box {
        display: flex;
        flex-flow: row;
        justify-content: flex-end;
        margin-top: -1.25rem; } }
    @media only screen and (min-width: 1199px) {
      .fam-wrapper .day-theme__bg .fam-right-box {
        margin-top: 0.188rem; } }
    .fam-wrapper .day-theme__bg .contact-cta {
      color: #fff;
      border-color: #fff;
      border-radius: 5rem;
      text-transform: none;
      margin-top: 2rem;
      min-width: 40%;
      cursor: pointer;
      border-color: #1b8cca;
      color: #1b8cca;
      padding: 9px 25px;
      width: 100%;
      margin: 1.25rem 0; }
      .fam-wrapper .day-theme__bg .contact-cta:hover {
        background-color: #23a5db; }
      @media only screen and (min-width: 880px) {
        .fam-wrapper .day-theme__bg .contact-cta {
          width: inherit; } }
      .fam-wrapper .day-theme__bg .contact-cta path {
        stroke: #1b8cca; }
      .fam-wrapper .day-theme__bg .contact-cta:hover {
        color: #fff; }
        .fam-wrapper .day-theme__bg .contact-cta:hover path {
          stroke: #fff; }
  .fam-wrapper .contact-right-box__cta-wrapper {
    display: flex; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.articles-list-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 880px) {
    .articles-list-wrapper {
      flex-direction: column; } }

.farmers-title {
  margin-bottom: 0; }

.articles-list-items-wrapper {
  margin-top: 2.75rem;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: normal;
  justify-content: flex-start; }

.article-item {
  box-sizing: border-box;
  min-height: 1px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  margin-left: 0%;
  right: auto;
  left: auto;
  margin-bottom: 30px; }
  .article-item a {
    text-decoration: none; }
  @media only screen and (max-width: 880px) {
    .article-item {
      width: 100%;
      flex: 0 0 100%;
      max-width: 100%; } }

.article-item-time {
  margin: 10px 0 5px 0;
  text-transform: capitalize; }
  @media only screen and (min-width: 980px) {
    .article-item-time {
      margin: 0 0 5px 0; } }

.article-item-wrap-img {
  overflow: hidden;
  height: 200px;
  margin-bottom: 14px; }

.article-item-img {
  max-width: 100%;
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: all 1s; }
  .article-item-img:hover {
    transform: scale(1.1); }

.farmers-wrapper-default__box {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px; }
  @media only screen and (max-width: 880px) {
    .farmers-wrapper-default__box {
      margin-bottom: 60px; } }

.farmers-wrapper-default__link {
  color: #23a5db;
  text-decoration: none; }
  .farmers-wrapper-default__link svg path {
    stroke: #23a5db; }
  .farmers-wrapper-default__link:hover {
    color: #fff; }
    .farmers-wrapper-default__link:hover svg path {
      stroke: #fff; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.farmers-video-3col {
  gap: 30px; }

.cards-wrapper {
  overflow: hidden;
  display: flex;
  width: 100%;
  padding: 0;
  flex-direction: row;
  margin-top: 2rem; }
  @media only screen and (max-width: 880px) {
    .cards-wrapper {
      padding: 0;
      margin: auto; }
      .cards-wrapper .farmers-2-grid {
        flex-direction: column;
        align-items: center;
        margin: 2.5rem 0 0; } }

.cards-wrapper-mobile {
  align-items: center; }
  .cards-wrapper-mobile-1-grid, .cards-wrapper-mobile-2-grid {
    flex-direction: column; }
  .cards-wrapper-mobile-4-grid {
    flex-direction: row; }

.video-control-legend h2 {
  padding: 0.5rem 0.5rem 0.5rem 0;
  margin: 0;
  margin: 0.5rem 0; }
  @media only screen and (max-width: 880px) {
    .video-control-legend h2 {
      margin: 0; } }

.video-control-legend p {
  padding: 0 0.5rem 0.5rem 0;
  margin: 0; }

.video-control__wrapper {
  width: 100%; }
  .video-control__wrapper .video-control-container-4-grid {
    display: flex;
    justify-content: center;
    max-width: 240px;
    width: 100%; }
    @media only screen and (max-width: 880px) {
      .video-control__wrapper .video-control-container-4-grid {
        justify-content: flex-start; } }
    .video-control__wrapper .video-control-container-4-grid .thubmnail-wrapper,
    .video-control__wrapper .video-control-container-4-grid .thubmnail-element {
      height: 141px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      @media only screen and (max-width: 880px) {
        .video-control__wrapper .video-control-container-4-grid .thubmnail-wrapper,
        .video-control__wrapper .video-control-container-4-grid .thubmnail-element {
          width: 200px; } }
    .video-control__wrapper .video-control-container-4-grid .notitle-video {
      margin: 0;
      padding: 0; }
    .video-control__wrapper .video-control-container-4-grid .thubmnail-element {
      background-size: cover; }
      .video-control__wrapper .video-control-container-4-grid .thubmnail-element:hover {
        transform: scale(1.1); }
        .video-control__wrapper .video-control-container-4-grid .thubmnail-element:hover .play-button-box {
          transform: scale(0.8);
          margin-top: 14rem; }
          .video-control__wrapper .video-control-container-4-grid .thubmnail-element:hover .play-button-box .play-button-box-left .play-button circle {
            fill: #fff; }
          .video-control__wrapper .video-control-container-4-grid .thubmnail-element:hover .play-button-box .play-button-box-left .play-button path {
            fill: #000; }
        .video-control__wrapper .video-control-container-4-grid .thubmnail-element:hover .play-button-box {
          transform: scale(1);
          margin-top: auto; }
  .video-control__wrapper .video-control-container-2-grid {
    overflow: hidden;
    position: relative; }
    .video-control__wrapper .video-control-container-2-grid .thubmnail-wrapper,
    .video-control__wrapper .video-control-container-2-grid .thubmnail-element {
      height: 335px;
      width: 100%; }
    .video-control__wrapper .video-control-container-2-grid .thubmnail-element {
      background-size: cover; }
      .video-control__wrapper .video-control-container-2-grid .thubmnail-element:hover {
        transform: scale(1.1); }
        .video-control__wrapper .video-control-container-2-grid .thubmnail-element:hover .play-button-box {
          transform: scale(0.8);
          margin-top: 14rem; }
          .video-control__wrapper .video-control-container-2-grid .thubmnail-element:hover .play-button-box .play-button-box-left .play-button circle {
            fill: #fff; }
          .video-control__wrapper .video-control-container-2-grid .thubmnail-element:hover .play-button-box .play-button-box-left .play-button path {
            fill: #000; }
    .video-control__wrapper .video-control-container-2-grid .notitle-video {
      margin: 0;
      padding: 0; }
  .video-control__wrapper .video-control-container-1-grid {
    overflow: hidden;
    justify-content: space-around; }
    .video-control__wrapper .video-control-container-1-grid .thubmnail-wrapper,
    .video-control__wrapper .video-control-container-1-grid .thubmnail-element {
      height: 335px;
      max-width: 460px;
      width: 100%;
      margin-left: auto; }
      @media only screen and (max-width: 880px) {
        .video-control__wrapper .video-control-container-1-grid .thubmnail-wrapper,
        .video-control__wrapper .video-control-container-1-grid .thubmnail-element {
          max-width: 100%; } }
    .video-control__wrapper .video-control-container-1-grid .notitle-video-wrapper {
      display: flex;
      justify-content: center;
      align-items: center; }
    .video-control__wrapper .video-control-container-1-grid .thubmnail-element {
      background-size: cover; }
      .video-control__wrapper .video-control-container-1-grid .thubmnail-element:hover {
        transform: scale(1.1); }
        .video-control__wrapper .video-control-container-1-grid .thubmnail-element:hover .play-button-box {
          transform: scale(0.8);
          margin-top: 14rem; }
          .video-control__wrapper .video-control-container-1-grid .thubmnail-element:hover .play-button-box .play-button-box-left .play-button circle {
            fill: #fff; }
          .video-control__wrapper .video-control-container-1-grid .thubmnail-element:hover .play-button-box .play-button-box-left .play-button path {
            fill: #000; }
    .video-control__wrapper .video-control-container-1-grid .notitle-video {
      margin: 0;
      padding: 0; }
  .video-control__wrapper .thubmnail-wrapper {
    overflow: hidden; }
    .video-control__wrapper .thubmnail-wrapper .thubmnail-element {
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: center;
      transition: all 1s ease;
      height: 100%;
      width: 100%; }
      @media only screen and (max-width: 880px) {
        .video-control__wrapper .thubmnail-wrapper .thubmnail-element {
          transform: scale(1); } }
  .video-control__wrapper .play-button-box {
    z-index: 2;
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: -5.5rem;
    margin-left: 0;
    padding: 0 2rem;
    transition: all 1s ease; }
    @media only screen and (max-width: 880px) {
      .video-control__wrapper .play-button-box {
        margin-top: -5rem;
        margin-left: 1rem;
        padding: 0; } }
    .video-control__wrapper .play-button-box .play-button-box-left {
      display: flex;
      align-items: center; }
      .video-control__wrapper .play-button-box .play-button-box-left .play-button {
        cursor: pointer; }
        .video-control__wrapper .play-button-box .play-button-box-left .play-button:hover path {
          fill: black; }
        .video-control__wrapper .play-button-box .play-button-box-left .play-button:hover circle {
          fill: #fff; }
    .video-control__wrapper .play-button-box .play-button-box-right {
      display: flex;
      flex-direction: column;
      color: #fff;
      width: 100%;
      justify-content: center;
      padding: 0 1rem; }
      .video-control__wrapper .play-button-box .play-button-box-right > p {
        overflow: hidden;
        text-overflow: ellipsis;
        align-items: center;
        display: flex; }
      @media only screen and (max-width: 880px) {
        .video-control__wrapper .play-button-box .play-button-box-right {
          padding: 0 1rem;
          text-overflow: ellipsis;
          height: 60px;
          width: 100%;
          overflow: hidden;
          white-space: nowrap; }
          .video-control__wrapper .play-button-box .play-button-box-right p {
            font-size: 15px;
            line-height: 20px; } }
      .video-control__wrapper .play-button-box .play-button-box-right .play-button-box-right__stitle {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        @media only screen and (max-width: 880px) {
          .video-control__wrapper .play-button-box .play-button-box-right .play-button-box-right__stitle p {
            padding: 0.25rem 0 0; } }
      .video-control__wrapper .play-button-box .play-button-box-right .play-button-box-right__title {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
        line-height: 1.5rem;
        display: -webkit-box; }
  .video-control__wrapper .nosubtitle-video {
    margin-top: -4rem; }
  .video-control__wrapper:hover .video-control-container-4-grid .thubmnail-wrapper .thubmnail-element,
  .video-control__wrapper:hover .video-control-container-2-grid .thubmnail-wrapper .thubmnail-element,
  .video-control__wrapper:hover .video-control-container-1-grid .thubmnail-wrapper .thubmnail-element {
    transform: scale(1.1); }
    @media only screen and (max-width: 600px) {
      .video-control__wrapper:hover .video-control-container-4-grid .thubmnail-wrapper .thubmnail-element,
      .video-control__wrapper:hover .video-control-container-2-grid .thubmnail-wrapper .thubmnail-element,
      .video-control__wrapper:hover .video-control-container-1-grid .thubmnail-wrapper .thubmnail-element {
        transform: scale(1.2); } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.quote-box {
  position: absolute;
  z-index: 1;
  bottom: -1.5rem;
  left: 1.5rem;
  box-sizing: border-box;
  background-color: #3354a2;
  padding: 0.9375rem;
  color: #fff;
  max-width: 350px;
  width: 80%; }
  .quote-box p {
    word-break: break-word; }
  @media only screen and (max-width: 880px) {
    .quote-box {
      max-width: 289px; } }

.p-r {
  position: relative; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.farmers-1-grid img {
  width: 100%; }
  @media only screen and (max-width: 880px) {
    .farmers-1-grid img {
      height: auto; } }

.farmers-2-grid {
  width: 49%; }
  .farmers-2-grid.w-fade-animation {
    width: 100%; }
  @media only screen and (max-width: 880px) {
    .farmers-2-grid {
      width: 100%;
      padding: 1rem;
      box-sizing: border-box; } }

.farmers-3-grid {
  width: 33.33%; }
  .farmers-3-grid img {
    width: 100%; }
    @media only screen and (max-width: 880px) {
      .farmers-3-grid img {
        height: auto; } }
  @media only screen and (max-width: 880px) {
    .farmers-3-grid {
      width: 100%;
      padding: 1rem;
      box-sizing: border-box; } }

.farmers-4-grid {
  height: auto;
  min-height: 10rem;
  width: 25%;
  box-sizing: border-box; }
  @media only screen and (max-width: 880px) {
    .farmers-4-grid {
      width: 100%; } }

.farmers-4-grid > div {
  width: 90%;
  margin: 0 2rem; }
  @media only screen and (max-width: 880px) {
    .farmers-4-grid > div {
      width: 90%;
      margin-right: 0; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.farmers-wrapper-default {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column; }
  .farmers-wrapper-default__multi-rows {
    margin-top: 1rem; }
  @media only screen and (max-width: 880px) {
    .farmers-wrapper-default {
      flex-direction: column; } }
  .farmers-wrapper-default__box {
    margin-top: 1.25rem;
    margin-bottom: 3.125rem;
    align-self: flex-end; }
    @media only screen and (max-width: 880px) {
      .farmers-wrapper-default__box {
        align-self: flex-start;
        margin-bottom: 1.875rem;
        width: 95%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 1.5rem;
        margin-top: 0; } }
    .farmers-wrapper-default__box a .related-articles__article-arrow {
      margin-left: 0.5rem; }
  .farmers-wrapper-default__link {
    text-decoration: none; }
    .farmers-wrapper-default__link p {
      color: #23a5db; }
      .farmers-wrapper-default__link p path {
        stroke: #23a5db; }
    @media only screen and (max-width: 880px) {
      .farmers-wrapper-default__link {
        margin-top: 0;
        margin-bottom: 2rem; } }
    .farmers-wrapper-default__link:hover p {
      color: #fff; }
    .farmers-wrapper-default__link:hover path {
      stroke: #fff; }

.farmers-title {
  margin-bottom: 0; }
  @media only screen and (max-width: 880px) {
    .farmers-title {
      padding-bottom: 0;
      margin-top: 3.3125rem; } }

.cards-wrapper {
  display: flex;
  padding: 0;
  justify-content: space-between;
  overflow: auto;
  margin-top: 3.75rem; }
  @media only screen and (max-width: 880px) {
    .cards-wrapper {
      margin-top: 1.875rem; } }

.farmer-home {
  margin-bottom: 3.5rem; }
  @media only screen and (max-width: 880px) {
    .farmer-home {
      margin-bottom: 0; }
      .farmer-home .cards-wrapper {
        flex-direction: column !important; }
      .farmer-home .farmers-2-grid {
        width: 100% !important;
        flex-direction: column !important;
        padding: 1.5rem 0 !important;
        position: relative; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.wrapper__container {
  max-width: 1280px;
  padding: 0 55px;
  margin: 0 auto; }
  @media only screen and (max-width: 880px) {
    .wrapper__container {
      padding: 0 25px; } }

.wrapper__header {
  max-width: 1280px;
  padding: 0 55px;
  margin: 0 auto; }
  @media only screen and (max-width: 880px) {
    .wrapper__header {
      padding: 0; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.articles-box {
  color: #fff;
  display: flex;
  flex-direction: row;
  margin: 2rem 0;
  transition: all 1s ease; }
  .articles-box:hover {
    cursor: pointer; }
    .articles-box:hover img {
      transform: scale(1.1); }
    .articles-box:hover p:last-of-type {
      color: #23a5db; }
      .articles-box:hover p:last-of-type svg path {
        stroke: #23a5db; }
  @media only screen and (max-width: 600px) {
    .articles-box {
      height: auto;
      flex-direction: column;
      margin-top: 0;
      padding-bottom: 2rem;
      border-bottom: solid #8f8f8f 1px; } }
  .articles-box__left-col {
    display: flex;
    padding: 15px 30px 0 0;
    transition: all 1s ease; }
    @media only screen and (max-width: 600px) {
      .articles-box__left-col {
        width: 100%;
        padding: 0;
        margin-right: 0; } }
    @media only screen and (max-width: 880px) {
      .articles-box__left-col {
        width: 25%; } }
    .articles-box__left-col__thumbnail {
      display: flex;
      overflow: hidden;
      width: 170px;
      height: 170px; }
      .articles-box__left-col__thumbnail img {
        display: flex;
        width: 100%;
        height: 100%;
        transition: all 1s ease;
        object-fit: cover; }
      @media only screen and (max-width: 600px) {
        .articles-box__left-col__thumbnail {
          height: 95px;
          width: 95px; } }
  .articles-box__right-col {
    width: 85%;
    padding: 15px 15px 15px 0; }
    @media only screen and (max-width: 1024px) {
      .articles-box__right-col {
        width: 100%;
        padding: 20px 0 0 0; } }
    .articles-box__right-col__title {
      width: 85%;
      margin: 0 0 1rem;
      text-decoration: none; }
      @media only screen and (max-width: 880px) {
        .articles-box__right-col__title {
          margin-top: 1rem;
          width: 100%; } }
      @media only screen and (max-width: 600px) {
        .articles-box__right-col__title {
          width: 100%; } }
    .articles-box__right-col p {
      width: 75%; }
      @media only screen and (max-width: 880px) {
        .articles-box__right-col p {
          width: 100%; } }
      .articles-box__right-col p:first-of-type {
        text-transform: capitalize; }
      .articles-box__right-col p:last-of-type {
        margin-top: 30px; }
  .articles-box .noPadding {
    padding-left: 0; }
  .articles-box .articles-link {
    margin-top: 1rem;
    transition: all 1s ease;
    opacity: 0; }
    .articles-box .articles-link a {
      color: #1b8cca;
      text-decoration: none; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.night-theme__bg .accordion-option-wrapper {
  width: 100%; }
  .night-theme__bg .accordion-option-wrapper .accordion-option__title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #fff;
    padding: 0.75rem 2rem;
    cursor: pointer; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__title p {
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (max-width: 600px) {
        .night-theme__bg .accordion-option-wrapper .accordion-option__title p {
          width: 80%; } }
    .night-theme__bg .accordion-option-wrapper .accordion-option__title-tool {
      cursor: pointer;
      display: flex;
      align-items: center; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__title:hover p {
      color: #23a5db; }
  .night-theme__bg .accordion-option-wrapper .accordion-option__content {
    display: flex;
    flex-direction: column;
    max-height: 0;
    opacity: 0;
    transition: opacity 0.5s, max-height 0.5s;
    pointer-events: none;
    padding: 0.5rem 2rem; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__content.open-option {
      height: fit-content;
      opacity: 1;
      pointer-events: all;
      padding: 1.5rem 2rem; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__content-rank {
      margin-top: 1rem; }
      .night-theme__bg .accordion-option-wrapper .accordion-option__content-rank svg {
        margin-left: 0.5rem;
        cursor: pointer;
        vertical-align: middle; }
      .night-theme__bg .accordion-option-wrapper .accordion-option__content-rank svg:hover {
        fill: #fff; }
        .night-theme__bg .accordion-option-wrapper .accordion-option__content-rank svg:hover path {
          fill: #000; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__content-tool {
      cursor: pointer;
      padding: 0;
      margin: 0;
      color: #fff;
      width: 1rem;
      margin-right: 1.5rem;
      align-self: flex-end; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__content p {
      margin-top: 0;
      word-wrap: break-word; }
      @media only screen and (max-width: 880px) {
        .night-theme__bg .accordion-option-wrapper .accordion-option__content p {
          width: fit-content; } }
    @media only screen and (max-width: 880px) {
      .night-theme__bg .accordion-option-wrapper .accordion-option__content {
        width: 100%; } }
  .night-theme__bg .accordion-option-wrapper .accordion-option__content-rank {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__content-rank p {
      padding: 0;
      width: auto;
      margin-top: 5px; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__content-rank .rank-text {
      line-height: 2rem; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__content-rank .thumbsup path {
      fill: #fff; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__content-rank .selected-thumb circle {
      fill: #23a5db;
      stroke: #23a5db; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__content-rank .selected-thumb path {
      fill: #fff; }
  .night-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0.2rem;
    padding-left: 1rem; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper label {
      padding-top: 0.5rem;
      margin-bottom: 1rem; }
    .night-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper .accordion-option__content-tool {
      margin-right: 2.1rem; }
      @media only screen and (max-width: 880px) {
        .night-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper .accordion-option__content-tool {
          margin-right: -2.5rem; } }
      .night-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper .accordion-option__content-tool path {
        stroke: #fff; }
      .night-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper .accordion-option__content-tool:hover path {
        stroke: #1c252e; }
      .night-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper .accordion-option__content-tool:hover circle {
        fill: #fff;
        stroke: #fff; }

.day-theme__bg .accordion-option-wrapper {
  width: 100%;
  z-index: 3; }
  .day-theme__bg .accordion-option-wrapper .accordion-option__title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #fff;
    padding: 15px 30px;
    color: #000;
    cursor: pointer; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__title p {
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (max-width: 880px) {
        .day-theme__bg .accordion-option-wrapper .accordion-option__title p {
          margin-left: 0;
          margin-right: 0.5rem; } }
    .day-theme__bg .accordion-option-wrapper .accordion-option__title-tool {
      cursor: pointer; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__title:hover {
      color: #23a5db; }
    @media only screen and (max-width: 880px) {
      .day-theme__bg .accordion-option-wrapper .accordion-option__title {
        width: auto;
        padding: 1rem 1rem; } }
  .day-theme__bg .accordion-option-wrapper .accordion-option__content {
    flex-direction: column;
    height: 0;
    opacity: 0;
    max-height: 0;
    display: flex;
    padding: 0;
    transition: none; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__content.open-option {
      height: fit-content;
      opacity: 1;
      pointer-events: all;
      padding: 1rem 0 1rem 1rem;
      transition: opacity 0.5s, max-height 0.5s; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank {
      color: #000;
      margin-left: 1rem; }
      .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank svg {
        margin-left: 0.5rem;
        cursor: pointer;
        vertical-align: middle; }
      .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank svg:hover {
        fill: #3354a2; }
        .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank svg:hover path {
          fill: #fff; }
      @media only screen and (max-width: 880px) {
        .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank {
          margin-left: 0; } }
    .day-theme__bg .accordion-option-wrapper .accordion-option__content-tool {
      cursor: pointer;
      padding: 0;
      margin: 0;
      color: #fff;
      width: 1rem;
      margin-right: 1.5rem;
      align-self: flex-end; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__content > p {
      margin-top: 0;
      color: #fff;
      padding: 0 1.5rem 1.5rem 1rem; }
      @media only screen and (max-width: 880px) {
        .day-theme__bg .accordion-option-wrapper .accordion-option__content > p {
          padding: 0 0 1.5rem 0;
          width: 95%; } }
  .day-theme__bg .accordion-option-wrapper .accordion-option .faq-answer {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap; }
  .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank {
    display: flex;
    flex-direction: row; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank .rank-text {
      line-height: 2rem;
      color: #fff; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank .thumbsup path {
      fill: #fff; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank .thumbsup circle {
      stroke: #fff; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank .selected-thumb circle {
      fill: #23a5db;
      stroke: #23a5db; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank .selected-thumb path {
      fill: #fff; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__content-rank .selected-thumb:hover circle {
      fill: #3354a2;
      stroke: #3354a2; }
  .day-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0.2rem;
    padding-left: 1rem; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper label {
      color: #000;
      padding-top: 0.5rem;
      margin-bottom: 1rem; }
    .day-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper .accordion-option__content-tool {
      margin-right: 2.1rem; }
      @media only screen and (max-width: 880px) {
        .day-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper .accordion-option__content-tool {
          margin-right: 1.5rem; } }
      .day-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper .accordion-option__content-tool path {
        stroke: #000; }
      .day-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper .accordion-option__content-tool:hover path {
        stroke: #fff; }
      .day-theme__bg .accordion-option-wrapper .accordion-option__closing-wrapper .accordion-option__content-tool:hover circle {
        fill: #1b8cca;
        stroke: #1b8cca; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

@media only screen and (max-width: 880px) {
  .accordion-wrapper {
    margin-top: 2rem; } }

.accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  .accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper .accordion-wrapper__link {
    color: #fff;
    text-decoration: none;
    margin-top: 1.2rem;
    margin-right: 1rem;
    padding-bottom: 1rem; }
    .accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper .accordion-wrapper__link a {
      color: #23a5db;
      text-decoration: none; }
    .accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper .accordion-wrapper__link a:hover {
      color: #3354a2; }
      .accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper .accordion-wrapper__link a:hover path {
        stroke: #3354a2; }
    @media only screen and (max-width: 880px) {
      .accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper .accordion-wrapper__link {
        justify-content: flex-start;
        padding-bottom: 2rem; } }
    .accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper .accordion-wrapper__link svg {
      vertical-align: middle; }
    .accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper .accordion-wrapper__link:hover p {
      color: #23a5db; }
      .accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper .accordion-wrapper__link:hover p path {
        stroke: #23a5db; }
  .accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper .accordion-pagination {
    display: none; }
  @media only screen and (max-width: 880px) {
    .accordion-wrapper .night-theme__bg .accordion-wrapper__link-wrapper {
      justify-content: flex-start; } }

.accordion-wrapper .day-theme__bg {
  padding-top: 1rem; }
  .accordion-wrapper .day-theme__bg .accordion-wrapper__link-wrapper {
    width: 90%;
    display: flex;
    justify-content: flex-end; }
    @media only screen and (max-width: 880px) {
      .accordion-wrapper .day-theme__bg .accordion-wrapper__link-wrapper {
        justify-content: center; } }
    .accordion-wrapper .day-theme__bg .accordion-wrapper__link-wrapper__accordion-pagination {
      display: flex; }
    .accordion-wrapper .day-theme__bg .accordion-wrapper__link-wrapper .accordion-wrapper__link {
      display: none; }
    .accordion-wrapper .day-theme__bg .accordion-wrapper__link-wrapper .accordion-pagination {
      display: unset;
      margin-top: 1rem;
      z-index: 20; }
      .accordion-wrapper .day-theme__bg .accordion-wrapper__link-wrapper .accordion-pagination ul li button {
        color: #fff; }
        .accordion-wrapper .day-theme__bg .accordion-wrapper__link-wrapper .accordion-pagination ul li button:hover {
          border: 1px solid #23a5db;
          background-color: transparent; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.faq-wrapper {
  overflow: hidden; }
  @media only screen and (max-width: 880px) {
    .faq-wrapper {
      flex-direction: column;
      margin-bottom: 2rem;
      box-sizing: border-box; } }
  .faq-wrapper__wrapper {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 3.125rem;
    padding-bottom: 4.375rem; }
    @media only screen and (max-width: 1024px) {
      .faq-wrapper__wrapper {
        padding-top: 0;
        padding-bottom: 0; } }
    .faq-wrapper__wrapper.home {
      flex-direction: row;
      padding-top: 3.125rem;
      padding-bottom: 4.375rem; }
      @media only screen and (max-width: 880px) {
        .faq-wrapper__wrapper.home {
          flex-direction: column; } }
  .faq-wrapper .night-theme__bg {
    background-color: #3354a2; }
    .faq-wrapper .night-theme__bg .faq-left {
      position: relative;
      width: 30%;
      display: flex;
      flex-direction: column;
      z-index: 3;
      justify-content: left; }
      @media only screen and (max-width: 880px) {
        .faq-wrapper .night-theme__bg .faq-left {
          width: 100%;
          margin-top: 2rem; } }
      .faq-wrapper .night-theme__bg .faq-left h2,
      .faq-wrapper .night-theme__bg .faq-left p {
        color: #fff;
        padding: 0;
        margin: 0; }
        @media only screen and (max-width: 880px) {
          .faq-wrapper .night-theme__bg .faq-left h2,
          .faq-wrapper .night-theme__bg .faq-left p {
            width: auto; } }
      .faq-wrapper .night-theme__bg .faq-left > p {
        width: 65%; }
        @media only screen and (max-width: 880px) {
          .faq-wrapper .night-theme__bg .faq-left > p {
            width: 80%; } }
      .faq-wrapper .night-theme__bg .faq-left button {
        color: #fff;
        border-color: #fff;
        border-radius: 5rem;
        text-transform: none;
        margin-top: 2rem;
        min-width: 40%;
        cursor: pointer;
        margin-top: 1rem;
        color: #fff;
        border: solid 1px #fff;
        border-radius: 1.25rem;
        transition: all 0.5s ease;
        text-transform: none;
        width: 60%;
        padding: 9px 25px; }
        .faq-wrapper .night-theme__bg .faq-left button:hover {
          background-color: #23a5db; }
        .faq-wrapper .night-theme__bg .faq-left button:hover {
          background-color: #fff;
          color: #000; }
          .faq-wrapper .night-theme__bg .faq-left button:hover a {
            color: #000; }
          .faq-wrapper .night-theme__bg .faq-left button:hover p {
            color: #000; }
          .faq-wrapper .night-theme__bg .faq-left button:hover svg path {
            stroke: #000; }
        .faq-wrapper .night-theme__bg .faq-left button svg {
          vertical-align: middle; }
        @media only screen and (max-width: 880px) {
          .faq-wrapper .night-theme__bg .faq-left button {
            width: 100%; } }
      .faq-wrapper .night-theme__bg .faq-left a {
        text-decoration: none; }
    .faq-wrapper .night-theme__bg .faq-right {
      position: relative;
      z-index: 2;
      width: 60%;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 880px) {
        .faq-wrapper .night-theme__bg .faq-right {
          width: 100%; } }
  .faq-wrapper .day-theme__bg {
    display: flex;
    margin-bottom: 1rem;
    flex-direction: column-reverse;
    width: 100%;
    padding-top: 0; }
    @media only screen and (max-width: 880px) {
      .faq-wrapper .day-theme__bg {
        flex-direction: column-reverse;
        padding-top: 0;
        margin-bottom: 0.625rem; } }
    .faq-wrapper .day-theme__bg .faq-left {
      width: 100%;
      display: flex;
      flex-direction: column;
      padding: 3rem 2rem 1rem 2rem;
      justify-content: left; }
      @media only screen and (max-width: 880px) {
        .faq-wrapper .day-theme__bg .faq-left {
          width: 100%;
          margin: auto;
          padding: 1rem 0; } }
      .faq-wrapper .day-theme__bg .faq-left h2,
      .faq-wrapper .day-theme__bg .faq-left p {
        width: 85%;
        color: #fff;
        padding: 0;
        margin: 0; }
        @media only screen and (max-width: 880px) {
          .faq-wrapper .day-theme__bg .faq-left h2,
          .faq-wrapper .day-theme__bg .faq-left p {
            width: auto; } }
      @media only screen and (max-width: 880px) {
        .faq-wrapper .day-theme__bg .faq-left p {
          width: auto; } }
      .faq-wrapper .day-theme__bg .faq-left button {
        color: #23a5db;
        border: solid 1px #23a5db;
        border-radius: 1.25rem;
        transition: all 0.5s ease;
        text-transform: none;
        padding: 9px 25px; }
        .faq-wrapper .day-theme__bg .faq-left button:hover {
          background-color: #fff;
          color: #000; }
          .faq-wrapper .day-theme__bg .faq-left button:hover a {
            color: #000; }
          .faq-wrapper .day-theme__bg .faq-left button:hover p {
            color: #000; }
          .faq-wrapper .day-theme__bg .faq-left button:hover svg path {
            stroke: #000; }
        .faq-wrapper .day-theme__bg .faq-left button svg {
          vertical-align: middle; }
          .faq-wrapper .day-theme__bg .faq-left button svg path {
            stroke: #23a5db; }
        .faq-wrapper .day-theme__bg .faq-left button a,
        .faq-wrapper .day-theme__bg .faq-left button p {
          color: #23a5db;
          width: 100%; }
        @media only screen and (max-width: 880px) {
          .faq-wrapper .day-theme__bg .faq-left button {
            width: 95%; } }
        .faq-wrapper .day-theme__bg .faq-left button:hover {
          color: #fff;
          border: solid 1px #1b8cca;
          background-color: #1b8cca; }
          .faq-wrapper .day-theme__bg .faq-left button:hover svg {
            stroke: #fff; }
            .faq-wrapper .day-theme__bg .faq-left button:hover svg path {
              stroke: #fff; }
          .faq-wrapper .day-theme__bg .faq-left button:hover a,
          .faq-wrapper .day-theme__bg .faq-left button:hover p {
            color: #fff; }
      .faq-wrapper .day-theme__bg .faq-left a {
        text-decoration: none; }
    .faq-wrapper .day-theme__bg .faq-right {
      width: 95%;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 880px) {
        .faq-wrapper .day-theme__bg .faq-right {
          width: 100%;
          margin: auto; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.hero-min-h {
  min-height: 300px; }

.hero-text-wrap {
  padding-top: 6rem;
  position: relative; }
  @media only screen and (max-width: 880px) {
    .hero-text-wrap {
      padding: 0; } }

.hero {
  flex-direction: column;
  display: flex;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  background-position: center;
  position: relative;
  z-index: 3; }
  .hero__main {
    background-position: center top; }
    @media only screen and (min-width: 2000px) {
      .hero__main {
        background-position: center center; } }
    .hero__main.home {
      height: 630px; }
  @media only screen and (max-width: 600px) {
    .hero {
      background-position: center; }
      .hero__main.home {
        height: 500px; } }
  .hero__related-articles {
    margin-top: -80px;
    z-index: 3;
    position: relative; }
    @media only screen and (max-width: 600px) {
      .hero__related-articles {
        background: linear-gradient(0, #1C252E 60%, rgba(28, 37, 46, 0) 100%); } }

@media only screen and (max-width: 880px) {
  .hero-text {
    padding: 4rem 0 0; } }

.hero-text-img {
  max-width: 326px;
  width: 100%; }

.link-back {
  color: #fff;
  text-decoration: none; }
  .link-back + h1 {
    margin-top: 33px !important; }
  .link-back svg {
    margin-right: 15px; }
    .link-back svg path {
      stroke: white; }

.hero-space-bottom {
  margin-bottom: 5.5rem; }

.mt-none {
  margin-top: 0; }

.hero-lang-mx .hero-text,
.hero-lang-es .hero-text {
  max-width: 560px !important;
  width: 100% !important; }

#home-page .farmer-home .farmers-title {
  margin-top: 0;
  width: 30%; }
  @media only screen and (max-width: 880px) {
    #home-page .farmer-home .farmers-title {
      width: 100%;
      margin-bottom: 1rem; } }

#science-page .science-page__banner__type1 {
  margin-top: 0; }
  #science-page .science-page__banner__type1 h2 {
    margin-top: 0; }

#aboutus-page .abous-us-menu-wrapper {
  margin-top: 0; }

#aboutus-page .abous-us-menu-space ul {
  margin-top: 0; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.br #page-404 {
  background: url("/images/404brazil.png") no-repeat center center fixed;
  background-size: cover; }

#page-404 {
  min-height: 100vh;
  background: url("/images/hero404.png") no-repeat center center fixed;
  background-size: cover;
  box-sizing: border-box;
  text-align: center; }
  #page-404 .page-main-container__scroll-area {
    display: none; }
  @media only screen and (max-width: 880px) {
    #page-404 {
      flex-direction: column;
      padding: 0 25px; } }
  #page-404 section {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }

#page-404-link {
  color: #fff;
  border-color: #fff;
  border-radius: 5rem;
  text-transform: none;
  margin-top: 2rem;
  min-width: 40%;
  cursor: pointer;
  transition: all 0.5s ease;
  padding: 9px 25px;
  margin-top: 0;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 1.25rem;
  text-transform: none;
  min-width: 15%; }
  #page-404-link:hover {
    background-color: #23a5db; }
  #page-404-link:hover {
    background-color: #fff;
    color: #000; }
    #page-404-link:hover a {
      color: #000; }
    #page-404-link:hover p {
      color: #000; }
    #page-404-link:hover svg path {
      stroke: #000; }
  #page-404-link svg {
    vertical-align: middle; }
  @media only screen and (max-width: 880px) {
    #page-404-link {
      line-height: 20px;
      padding: 0.5rem 1rem; } }

.page-404-h1 {
  max-width: 570px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 25px; }
  @media only screen and (max-width: 880px) {
    .page-404-h1 {
      text-transform: none;
      width: 100%; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.heroWrapper div h1 {
  padding-top: 10rem;
  margin: 0; }
  @media only screen and (max-width: 1024px) {
    .heroWrapper div h1 {
      padding: 7rem 0 0; } }
  @media only screen and (max-width: 880px) {
    .heroWrapper div h1 {
      height: auto;
      line-height: normal;
      margin-bottom: 1rem; } }

.press-release__articlesContainer {
  margin: 0; }
  @media only screen and (max-width: 880px) {
    .press-release__articlesContainer {
      height: auto;
      line-height: normal;
      margin-bottom: 1rem;
      padding: 0;
      box-sizing: border-box; } }
  .press-release__articlesContainer a {
    text-decoration: none; }
  .press-release__articlesContainer .press-release-box {
    display: flex;
    flex-direction: row;
    padding: 2rem 0 2rem; }
    .press-release__articlesContainer .press-release-box:hover .press-release-box__left-col__thumbnail__img {
      transition: all 1s ease;
      background-size: 120%; }
    @media only screen and (max-width: 880px) {
      .press-release__articlesContainer .press-release-box {
        height: auto;
        flex-direction: column;
        margin-top: 0;
        padding-bottom: 2rem;
        border-bottom: 1px solid #8f8f8f; } }
    .press-release__articlesContainer .press-release-box__left-col {
      display: flex;
      width: 20%;
      transition: all 1s ease; }
      @media only screen and (max-width: 880px) {
        .press-release__articlesContainer .press-release-box__left-col {
          width: 95%;
          padding: 0; } }
      .press-release__articlesContainer .press-release-box__left-col__thumbnail {
        width: 170px;
        height: 170px; }
        @media only screen and (max-width: 880px) {
          .press-release__articlesContainer .press-release-box__left-col__thumbnail {
            width: 95px;
            height: 95px; } }
        .press-release__articlesContainer .press-release-box__left-col__thumbnail .press-release-box__left-col__thumbnail__img {
          height: 100%;
          width: 100%;
          color: #fff;
          background-size: 100%;
          background-position: center center;
          background-repeat: no-repeat; }
    .press-release__articlesContainer .press-release-box__right-col {
      width: 80%; }
      @media only screen and (max-width: 880px) {
        .press-release__articlesContainer .press-release-box__right-col {
          width: 100%;
          padding-top: 0; } }
      .press-release__articlesContainer .press-release-box__right-col__title {
        color: #1b8cca;
        width: 85%;
        margin: 1rem 0; }
        @media only screen and (max-width: 1024px) {
          .press-release__articlesContainer .press-release-box__right-col__title {
            width: 100%; } }
      .press-release__articlesContainer .press-release-box__right-col__date {
        margin: 0;
        text-transform: capitalize; }
        @media only screen and (max-width: 880px) {
          .press-release__articlesContainer .press-release-box__right-col__date {
            margin-top: 1rem; } }
      .press-release__articlesContainer .press-release-box__right-col p {
        width: 85%; }
        @media only screen and (max-width: 880px) {
          .press-release__articlesContainer .press-release-box__right-col p {
            width: 100%; } }
    .press-release__articlesContainer .press-release-box:hover .press-release-link {
      opacity: 1; }
    .press-release__articlesContainer .press-release-box .press-release-link {
      margin-top: 1rem;
      transition: all 1s ease;
      width: 15%;
      opacity: 0; }
      .press-release__articlesContainer .press-release-box .press-release-link a {
        color: #1b8cca;
        text-decoration: none; }
      .press-release__articlesContainer .press-release-box .press-release-link:hover a {
        color: #3354a2; }
      .press-release__articlesContainer .press-release-box .press-release-link:hover svg path {
        stroke: #3354a2; }
      .press-release__articlesContainer .press-release-box .press-release-link svg {
        margin-left: 12px; }
        .press-release__articlesContainer .press-release-box .press-release-link svg path {
          stroke: #23a5db; }
      @media only screen and (max-width: 880px) {
        .press-release__articlesContainer .press-release-box .press-release-link {
          display: flex;
          width: 100%;
          opacity: 1; } }

.press-release-pagination {
  margin: 3rem 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 2rem; }
  @media only screen and (max-width: 880px) {
    .press-release-pagination {
      justify-content: center; } }
  .press-release-pagination ul {
    justify-content: flex-end; }
  .press-release-pagination section {
    width: 50%; }
    @media only screen and (max-width: 880px) {
      .press-release-pagination section {
        width: auto; } }
    .press-release-pagination section li button {
      color: #fff; }
      .press-release-pagination section li button:hover {
        border: 1px solid #23a5db;
        background-color: transparent; }

.press-release-single-header {
  padding: 5rem 0; }
  .press-release-single-header section h1 {
    margin-top: 1rem; }

.press-release-single-subtitle {
  margin: 0; }
  .press-release-single-subtitle a {
    color: #23a5db;
    text-decoration: none; }
    .press-release-single-subtitle a:hover {
      color: #3354a2; }
      .press-release-single-subtitle a:hover svg path {
        stroke: #3354a2; }

.articleDate {
  margin-top: 1.2rem;
  text-transform: capitalize; }

.press-release-single-subtitle__blue {
  color: #23a5db; }

.press-release-arrow-left svg {
  margin-right: 15px; }

.press-release-single-hero {
  color: #fff;
  font-weight: 500;
  line-height: 70px;
  line-height: normal;
  color: #fff;
  margin: 0;
  padding: 0;
  height: auto;
  margin-top: 0.9375rem; }
  @media only screen and (max-width: 880px) {
    .press-release-single-hero {
      font-size: 2.5rem; } }
  .press-release-single-hero p {
    padding: 0;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 3.75rem;
    line-height: 70px;
    margin-top: 2.8125rem; }
    @media only screen and (max-width: 880px) {
      .press-release-single-hero p {
        font-size: 2.5rem;
        width: 85%; } }
  @media only screen and (max-width: 880px) {
    .press-release-single-hero {
      line-height: normal;
      margin-bottom: 1rem;
      padding: 1.2rem 0;
      margin-top: 0;
      word-break: break-word; } }

.press-release-single-content p {
  color: #fff;
  margin-top: 1.5625rem; }

.press-release-single-content a {
  color: #23a5db;
  text-decoration: none; }
  .press-release-single-content a:hover {
    color: #3354a2; }
    .press-release-single-content a:hover svg path {
      stroke: #3354a2; }

.press-release-single-content ul,
.press-release-single-content ol {
  color: #fff; }

@media only screen and (max-width: 600px) {
  .content-desktop {
    display: none; } }

@media only screen and (min-width: 600px) {
  .content-mobile {
    display: none; } }

.press-release-single-footer {
  margin-top: 100px;
  color: #fff; }

.press-release-single-footer-phone {
  display: flex;
  margin-top: 1rem;
  align-items: center; }
  .press-release-single-footer-phone svg {
    margin-right: 0.75rem;
    margin-top: 0.2rem; }
    .press-release-single-footer-phone svg path {
      fill: #fff; }

.backAnchor {
  text-decoration: none;
  margin-bottom: 10px; }
  .backAnchor p {
    transition: all 0.5s ease; }
  .backAnchor svg {
    margin-right: 15px; }
    .backAnchor svg path {
      transition: all 0.5s ease;
      stroke: #fff; }
  .backAnchor:hover {
    text-decoration: none; }
    .backAnchor:hover p {
      color: #23a5db; }
    .backAnchor:hover svg path {
      stroke: #23a5db; }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

.hero-home-page {
  flex-direction: column;
  display: flex;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  background-position: center;
  height: 470px;
  margin-bottom: 7rem; }
  @media only screen and (max-width: 980px) {
    .hero-home-page {
      height: auto;
      margin-bottom: 0; } }

#home-page .parallax {
  perspective: 100vw;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto; }

#home-page .parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none; }

#home-page .parallax {
  perspective: 100vw;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto; }

#home-page .parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none; }

#home-page .parallax_group-common svg path {
  fill: #23a5db; }

#home-page .parallax_group1 {
  position: absolute;
  transform: translateZ(-50rem) scale(1); }
  #home-page .parallax_group1 div {
    position: absolute; }
  #home-page .parallax_group1 div:first-child {
    top: 10rem;
    left: 1rem; }

#home-page .parallax_group2 {
  position: absolute;
  transform: translateZ(10rem) scale(0.7); }
  #home-page .parallax_group2 div {
    position: absolute; }
  #home-page .parallax_group2 div:first-child {
    top: 20rem;
    left: 5rem; }
  #home-page .parallax_group2 div:nth-child(2) {
    top: 10rem;
    left: 10rem;
    transform: rotate(180deg); }

#home-page .parallax_group3 {
  position: absolute;
  top: calc(100% - 22rem);
  transform: translateZ(50rem) scale(1); }
  #home-page .parallax_group3 div {
    position: absolute; }
  #home-page .parallax_group3 div:first-child {
    top: 3rem;
    left: 7rem; }
  #home-page .parallax_group3 div:nth-child(2) {
    top: 0;
    left: 8rem;
    transform: rotate(60deg); }

#home-page .parallax_group4 {
  position: absolute;
  transform: translateZ(40rem) scale(0.3); }
  #home-page .parallax_group4 div {
    position: absolute; }
  #home-page .parallax_group4 div:first-child {
    top: 3rem;
    left: 9rem; }
  #home-page .parallax_group4 div:nth-child(2) {
    top: 0;
    left: 0;
    transform: rotate(180deg); }
  #home-page .parallax_group4 div:nth-child(3) {
    top: 7rem;
    left: 11rem; }

#home-page .parallax_group5 {
  position: absolute;
  transform: translateZ(-30rem) scale(1); }
  #home-page .parallax_group5 div {
    position: absolute; }
  #home-page .parallax_group5 div:first-child {
    top: 5rem;
    left: 7rem; }
  #home-page .parallax_group5 div:nth-child(2) {
    top: 0;
    left: 10rem; }
  #home-page .parallax_group5 div:nth-child(3) {
    top: 5rem;
    left: 14rem;
    transform: rotate(180deg); }

#home-page .parallax_group6 {
  position: absolute;
  transform: translateZ(-20rem) scale(1); }
  #home-page .parallax_group6 div {
    position: absolute; }
  #home-page .parallax_group6 div:first-child {
    top: 5rem;
    left: 7rem; }
  #home-page .parallax_group6 div:nth-child(2) {
    top: 0;
    left: 10rem;
    transform: rotate(180deg); }
  #home-page .parallax_group6 div:nth-child(3) {
    top: 5rem;
    left: 14rem;
    transform: rotate(180deg); }

#home-page [class^="science-page__banner"] svg {
  max-width: 100%;
  width: 100%; }

#home-page .hero-text {
  width: 45%;
  margin-bottom: 30px; }
  @media only screen and (max-width: 880px) {
    #home-page .hero-text {
      box-sizing: border-box;
      padding: 4rem 0 0;
      width: 60%;
      line-height: 50px;
      height: auto !important; } }

.hero-home-page-text-cta {
  padding: 0 0 1rem 2.5rem; }
  @media only screen and (max-width: 880px) {
    .hero-home-page-text-cta {
      margin-bottom: 1rem;
      padding: 1rem 1.5625rem; } }

.home-page-related-articles-wrap {
  margin-left: auto; }
  @media only screen and (max-width: 880px) {
    .home-page-related-articles-wrap {
      margin-left: 0; } }

.home-page-related-articles {
  width: 100%;
  margin-left: auto; }
  @media only screen and (max-width: 1199px) {
    .home-page-related-articles {
      margin-right: 0; } }
  @media only screen and (max-width: 880px) {
    .home-page-related-articles {
      width: 100%;
      margin: 0 auto; } }
  @media only screen and (max-width: 880px) {
    .home-page-related-articles {
      background: linear-gradient(rgba(0, 0, 0, 0) 0%, #1c252e 15%); } }

#home-page-hero-link {
  transition: all 0.5s ease;
  margin-top: 0;
  border: solid 1px #fff;
  border-radius: 1.25rem;
  transition: all 0.5s ease;
  text-transform: none;
  min-width: 15%;
  padding: 9px 25px; }
  #home-page-hero-link:hover {
    background-color: #fff;
    color: #000; }
    #home-page-hero-link:hover a {
      color: #000; }
    #home-page-hero-link:hover p {
      color: #000; }
    #home-page-hero-link:hover svg path {
      stroke: #000; }
  #home-page-hero-link svg {
    vertical-align: middle; }
  @media only screen and (max-width: 600px) {
    #home-page-hero-link {
      width: 100%; } }

.parallax {
  perspective: 100vw;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto; }

.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none; }

#home-page .parallax_group1 {
  transform: translateZ(40rem) scale(0.3);
  top: calc(100% - -75rem); }
  @media only screen and (max-width: 880px) {
    #home-page .parallax_group1 {
      top: 3rem; } }
  #home-page .parallax_group1 div:first-child {
    top: 1rem;
    left: 0; }
  #home-page .parallax_group1 div:nth-child(2) {
    top: 0;
    left: 8rem;
    transform: rotate(180deg); }

#home-page .parallax_group2 {
  transform: translateZ(30rem) scale(0.4);
  top: calc(100% - -75rem); }
  @media only screen and (max-width: 880px) {
    #home-page .parallax_group2 {
      top: 3rem; } }
  #home-page .parallax_group2 div:first-child {
    top: 3rem;
    left: 9rem; }

#home-page .cards-wrapper {
  overflow: initial;
  margin: 5rem 0 0; }
  @media only screen and (max-width: 880px) {
    #home-page .cards-wrapper {
      padding: 0;
      margin: 0 auto; }
      #home-page .cards-wrapper .farmers-2-grid {
        align-items: center;
        margin: 0 0 2rem; }
        #home-page .cards-wrapper .farmers-2-grid:first-of-type {
          margin-top: 3.5rem; }
        #home-page .cards-wrapper .farmers-2-grid:last-of-type {
          margin-bottom: 0; } }

#home-page .quote-box {
  bottom: auto;
  top: -5.25rem;
  left: unset;
  right: 0;
  max-width: 170px; }
  @media only screen and (max-width: 880px) {
    #home-page .quote-box {
      top: auto;
      bottom: 18rem; } }
  @media only screen and (max-width: 600px) {
    #home-page .quote-box {
      left: 10%;
      bottom: 19rem;
      max-width: 100%; } }

.brArticleList {
  margin-top: 40px; }
  @media only screen and (max-width: 880px) {
    .brArticleList {
      margin-top: 0; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azosansmedium-webfont.woff2") format("woff2"), url("/fonts/azosansmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    background-color: rgba(28, 37, 46, 0); }
  25% {
    background-color: rgba(28, 37, 46, 0.25); }
  50% {
    background-color: rgba(28, 37, 46, 0.5); }
  100% {
    background-color: #1c252e; } }

#science-page .parallax {
  perspective: 100vw;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto; }

#science-page .parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none; }

#science-page .parallax {
  perspective: 100vw;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto; }

#science-page .parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none; }

#science-page .parallax_group-common svg path {
  fill: #23a5db; }

#science-page .parallax_group1 {
  position: absolute;
  transform: translateZ(-50rem) scale(1); }
  #science-page .parallax_group1 div {
    position: absolute; }
  #science-page .parallax_group1 div:first-child {
    top: 10rem;
    left: 1rem; }

#science-page .parallax_group2 {
  position: absolute;
  transform: translateZ(10rem) scale(0.7); }
  #science-page .parallax_group2 div {
    position: absolute; }
  #science-page .parallax_group2 div:first-child {
    top: 20rem;
    left: 5rem; }
  #science-page .parallax_group2 div:nth-child(2) {
    top: 10rem;
    left: 10rem;
    transform: rotate(180deg); }

#science-page .parallax_group3 {
  position: absolute;
  top: calc(100% - 22rem);
  transform: translateZ(50rem) scale(1); }
  #science-page .parallax_group3 div {
    position: absolute; }
  #science-page .parallax_group3 div:first-child {
    top: 3rem;
    left: 7rem; }
  #science-page .parallax_group3 div:nth-child(2) {
    top: 0;
    left: 8rem;
    transform: rotate(60deg); }

#science-page .parallax_group4 {
  position: absolute;
  transform: translateZ(40rem) scale(0.3); }
  #science-page .parallax_group4 div {
    position: absolute; }
  #science-page .parallax_group4 div:first-child {
    top: 3rem;
    left: 9rem; }
  #science-page .parallax_group4 div:nth-child(2) {
    top: 0;
    left: 0;
    transform: rotate(180deg); }
  #science-page .parallax_group4 div:nth-child(3) {
    top: 7rem;
    left: 11rem; }

#science-page .parallax_group5 {
  position: absolute;
  transform: translateZ(-30rem) scale(1); }
  #science-page .parallax_group5 div {
    position: absolute; }
  #science-page .parallax_group5 div:first-child {
    top: 5rem;
    left: 7rem; }
  #science-page .parallax_group5 div:nth-child(2) {
    top: 0;
    left: 10rem; }
  #science-page .parallax_group5 div:nth-child(3) {
    top: 5rem;
    left: 14rem;
    transform: rotate(180deg); }

#science-page .parallax_group6 {
  position: absolute;
  transform: translateZ(-20rem) scale(1); }
  #science-page .parallax_group6 div {
    position: absolute; }
  #science-page .parallax_group6 div:first-child {
    top: 5rem;
    left: 7rem; }
  #science-page .parallax_group6 div:nth-child(2) {
    top: 0;
    left: 10rem;
    transform: rotate(180deg); }
  #science-page .parallax_group6 div:nth-child(3) {
    top: 5rem;
    left: 14rem;
    transform: rotate(180deg); }

#science-page [class^="science-page__banner"] svg {
  max-width: 100%;
  width: 100%; }

.mb-20 {
  margin-bottom: 20px !important; }

.detail-card-flag {
  width: 18px;
  height: 12px;
  margin-left: 7px; }

.mt-20 {
  margin-top: 20px; }

.banners-section {
  margin-top: 4rem; }
  @media only screen and (max-width: 880px) {
    .banners-section {
      margin-top: 0; } }

.science-page-wrapper {
  background-repeat: no-repeat;
  margin-top: 6rem;
  width: 100%;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 880px) {
    .science-page-wrapper {
      margin-top: 4rem; } }
  .science-page-wrapper__upper, .science-page-wrapper__lower {
    display: flex;
    flex-direction: row; }
  .science-page-wrapper__upper {
    margin-bottom: 3rem; }
    .science-page-wrapper__upper-left {
      width: 50%; }
      @media only screen and (max-width: 880px) {
        .science-page-wrapper__upper-left {
          width: 100%; } }
    .science-page-wrapper__upper-right {
      width: 50%;
      color: #fff;
      padding: 5rem 1rem 1rem 2rem; }
      @media only screen and (max-width: 880px) {
        .science-page-wrapper__upper-right {
          width: 100%; } }
  .science-page-wrapper__lower {
    margin-top: 0; }

.science-page-text__title {
  color: #fff; }

.science-page-text__desc {
  width: 470px;
  color: #fff; }
  @media only screen and (max-width: 1199px) {
    .science-page-text__desc {
      width: 70%;
      text-align: justify; } }
  @media only screen and (max-width: 880px) {
    .science-page-text__desc {
      width: 100%; } }

@media only screen and (max-width: 880px) {
  .science-page-text {
    padding-left: 2rem; } }

.science-page__banner__type1 {
  display: flex;
  flex-direction: row;
  color: #fff; }
  @media only screen and (max-width: 880px) {
    .science-page__banner__type1 {
      flex-direction: column;
      margin: 0;
      padding: 0; } }
  .science-page__banner__type1-left {
    max-width: 570px; }
    @media only screen and (max-width: 1024px) {
      .science-page__banner__type1-left {
        max-width: 390px; } }
    @media only screen and (max-width: 880px) {
      .science-page__banner__type1-left {
        max-width: unset; } }
    .science-page__banner__type1-left h2 {
      margin-bottom: 2.5rem; }
      @media only screen and (max-width: 880px) {
        .science-page__banner__type1-left h2 {
          margin: 0;
          width: 100%;
          padding-top: 1rem;
          margin-bottom: 2rem; } }
    .science-page__banner__type1-left p {
      color: #fff;
      white-space: pre-wrap;
      white-space: -moz-pre-wrap;
      white-space: -o-pre-wrap; }
      @media only screen and (max-width: 880px) {
        .science-page__banner__type1-left p {
          margin: 0; } }
    @media only screen and (max-width: 880px) {
      .science-page__banner__type1-left {
        box-sizing: border-box;
        display: flex;
        flex-direction: column; } }
  .science-page__banner__type1-right {
    align-self: center;
    justify-self: center;
    margin: 0 auto;
    margin-top: -2.5rem; }
    @media only screen and (max-width: 600px) {
      .science-page__banner__type1-right {
        margin-top: 1rem;
        width: 100%;
        display: flex;
        padding: 0 25px;
        box-sizing: border-box; }
        .science-page__banner__type1-right svg {
          max-width: 325px;
          width: 100%;
          margin: 0 auto;
          display: block; } }
    @media only screen and (max-width: 880px) {
      .science-page__banner__type1-right {
        margin: 3rem auto; } }

.science-page__banner__type2 {
  display: flex;
  flex-direction: row;
  color: #fff;
  justify-content: space-between; }
  @media only screen and (max-width: 880px) {
    .science-page__banner__type2 {
      flex-direction: column-reverse;
      margin-top: 0;
      padding: 0;
      margin: 0; } }
  .science-page__banner__type2-left {
    align-self: center;
    justify-self: center;
    margin-left: 4rem; }
    @media only screen and (max-width: 1024px) {
      .science-page__banner__type2-left {
        margin-left: 0; } }
    @media only screen and (max-width: 880px) {
      .science-page__banner__type2-left {
        margin: 3rem auto; } }
    @media only screen and (max-width: 600px) {
      .science-page__banner__type2-left {
        width: 100%;
        display: flex;
        justify-self: center;
        padding: 0 25px;
        box-sizing: border-box; }
        .science-page__banner__type2-left svg {
          max-width: 325px;
          width: 100%;
          margin: 0 auto;
          display: block; } }
  .science-page__banner__type2-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 6.725rem;
    max-width: 570px;
    margin-top: -3.5rem; }
    @media only screen and (max-width: 1024px) {
      .science-page__banner__type2-right {
        max-width: 390px; } }
    @media only screen and (max-width: 880px) {
      .science-page__banner__type2-right {
        margin-left: 0;
        max-width: unset;
        margin-top: 0; } }
    .science-page__banner__type2-right h2 {
      align-self: flex-start;
      margin-bottom: 2.5rem; }
      @media only screen and (max-width: 880px) {
        .science-page__banner__type2-right h2 {
          margin: 0;
          padding-top: 1rem;
          margin-left: 0;
          margin-bottom: 2rem; } }
    .science-page__banner__type2-right p {
      color: #fff;
      white-space: pre-wrap;
      white-space: -moz-pre-wrap;
      white-space: -o-pre-wrap; }
      @media only screen and (max-width: 880px) {
        .science-page__banner__type2-right p {
          align-self: flex-start; } }

@media only screen and (max-width: 880px) {
  #science-page .farmers-2-grid,
  #science-page .farmers-1-grid {
    box-sizing: border-box; }
  #science-page .farmers-1-grid {
    padding: 0; }
  #science-page .farmers-2-grid {
    padding: 0.5rem 0;
    margin-top: 0; }
  #science-page .cards-wrapper {
    margin-top: 0 !important;
    flex-direction: column; }
    #science-page .cards-wrapper > .farmers-2-grid {
      flex-direction: column;
      align-items: center;
      margin: 0; } }

@media (max-width: 480px) {
  .are-you-interested-box {
    width: 100% !important; }
  .parallax-inner {
    display: none; } }

@media (max-width: 391px) {
  .detail-card-more-btn {
    margin-top: 20px; } }