/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/
*,:after,:before {
  box-sizing: border-box;
  border: 0 solid
}

:after,:before {
  --tw-content: ""
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: Octave,sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal
}

body {
  margin: 0;
  line-height: inherit
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

h1,h2 {
  font-size: inherit;
  font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
  height: auto
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

h1,h2,h3,h4,h5,h6,p {
  margin: 0
}

ul {
  list-style: none;
  margin: 0;
  padding: 0
}

:disabled {
  cursor: default
}

img {
  display: block;
  vertical-align: middle
}

img {
  max-width: 100%;
  height: auto
}

.pointer-events-none {
  pointer-events: none
}

.pointer-events-auto {
  pointer-events: auto
}

.mb-\[20px\] {
  margin-bottom: 20px
}

.mb-\[48px\] {
  margin-bottom: 48px
}

.inline-block {
  display: inline-block
}

.flex {
  display: flex
}

.hidden {
  display: none
}

.min-h-\[528px\] {
  min-height: 528px
}

.flex-wrap {
  flex-wrap: wrap
}

.items-center {
  align-items: center
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.gap-\[10px\] {
  gap: 10px
}

.bg-slate {
  --tw-bg-opacity: 1;
  background-color: rgb(68 84 96/var(--tw-bg-opacity))
}

.bg-slate-darker {
  --tw-bg-opacity: 1;
  background-color: rgb(47 58 66/var(--tw-bg-opacity))
}

.bg-slate-darkest {
  --tw-bg-opacity: 1;
  background-color: rgb(25 31 35/var(--tw-bg-opacity))
}

.bg-slate-darkest\/\[0\.8\] {
  background-color: #191f23cc
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-cover {
  background-size: cover
}

.bg-top {
  background-position: top
}

.bg-no-repeat {
  background-repeat: no-repeat
}

.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px
}

.px-\[32px\] {
  padding-left: 32px;
  padding-right: 32px
}

.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px
}

.pb-\[25px\] {
  padding-bottom: 25px
}

.pb-\[26px\] {
  padding-bottom: 26px
}

.pt-\[20px\] {
  padding-top: 20px
}

.pt-\[22px\] {
  padding-top: 22px
}

.pt-\[65px\] {
  padding-top: 65px
}

.text-\[14px\] {
  font-size: 14px
}

.text-\[18px\] {
  font-size: 18px
}

.font-medium {
  font-weight: 500
}

.font-normal {
  font-weight: 400
}

.leading-\[1\.3\] {
  line-height: 1.3
}

.leading-\[1\.55555\] {
  line-height: 1.55555
}

.leading-\[1\.55556\] {
  line-height: 1.55556
}

.leading-\[1\.71428\] {
  line-height: 1.71428
}

.text-highlight {
  --tw-text-opacity: 1;
  color: rgb(218 255 150/var(--tw-text-opacity))
}

.text-slate-darker {
  --tw-text-opacity: 1;
  color: rgb(47 58 66/var(--tw-text-opacity))
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

.no-underline {
  text-decoration-line: none
}

@font-face {
  font-family: Octave;
  src: url(../fonts/Octave-Regular.woff2) format("woff2"),url(../fonts/Octave-Regular.woff) format("woff");
  font-display: swap;
  font-weight: 400
}
@font-face {
  font-family: Octave;
  src: url(../fonts/Octave-RegularItalic.woff2) format("woff2"),url(../fonts/Octave-RegularItalic.woff) format("woff");
  font-display: swap;
  font-style: italic;
  font-weight: 400
}
@font-face {
  font-family: Octave;
  src: url(../fonts/Octave-Bold.woff2) format("woff2"),url(../fonts/Octave-Bold.woff) format("woff");
  font-display: swap;
  font-weight: 700
}

@font-face {
  font-family: Octave;
  src: url(../fonts/Octave-Medium.woff2) format("woff2"),url(../fonts/Octave-Medium.woff) format("woff");
  font-display: swap;
  font-weight: 500
}

@font-face {
  font-family: Octave;
  src: url(../fonts/Octave-Light.woff2) format("woff2"),url(../fonts/Octave-Light.woff) format("woff");
  font-display: swap;
  font-weight: 300
}


.last-p-no-mb p:last-child {
  margin-bottom: 0
}

.color-inherit {
  color: inherit
}

.row {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

@media (min-width: 1024px) {
  .row {
    padding-left:3rem;
    padding-right: 3rem
  }
}

.row {
  max-width: 88.75rem
}

>.columns {
  padding-left: 0;
  padding-right: 0
}

.columns {
  min-width: 0;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 1024px) {
  .columns {
    padding-left:.75rem;
    padding-right: .75rem
  }
}

.columns {
  flex: 1 1 0%
}

.small-12 {
  flex: 0 0 100%;
  max-width: 100%
}

@media (min-width: 1024px) {

  .large-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .large-9 {
    flex: 0 0 75%;
    max-width: 75%
  }
}

body {
  font-family: Octave,sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55555;
  --tw-text-opacity: 1;
  color: rgb(25 31 35/var(--tw-text-opacity))
}

h1 {
  margin-bottom: 1rem;
  font-size: 68px;
  line-height: 1.05882;
  font-weight: 300
}

@media (max-width: 1023px) {
  h1 {
    font-size:32px
  }
}

h2 {
  margin-bottom: 1rem;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(68 84 96/var(--tw-text-opacity))
}

@media (max-width: 1023px) {
  h2 {
    font-size:32px
  }
}

p {
  margin-bottom: 1.5rem
}

a {
  --tw-text-opacity: 1;
  color: rgb(0 133 102/var(--tw-text-opacity));
  text-decoration-line: underline
}

a:hover {
  text-decoration-line: none
}

a,svg :is(path) {
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .15s
}

ul {
  list-style-type: disc
}

ul li::marker {
  font-size: .7em
}

ul {
  margin-bottom: 1.25rem;
  margin-left: 1.75rem;
  list-style-position: outside;
  text-indent: 0
}

html {
  scroll-behavior: smooth
}

.content-wrap :where(table,th,td) {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(68 84 96/var(--tw-border-opacity))
}

.content-wrap :where(th,td) {
  padding: 12px 20px
}

.insights-item:hover :is(.image-wand,.content-wand) {
  height: 100%
}

.site-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 11.875rem
}

@media (min-width: 1100px) {
  .site-header {
    top:2.25rem
  }
}

.site-header {
  background: linear-gradient(180deg,#191f23,#191f2300)
}

.site-header .regular-logo img {
  height: 1.5rem;
  width: 100%;
  max-width: 9.5rem
}

@media (min-width: 1024px) {
  .site-header .regular-logo img {
    max-width:14.6875rem
  }
}

@media (min-width: 1100px) {
  .site-header .regular-logo img {
    height:2.375rem
  }
}

.article-content :is(h3,h4,h5,h6) {
  margin-bottom: 1.5rem;
  font-weight: 400
}

.hover\:bg-highlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(218 255 150/var(--tw-bg-opacity))
}

.hover\:text-slate:hover {
  --tw-text-opacity: 1;
  color: rgb(68 84 96/var(--tw-text-opacity))
}

@media (min-width: 1024px) {

  .lg\:pb-\[20px\] {
    padding-bottom: 20px
  }

  .lg\:pt-\[18px\] {
    padding-top: 18px
  }

  .lg\:text-\[18px\] {
    font-size: 18px
  }
}

@media (min-width: 1100px) {
  .res-issue\:block {
    display:block
  }
}

/* Custom CSS */
/** Google translate style **/
html.translated-ltr body[dir="rtl"] {
  direction: ltr;
}

.top-menu-stripe {
  min-height: 2.5rem;
}
.site-header .w-site-logo{
  min-height: 5.125rem;
}
.last-p-no-mb p:last-child {
  margin-bottom: 0;
}