:root {
  font-size: 0.9375vw;
  --column-gap: calc(16rem * 1 / 18);
  --header-height: calc(120rem * 1 / 18);
  --header-height-mobile: 80px;
}
/* Stop scaling at 2000px */
@media (min-width: 2000px) {
  :root {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1023px) {
  html {
    margin-top: 0 !important;
  }
}
html:has(body.admin-bar) {
  margin-top: 32px !important;
}
@media only screen and (max-width: 1199px) {
  html:has(body.admin-bar) {
    margin-top: 0 !important;
  }
}
html:has(body.admin-bar) .header {
  top: 32px !important;
}
@media only screen and (max-width: 1023px) {
  html:has(body.admin-bar) .header {
    top: 0 !important;
  }
}
html:has(body.admin-bar) .header__nav {
  top: 50px !important;
}
html:has(body.admin-bar) .header__logo-wrapper {
  top: 35px !important;
}
@media only screen and (max-width: 600px) {
  html {
    overflow-x: hidden;
  }
}
body {
  background-color: white;
  position: relative;
  max-width: 1920px;
  margin: auto !important;
}
body p {
  line-height: normal;
  font-size: calc(20rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  body p {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
body .four04 {
  display: grid;
  padding-left: calc(70rem * 1 / 18);
  padding-right: calc(70rem * 1 / 18);
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  position: relative;
  height: calc(500rem * 1 / 18);
  align-items: center;
  z-index: 2;
}
@media only screen and (max-width: 1023px) {
  body .four04 {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  body .four04 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  body .four04 {
    min-height: 500px;
  }
}
body .four04__title {
  font-weight: 500;
}
body .four04__content {
  grid-column: 2 / span 24;
  text-align: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  body .four04__content {
    grid-column: 1 / -1;
  }
}
body #content {
  overflow: hidden;
}
body #content.hai-block-exist {
  overflow: visible;
}
body #content.single-post {
  overflow: visible;
}
body #wrapper {
  margin: auto;
  position: relative;
  z-index: 2;
}
body #container {
  background-color: white;
  margin: auto;
  z-index: 1;
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  padding-top: var(--header-height);
}
@media only screen and (max-width: 1600px) {
  body #container {
    padding-top: var(--header-height-mobile);
  }
}
body #container.sticky {
  padding-top: calc(90rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  body #container.sticky {
    padding-top: calc(85rem * 1 / 3.9375);
  }
}
body #footer {
  margin: auto;
  z-index: 1;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
body em,
body i {
  font-style: italic;
}
body strong,
body b {
  font-weight: bold;
}
body .grid {
  display: grid;
  padding-left: calc(70rem * 1 / 18);
  padding-right: calc(70rem * 1 / 18);
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  background-color: transparent;
  position: absolute;
  inset: 0;
  z-index: 101;
}
@media only screen and (max-width: 1023px) {
  body .grid {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  body .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
body .grid__item {
  background-color: rgba(0, 255, 255, 0.55);
  width: 100%;
  display: flex;
}
body .skiptranslate .VIpgJd-ZVi9od-ORHb-OEVmcd {
  z-index: 0;
}
body .skiptranslate iframe {
  visibility: hidden !important;
}
@media only screen and (max-width: 1023px) {
  html #wpadminbar {
    display: none !important;
  }
}
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Open Sans", "Helvetica", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
hr {
  border-bottom: 1px solid gray;
}
.articulatCF-normal {
  font-family: "articulat-cf", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.articulatCF-regular {
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.articulatCF-medium {
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.articulatCF-demibold {
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.articulatCF-bold {
  font-family: "articulat-cf", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.arrow-button {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: calc(15rem * 1 / 18) 0;
  color: #101921;
  text-decoration: none;
  font-size: calc(16rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  transition: background-color 0.3s;
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .arrow-button {
    font-size: 16px;
    line-height: 24.5px;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 600px) {
  .arrow-button {
    font-size: 14px;
    line-height: 22.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .arrow-button {
    align-items: center;
  }
}
.arrow-button svg {
  margin-right: calc(15rem * 1 / 18);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .arrow-button svg {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .arrow-button svg {
    margin-right: 10px;
  }
}
.arrow-button:hover {
  color: #FA851E;
}
.arrow-button:hover svg {
  margin-right: calc(10rem * 1 / 18);
  margin-left: calc(5rem * 1 / 18);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .arrow-button:hover svg {
    margin-right: 10px;
    margin-left: 5px;
  }
}
.arrow-button:hover svg path {
  stroke: #FA851E;
}
.font-size72 {
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(72rem * 1 / 18);
  line-height: calc(82rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .font-size72 {
    font-size: 44px;
    line-height: 48.5px;
  }
}
.font-size56 {
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: calc(61.6rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .font-size56 {
    font-size: 56px;
    line-height: 61.6px;
  }
}
.section-title {
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(48rem * 1 / 18);
  line-height: calc(56rem * 1 / 18);
  color: #101921;
}
@media only screen and (max-width: 1023px) {
  .section-title {
    font-size: 48px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 600px) {
  .section-title {
    font-size: 36px;
    line-height: 39.6px;
  }
}
.font-size42 {
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(42rem * 1 / 18);
  line-height: calc(50rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .font-size42 {
    font-size: 42px;
    line-height: 50px;
  }
}
.font-size40 {
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(40rem * 1 / 18);
  line-height: calc(48rem * 1 / 18);
  color: #101921;
}
@media only screen and (max-width: 1023px) {
  .font-size40 {
    font-size: 40px;
    line-height: 48px;
  }
}
.font-size36 {
  font-size: calc(36rem * 1 / 18);
  line-height: calc(47rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size36 {
    font-size: 36px;
    line-height: 47px;
  }
}
.font-size30 {
  font-size: calc(30rem * 1 / 18);
  line-height: calc(32.5rem * 1 / 18);
  letter-spacing: calc(0.8rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size30 {
    font-size: 30px;
    line-height: 32.5px;
    letter-spacing: 0.8px;
  }
}
@media only screen and (max-width: 600px) {
  .font-size30 {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.5px;
  }
}
.font-size28 {
  font-size: calc(28rem * 1 / 18);
  line-height: calc(30.5rem * 1 / 18);
  letter-spacing: calc(0.6rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size28 {
    font-size: 28px;
    line-height: 30.5px;
    letter-spacing: 0.6px;
  }
}
.font-size26 {
  font-size: calc(26rem * 1 / 18);
  line-height: calc(28.5rem * 1 / 18);
  letter-spacing: calc(0.6rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size26 {
    font-size: 26px;
    line-height: 28.5px;
    letter-spacing: 0.6px;
  }
}
.font-size24 {
  font-size: calc(24rem * 1 / 18);
  line-height: calc(26.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size24 {
    font-size: 24px;
    line-height: 26.5px;
    letter-spacing: 0.5px;
  }
}
.font-size22 {
  font-size: calc(22rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size22 {
    font-size: 22px;
    line-height: 24.5px;
    letter-spacing: 0.5px;
  }
}
.font-size20 {
  font-size: calc(20rem * 1 / 18);
  line-height: calc(22.5rem * 1 / 18);
  letter-spacing: calc(0.9rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .font-size20 {
    font-size: 20px;
    line-height: 22.5px;
    letter-spacing: 0.9px;
  }
}
.font-size18-demibold {
  font-size: calc(18rem * 1 / 18);
  line-height: calc(27rem * 1 / 18);
  letter-spacing: calc(0.36rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size18-demibold {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.5px;
  }
}
.font-size18-regular {
  font-size: calc(18rem * 1 / 18);
  line-height: calc(27rem * 1 / 18);
  letter-spacing: calc(0.36rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size18-regular {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.5px;
  }
}
.font-size17 {
  font-size: calc(17rem * 1 / 18);
  line-height: calc(25.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size17 {
    font-size: 17px;
    line-height: 25.5px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 600px) {
  .font-size17 {
    font-size: 16px;
    line-height: 25.5px;
  }
}
.font-size16 {
  font-size: calc(16rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size16 {
    font-size: 16px;
    line-height: 24.5px;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 600px) {
  .font-size16 {
    font-size: 14px;
    line-height: 22.5px;
  }
}
.font-size15 {
  font-size: calc(15rem * 1 / 18);
  line-height: calc(23.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size15 {
    font-size: 15px;
    line-height: 23.5px;
    letter-spacing: 0.5px;
  }
}
.font-size14 {
  font-size: calc(14rem * 1 / 18);
  line-height: calc(15.5rem * 1 / 18);
  letter-spacing: calc(1rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size14 {
    font-size: 14px;
    line-height: 15.5px;
    letter-spacing: 1px;
  }
}
.font-size14-bold {
  font-size: calc(14rem * 1 / 18);
  line-height: calc(15.5rem * 1 / 18);
  letter-spacing: calc(1rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 800;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size14-bold {
    font-size: 14px;
    line-height: 15.5px;
    letter-spacing: 1px;
  }
}
.font-size12 {
  font-size: calc(12rem * 1 / 18);
  line-height: calc(13.5rem * 1 / 18);
  letter-spacing: calc(0.9rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .font-size12 {
    font-size: 12px;
    line-height: 13.5px;
    letter-spacing: 0.9px;
  }
}
.radius5 {
  border-radius: calc(5rem * 1 / 18);
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .radius5 {
    border-radius: 5px;
  }
}
.grid-and-padding {
  display: grid;
  padding-left: calc(70rem * 1 / 18);
  padding-right: calc(70rem * 1 / 18);
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .grid-and-padding {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .grid-and-padding {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-no-padding {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .grid-no-padding {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .grid-no-padding {
    grid-template-columns: repeat(4, 1fr);
  }
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
.z-6 {
  z-index: 6 !important;
}
.z-7 {
  z-index: 7 !important;
}
.z-8 {
  z-index: 8 !important;
}
.z-9 {
  z-index: 9 !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-11 {
  z-index: 11 !important;
}
.z-12 {
  z-index: 12 !important;
}
.z-13 {
  z-index: 13 !important;
}
.z-14 {
  z-index: 14 !important;
}
.z-15 {
  z-index: 15 !important;
}
.z-16 {
  z-index: 16 !important;
}
.z-17 {
  z-index: 17 !important;
}
.z-18 {
  z-index: 18 !important;
}
.z-19 {
  z-index: 19 !important;
}
.z-20 {
  z-index: 20 !important;
}
body.no-scroll {
  overflow: hidden;
  height: 100vh;
}
.header {
  display: grid;
  padding-left: calc(70rem * 1 / 18);
  padding-right: calc(70rem * 1 / 18);
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  position: absolute;
  height: calc(40rem * 1 / 18);
  top: calc(35rem * 1 / 18);
  left: 0;
  right: 0;
  z-index: 999;
}
@media only screen and (max-width: 1023px) {
  .header {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .header {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .header {
    top: 20px;
    height: 40px;
  }
}
.header__logo {
  position: relative;
  grid-column: 1 / span 2;
  display: flex;
  align-items: center;
  justify-content: start;
  height: calc(30rem * 1 / 18);
  margin: 0 auto;
  margin-left: calc(70rem * 1 / 18);
  margin-top: calc(20rem * 1 / 18);
  z-index: 999;
  align-self: center;
}
@media only screen and (max-width: 1023px) {
  .header__logo {
    margin-top: 20px;
    margin-left: 20px;
    height: auto;
  }
}
.header__logo-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: calc(72rem * 1 / 18);
  z-index: 1100;
  background-color: #fff;
}
@media only screen and (max-width: 1023px) {
  .header__logo-wrapper {
    height: 72px;
  }
}
.header__logo-wrapper.hide-on-scroll {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
.header__logo-wrapper.show-on-scroll {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: auto;
}
.header__logo img {
  width: calc(200rem * 1 / 18);
  height: calc(30rem * 1 / 18);
  object-fit: contain;
}
@media only screen and (max-width: 1023px) {
  .header__logo img {
    width: 178px;
    height: 27px;
  }
}
.header__mobile {
  display: none;
  width: 40px;
  height: 40px;
  background-color: #101921;
  border-radius: calc(5rem * 1 / 18);
  overflow: hidden;
  cursor: pointer;
  z-index: 1300;
}
@media only screen and (max-width: 1023px) {
  .header__mobile {
    border-radius: 5px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__mobile {
    display: block;
    position: fixed;
    right: 20px;
    top: 15px;
    padding: 10px;
    padding-top: 12px;
  }
}
.header__mobile-bar {
  width: 20px;
  height: 1px;
  background-color: white;
  display: block;
  transition: all 0.3s ease-in-out;
}
.header__mobile-bar:nth-of-type(2) {
  margin: 6px 0;
}
.header__mobile.active .header__mobile-bar:first-of-type {
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
  margin-top: 8px;
}
.header__mobile.active .header__mobile-bar:nth-of-type(2) {
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
  margin-top: -1px;
}
.header__mobile.active .header__mobile-bar:last-of-type {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.header__mobile.mobile-menu-toggle.active {
  background-color: #101921;
}
.header__nav {
  position: fixed;
  top: calc(15rem * 1 / 18);
  right: calc(70rem * 1 / 18);
  z-index: 1200;
  grid-column: 16 / span 11;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(40rem * 1 / 18);
  border-radius: calc(5rem * 1 / 18);
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .header__nav {
    border-radius: 5px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__nav {
    position: fixed;
    top: 0;
    right: 0;
    left: -100%;
    height: 100vh;
    width: 100%;
    background-color: #101921;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 120px;
    transition: left 0.3s ease-in-out;
    z-index: 998;
    border-radius: 0;
  }
}
.header__nav.active {
  background-color: #101921;
}
@media only screen and (max-width: 1023px) {
  .header__nav.active {
    left: 0;
  }
}
.header__nav.dark {
  background-color: #F1F5F5;
}
@media only screen and (max-width: 1023px) {
  .header__nav.dark {
    background: #40474D;
    background: linear-gradient(230deg, #40474d -23%, #101921 30%);
  }
}
.header__nav.dark .menu-main-menu-container .menu li:hover {
  background-color: #40474d;
}
.header__nav.dark .menu-main-menu-container .menu li:hover a {
  text-decoration: underline;
}
@media only screen and (max-width: 1023px) {
  .header__nav.dark .menu-main-menu-container .menu li:hover a {
    text-decoration: none;
  }
}
.header__nav.dark .menu-main-menu-container .menu li a {
  color: #101921;
}
@media only screen and (max-width: 1023px) {
  .header__nav.dark .menu-main-menu-container .menu li a {
    color: #dbe6e6;
  }
}
@media only screen and (max-width: 1023px) {
  .header__nav.dark .menu-main-menu-container .menu li a:hover {
    text-decoration: none;
  }
}
.header__nav.dark .header__nav-language span {
  color: #101921;
  cursor: pointer;
}
.header__nav.dark .header__nav-language span:hover {
  text-decoration: underline;
}
.header__nav.dark .header__nav-language:hover {
  background-color: #dbe6e6;
}
.header__nav.dark .header__nav-language:hover a {
  text-decoration: underline;
}
.header__nav.light {
  background-color: #101921;
}
@media only screen and (max-width: 1023px) {
  .header__nav.light {
    background: #40474D;
    background: linear-gradient(230deg, #40474d -23%, #101921 30%);
  }
}
.header__nav.light .menu-main-menu-container .menu li:hover {
  background-color: #40474d;
}
.header__nav.light .menu-main-menu-container .menu li:hover a {
  text-decoration: underline;
  color: #fff;
}
@media only screen and (max-width: 1023px) {
  .header__nav.light .menu-main-menu-container .menu li:hover a {
    text-decoration: none;
  }
}
.header__nav.light .menu-main-menu-container .menu li a {
  color: #dbe6e6;
}
.header__nav.light .menu-main-menu-container .menu li a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1023px) {
  .header__nav.light .menu-main-menu-container .menu li a:hover {
    text-decoration: none;
  }
}
.header__nav.light .header__nav-language span {
  color: #dbe6e6;
  cursor: pointer;
}
.header__nav.light .header__nav-language:hover {
  background-color: #585e64;
}
.header__nav.light .header__nav-language:hover a {
  text-decoration: underline;
}
.header__nav .menu-main-menu-container {
  height: calc(40rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .header__nav .menu-main-menu-container {
    height: auto;
    width: 100%;
  }
}
.header__nav .menu-main-menu-container .menu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  height: calc(40rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .header__nav .menu-main-menu-container .menu {
    flex-direction: column;
    height: auto;
    align-items: flex-start;
    border-bottom: 1px solid #40474d;
  }
}
.header__nav .menu-main-menu-container .menu li {
  height: calc(40rem * 1 / 18);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1023px) {
  .header__nav .menu-main-menu-container .menu li {
    height: 60px;
    justify-content: flex-start;
    border-top: 1px solid #40474d;
    width: 100%;
  }
  .header__nav .menu-main-menu-container .menu li:hover {
    background-color: #707579;
  }
}
.header__nav .menu-main-menu-container .menu li a {
  font-size: calc(15rem * 1 / 18);
  line-height: calc(23.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-weight: 500;
  color: #101921;
  text-decoration: none;
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  margin-left: calc(20rem * 1 / 18);
  margin-right: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .header__nav .menu-main-menu-container .menu li a {
    font-size: 15px;
    line-height: 23.5px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__nav .menu-main-menu-container .menu li a {
    margin: 0;
    padding: 20px;
    width: 100%;
  }
  .header__nav .menu-main-menu-container .menu li a:hover {
    text-decoration: none;
  }
}
.header__nav-language {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(40rem * 1 / 18);
  height: calc(40rem * 1 / 18);
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .header__nav-language {
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
  }
}
.header__nav-language span {
  font-size: calc(15rem * 1 / 18);
  line-height: calc(23.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-weight: 500;
  color: #101921;
  text-decoration: none;
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  margin-left: calc(20rem * 1 / 18);
  margin-right: calc(20rem * 1 / 18);
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .header__nav-language span {
    font-size: 15px;
    line-height: 23.5px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .header__nav-language span {
    margin: 0;
    padding: 20px;
    width: 100%;
  }
  .header__nav-language span:hover {
    text-decoration: none;
  }
}
#languageModalContainer {
  padding: 3rem;
  font-family: "articulat-cf", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(25rem * 1 / 18);
  color: #000000;
  width: 90%;
  max-width: calc(850rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  #languageModalContainer {
    font-size: 20px;
    padding: 20px;
  }
}
#languageModalContainer .fancybox-button {
  width: 70px;
  height: 70px;
  color: #878c90 !important;
}
#languageModalContainer .fancybox-slide--html .fancybox-close-small {
  color: #878c90;
}
#google_translate_element img {
  width: auto !important;
  height: auto !important;
}
.languageModalContainer-inner h2 {
  font-weight: 600;
  font-size: calc(28rem * 1 / 18);
  line-height: calc(30.5rem * 1 / 18);
  letter-spacing: calc(0.6rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .languageModalContainer-inner h2 {
    font-size: 28px;
    line-height: 30.5px;
    letter-spacing: 0.6px;
  }
}
.languageModalContainer-inner p {
  font-size: calc(16rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-weight: 600;
  margin: calc(30rem * 1 / 18) 0;
  font-family: "articulat-cf", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .languageModalContainer-inner p {
    font-size: 16px;
    line-height: 24.5px;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 600px) {
  .languageModalContainer-inner p {
    font-size: 14px;
    line-height: 22.5px;
  }
}
.languageModalContainer-inner .goog-te-gadget-simple {
  width: 400px;
  height: 70px;
  border: none;
  border-bottom: calc(1rem * 1 / 18) solid #101921;
  font-size: calc(16rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .languageModalContainer-inner .goog-te-gadget-simple {
    font-size: 16px;
    line-height: 24.5px;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 600px) {
  .languageModalContainer-inner .goog-te-gadget-simple {
    font-size: 14px;
    line-height: 22.5px;
  }
}
.languageModalContainer-inner .goog-te-gadget-simple span {
  width: 100%;
}
.languageModalContainer-inner .goog-te-gadget-simple span a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.languageModalContainer-inner .goog-te-gadget-simple span a span {
  border: none !important;
  color: #878c90 !important;
}
.languageModalContainer-inner .goog-te-gadget-simple span a span:nth-of-type(3) {
  width: 30px;
  position: relative;
}
.languageModalContainer-inner .goog-te-gadget-simple span a span:nth-of-type(3)::before {
  content: ">";
  font-size: calc(24rem * 1 / 18);
  line-height: calc(26.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #101921;
  position: absolute;
  right: calc(0rem * 1 / 18);
  top: calc(40%);
  transform: rotate(90deg);
  width: calc(18rem * 1 / 18);
  height: calc(15rem * 1 / 18);
  background-color: #fff;
  background-image: url(../../../images/icons/arrow-down-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 9;
}
@media only screen and (max-width: 1023px) {
  .languageModalContainer-inner .goog-te-gadget-simple span a span:nth-of-type(3)::before {
    font-size: 24px;
    line-height: 26.5px;
    letter-spacing: 0.5px;
  }
}
.custom-lang-switcher button {
  background-color: #FA851E;
  border: none;
  padding: 10px 15px;
  color: #fff;
  font-size: calc(16rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-weight: 600;
  font-family: "articulat-cf", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-right: calc(10rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .custom-lang-switcher button {
    font-size: 16px;
    line-height: 24.5px;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 600px) {
  .custom-lang-switcher button {
    font-size: 14px;
    line-height: 22.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .custom-lang-switcher button {
    margin-right: 10px;
  }
}
.footer__orange {
  display: grid;
  padding-left: calc(70rem * 1 / 18);
  padding-right: calc(70rem * 1 / 18);
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  background-color: #FA851E;
  padding-top: calc(40rem * 1 / 18);
  padding-bottom: calc(40rem * 1 / 18);
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1023px) {
  .footer__orange {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__orange {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .footer__orange {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-top: 80px;
  }
}
.footer__orange-title {
  grid-column: 3 / span 20;
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(48rem * 1 / 18);
  line-height: calc(56rem * 1 / 18);
  color: #101921;
  color: #ffffff;
}
@media only screen and (max-width: 1023px) {
  .footer__orange-title {
    font-size: 48px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__orange-title {
    font-size: 36px;
    line-height: 39.6px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer__orange-title {
    grid-column: 1 / -1;
  }
}
@media only screen and (max-width: 600px) {
  .footer__orange-title {
    font-size: 40px;
    line-height: 48px;
  }
}
.footer__orange-content {
  grid-column: 3 / span 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .footer__orange-content {
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
  }
}
.footer__orange-content p {
  margin: 0;
  font-size: calc(24rem * 1 / 18);
  line-height: calc(26.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-weight: 700;
  color: #ffffff;
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .footer__orange-content p {
    font-size: 24px;
    line-height: 26.5px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__orange-content p {
    font-size: 18px;
  }
}
.footer__orange-content .btn {
  display: flex;
  justify-content: start;
  padding: calc(15rem * 1 / 18) 0;
  color: #101921;
  font-size: calc(16rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  transition: background-color 0.3s;
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .footer__orange-content .btn {
    font-size: 16px;
    line-height: 24.5px;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__orange-content .btn {
    font-size: 14px;
    line-height: 22.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer__orange-content .btn {
    align-items: center;
  }
}
.footer__orange-content .btn svg {
  margin-right: calc(15rem * 1 / 18);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .footer__orange-content .btn svg {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__orange-content .btn svg {
    margin-right: 10px;
  }
}
.footer__orange-content .btn:hover {
  color: #FA851E;
}
.footer__orange-content .btn:hover svg {
  margin-right: calc(10rem * 1 / 18);
  margin-left: calc(5rem * 1 / 18);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .footer__orange-content .btn:hover svg {
    margin-right: 10px;
    margin-left: 5px;
  }
}
.footer__orange-content .btn:hover svg path {
  stroke: #FA851E;
}
.footer__orange-content .btn span {
  font-size: calc(15rem * 1 / 18);
  line-height: calc(23.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-weight: 500;
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #ffffff;
  white-space: nowrap;
}
@media only screen and (max-width: 1023px) {
  .footer__orange-content .btn span {
    font-size: 15px;
    line-height: 23.5px;
    letter-spacing: 0.5px;
  }
}
.footer__orange-content .btn:hover {
  color: #fff;
}
.footer__orange-content .btn:hover svg {
  margin-right: calc(10rem * 1 / 18);
  margin-left: calc(5rem * 1 / 18);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .footer__orange-content .btn:hover svg {
    margin-right: 10px;
    margin-left: 5px;
  }
}
.footer__orange-content .btn:hover svg path {
  stroke: #fff;
}
.footer__content {
  display: grid;
  padding-left: calc(70rem * 1 / 18);
  padding-right: calc(70rem * 1 / 18);
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  background-color: #101921;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .footer__content {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__content {
    grid-template-columns: repeat(4, 1fr);
  }
}
.footer__content-row,
.footer__content-copyright {
  grid-column: 3 / span 20;
  padding: calc(50rem * 1 / 18) 0 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .footer__content-row,
  .footer__content-copyright {
    grid-column: 1 / -1;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 90px 20px 0 0;
  }
}
.footer__content-row:nth-child(2) {
  align-items: end;
  margin-top: calc(200rem * 1 / 18);
  padding-top: 0;
}
@media only screen and (max-width: 1023px) {
  .footer__content-row:nth-child(2) {
    margin-top: 50px;
    flex-wrap: wrap;
  }
}
.footer__content-row:nth-child(2)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #585e64;
}
.footer__content-logo {
  width: 30px;
  height: 30px;
}
.footer__content-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 1023px) {
  .footer__content-logo {
    margin-bottom: 50px;
  }
}
.footer__content-menu .menu-footer-menu-container .menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1023px) {
  .footer__content-menu .menu-footer-menu-container .menu {
    flex-wrap: wrap;
  }
}
.footer__content-menu .menu-footer-menu-container .menu li {
  margin-right: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .footer__content-menu .menu-footer-menu-container .menu li {
    width: 100%;
    margin-bottom: 10px;
  }
}
.footer__content-menu .menu-footer-menu-container .menu li a {
  color: #B7CECD;
  text-decoration: none;
  text-transform: uppercase;
  font-size: calc(15rem * 1 / 18);
  line-height: calc(23.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .footer__content-menu .menu-footer-menu-container .menu li a {
    font-size: 15px;
    line-height: 23.5px;
    letter-spacing: 0.5px;
  }
}
.footer__content-menu .menu-footer-menu-container .menu li a:hover {
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.footer__content-address {
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .footer__content-address {
    margin-bottom: 20px;
    width: 100%;
  }
}
.footer__content-address a {
  text-decoration: none;
}
.footer__content-address span {
  display: block;
  color: #878c90;
  font-size: calc(16rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-weight: 600;
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .footer__content-address span {
    font-size: 16px;
    line-height: 24.5px;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__content-address span {
    font-size: 14px;
    line-height: 22.5px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__content-address span {
    font-size: 14px;
  }
}
.footer__content-address span strong {
  color: #878c90;
  font-size: calc(18rem * 1 / 18);
  line-height: calc(27rem * 1 / 18);
  letter-spacing: calc(0.36rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .footer__content-address span strong {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__content-address span strong {
    font-size: 14px;
    font-weight: 700;
  }
}
.footer__content-social {
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .footer__content-social {
    margin-bottom: 30px;
  }
}
.footer__content-social a:hover svg path:nth-child(1) {
  stroke: #ffffff;
  transition: all 0.3s ease-in-out;
}
.footer__content-social a:hover svg path:nth-child(2) {
  fill: #ffffff;
  transition: all 0.3s ease-in-out;
}
.footer__content-copyright {
  padding: calc(20rem * 1 / 18) 0 0;
  align-items: flex-start;
  margin-bottom: calc(50rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .footer__content-copyright {
    padding: 20px 0;
    margin-bottom: 10px;
  }
}
.footer__content-copyright p {
  color: #878c90;
  font-size: calc(16rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-weight: 600;
  font-family: "articulat-cf", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .footer__content-copyright p {
    font-size: 16px;
    line-height: 24.5px;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__content-copyright p {
    font-size: 14px;
    line-height: 22.5px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__content-copyright p {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
.footer__content-copyright a {
  color: #878c90;
  text-decoration: none;
  font-weight: 400;
  margin-left: calc(20rem * 1 / 18);
  font-size: calc(16rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .footer__content-copyright a {
    font-size: 16px;
    line-height: 24.5px;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__content-copyright a {
    font-size: 14px;
    line-height: 22.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .footer__content-copyright a {
    margin-left: 0px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__content-copyright a {
    font-size: 15px;
  }
}
.footer__content-copyright a:hover {
  text-decoration: underline;
}
.singlePost {
  display: grid;
  padding-left: calc(70rem * 1 / 18);
  padding-right: calc(70rem * 1 / 18);
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  padding-top: calc(50rem * 1 / 18);
  margin-top: calc(77rem * 1 / 18);
  border-top: 1px solid #B7CECD;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .singlePost {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost {
    padding-top: 50px;
    margin-top: 100px;
    border-top: none;
  }
}
.singlePost__background {
  position: absolute;
  top: calc(-110rem * 1 / 18);
  left: 0;
  right: 0;
  height: calc(600rem * 1 / 18);
  background-color: #e3f0ef;
  z-index: -1;
}
@media only screen and (max-width: 1023px) {
  .singlePost__background {
    top: -110px;
    height: 15%;
  }
}
.singlePost__news {
  grid-column: 3 / span 20;
  grid-row: 1;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-left: calc(-25rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__news {
    grid-column: 1 / -1;
  }
}
.singlePost__news svg {
  width: calc(50rem * 1 / 18);
  transform: rotate(180deg);
  margin-right: calc(20rem * 1 / 18);
  padding-right: calc(20rem * 1 / 18);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .singlePost__news svg {
    margin-right: 0;
    padding-right: 0;
    padding-left: 30px;
  }
}
.singlePost__news span {
  text-transform: uppercase;
  font-size: calc(15rem * 1 / 18);
  line-height: calc(23.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #101921;
  width: fit-content;
}
@media only screen and (max-width: 1023px) {
  .singlePost__news span {
    font-size: 15px;
    line-height: 23.5px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__news span {
    margin-left: -20px;
  }
}
.singlePost__news:hover svg {
  padding-right: 0;
  transition: all 0.3s ease-in-out;
}
.singlePost__header {
  grid-column: 3 / span 20;
}
@media only screen and (max-width: 1023px) {
  .singlePost__header {
    grid-column: 1 / -1;
  }
}
.singlePost__header-title {
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(56rem * 1 / 18);
  line-height: calc(61.6rem * 1 / 18);
  color: #FA851E;
  max-width: calc(1100rem * 1 / 18);
  margin-top: calc(50rem * 1 / 18);
  margin-bottom: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-title {
    font-size: 56px;
    line-height: 61.6px;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-title {
    font-size: 38px;
    line-height: 110%;
    max-width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
  }
}
.singlePost__header-date {
  font-size: calc(14rem * 1 / 18);
  line-height: calc(15.5rem * 1 / 18);
  letter-spacing: calc(1rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.03888889rem;
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-date {
    font-size: 14px;
    line-height: 15.5px;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-date {
    letter-spacing: 0.7px;
  }
}
.singlePost__header-date span {
  margin: 0 calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-date span {
    margin: 0 20px;
  }
}
.singlePost__header-image {
  margin-top: calc(50rem * 1 / 18);
  width: calc(1480rem * 1 / 18);
  height: fit-content;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-image {
    margin-top: 50px;
    width: 100%;
    height: 600px;
  }
}
.singlePost__header-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: calc(5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__header-image img {
    object-fit: cover;
  }
}
.singlePost__content {
  grid-column: 3 / span 20;
  margin-top: calc(60rem * 1 / 18);
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-bottom: calc(160rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content {
    grid-column: 1 / -1;
    display: block;
    margin-top: 60px;
    column-gap: 20px;
    margin-bottom: 100px;
  }
}
.singlePost__content-share {
  grid-column: 1 / span 3;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: calc(21rem * 1 / 18);
  align-self: flex-start;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-share {
    grid-column: 1 / -1;
    gap: 21px;
    margin-bottom: 50px;
    flex-wrap: wrap;
  }
}
.singlePost__content-share span {
  text-transform: uppercase;
  font-size: calc(14rem * 1 / 18);
  line-height: calc(15.5rem * 1 / 18);
  letter-spacing: calc(1rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-weight: 400;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-share span {
    font-size: 14px;
    line-height: 15.5px;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-share span {
    width: 100%;
  }
}
.singlePost__content-share .linkedin:hover svg path {
  fill: #FA851E;
}
.singlePost__content-share .email:hover svg path {
  stroke: #FA851E;
}
.singlePost__content-main {
  grid-column: 8 / span 12;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main {
    grid-column: 1 / -1;
  }
}
.singlePost__content-main p {
  font-size: calc(17rem * 1 / 18);
  line-height: calc(25.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #101921;
  padding-bottom: calc(10rem * 1 / 18);
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main p {
    font-size: 17px;
    line-height: 25.5px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost__content-main p {
    font-size: 16px;
    line-height: 25.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main p {
    padding-bottom: 20px;
    border-bottom: none;
  }
}
.singlePost__content-main p:last-of-type {
  border-bottom: none;
}
.singlePost__content-main p.no-border {
  border-bottom: none;
}
.singlePost__content-main h2,
.singlePost__content-main h3,
.singlePost__content-main h4 {
  font-size: calc(20rem * 1 / 18);
  line-height: calc(22.5rem * 1 / 18);
  letter-spacing: calc(0.9rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: calc(10rem * 1 / 18) 0;
  padding-top: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main h2,
  .singlePost__content-main h3,
  .singlePost__content-main h4 {
    font-size: 20px;
    line-height: 22.5px;
    letter-spacing: 0.9px;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main h2,
  .singlePost__content-main h3,
  .singlePost__content-main h4 {
    margin: 10px 0;
    padding-top: 20px;
  }
}
.singlePost__content-main .wp-block-image {
  margin: calc(20rem * 1 / 18) 0;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main .wp-block-image {
    margin: 20px 0;
    height: 440px;
  }
}
.singlePost__content-main .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.singlePost__content-main .wp-block-list {
  list-style: disc;
  margin: calc(30rem * 1 / 18) 0;
  margin-left: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main .wp-block-list {
    margin: 30px 0;
    margin-left: 30px;
  }
}
.singlePost__content-main .wp-block-list li {
  margin: calc(10rem * 1 / 18) 0;
  font-size: calc(17rem * 1 / 18);
  line-height: calc(25.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #101921;
  padding-bottom: calc(20rem * 1 / 18);
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main .wp-block-list li {
    font-size: 17px;
    line-height: 25.5px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 600px) {
  .singlePost__content-main .wp-block-list li {
    font-size: 16px;
    line-height: 25.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .singlePost__content-main .wp-block-list li {
    margin: 10px 0;
    padding-bottom: 20px;
  }
}
.singlePost .email-copy-success {
  position: absolute;
  background-color: #FA851E;
  font-size: calc(12rem * 1 / 18);
  line-height: calc(13.5rem * 1 / 18);
  letter-spacing: calc(0.9rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: white;
  padding: calc(10rem * 1 / 18) calc(15rem * 1 / 18);
  border-radius: 19px;
  width: calc(170rem * 1 / 18);
  left: calc(-14rem * 1 / 18);
  top: calc(-45rem * 1 / 18);
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .singlePost .email-copy-success {
    font-size: 12px;
    line-height: 13.5px;
    letter-spacing: 0.9px;
  }
}
.singlePost .email-copy-success::before {
  content: '';
  position: absolute;
  bottom: calc(-6rem * 1 / 18);
  /* Adjust this value to move the triangle up or down */
  left: calc(20rem * 1 / 18);
  /* Adjust this to position the triangle left or right */
  width: 0;
  height: 0;
  border-left: calc(10rem * 1 / 18) solid transparent;
  border-right: calc(10rem * 1 / 18) solid transparent;
  border-top: calc(10rem * 1 / 18) solid #FA851E;
  /* Match the background color of the chat bubble */
}
@media only screen and (max-width: 1023px) {
  .singlePost .email-copy-success {
    font-size: 12px;
    padding: 10px 15px;
    width: 170px;
    left: -14px;
    top: -45px;
  }
  .singlePost .email-copy-success::before {
    bottom: -6px;
    left: 20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FA851E;
  }
}
.job {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .job {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .job {
    grid-template-columns: repeat(4, 1fr);
  }
}
.job__back {
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
  grid-column: 1 / -1;
  height: calc(89rem * 1 / 18);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: calc(15rem * 1 / 18);
  padding-left: calc(71rem * 1 / 18);
  cursor: pointer;
  padding-top: 200px;
  padding-bottom: 50px;
  background-color: #FA851E;
}
@media only screen and (max-width: 1023px) {
  .job__back {
    height: 80px;
    gap: 15px;
    border-bottom: 1px solid #585e64;
    padding-left: 32px;
  }
}
@media only screen and (max-width: 600px) {
  .job__back {
    padding-left: 20px;
  }
}
.job__back svg {
  width: calc(50rem * 1 / 18);
  object-fit: contain;
  margin-left: calc(10rem * 1 / 18);
  transition: all 0.3s ease-in-out;
  transform: rotate(180deg);
}
.job__back svg path {
  stroke: #fff;
}
@media only screen and (max-width: 1023px) {
  .job__back svg {
    width: 14.901px;
    height: 11.806px;
  }
}
.job__back > span {
  text-transform: uppercase;
  color: #fff;
  font-size: calc(15rem * 1 / 18);
  line-height: calc(23.5rem * 1 / 18);
  letter-spacing: calc(0.5rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .job__back > span {
    font-size: 15px;
    line-height: 23.5px;
    letter-spacing: 0.5px;
  }
}
.job__back:hover svg {
  margin-left: 0;
  margin-right: calc(10rem * 1 / 18);
  transition: all 0.3s ease-in-out;
}
.job__back:hover > span {
  text-decoration: underline;
  text-decoration-color: #FA851E;
}
.job__header {
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-top: calc(82rem * 1 / 18);
  margin-bottom: calc(50rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__header {
    grid-column: 1 / -1;
    padding-left: 32px;
    padding-right: 32px;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    margin-top: 70px;
    margin-bottom: 30px;
  }
}
.job__header-category,
.job__header-heading,
.job__header-subheading {
  grid-column: 1 / span 17;
}
@media only screen and (max-width: 1023px) {
  .job__header-category,
  .job__header-heading,
  .job__header-subheading {
    grid-column: 1 / -1;
  }
}
.job__header-category,
.job__header-requisition {
  min-width: calc(125rem * 1 / 18);
  line-height: 130%;
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__header-category,
  .job__header-requisition {
    margin-bottom: 20px;
  }
}
.job__header-heading {
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(48rem * 1 / 18);
  line-height: calc(56rem * 1 / 18);
  color: #101921;
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__header-heading {
    font-size: 48px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 600px) {
  .job__header-heading {
    font-size: 36px;
    line-height: 39.6px;
  }
}
@media only screen and (max-width: 1023px) {
  .job__header-heading {
    margin-bottom: 20px;
  }
}
.job__content {
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
  grid-column: 2 / span 24;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  column-gap: calc(20rem * 1 / 18);
  margin-bottom: calc(124rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content {
    grid-column: 1 / -1;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 95px;
  }
}
.job__content-sidebar {
  grid-column: 1 / span 5;
  display: flex;
  flex-direction: column;
  gap: calc(15rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-sidebar {
    gap: 15px;
    grid-column: 1 / -1;
  }
}
.job__content-sidebar--posted,
.job__content-sidebar--schedule,
.job__content-sidebar--type {
  position: relative;
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.job__content-sidebar--posted::after,
.job__content-sidebar--schedule::after,
.job__content-sidebar--type::after {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(1rem * 1 / 18);
  left: 0;
  bottom: calc(-9.5rem * 1 / 18);
  background-color: #b7babc;
}
@media only screen and (max-width: 1023px) {
  .job__content-sidebar--posted::after,
  .job__content-sidebar--schedule::after,
  .job__content-sidebar--type::after {
    height: 1px;
    bottom: -9.5px;
  }
}
.job__content-main {
  grid-column: 8 / span 12;
}
@media only screen and (max-width: 1023px) {
  .job__content-main {
    grid-column: 1 / -1;
    margin-top: 50px;
  }
}
.job__content-main p {
  font-size: calc(17rem * 1 / 18);
  line-height: calc(25.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  font-family: "articulat-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .job__content-main p {
    font-size: 17px;
    line-height: 25.5px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 600px) {
  .job__content-main p {
    font-size: 16px;
    line-height: 25.5px;
  }
}
.job__content-main h2 {
  font-size: calc(18rem * 1 / 18);
  line-height: calc(27rem * 1 / 18);
  letter-spacing: calc(0.36rem * 1 / 18);
  font-weight: 500;
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
  margin: calc(30rem * 1 / 18) 0;
}
@media only screen and (max-width: 1023px) {
  .job__content-main h2 {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .job__content-main h2 {
    margin-top: 30px;
    border-top: 1px solid #585e64;
  }
}
.job__content-main h3,
.job__content-main h4 {
  color: #101921;
  font-family: "articulat-cf", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(25rem * 1 / 18) !important;
  font-style: normal !important;
  line-height: 150% !important;
  /* 30px */
  letter-spacing: calc(0.4rem * 1 / 18) !important;
  padding: calc(20rem * 1 / 18) 0;
}
@media only screen and (max-width: 1023px) {
  .job__content-main h3,
  .job__content-main h4 {
    font-size: 25px !important;
    letter-spacing: 0.4px !important;
    line-height: 150% !important;
    padding: 20px 0;
  }
}
.job__content-main > *:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.job__content-main .mb-0 {
  margin-bottom: 0 !important;
}
.job__content-main .pb-0 {
  padding-bottom: 0 !important;
}
.job__content-main ul,
.job__content-main ol {
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(20rem * 1 / 18);
  line-height: 150%;
  letter-spacing: calc(0.4rem * 1 / 18);
  margin-bottom: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ul,
  .job__content-main ol {
    font-size: 18px;
    letter-spacing: 0.4px;
  }
}
.job__content-main ul ul,
.job__content-main ol ul,
.job__content-main ul ol,
.job__content-main ol ol {
  margin-left: calc(30rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ul ul,
  .job__content-main ol ul,
  .job__content-main ul ol,
  .job__content-main ol ol {
    margin-left: 30px;
  }
}
.job__content-main ul {
  list-style-type: none;
  margin-left: calc(12.5rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ul {
    margin-left: 12.5px;
  }
}
.job__content-main ul li {
  position: relative;
  padding-left: calc(13rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ul li {
    padding-left: 13px;
  }
}
.job__content-main ul li::before {
  content: "";
  /* Use a bullet-like character from the font */
  width: 2px;
  height: 3px;
  border-radius: 10%;
  display: inline-block;
  position: absolute;
  color: inherit;
  background-color: #101921;
  left: 0;
  top: calc(13rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ul li::before {
    top: 12px;
  }
}
.job__content-main ol {
  list-style-type: decimal;
  margin-left: calc(25rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .job__content-main ol {
    margin-left: 25px;
  }
}
.job__content-main--apply {
  margin-top: calc(50rem * 1 / 18);
  display: flex;
  align-items: center;
  justify-content: start;
  padding: calc(15rem * 1 / 18) 0;
  color: #101921;
  text-decoration: none;
  font-size: calc(16rem * 1 / 18);
  line-height: calc(24.5rem * 1 / 18);
  letter-spacing: calc(0.35rem * 1 / 18);
  transition: background-color 0.3s;
  font-family: "articulat-cf", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 1023px) {
  .job__content-main--apply {
    font-size: 16px;
    line-height: 24.5px;
    letter-spacing: 0.35px;
  }
}
@media only screen and (max-width: 600px) {
  .job__content-main--apply {
    font-size: 14px;
    line-height: 22.5px;
  }
}
@media only screen and (max-width: 1023px) {
  .job__content-main--apply {
    align-items: center;
  }
}
.job__content-main--apply svg {
  margin-right: calc(15rem * 1 / 18);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .job__content-main--apply svg {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .job__content-main--apply svg {
    margin-right: 10px;
  }
}
.job__content-main--apply:hover {
  color: #FA851E;
}
.job__content-main--apply:hover svg {
  margin-right: calc(10rem * 1 / 18);
  margin-left: calc(5rem * 1 / 18);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .job__content-main--apply:hover svg {
    margin-right: 10px;
    margin-left: 5px;
  }
}
.job__content-main--apply:hover svg path {
  stroke: #FA851E;
}
@media only screen and (max-width: 1023px) {
  .job__content-main--apply {
    margin-top: 25px;
  }
}