.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  line-height: 36px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto
}
.nice-select:hover {
  border-color: #dbdbdb
}
.nice-select.open, .nice-select:active, .nice-select:focus {
  border-color: #999
}
.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px
}
.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}
.nice-select.open .nice-select-dropdown {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0)
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none
}
.nice-select.disabled:after {
  border-color: #ccc
}
.nice-select.wide {
  width: 100%
}
.nice-select.wide .nice-select-dropdown {
  left: 0 !important;
  right: 0 !important
}
.nice-select.right {
  float: right
}
.nice-select.right .nice-select-dropdown {
  left: auto;
  right: 0
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px
}
.nice-select.small:after {
  height: 4px;
  width: 4px
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px
}
.nice-select .nice-select-dropdown {
  margin-top: 4px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
  box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(.75) translateY(-19px);
  transform: scale(.75) translateY(-19px);
  -webkit-transition: all 0.2s cubic-bezier(.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  opacity: 0
}
.nice-select .list {
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  max-height: 210px;
  overflow-y: auto
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}
.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
  background-color: #f6f6f6
}
.nice-select .option.selected {
  font-weight: 700
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default
}
.no-csspointerevents .nice-select .nice-select-dropdown {
  display: none
}
.no-csspointerevents .nice-select.open .nice-select-dropdown {
  display: block
}
.nice-select .list::-webkit-scrollbar {
  width: 0
}
.nice-select .has-multiple {
  white-space: inherit;
  height: auto;
  padding: 7px 12px;
  min-height: 36px;
  line-height: 22px
}
.nice-select .has-multiple span.current {
  border: 1px solid #ccc;
  background: #eee;
  padding: 0 10px;
  border-radius: 3px;
  display: inline-block;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 3px;
  margin-right: 3px
}
.nice-select .has-multiple .multiple-options {
  display: block;
  line-height: 24px;
  padding: 0
}
.nice-select .nice-select-search-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  pointer-events: none;
  border-radius: 5px 5px 0 0
}
.nice-select .nice-select-search {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  vertical-align: middle;
  padding: 7px 12px;
  margin: 0 10px 0 0;
  width: 100%;
  min-height: 36px;
  line-height: 22px;
  height: auto;
  outline: 0 !important;
  font-size: 14px
}
.splide__container {
  box-sizing: border-box;
  position: relative
}
.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto
}
.splide__progress__bar {
  width: 0
}
.splide {
  position: relative;
  visibility: hidden
}
.splide.is-initialized, .splide.is-rendered {
  visibility: visible
}
.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative
}
.splide__slide img {
  vertical-align: bottom
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0
}
@keyframes splide-loading {
  0% {
    transform: rotate(0)
  }
  to {
    transform: rotate(1turn)
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.splide__track--fade > .splide__list {
  display: block
}
.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1
}
.splide--rtl {
  direction: rtl
}
.splide__track--ttb > .splide__list {
  display: block
}
.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em
}
.splide__arrow:hover:not(:disabled) {
  opacity: .9
}
.splide__arrow:disabled {
  opacity: .3
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px
}
.splide__arrow--prev {
  left: 1em
}
.splide__arrow--prev svg {
  transform: scaleX(-1)
}
.splide__arrow--next {
  right: 1em
}
.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px
}
.splide__pagination {
  bottom: .5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: .7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px
}
.splide__progress__bar {
  background: #ccc;
  height: 3px
}
.splide__slide {
  -webkit-tap-highlight-color: transparent
}
.splide__slide:focus {
  outline: 0
}
@supports (outline-offset:-3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px
  }
}
@media screen and (-ms-high-contrast:none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf
  }
}
@supports (outline-offset:-3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px
  }
}
@media screen and (-ms-high-contrast:none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf
  }
}
.splide__toggle {
  cursor: pointer
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px
}
.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000
}
.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1)
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1)
}
.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%)
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg)
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg)
}
.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: .5em;
  top: 0
}
@keyframes splide-loading {
  0% {
    transform: rotate(0)
  }
  to {
    transform: rotate(1turn)
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.splide__track--fade > .splide__list {
  display: block
}
.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1
}
.splide--rtl {
  direction: rtl
}
.splide__track--ttb > .splide__list {
  display: block
}
.splide__container {
  box-sizing: border-box;
  position: relative
}
.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto
}
.splide__progress__bar {
  width: 0
}
.splide {
  position: relative;
  visibility: hidden
}
.splide.is-initialized, .splide.is-rendered {
  visibility: visible
}
.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative
}
.splide__slide img {
  vertical-align: bottom
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0
}
h1, h2, h3, h4, h5, h6 {
  font-family: "OakesGrotesk", sans-serif
}
h2 {
  font-size: 72px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -.01em;
  color: rgba(255, 255, 255, .3)
}
h2 span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: #fff
}
span, a, button, figcaption, div, p, body, html {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #171717
}
* {
  box-sizing: border-box
}
img {
  height: auto
}
.btn {
  display: inline-block;
  font-family: "OakesGrotesk";
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  transition: 300ms all ease;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
  cursor: pointer
}
.btn.disabled {
  opacity: .4;
  pointer-events: none
}
.btn:hover {
  color: #9b8041;
  border-bottom: 1px solid #9b8041
}
* {
  margin: 0;
  box-sizing: border-box
}
button {
  padding: 0
}
html {
  scroll-behavior: smooth;
  -webkit-scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: hidden
}
html.freeze {
  overflow-y: hidden
}
body {
  overflow-x: hidden;
  max-width: 100%;
  font-family: "OakesGrotesk";
  background: #171717
}
body.page-template-generic {
  background: #000
}
.wrapper {
  overflow: hidden
}
.container {
  margin: auto
}
@media (min-width:576px) {
  .container {
    max-width: 100%
  }
}
@media (min-width:768px) {
  .container {
    max-width: 100%
  }
}
@media (min-width:992px) {
  .container {
    max-width: 960px
  }
}
@media (min-width:1200px) {
  .container {
    max-width: 1280px
  }
}
@media (min-width:1600px) {
  .container {
    max-width: 1461px
  }
}
@media (max-width:1300px) {
  .container {
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px
  }
}
@media (max-width:768px) {
  .container {
    padding-left: 25px;
    padding-right: 25px
  }
}
body.home {
  background-color: #171717
}
.flickity-page-dots .dot {
  width: 40px;
  height: 4px;
  border-radius: 0;
  background: #373737;
  transition: 300ms all ease
}
.flickity-page-dots .dot.is-selected {
  background: #9b8041
}
@keyframes fadein {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes fadeup {
  0% {
    opacity: 0;
    transform: translateY(5px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
#wpadminbar {
  position: fixed;
  top: unset;
  bottom: 0 !important
}
body.admin-bar {
  margin-top: -33px !important
}
.header-desktop {
  position: fixed;
  max-width: 100vw;
  width: 100%;
  top: 0;
  left: 0;
  height: 81px;
  z-index: 99999;
  transition: 500ms all ease;
  border-bottom: 1px solid #000;
  background: #000
}
@media (max-width:1200px) {
  .header-desktop {
    height: 64px
  }
  .microsite-banner, .microsite-banner .bg-img {
    height: calc(100vh - 64px) !important;
  }
}
.header-desktop.headroom--not-top {
  background: rgba(0, 0, 0, .8);
  backdrop-filter: blur(50px);
  border-bottom: 1px solid rgba(0, 0, 0, .8)
}
.header-desktop .site-logo a {
  display: flex
}
@media (max-width:600px) {
  .header-desktop .site-logo {
    max-width: 134px
  }
  .header-desktop .site-logo svg {
    width: 100%;
    height: auto
  }
}
.header-desktop svg path {
  transition: 300ms all ease
}
.header-desktop .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  height: 100%
}
@media (max-width:1200px) {
  .header-desktop .container {
    padding: 0
  }
}
.header-desktop .container > div {
  width: 33.33%;
  display: flex;
  align-items: center;
  color: #FFF
}
.header-desktop .container > div:first-child {
  gap: 16px;
  max-width: 179px;
  padding-left: 40px;
  height: 100%;
  border-right: 1px solid #333
}
.header-desktop .container > div:nth-child(2) {
  justify-content: center
}
.header-desktop .container > div:last-child {
  justify-content: flex-end;
  max-width: 179px;
  padding-right: 40px;
  height: 100%;
  border-left: 1px solid #333
}
.header-desktop .container > div:last-child a {
  font-family: "OakesGrotesk";
  display: flex;
  align-items: center;
  gap: 16px
}
.header-desktop .container > div:last-child a img {
  margin-top: -3px
}
.header-desktop .container > div a {
  color: #FFF;
  display: flex;
  align-items: center
}
.header-desktop .left-col {
  display: flex;
  align-items: center
}
@media (max-width:1200px) {
  .header-desktop .left-col {
    padding-left: 0 !important
  }
}
.header-desktop .left-col span {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: .02em;
  color: #fff
}
.header-desktop .left-col .site-logo {
  margin-right: 56px
}
.header-desktop .left-col ul {
  list-style: none;
  display: flex;
  align-items: center
}
@media (max-width:1200px) {
  .header-desktop .left-col ul {
    display: none
  }
}
.header-desktop .left-col ul li {
  margin-right: 56px
}
.header-desktop .left-col ul li a {
  text-decoration: none;
  font-family: "OakesGrotesk";
  font-size: 16px;
  line-height: 20px;
  letter-spacing: .04em;
  color: #fff
}
.header-desktop .right-col {
  display: flex;
  align-items: center;
  gap: 14px
}
@media (max-width:1200px) {
  .header-desktop .right-col {
    padding-right: 0 !important
  }
}
.header-desktop .right-col a {
  text-decoration: none;
  line-height: 1
}
@media (max-width:1200px) {
  .header-desktop .right-col a {
    width: 64px;
    height: 64px;
    min-width: 64px;
    display: flex;
    align-items: center;
    justify-content: center
  }
}
.header-desktop .right-col span {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: .02em;
  color: #fff
}
.header-desktop .left-col, .header-desktop .right-col {
  cursor: pointer;
  transition: 300ms all ease
}
@media (max-width:1200px) {
  .header-desktop .left-col, .header-desktop .right-col {
    width: 64px !important;
    height: 64px !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important
  }
  .header-desktop .left-col span, .header-desktop .right-col span {
    display: none
  }
}
.header-desktop .left-col:hover, .header-desktop .left-col.active, .header-desktop .right-col:hover, .header-desktop .right-col.active {
  background: #9b8041
}
body {
  padding-top: 81px
}
@media (max-width:1200px) {
  body {
    padding-top: 65px
  }
}
body.home .header-desktop {
  background: #171717;
  border-bottom: 1px solid #333
}
body.home .header-desktop.headroom--not-top {
  background: rgba(0, 0, 0, .8);
  backdrop-filter: blur(50px);
  border-bottom: 1px solid rgba(0, 0, 0, .8)
}
body.nav-open .header-desktop {
  background: transparent !important;
  backdrop-filter: blur(0) !important;
  border-bottom: 1px solid #333333 !important
}
@media (max-width:1200px) {
  .hamburger {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center
  }
}
.hamburger .open, .hamburger .close {
  -webkit-animation: "fadein";
  animation: "fadein";
  animation-duration: 500ms;
  cursor: pointer
}
.hamburger .open {
  display: flex
}
.hamburger .close {
  display: none
}
.hamburger.active .open {
  display: none
}
.hamburger.active .close {
  display: flex
}
#mobile-navigation {
  transition: 500ms all ease;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  padding-top: 81px;
  opacity: 0;
  pointer-events: none
}
@media (max-width:1200px) {
  #mobile-navigation {
    padding-top: 65px
  }
}
#mobile-navigation.active {
  opacity: 1;
  pointer-events: all
}
#mobile-navigation .container {
  max-width: 100%;
  height: 86vh;
  display: flex;
  justify-content: space-between;
  overflow: visible
}
#mobile-navigation .container .container {
  display: flex
}
#mobile-navigation .bottom-btns {
  display: flex;
  flex-direction: column;
  gap: 16px
}
#mobile-navigation .bottom-btns a {
  border: none
}
#mobile-navigation .bottom-btns a:first-child {
  background: #fff;
  color: #171717
}
#mobile-navigation .bottom-btns a:last-child {
  background: #171717;
  color: #fff
}
#mobile-navigation ul {
  list-style: none;
  padding-left: 0
}
#mobile-navigation ul li {
  margin-bottom: 48px
}
@media (max-width:600px) {
  #mobile-navigation ul li {
    margin-bottom: 48px
  }
}
#mobile-navigation ul li a {
  font-family: "OakesGrotesk";
  font-weight: 400 !important;
  font-size: 42px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: 300ms all ease
}
@media (max-width:600px) {
  #mobile-navigation ul li a {
    font-size: 32px
  }
}
#mobile-navigation ul li a:hover {
  color: #9b8041
}
#mobile-navigation .fake-slider {
  width: 50%;
  gap: 56px
}
@media (max-width:1200px) {
  #mobile-navigation .fake-slider {
    display: none
  }
}
#mobile-navigation .fake-slider ul {
  height: calc(100% + 150px)
}
#mobile-navigation .fake-slider ul li {
  margin-bottom: 56px
}
#mobile-navigation .fake-slider ul li img {
  width: 480px;
  height: 720px
}
@media (max-width:1600px) {
  #mobile-navigation .fake-slider ul li img {
    width: 400px;
    height: 520px;
    object-fit: cover
  }
}
#mobile-navigation .fake-slider ul:last-child {
  height: calc(100% + 200px);
  margin-top: -150px
}
#mobile-navigation #primary-menu-mob {
  padding: 80px;
  max-height: 80vh;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: auto
}
#mobile-navigation #primary-menu-mob::-webkit-scrollbar {
  display: none
}
@media (max-width:1200px) {
  #mobile-navigation #primary-menu-mob {
    padding: 48px 0
  }
}
#mobile-navigation #primary-menu-mob li.current_page_item a {
  color: #9b8041
}
@media (max-width:600px) {
  #mobile-navigation #primary-menu-mob .sub-menu li {
    margin-bottom: 16px
  }
}
@media (max-width:600px) {
  #mobile-navigation #primary-menu-mob .sub-menu li a {
    font-size: 20px
  }
}
.page-id-187 #hero * {
  color: #171717
}
.page-id-187 #hero .cta-btn .arrow, .page-id-187 #hero .cta-btn {
  border: 2px solid #171717
}
.page-id-187 #hero .cta-btn .arrow svg path, .page-id-187 #hero .cta-btn svg path {
  fill: #171717
}
.page-id-187 #hero .cta-btn .arrow:hover, .page-id-187 #hero .cta-btn:hover {
  background-color: #171717;
  color: #fff
}
.page-id-187 #hero .cta-btn .arrow:hover svg path, .page-id-187 #hero .cta-btn:hover svg path {
  fill: #fff
}
.page-id-187 .header-desktop ul li a {
  color: #171717 !important
}
.page-id-187 .header-desktop .login-btn {
  background: #fff;
  border: 2px solid #303030;
  color: #171717
}
.page-id-187 .header-desktop .login-btn:hover {
  color: #fff;
  background: #171717;
  border: 2px solid #fff
}
.page-id-187 .header-desktop.headroom--not-top .login-btn {
  border: 2px solid #fff
}
.page-id-187 .header-desktop.headroom--not-top .login-btn:hover {
  border: 2px solid #171717
}
.page-id-187 .header-desktop.headroom--not-top .sign-up-btn {
  background: #171717;
  color: #fff
}
.page-id-187 .header-desktop.headroom--not-top .sign-up-btn:after {
  opacity: 0
}
.page-id-187 .header-desktop.headroom--not-top .sign-up-btn:hover {
  background: #fff;
  color: #171717
}
.page-id-187 .header-desktop .sign-up-btn {
  color: #171717
}
.page-id-187 .header-desktop .sign-up-btn:hover {
  background: #171717;
  color: #fff
}
.page-id-187 .header-desktop .sign-up-btn:hover:after {
  opacity: 0
}
.page-id-187 .header-desktop .hamburger svg {
  border-radius: 12px;
  transition: 300ms all ease
}
.page-id-187 .header-desktop .hamburger rect {
  transition: 300ms all ease
}
@media (max-width:1200px) {
  .page-id-187 .header-desktop .hamburger svg {
    background: #fff
  }
  .page-id-187 .header-desktop .hamburger .open svg rect:nth-child(1), .page-id-187 .header-desktop .hamburger .open svg rect:nth-child(2), .page-id-187 .header-desktop .hamburger .open svg rect:nth-child(3) {
    stroke: #171717
  }
  .page-id-187 .header-desktop .hamburger .open svg rect:last-child {
    stroke: #fff
  }
}
#mobile-navigation ul .sub-menu {
  transition: 400ms all ease;
  overflow: hidden;
  height: 0
}
#mobile-navigation ul .sub-menu li {
  margin-top: 24px;
  margin-bottom: 0
}
#mobile-navigation ul .sub-menu li a {
  font-size: 24px;
  line-height: 120%
}
#mobile-navigation #primary-menu-mob .menu-item-has-children > div {
  display: flex;
  align-items: center;
  gap: 12px
}
#mobile-navigation #primary-menu-mob .sub-menu-wrap svg path, #mobile-navigation #primary-menu-mob .sub-menu-wrap svg {
  transition: 400ms all ease
}
.sub-menu .sub-menu {
  padding-left: 10px !important
}
.sub-menu-wrap svg {
  cursor: pointer !important
}
#mobile-navigation #primary-menu-mob .sub-menu-wrap.active a {
  color: #9b8041
}
#mobile-navigation #primary-menu-mob .sub-menu-wrap.active svg path {
  stroke: #9b8041
}
#mobile-navigation #primary-menu-mob .sub-menu-wrap.active svg {
  transform: rotate(180deg);
  transform-origin: center
}
#mobile-navigation #primary-menu-mob .sub-menu-wrap.active + .sub-menu a {
  color: #fff
}
#mobile-navigation #primary-menu-mob .make-grey a, #mobile-navigation #primary-menu-mob .make-grey.current-menu-item a {
  color: rgba(255, 255, 255, .5)
}
#mobile-navigation #primary-menu-mob .make-grey svg path, #mobile-navigation #primary-menu-mob .make-grey.current-menu-item svg path {
  stroke: rgba(255, 255, 255, .5)
}
.splide__slide {
  height: auto !important
}
#mobile-navigation .fake-slider ul li {
  transition: 200ms all ease
}
.splide__track {
  padding-top: 130px !important
}
.fake-slider {
  display: flex;
  width: calc(50% + 55px) !important
}
@media (max-width:1600px) {
  .fake-slider {
    width: calc(50% + 135px) !important
  }
}
.fake-slider .splide {
  margin-top: -100px
}
.splide-2 .splide__track {
  transform: translateY(-120px) !important;
  height: fit-content !important
}
.splide__list {
  transition: 800ms all ease !important
}
.fake-slider .splide li img {
  transition: 300ms all ease;
  opacity: .6
}
.fake-slider .splide:first-child li.is-active img {
  opacity: 1
}
.sub-menu-wrap.active > a {
  color: #9b8041 !important
}
.sub-menu .sub-menu li {
  margin-top: 22px !important
}
.sub-menu .sub-menu li a {
  font-size: 18px !important
}
body .current_page_item > a {
  color: #9b8041 !important
}
body .current_page_item .sub-menu-wrap > a {
  color: #9b8041 !important
}
.footer {
  position: relative;
  z-index: 100;
  background: #000;
  padding-top: 67px;
  padding-bottom: 48px
}
.footer .container {
  max-width: calc(100% - 160px)
}
@media (max-width:1300px) {
  .footer .container {
    max-width: 100%
  }
}
@media (max-width:767px) {
  .footer {
    display: none
  }
}
.footer .col p, .footer .additional-items a {
  color: #fff
}
.footer .cols {
  display: flex;
  justify-content: space-between;
  width: 100%
}
@media (max-width:1300px) {
  .footer .cols {
    flex-wrap: wrap;
    gap: 68px
  }
}
.footer .cols p {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 16px;
  line-height: normal;
  letter-spacing: inherit;
  color: #fff;
}
.footer .cols p.col-title {
  color: #fff;
  font-weight: 400;
  font-size: 24px;
  font-family: "OakesGrotesk";
  margin-bottom: 15px;
}
.footer .cols p a {
  font-family: "Manrope";
  color: #FFF;
  text-decoration: none;
  transition: 300ms all ease;
}
.footer .cols p a:hover {
  color: #9b8041
}
.footer .cols .col {
  min-width: 220px
}
.footer .cols .col:first-child {
  margin-right: 220px
}
@media (max-width:1300px) {
  .footer .cols .col:first-child {
    width: 100%
  }
}
.footer .additional-items {
  width: 100%;
  margin-top: 100px;
  padding-top: 40px;
  margin-bottom: 40px;
  border-top: 1px solid #262626;
  display: flex;
  align-items: center
}
.footer .additional-items a {
  font-family: "Manrope";
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-right: 32px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 500ms all ease
}
.footer .additional-items a:last-child {
  margin-right: 0
}
.footer .additional-items a svg {
  transform-origin: center;
  transition: 500ms all ease
}
.footer .additional-items a.active svg {
  transform: rotate(180deg)
}
.footer .location-address {
  transition: 500ms all ease;
  height: 0;
  overflow: hidden
}
.footer .loc-address-holder {
  display: none;
  width: fit-content;
  -webkit-animation: fadein;
  animation: fadein;
  animation-duration: 500ms;
  margin-bottom: 48px
}
.footer .loc-address-holder.active {
  display: block
}
.footer .loc-address-holder p, .footer .loc-address-holder a {
  font-family: "Manrope";
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #FFF;
  display: block;
  text-decoration: none
}
.footer .loc-address-holder p {
  margin-bottom: 20px
}
.footer .bottom-text div, .footer .bottom-text p {
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
  letter-spacing: -.01em;
  color: #777;
  text-align: center;
}
.footer .bottom-text div:last-child, .footer .bottom-text p:last-child {
  margin-bottom: 0
}
.footer .partners {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 29px;
  flex-wrap: wrap
}
.footer .site-built {
  margin-top: 32px;
  font-family: "Manrope";
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
  letter-spacing: -.01em;
  color: #777
}
.footer .social-icons {
  margin-top: 32px;
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
}
.footer .social-icons a {
  display: flex
}
.footer .social-icons a svg {
  width: 32px;
  height: 32px
}
.footer .social-icons a svg path {
  transition: 300ms all ease
}
.footer .social-icons a:hover svg path {
  fill: #fff
}
.footer .social-icons svg path {
  fill: #777
}
#footer-mob {
  background: #000;
  padding-top: 38px;
  border-top: 1px solid #262626;
  padding-bottom: 24px
}
.footer-mob .col {
  border-bottom: 1px solid #191919;
}
.footer-mob .copy-info {
  margin-top: 20px;
}
@media (min-width:768px) {
  #footer-mob {
    display: none
  }
}
#footer-mob .social-icons {
  margin-top: 20px;
  display: flex;
  gap: 20px;
  margin-bottom: 20px
}
#footer-mob .social-icons svg {
  width: 24px;
  height: 24px
}
#footer-mob .social-icons svg path {
  fill: #777
}
#footer-mob .footer-logo {
  margin-bottom: 28px
}
#footer-mob .footer-logo a {
  display: flex
}
#footer-mob .footer-logo img {
  width: 100px
}
#footer-mob .accordion, #footer-mob .accordion-mob {
  font-size: 20px;
  line-height: 120%;
  color: #FFF;
  padding: 0;
  padding: 12px 0;
  border: none;
/*  justify-content: flex-start;*/
  gap: 12px
}
#footer-mob .accordion:after, #footer-mob .accordion-mob:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMTg0OTg1IDAuMTk5N0MwLjQzMTYzMiAtMC4wNjY1NjY2IDAuODMxNTI2IC0wLjA2NjU2NjYgMS4wNzgxNyAwLjE5OTdMNCAzLjM1Mzk1TDYuOTIxODMgMC4xOTk3QzcuMTY4NDcgLTAuMDY2NTY2NiA3LjU2ODM3IC0wLjA2NjU2NjYgNy44MTUwMiAwLjE5OTdDOC4wNjE2NiAwLjQ2NTk2NiA4LjA2MTY2IDAuODk3NjcgNy44MTUwMiAxLjE2Mzk0TDQuNDQ2NTkgNC44MDAzQzQuMTk5OTUgNS4wNjY1NyAzLjgwMDA1IDUuMDY2NTcgMy41NTM0MSA0LjgwMDNMMC4xODQ5ODUgMS4xNjM5NEMtMC4wNjE2NjE3IDAuODk3NjcgLTAuMDYxNjYxNyAwLjQ2NTk2NiAwLjE4NDk4NSAwLjE5OTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  transform-origin: center !important;
  transition: 300ms all ease;
  margin-left: 0;
  position: relative;
  top: -3px
}
#footer-mob .accordion.active:after, #footer-mob .active.accordion-mob:after {
  transform: rotate(180deg);
  top: 7px
}
#footer-mob .panel {
  border: none
}
#footer-mob .panel p, #footer-mob .panel a {
  line-height: 160%;
  color: #C7C7C7;
  padding-bottom: 8px;
  text-decoration: none
}
#footer-mob .panel p:last-child {
  padding-bottom: 20px
}
#footer-mob .additional-items {
  margin-top: 28px;
  gap: 12px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-top: 32px;
  border-top: 1px solid #262626;
  margin-bottom: 32px
}
#footer-mob .additional-items .accordion:first-child, #footer-mob .additional-items .accordion-mob:first-child {
  padding-top: 0
}
#footer-mob .additional-items a {
  font-weight: 600;
  font-size: 13px;
  line-height: 120%;
  color: #fff;
  text-decoration: none;
  margin-bottom: 0;
  display: block
}
#footer-mob .bottom-text div, #footer-mob .bottom-text p {
  font-size: 13px;
  line-height: 160%;
  color: #4F4F4F;
  margin-bottom: 18px
}
#footer-mob .bottom-text div:last-child, #footer-mob .bottom-text p:last-child {
  margin-bottom: 0
}
#footer-mob .bottom-text p {
  margin-bottom: 0
}
#footer-mob .partners {
  margin-top: 32px;
  gap: 29px;
  display: flex;
  flex-wrap: wrap
}
#footer-mob .panel p a {
  padding-bottom: 0 !important
}
#footer-mob .panel p:first-child {
  padding-top: 10px
}
.site-built {
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
  text-align: left;
  letter-spacing: -.01em;
  color: #777;
  margin-top: 0 !important
}
.site-built a {
  transition: 300ms all ease;
  text-decoration: none;
  color: #777;
  font-size: 13px;
  line-height: 160%
}
.site-built a:hover {
  color: #fff
}
.footer-end-flex-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 32px;
  margin-top: 32px
}
.footer-end-flex-container .flex-container {
  display: flex;
  align-items: center;
  gap: 20px
}
.footer-end-flex-container .flex-container a {
  transition: 300ms all ease;
  text-decoration: none;
  color: #777;
  font-size: 13px;
  line-height: 160%
}
.footer-end-flex-container .flex-container a:hover {
  color: #fff
}
.bounce {
  animation-duration: 1.8s;
  animation-iteration-count: infinite;
  animation-name: bounce;
  animation-timing-function: linear
}
@keyframes bounce {
  0% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(-15px)
  }
  100% {
    transform: translateY(0)
  }
}
.pin-spacer {
  max-height: calc(100vh + 50px)
}
.hero {
  width: 100%;
  min-height: 100vh;
  margin-top: -83px;
  background-color: #171717;
  position: relative;
  top: 0 !important;
  transform: translateY(0) !important
}
@media (max-width:1600px) {
  .hero {
    min-height: 100vh
  }
}
@media (max-width:1200px) {
  .hero {
    min-height: 70vh
  }
}
@media (max-width:600px) {
  .hero {
    margin-top: 0;
    min-height: 52vh;
    margin-bottom: 155px
  }
}
.hero .down-arrow {
  position: absolute;
  width: unset;
  height: unset;
  padding: unset;
  top: unset;
  left: 80px;
  bottom: 80px;
  transition: 800ms all ease;
  z-index: 99999
}
@media (max-width:1200px) {
  .hero .down-arrow {
    left: 20px;
    bottom: 20px
  }
}
@media (max-width:600px) {
  .hero .down-arrow {
    left: unset;
    right: 25px;
    bottom: 40px
  }
  .hero .down-arrow svg {
    width: 64px;
    height: 64px
  }
}
.hero > div {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  top: 0;
  left: 0
}
@media (max-width:1200px) {
  .hero > div {
    padding: 0 25px
  }
}
.hero > div img {
  width: 100%;
  height: auto
}
.hero h1 {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 30px;
  line-height: 120%;
  text-align: right;
  letter-spacing: -.01em;
  color: rgba(255, 255, 255, .3);
  max-width: 364px;
  bottom: 80px;
  right: 80px;
  position: absolute;
  transition: 800ms all ease;
  z-index: 99999
}
@media (max-width:1200px) {
  .hero h1 {
    bottom: 20px;
    right: 20px
  }
}
@media (max-width:600px) {
  .hero h1 {
    bottom: -120px;
    font-size: 24px;
    line-height: 140%;
    max-width: 100%;
    right: 0;
    padding: 0 25px;
    text-align: left
  }
  .hero h1 br {
    display: none
  }
}
.hero h1 span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #fff
}
.hero .v-center-items {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  transition: 800ms all ease
}
.hero .v-center-items img {
  max-width: 1520px;
  transform: translateY(-50px)
}
@media (max-width:1600px) {
  .hero .v-center-items img {
    max-width: 1200px
  }
}
@media (max-width:992px) {
  .hero .v-center-items img {
    transform: translateY(150px)
  }
}
@media (max-width:600px) {
  .hero .v-center-items img {
    transform: translateY(100px)
  }
}
.hero .v-bottom-items {
  display: flex;
  align-items: flex-end;
  justify-content: center
}
.hero .v-bottom-items > div > div {
  position: absolute;
  display: flex
}
.hero .v-bottom-items > div > div.bg-img, .hero .v-bottom-items > div > div.bg-img-overlap {
  max-width: 45%;
  height: 100%;
  width: 100%;
  transition: 1500ms all ease;
  transition-delay: 200ms
}
@media (max-width:992px) {
  .hero .v-bottom-items > div > div.bg-img, .hero .v-bottom-items > div > div.bg-img-overlap {
    max-width: 75%
  }
}
@media (max-width:600px) {
  .hero .v-bottom-items > div > div.bg-img, .hero .v-bottom-items > div > div.bg-img-overlap {
    max-width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px
  }
}
.hero .v-bottom-items > div > div.bg-img img, .hero .v-bottom-items > div > div.bg-img video, .hero .v-bottom-items > div > div.bg-img-overlap img, .hero .v-bottom-items > div > div.bg-img-overlap video {
  width: 100%;
  height: 70%;
  object-fit: cover;
  object-position: bottom;
  transition: 1800ms all ease;
  transition-delay: 100ms
}
@media (max-width:600px) {
  .hero .v-bottom-items > div > div.bg-img img, .hero .v-bottom-items > div > div.bg-img video, .hero .v-bottom-items > div > div.bg-img-overlap img, .hero .v-bottom-items > div > div.bg-img-overlap video {
    min-height: 47vh
  }
}
.hero .v-bottom-items > div > div.bg-img-overlap img.hide {
  opacity: 0 !important
}
.hero .v-bottom-items .bg-img, .hero .v-bottom-items .bg-img-overlap {
  display: flex;
  align-items: flex-end
}
@media (max-width:1600px) {
  .hero .v-bottom-items .bg-img img, .hero .v-bottom-items .bg-img video, .hero .v-bottom-items .bg-img-overlap img, .hero .v-bottom-items .bg-img-overlap video {
    max-height: 100%
  }
}
.hero .v-bottom-items .obj-img {
  max-height: 774px;
  z-index: 99
}
.hero .v-bottom-items .obj-img img {
  width: unset;
  max-height: 774px
}
@media (max-width:1600px) {
  .hero .v-bottom-items .obj-img img {
    max-height: 650px
  }
}
@media (max-width:600px) {
  .hero .v-bottom-items .obj-img img {
    max-height: 420px;
    width: 100%
  }
}
.hero .v-bottom-items .shape-img {
  transform: translateX(450px) translateY(-65px);
}
.hero .v-bottom-items .shape-img img {
  max-width: 500px
}
@media (max-width:1200px) {
  .hero .v-bottom-items .shape-img img {
    width: 280px
  }
}
@media (max-width:1200px) {
  .hero .v-bottom-items .shape-img {
    top: 65px;
    right: 0;
    margin-right: 0;
    transform: translateY(20px)
  }
}
@media (max-width:600px) {
  .hero .v-bottom-items .shape-img {
    top: -20px;
    right: -25px
  }
  .hero .v-bottom-items .shape-img img {
    max-width: 280px
  }
}
.hero .v-bottom-items .inner {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: flex-end
}
.hero .obj-img {
  transition: 600ms all ease;
  transition-delay: 1500ms
}
.hero.animate h1, .hero.animate .down-arrow, .hero.animate .v-center-items {
  opacity: 0
}
.hero.animate .bg-img, .hero.animate .bg-img-overlap {
  max-width: 100% !important;
  width: 100%
}
.hero.animate .bg-img video, .hero.animate .bg-img img, .hero.animate .bg-img-overlap video, .hero.animate .bg-img-overlap img {
  height: 100% !important
}
.hero.animate .obj-img {
  opacity: 0
}
.hero video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center
}
.hero .v-center-items {
  position: relative;
  z-index: 99999
}
.hero .bg-img-overlap {
  position: relative;
  z-index: 9999
}
.hero .bg-img {
  position: relative;
  z-index: 999
}
.hero .obj-img {
  position: relative;
  z-index: 99999 !important
}
.about {
  position: relative;
  padding-top: 160px;
  padding-bottom: 138px
}
@media (max-width:1200px) {
  .about {
    padding-bottom: 40px
  }
}
@media (max-width:768px) {
  .about {
    padding: 48px 0
  }
}
.about .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.about .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top
}
.about .container {
  max-width: 100%;
  padding: 0 80px;
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between
}
@media (max-width:1200px) {
  .about .container {
    padding: 0 25px
  }
}
@media (max-width:768px) {
  .about .container {
    flex-direction: column;
    gap: 64px
  }
}
.about .container > div {
  width: 50%;
  min-width: auto
}
@media (max-width:768px) {
  .about .container > div {
    width: 100%
  }
}
.about .container .left-col {
  max-width: 627px;
  margin-right: 80px
}
.about .container h2 {
  margin-bottom: 48px
}
@media (max-width:1200px) {
  .about .container h2 {
    font-size: 46px;
    margin-bottom: 10px
  }
}
@media (max-width:600px) {
  .about .container h2 {
    font-size: 36px;
    line-height: 120%
  }
}
.about .container p {
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: -.01em;
  color: #FFF
}
.about .container p a {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  text-decoration: none
}
@media (max-width:600px) {
  .about .container p {
    font-size: 16px;
    line-height: 160%
  }
}
.about .container .btn {
  margin-top: 48px
}
@media (max-width:1200px) {
  .about .container .btn {
    margin-top: 25px
  }
}
@media (max-width:600px) {
  .about .container .btn {
    font-size: 16px;
    line-height: 120%
  }
}
.about .right-col {
  min-width: 680px
}
@media (max-width:1600px) {
  .about .right-col {
    min-width: 550px
  }
}
@media (max-width:681px) {
  .about .right-col {
    min-width: 100%
  }
}
.about .right-col .action-items .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #373737
}
.about .right-col .action-items .item:last-child {
  border-bottom: none
}
.about .right-col .action-items .item a {
  display: flex
}
@media (max-width:600px) {
  .about .right-col .action-items .item {
    padding-bottom: 24px;
    margin-bottom: 24px
  }
  .about .right-col .action-items .item .text-content {
    margin-right: 20px
  }
  .about .right-col .action-items .item img {
    width: 20px;
    height: 20px
  }
}
@media (max-width:600px) {
  .about .right-col .action-items .item .text-content + a {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px
  }
  .about .right-col .action-items .item .text-content + a svg {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px
  }
}
.about .right-col .title-holder {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px
}
.about .right-col p.title {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.01em
}
@media (max-width:600px) {
  .about .right-col p.title {
    font-size: 20px;
    line-height: 160%
  }
}
.about .right-col p.title a {
  transition: 300ms all ease
}
.about .right-col p.title a:hover {
  color: #9b8041
}
.about .right-col p.desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: -.01em
}
.about .text-content + a svg circle {
  transition: 300ms all ease
}
.about .text-content + a:hover svg circle {
  stroke: #FFF
}
.parallax-images {
  background: #171717;
  position: relative;
  padding: 0 80px;
  padding-top: 286px;
  padding-bottom: 130px
}
@media (max-width:1200px) {
  .parallax-images {
    padding: 80px 25px
  }
}
.parallax-images .bg-emblem img {
  position: absolute;
  top: 0;
  left: 80px;
  max-width: 784px
}
@media (max-width:1200px) {
  .parallax-images .bg-emblem img {
    max-width: 280px;
    left: unset;
    right: 25px
  }
}
.parallax-images .bg-emblem img:first-child {
  top: 100px;
  left: 48%;
  z-index: 991
}
@media (max-width:1600px) {
  .parallax-images .bg-emblem img:first-child {
    max-width: 340px;
    left: 60%
  }
}
@media (max-width:1200px) {
  .parallax-images .bg-emblem img:first-child {
    max-width: 160px;
    left: unset;
    right: 40px;
    top: 40px
  }
}
.parallax-images .parallax-holder {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 20px;
  transition: 300ms all ease
}
@media (max-width:1080px) {
  .parallax-images .parallax-holder {
    display: block
  }
}
.parallax-images .parallax-holder img {
  width: 100%;
  height: auto
}
.parallax-images .parallax-holder > div {
  display: flex;
  width: 33.33%;
  position: relative
}
.parallax-images .parallax-holder > div:first-child {
  z-index: 99 !important
}
.parallax-images .parallax-holder > div .abs-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20
}
@media (max-width:1080px) {
  .parallax-images .parallax-holder > div {
    display: block;
    width: 100%
  }
}
.parallax-images .parallax-holder > div .text-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  padding: 32px
}
@media (max-width:600px) {
  .parallax-images .parallax-holder > div .text-btn {
    padding: 16px;
    padding-bottom: 32px
  }
}
.parallax-images .parallax-holder > div .text-btn a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  font-family: "OakesGrotesk";
  font-size: 24px;
  line-height: 100%;
  text-align: right;
  letter-spacing: -.01em;
  color: #FFF;
  text-decoration: none
}
@media (max-width:1080px) {
  .parallax-images .parallax-holder > div .text-btn a {
    justify-content: center
  }
}
.parallax-images .parallax-holder > div .text-btn a svg circle {
  transition: 300ms all ease
}
.parallax-images .parallax-holder > div .text-btn img, .parallax-images .parallax-holder > div .text-btn svg {
  width: 32px;
  height: 32px;
  margin-top: -5px
}
.parallax-images .parallax-holder > div .parallax-img {
  position: relative;
  z-index: 8
}
.parallax-images .parallax-holder > div .parallax-img > div {
  overflow: hidden
}
.parallax-images .parallax-holder > div .parallax-img img {
  transition: 1000ms all ease;
  width: 100%
}
@media (min-width:1080px) {
  .parallax-images .parallax-holder > div:first-child .parallax-img {
    z-index: 10
  }
  .parallax-images .parallax-holder > div:nth-child(2) .parallax-img {
    width: calc(150% - 60px);
    transform: translateX(-230px)
  }
  .parallax-images .parallax-holder > div:nth-child(2) .parallax-img > div {
    width: calc(150% - 60px);
    max-width: calc(150% - 60px);
    max-height: 700px
  }
  .parallax-images .parallax-holder > div:nth-child(2) .parallax-img img {
    width: calc(150% - 60px)
  }
  .parallax-images .parallax-holder > div:hover .text-btn a svg circle {
    stroke-opacity: 1
  }
}
@media (min-width:1080px) and (min-width:1080px) {
  .parallax-images .parallax-holder > div:hover .parallax-img img {
    transition: 500ms all ease-in-out !important;
    transform: scale(1.2) !important
  }
}
@media (max-width:1600px) {
  .parallax-images .parallax-holder > div:nth-child(2) .parallax-img {
    width: calc(130% - 20px);
    transform: translateX(-100px)
  }
  .parallax-images .parallax-holder > div:nth-child(2) .parallax-img > div {
    width: calc(130% - 20px);
    max-width: calc(130% - 20px);
    max-height: 500px
  }
  .parallax-images .parallax-holder > div:nth-child(2) .parallax-img img {
    width: calc(130% - 20px)
  }
}
@media (min-width:1080px) {
  .parallax-images .parallax-holder > div:nth-child(2):hover .parallax-img img {
    transform: scale(1.5) !important
  }
}
@media (max-width:1080px) {
  .parallax-holder {
    margin-right: -20px
  }
}
@media (max-width:1080px) {
  .parallax-item {
    margin: 0 10px
  }
}
.achievement {
  padding: 260px 80px;
  padding-top: 160px;
  background: #171717;
  text-align: center;
  position: relative
}
@media (max-width:600px) {
  .achievement {
    padding: 80px 25px;
    padding-top: 0
  }
}
.achievement .bg-img {
  position: absolute;
  z-index: 9;
  width: 100%;
  top: -620px
}
@media (max-width:600px) {
  .achievement .bg-img {
    top: -250px
  }
  .achievement .bg-img img {
    width: 100%
  }
}
.achievement .message {
  position: relative;
  z-index: 10;
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 30px;
  line-height: 130%;
  text-align: center;
  letter-spacing: -.01em;
  color: #fff;
  max-width: 720px;
  margin: 0 auto
}
@media (max-width:600px) {
  .achievement .message {
    font-size: 24px;
    line-height: 140%
  }
}
.achievement.type-2 {
  margin-top: 120px;
  background: linear-gradient(0deg, rgba(155, 129, 104, .7) 0%, rgba(23, 23, 23, .7) 99.34%), #171717
}
@media (max-width:600px) {
  .achievement.type-2 {
    margin-top: 0;
    padding-top: 0
  }
}
.achievement.type-2 .bg-img {
  top: -95px
}
@media (max-width:600px) {
  .achievement.type-2 .bg-img {
    top: unset;
    bottom: -5px
  }
  .achievement.type-2 .bg-img img {
    max-width: 65%
  }
}
.achievement.type-2 .bg-pattern {
  position: absolute;
  bottom: 0;
  left: 0
}
.achievement.type-2 .bg-pattern img {
  width: 100%;
  height: auto
}
.achievement .aos-animate {
  position: relative;
  z-index: 9
}
.featured {
  position: relative;
  margin-top: -20px;
  padding-bottom: 235px;
  background: linear-gradient(0deg, rgba(155, 129, 104, .7) 0%, rgba(23, 23, 23, .7) 30.55%), #171717
}
@media (max-width:600px) {
  .featured {
    padding-bottom: 64px
  }
}
.featured .title-holder {
  position: absolute;
  top: -80px;
  z-index: 999 !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 80px
}
@media (max-width:1200px) {
  .featured .title-holder {
    padding-right: 25px
  }
}
.featured .title-holder a {
  transition: 300ms all ease !important;
  margin-top: -24px
}
@media (max-width:600px) {
  .featured .title-holder a {
    font-size: 18px
  }
}
@media (max-width:600px) {
  .featured .title-holder {
    position: relative;
    top: 0
  }
}
.featured h2 {
  font-weight: 400;
  font-size: 120px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  position: relative;
  z-index: 90;
  padding: 0 80px
}
@media (max-width:768px) {
  .featured h2 {
    margin-bottom: 24px;
    padding-left: 25px
  }
}
@media (max-width:600px) {
  .featured h2 {
    font-size: 36px;
    line-height: 120%
  }
}
.featured .colored-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5
}
.featured .colored-bg img {
  width: 100%;
  height: 100%
}
.featured .bg-pattern {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9
}
.featured .bg-pattern img {
  width: 100%
}
.featured .featured-carousel {
  position: relative;
  z-index: 50
}
.featured .featured-carousel .item {
  margin-right: 48px;
  position: relative;
  overflow: hidden;
  min-width: 652px;
  height: 500px;
  position: relative
}
.featured .featured-carousel .item:hover img {
  transform: scale(1.1)
}
.featured .featured-carousel .item a, .featured .featured-carousel .item .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99
}
.featured .featured-carousel .item .overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.4%, rgba(0, 0, 0, .7) 100%);
  z-index: 10
}
@media (max-width:600px) {
  .featured .featured-carousel .item {
    min-width: unset;
    height: auto;
    width: calc(100% - 50px)
  }
}
.featured .featured-carousel .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 500ms all ease
}
.featured .featured-carousel .item .text-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px
}
@media (max-width:600px) {
  .featured .featured-carousel .item .text-holder {
    padding: 20px
  }
}
.featured .featured-carousel .item .text-holder p.title, .featured .featured-carousel .item .text-holder .feature {
  font-family: "Manrope";
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 12px
}
@media (max-width:600px) {
  .featured .featured-carousel .item .text-holder p.title, .featured .featured-carousel .item .text-holder .feature {
    font-size: 16px;
    line-height: 120%
  }
}
.featured .featured-carousel .item:nth-child(even) {
  max-height: 450px
}
.featured .featured-carousel .feature {
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  gap: 12px
}
.featured .featured-carousel .feature .bar {
  width: 20px;
  height: 1px;
  background-color: #FFF
}
.featured .featured-carousel .price {
  width: fit-content;
  margin-top: 20px;
  /*
  padding: 10px 20px;
  border-radius: 24px;
*/
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF
}
@media (max-width:600px) {
  .featured .featured-carousel .price {
    margin-top: 4px
  }
}
.featured .featured-carousel .flickity-slider {
  left: 80px !important
}
@media (max-width:768px) {
  .featured .featured-carousel .flickity-slider {
    left: 25px !important
  }
}
.featured .custom-carousel-navigator {
  width: 100%;
  max-width: calc(100% - 160px);
  height: 1px;
  background: rgba(255, 255, 255, .2);
  position: relative;
  margin: 0 auto;
  margin-top: 70px
}
@media (max-width:1200px) {
  .featured .custom-carousel-navigator {
    max-width: calc(100% - 50px)
  }
}
@media (min-width:1600px) {
  .featured .custom-carousel-navigator {
    min-width: 1300px
  }
}
@media (max-width:600px) {
  .featured .custom-carousel-navigator {
    margin-top: 35px
  }
}
.featured .custom-carousel-navigator .carousel-thumb {
  position: absolute;
  top: -2px;
  left: 0;
  width: 200px;
  height: 3px;
  background: #9b8041;
  transition: 500ms all ease
}
.featured.move-pattern .bg-pattern {
  bottom: -100px
}
@media (max-width:992px) {
  .featured {
    margin-top: 30px
  }
}
@media (max-width:600px) {
  .featured {
    margin-top: 0
  }
}
.help {
  display: flex;
  overflow: hidden
}
@media (max-width:1200px) {
  .help {
    flex-direction: column
  }
  .help > div {
    width: 100% !important
  }
  .help .row-2 {
    display: none !important
  }
}
@media (max-width:600px) {
  .help {
    display: none
  }
}
.help .left-col {
  width: 70%;
  position: relative;
  padding: 100px
}
@media (max-width:1200px) {
  .help .left-col {
    padding: 60px
  }
}
.help .left-col .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.help .left-col .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top
}
.help .right-col {
  width: 30%
}
.help .right-col .row-2 {
  height: 65%
}
.help .right-col .row-2 img {
  width: 100%;
  object-fit: cover;
  object-position: left
}
.help .text-flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 120px;
  position: relative;
  z-index: 10
}
@media (max-width:1200px) {
  .help .text-flex-container {
    gap: 60px 40px
  }
}
.help .text-flex-container .item {
  width: calc(50% - 120px);
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(23, 23, 23, .3)
}
@media (max-width:1200px) {
  .help .text-flex-container .item {
    width: calc(50% - 40px)
  }
}
.help .text-flex-container .item .point {
  font-family: "Manrope";
  color: #171717;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -.01em;
  margin-bottom: 20px
}
.help .text-flex-container .item .point:last-child {
  margin-bottom: 0
}
.help .text-flex-container .item .point a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  position: relative
}
.help .text-flex-container .item .point a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  height: 1px;
  background: #171717;
  transition: 300ms all ease
}
.help .text-flex-container .item .point a:hover:after {
  width: 100%
}
.help .text-flex-container .item p.title {
  font-family: "OakesGrotesk";
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 32px
}
.help .row-1 {
  padding: 100px 64px;
  background: #9b8041
}
@media (max-width:1200px) {
  .help .row-1 {
    padding: 60px 30px
  }
}
.help .row-1 p {
  font-family: "Manrope";
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 27px
}
.help .row-1 a {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  text-decoration: none;
  display: flex;
  gap: 16px;
  align-items: center
}
.help .row-1 a svg {
  margin-top: -5px
}
.help .row-1 a svg circle {
  transition: 300ms all ease
}
.help .row-1 a:hover svg circle {
  stroke-opacity: 1
}
.help .row-2 {
  display: flex
}
.help.dark-bg p {
  color: #ffffff !important
}
.help.dark-bg .item {
  border-bottom: 1px solid rgba(255, 255, 255, .3)
}
.help.dark-bg + section {
  padding-top: 120px
}
.help.dark-bg a:after {
  background: #ffffff !important
}
.help--mob {
  position: relative;
  z-index: 90
}
@media (max-width:600px) {
  .help--mob + section {
    margin-top: 48px
  }
}
.help--mob .accordion-help-container {
  position: relative;
  padding: 64px 25px;
  padding-bottom: 31px
}
.help--mob .accordion-help-container .item {
  position: relative
}
.help--mob .accordion-help-container button {
  font-family: "OakesGrotesk";
  color: #171717;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
/*  justify-content: flex-start;*/
  gap: 16px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(23, 23, 23, .3)
}
.help--mob .accordion-help-container button:after {
  transition: 300ms all ease;
  transform-origin: center;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEuNUw3IDcuNUwxMyAxLjUiIHN0cm9rZT0iIzE3MTcxNyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) !important
}
.help--mob .accordion-help-container button.active:after {
  transform: rotate(180deg)
}
.help--mob .accordion-help-container .panel {
  margin-bottom: 33px;
  border-bottom: 1px solid rgba(23, 23, 23, .3) !important
}
.compl-project-mob .accordion-help-container .panel {
  border-bottom: 0px !important;
  margin-top: 0px;
}
.help--mob .accordion-help-container .panel p {
  color: #171717;
  padding-bottom: 20px
}
.help--mob .accordion-help-container .panel p a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  position: relative
}
.help--mob .accordion-help-container .panel p a:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0%;
  height: 1px;
  background: #171717;
  transition: 300ms all ease
}
.help--mob .accordion-help-container .panel p a:hover:after {
  width: 100%
}
.help--mob .accordion-help-container .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.help--mob .accordion-help-container .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top
}
.help--mob .bottom-row {
  background: #9b8041
}
@media (max-width:1200px) {
  .help--mob .bottom-row {
    padding: 60px 30px
  }
}
.help--mob .bottom-row p {
  font-family: "Manrope";
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 27px
}
.help--mob .bottom-row p:after {
  background: #FFF
}
.help--mob .bottom-row a {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  text-decoration: none;
  display: flex;
  gap: 16px;
  align-items: center
}
.help--mob .bottom-row a svg {
  margin-top: -5px
}
@media (min-width:600px) {
  .help--mob {
    display: none
  }
}
.help--mob.dark-bg button, .help--mob.dark-bg p {
  color: #ffffff !important
}
.help--mob.dark-bg button {
  border-bottom: 1px solid rgba(255, 255, 255, .3)
}
.help--mob.dark-bg button:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEuNUw3IDcuNUwxMyAxLjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) !important
}
.help--mob.dark-bg + section {
  margin-top: 80px
}
@keyframes bannermove {
  0% {
    transform: translateX(1%)
  }
  100% {
    transform: translateX(-80%)
  }
}
.operation-testimonial {
  padding-top: 120px;
  padding-bottom: 200px;
  position: relative
}
@media (max-width:1200px) {
  .operation-testimonial {
    padding-top: 80px;
    padding-bottom: 80px
  }
}
.operation-testimonial .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.operation-testimonial .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top
}
.operation-testimonial .bg-shape {
  position: absolute;
  z-index: 10;
  bottom: 100px;
  right: 0
}
.operation-testimonial .bg-shape img {
  max-width: 698px
}
@media (max-width:600px) {
  .operation-testimonial .bg-shape {
    display: none !important
  }
}
.operation-testimonial .container {
  max-width: 100%;
  padding: 0 80px;
  position: relative;
  z-index: 10
}
@media (max-width:600px) {
  .operation-testimonial .container {
    padding: 0 25px
  }
}
.operation-testimonial .small-title {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 25px
}
@media (max-width:600px) {
  .operation-testimonial .small-title {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 24px
  }
}
.operation-testimonial .infinite-slider {
  margin-bottom: 200px;
  display: flex;
  gap: 80px;
  width: max-content;
  animation: bannermove 60s linear infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}
@media (max-width:600px) {
  .operation-testimonial .infinite-slider {
    margin-bottom: 64px;
    gap: 32px;
    animation: bannermove 30s linear infinite
  }
}
.operation-testimonial .infinite-slider p {
  font-weight: 400;
  font-size: 120px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #373737;
  white-space: nowrap
}
@media (max-width:600px) {
  .operation-testimonial .infinite-slider p {
    font-size: 64px;
    line-height: 120%
  }
}
.operation-testimonial .carousel-flex-container {
  display: flex;
  position: relative;
  z-index: 99;
  gap: 220px
}
@media (max-width:1600px) {
  .operation-testimonial .carousel-flex-container {
    gap: 120px
  }
}
@media (max-width:1200px) {
  .operation-testimonial .carousel-flex-container {
    flex-direction: column;
    gap: 40px;
    padding-top: 24px
  }
}
.operation-testimonial .carousel-flex-container .img-carousel {
  width: 420px
}
@media (max-width:1200px) {
  .operation-testimonial .carousel-flex-container .img-carousel {
    margin: auto;
    position: relative
  }
  .operation-testimonial .carousel-flex-container .img-carousel:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTczIiBoZWlnaHQ9IjE3MiIgdmlld0JveD0iMCAwIDE3MyAxNzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNzIuMjkxIDBMMC4yOTEwMTYgMTcyVjBIMTcyLjI5MVoiIGZpbGw9IiM5QjgxNjgiLz4KPC9zdmc+Cg==);
    position: absolute;
    top: -24px;
    left: -24px
  }
}
@media (max-width:600px) {
  .operation-testimonial .carousel-flex-container .img-carousel {
    width: 272px;
    height: 271px
  }
  .operation-testimonial .carousel-flex-container .img-carousel img {
    width: 100%
  }
}
.operation-testimonial .carousel-flex-container .text-carousel {
  max-width: 868px;
  width: 100%;
  height: fit-content
}
.operation-testimonial .carousel-flex-container .text-carousel .item {
  margin-right: 50px
}
@media (max-width:1200px) {
  .operation-testimonial .carousel-flex-container .text-carousel .item {
    margin-right: 0
  }
}
.operation-testimonial .carousel-flex-container .text-carousel .message {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 26px;
  line-height: 140%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 32px
}
@media (max-width:600px) {
  .operation-testimonial .carousel-flex-container .text-carousel .message {
    font-size: 20px;
    line-height: 140%
  }
}
.operation-testimonial .carousel-flex-container .text-carousel .name {
  font-family: "Manrope";
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  display: flex;
  align-items: center;
  gap: 12px
}
.operation-testimonial .carousel-flex-container .text-carousel .name .gap {
  width: 20px;
  height: 1px;
  background: #fff
}
.operation-testimonial .flickity-page-dots {
  text-align: left;
  bottom: -80px
}
@media (max-width:1200px) {
  .operation-testimonial .flickity-page-dots {
    bottom: -160px
  }
}
.operation-testimonial .flickity-page-dots .dot {
  width: 48px;
  height: 4px;
  margin-right: 13px;
  border-radius: 0;
  margin-left: 0;
  transition: 300ms all ease
}
.operation-testimonial .flickity-page-dots .dot.is-selected {
  background: #9b8041
}
.operation-testimonial .flickity-page-dots .dot:last-child {
  margin-right: 0
}
.operation-testimonial .carousel-controllers {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 16px
}
@media (max-width:1200px) {
  .operation-testimonial .carousel-controllers {
    justify-content: flex-start
  }
}
.operation-testimonial .carousel-controllers button {
  position: relative;
  z-index: 99;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  margin-top: -60px
}
@media (max-width:1200px) {
  .operation-testimonial .carousel-controllers button {
    margin: 40px 0
  }
}
.operation-testimonial.remove-unnecessary-space {
  padding-bottom: 0;
  margin-bottom: 0
}
.operation-testimonial.remove-unnecessary-space .infinite-slider {
  margin-bottom: 0
}
.carousel-controllers svg circle {
  transition: 300ms all ease
}
.carousel-controllers button:hover svg circle {
  stroke: #fff
}
.blogs {
  display: block;
  padding: 0 80px;
  padding-bottom: 200px;
  background: #171717
}
@media (max-width:1200px) {
  .blogs {
    padding: 0 25px;
    padding-bottom: 80px
  }
}
.blogs .title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px
}
@media (max-width:1080px) {
  .blogs .title-container {
    margin-bottom: 24px
  }
  .blogs .title-container a {
    font-size: 24px;
    line-height: 120%;
    font-weight: 400
  }
}
.blogs h2 {
  font-weight: 400;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF
}
@media (max-width:768px) {
  .blogs h2 {
    font-size: 36px;
    line-height: 120%
  }
}
.blogs .blogs-holder {
  display: flex;
  margin-right: -50px
}
@media (max-width:1080px) {
  .blogs .blogs-holder {
    display: block
  }
}
.blogs .blogs-holder .single-blog {
  width: 25%;
  padding-right: 50px;
  border-right: 1px solid rgba(255, 255, 255, .2);
  margin-right: 50px
}
@media (max-width:1080px) {
  .blogs .blogs-holder .single-blog {
    width: 100%
  }
}
.blogs .blogs-holder .single-blog > img {
  width: 100%;
  height: auto;
  margin-bottom: 32px
}
.blogs .blogs-holder .single-blog p, .blogs .blogs-holder .single-blog a {
  color: #FFF
}
.blogs .blogs-holder .single-blog p.title {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 19px;
  line-height: 140%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 16px;
  transition: 300ms all ease
}
.blogs .blogs-holder .single-blog p.title:hover {
  color: #9b8041 !important
}
.blogs .blogs-holder .single-blog p.desc {
  font-family: "Manrope";
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -.01em;
  color: #FFF
}
.blogs .blogs-holder .single-blog a {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Manrope";
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -.01em;
  color: #FFF;
  text-decoration: none;
  margin-top: 20px
}
.blogs .blogs-holder .single-blog a svg {
  width: 32px;
  height: 32px
}
.blogs .blogs-holder .single-blog a svg circle {
  transition: 300ms all ease
}
.blogs .blogs-holder .single-blog a:hover svg circle {
  stroke-opacity: 1
}
.blogs .blogs-holder .single-blog:last-child {
  border-right: none;
  margin-right: 0
}
.blogs .single-blog a:first-child, .blogs .single a:first-child, .featured .single-blog a:first-child, .featured .single a:first-child {
  margin-top: 0 !important
}
.blogs .single-blog img, .blogs .single img, .featured .single-blog img, .featured .single img {
  width: 100%
}
.follow-us {
  background: #171717;
  position: relative;
  z-index: 99
}
.follow-us h2 {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: rgba(255, 255, 255, .3);
  margin-bottom: 47px
}
@media (max-width:600px) {
  .follow-us h2 {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 40px
  }
  .follow-us h2 br {
    display: none
  }
}
.follow-us .social-icons {
  display: flex;
  justify-content: center;
  gap: 24px
}
.follow-us .social-icons a {
  display: flex
}
.follow-us .social-icons a svg path {
  transition: 300ms all ease
}
.follow-us .social-icons a:hover svg path {
  fill: #9b8041
}
.follow-us .container {
  max-width: 615px;
  text-align: center
}
.infinite-image-carousel {
  background: linear-gradient(0deg, rgba(155, 129, 104, .7) 0%, rgba(23, 23, 23, .7) 99.34%), #171717;
  padding-top: 200px;
  padding-bottom: 100px
}
.infinite-image-carousel .item {
  margin-right: 33px
}
@media (max-width:1200px) {
  .infinite-image-carousel {
    padding-top: 72px;
    padding-bottom: 80px
  }
  .infinite-image-carousel .item {
    margin: 0 6px
  }
}
.infinite-image-carousel .flickity-slider {
  display: flex;
  align-items: flex-end
}
@media (max-width:600px) {
  .infinite-image-carousel .flickity-slider img {
    max-width: 188px
  }
}
.breadcrumbs {
  margin-bottom: 48px
}
.breadcrumbs .flex-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px
}
.breadcrumbs a {
  font-family: "Manrope";
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
  letter-spacing: .02em;
  color: #fff;
  transition: 300ms all ease
}
.breadcrumbs a:hover {
  color: #9b8041
}
.breadcrumbs a[href="javascript:void(0)"] {
  pointer-events: none
}
.breadcrumbs .container {
  padding: 0
}
.middle-banner {
  background: #171717;
  padding: 56px 40px;
  margin: 56px 0
}
@media (max-width:1200px) {
  .middle-banner {
    padding-left: 45px;
    padding-right: 45px
  }
}
@media (max-width:992px) {
  .middle-banner {
    margin-left: 25px !important;
    margin-right: 25px !important;
    padding: 40px !important
  }
}
.middle-banner .content {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto
}
.middle-banner p {
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
  color: #FFF;
  margin-bottom: 0 !important
}
.accordion-main {
  margin: 56px 0
}
.accordion, .accordion-mob {
  margin: auto;
  cursor: pointer;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: transparent;
  transition: 0.4s;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: .02em;
  font-family: "Manrope";
  border: none;
  text-align: left;
  outline: none;
  border-bottom: 1px solid #333
}
.accordion:first-child, .accordion-mob:first-child {
  padding-top: 0
}
.accordion:last-child, .accordion-mob:last-child {
  border: none
}
.accordion.active, .active.accordion-mob {
  border-bottom: none !important;
  color: #9b8041 !important
}
.accordion.active + .panel, .active.accordion-mob + .panel {
  border-bottom: 1px solid #333
}
.accordion.active + .panel p, .active.accordion-mob + .panel p {
  opacity: 1
}
.accordion:after, .accordion-mob:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYuMzE1OSIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguMzE1OTIgMTZDOC4zMTU5MiAxNS40NDc3IDguNzYzNjMgMTUgOS4zMTU5MiAxNUgyMy4zMTU5QzIzLjg2ODIgMTUgMjQuMzE1OSAxNS40NDc3IDI0LjMxNTkgMTZDMjQuMzE1OSAxNi41NTIzIDIzLjg2ODIgMTcgMjMuMzE1OSAxN0g5LjMxNTkyQzguNzYzNjMgMTcgOC4zMTU5MiAxNi41NTIzIDguMzE1OTIgMTZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2LjMxNTkgMjRDMTUuNzYzNiAyNCAxNS4zMTU5IDIzLjU1MjMgMTUuMzE1OSAyM1Y5QzE1LjMxNTkgOC40NDc3MSAxNS43NjM2IDggMTYuMzE1OSA4QzE2Ljg2ODIgOCAxNy4zMTU5IDguNDQ3NzEgMTcuMzE1OSA5VjIzQzE3LjMxNTkgMjMuNTUyMyAxNi44NjgyIDI0IDE2LjMxNTkgMjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  color: #fff;
  font-weight: 700;
  float: right;
  margin-left: 10px
}
.accordion.active:after, .active.accordion-mob:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYuMzE1OSIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguMzE1OTIgMTZDOC4zMTU5MiAxNS40NDc3IDguNzYzNjMgMTUgOS4zMTU5MiAxNUgyMy4zMTU5QzIzLjg2ODIgMTUgMjQuMzE1OSAxNS40NDc3IDI0LjMxNTkgMTZDMjQuMzE1OSAxNi41NTIzIDIzLjg2ODIgMTcgMjMuMzE1OSAxN0g5LjMxNTkyQzguNzYzNjMgMTcgOC4zMTU5MiAxNi41NTIzIDguMzE1OTIgMTZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}
.panel {
  display: flex;
  flex-direction: column;
  padding-right: 18px;
  padding-left: 0 !important;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out
}
.panel p {
  padding-bottom: 30px;
  margin: 0 !important;
  opacity: 0;
  transition: 700ms opacity ease;
  color: #fff
}
.panel p + ul, .panel p + ol {
  margin-top: -15px
}
.panel ul, .panel ol {
  padding-left: 15px;
  margin-top: 24px;
  margin-bottom: 24px
}
.panel ul li, .panel ol li {
  margin-bottom: 5px;
  font-family: "Manrope";
  font-size: 16px;
  line-height: 180%;
  color: #171717
}
.panel ul li a, .panel ol li a {
  color: #9b8041
}
.panel ul li:last-child, .panel ol li:last-child {
  margin-bottom: 0
}
.featured-accordion {
  margin-top: 100px;
  margin-bottom: 80px;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px
}
@media (max-width:600px) {
  .featured-accordion {
    margin-top: 40px;
    margin-bottom: 45px
  }
}
.featured-accordion h2 {
  font-size: 48px;
  line-height: 59px;
  font-weight: 400;
  margin-bottom: 47px
}
@media (max-width:600px) {
  .featured-accordion h2 {
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 41px
  }
}
.featured-accordion .accordion, .featured-accordion .accordion-mob {
  border: none;
  background: #EDF6FC;
  border-radius: 12px;
  padding-left: 40px !important;
  padding-right: 40px !important;
  padding-top: 21px !important;
  padding-bottom: 21px !important;
  height: unset !important;
  display: flex;
  align-items: center;
  font-family: "Manrope";
  font-size: 20px;
  line-height: 130%;
  font-weight: 400;
  padding: 0 20px;
  justify-content: center;
  margin-bottom: 24px
}
@media (max-width:600px) {
  .featured-accordion .accordion, .featured-accordion .accordion-mob {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: .01em
  }
}
.featured-accordion .accordion:after, .featured-accordion .accordion-mob:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC4wNTM0IDAuMTYxNzc2TDUuNTAwNTMgNC42NzE5MUwwLjk0NzY1NiAwLjE2MTIzM0MwLjczMDU5IC0wLjA1Mzc0NDMgMC4zNzk0NTUgLTAuMDUzNzQ0MyAwLjE2MjM4OSAwLjE2MTIzM0MtMC4wNTQxMjk2IDAuMzc2MjEgLTAuMDU0MTI5NiAwLjcyNDUwOCAwLjE2MjM4OSAwLjkzOTQ4NUw1LjEwNzY0IDUuODM4NzdDNS4zMjQxNiA2LjA1Mzc0IDUuNjc1ODQgNi4wNTM3NCA1Ljg5MjM2IDUuODM4NzdMMTAuODM3NiAwLjkzOTUzQzExLjA1NDEgMC43MjQ1NTMgMTEuMDU0MSAwLjM3NTcxMyAxMC44Mzc2IDAuMTYwNzM1QzEwLjYyMTYgLTAuMDUzMjAxMyAxMC4yNjk5IC0wLjA1MzIwMTQgMTAuMDUzNCAwLjE2MTc3NloiIGZpbGw9IiMxNzE3MTciLz4KPC9zdmc+Cg==);
  position: relative;
  top: -3px;
  transition: 300ms all ease;
  transform-origin: center
}
.featured-accordion .accordion:last-child, .featured-accordion .accordion-mob:last-child {
  margin-bottom: 0
}
.featured-accordion .accordion.active:after, .featured-accordion .active.accordion-mob:after {
  transform: rotate(180deg);
  top: 3px
}
.featured-accordion .panel {
  border: none !important
}
.featured-accordion .content {
  max-width: 742px;
  margin-left: auto;
  margin-right: auto
}
.featured-accordion .bottom-text {
  margin-top: 32px;
  margin-bottom: 40px
}
@media (max-width:600px) {
  .featured-accordion .bottom-text {
    margin-top: 16px;
    margin-bottom: 32px;
    max-width: 302px;
    margin-left: auto;
    margin-right: auto
  }
}
.featured-accordion .btn {
  background: #171717
}
.featured-accordion .btn:hover {
  background: #9b8041
}
@media (max-width:600px) {
  .featured-accordion .btn {
    height: 48px
  }
}
.quote {
  background: #171717;
  padding: 160px 0;
  margin-top: -46px
}
@media (max-width:600px) {
  .quote {
    padding: 96px 0
  }
}
.quote p {
  font-weight: 400;
  font-size: 36px;
  line-height: 130%;
  text-align: center;
  color: #FFF;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto
}
@media (max-width:600px) {
  .quote p {
    font-size: 24px;
    line-height: 140%
  }
}
.fifty-fifty {
  background: #171717;
  padding-bottom: 160px
}
@media (max-width:1080px) {
  .fifty-fifty {
    padding-bottom: 96px
  }
}
@media (max-width:1080px) {
  .fifty-fifty {
    padding-bottom: 48px
  }
}
.fifty-fifty .fifty-item {
  display: flex;
  align-items: center;
  margin-bottom: 160px
}
@media (max-width:1080px) {
  .fifty-fifty .fifty-item {
    flex-direction: column-reverse !important;
    margin-bottom: 96px
  }
}
.fifty-fifty .fifty-item:last-child {
  margin-bottom: 0
}
.fifty-fifty .fifty-item > div {
  width: 50%
}
@media (max-width:1080px) {
  .fifty-fifty .fifty-item > div {
    width: 100%
  }
}
.fifty-fifty .fifty-item > div img, .fifty-fifty .fifty-item > div video {
  width: 100%;
  height: auto
}
@media (max-width:1080px) {
  .fifty-fifty .fifty-item > div img, .fifty-fifty .fifty-item > div video {
    margin-left: 25px
  }
}
.fifty-fifty .fifty-item .content {
  padding: 20px 166px
}
@media (max-width:1600px) {
  .fifty-fifty .fifty-item .content {
    padding: 20px 80px
  }
}
@media (max-width:1080px) {
  .fifty-fifty .fifty-item .content {
    padding-top: 48px;
    padding-left: 25px;
    padding-right: 25px
  }
}
.fifty-fifty .fifty-item h2 {
  font-weight: 400;
  font-size: 52px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #fff;
  max-width: 478px;
  margin-bottom: 48px
}
@media (max-width:1080px) {
  .fifty-fifty .fifty-item h2 {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 24px
  }
}
.fifty-fifty .fifty-item h2 span {
  color: rgba(255, 255, 255, .3)
}
.fifty-fifty .fifty-item .desc {
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 48px
}
.fifty-fifty .fifty-item .desc p {
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: -.01em;
  color: #FFF
}
.fifty-fifty .fifty-item .desc p a {
  font-family: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  border-bottom: 1px solid #9b8041
}
@media (max-width:1080px) {
  .fifty-fifty .fifty-item .desc {
    font-size: 16px;
    margin-bottom: 24px
  }
  .fifty-fifty .fifty-item .desc p {
    font-size: 16px
  }
}
.fifty-fifty .fifty-item .btn {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
  transition: 300ms all ease
}
@media (max-width:1080px) {
  .fifty-fifty .fifty-item .btn {
    font-size: 16px
  }
}
.fifty-fifty .fifty-item .btn:hover {
  color: #9b8041;
  border-bottom: 1px solid #9b8041
}
.fifty-fifty .fifty-item.reversed, .fifty-fifty .fifty-item.row-reverse {
  flex-direction: row-reverse
}
.fifty-fifty .fifty-item.reversed h2, .fifty-fifty .fifty-item.row-reverse h2 {
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 40px
}
/*
.fifty-fifty .fifty-item.row-reverse:first-child h2 {
  font-size: 72px;
  line-height: 120%
}
*/
@media (max-width:600px) {
  .fifty-fifty .fifty-item.row-reverse:first-child h2 {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 24px
  }
}
.fifty-fifty .fifty-item.reversed.row-reverse {
  flex-direction: row
}
@media (max-width:1080px) {
  .fifty-fifty .fifty-item.reversed h2 {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 24px
  }
}
@media (max-width:1080px) {
  .fifty-fifty .fifty-item.reversed img {
    margin-left: 0;
    transform: translateX(-25px)
  }
}
.fancy-fifty {
  background: #171717;
  padding-bottom: 200px;
  position: relative;
  z-index: 10
}
@media (max-width:992px) {
  .fancy-fifty {
    padding-bottom: 96px
  }
}
.fancy-fifty .flex-container {
  display: flex
}
.fancy-fifty .flex-container .content {
  position: relative;
  background: #C7CCD1;
  padding: 120px;
  width: 70%;
  padding-right: 464px;
  min-height: 900px
}
@media (max-width:1600px) {
  .fancy-fifty .flex-container .content {
    padding: 120px 60px;
    padding-right: 364px;
    min-height: 700px
  }
}
.fancy-fifty .flex-container .content h3, .fancy-fifty .flex-container .content p, .fancy-fifty .flex-container .content .points {
  position: relative
}
.fancy-fifty .flex-container .content h3 {
  font-weight: 400;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #171717;
  margin-bottom: 40px
}
.fancy-fifty .flex-container .content .desc, .fancy-fifty .flex-container .content .desc p {
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: -.01em;
  color: #171717;
  margin-bottom: 56px
}
.fancy-fifty .flex-container .content .points {
  display: flex;
  flex-wrap: wrap;
  gap: 56px
}
@media (max-width:600px) {
  .fancy-fifty .flex-container .content .points {
    gap: 32px
  }
}
.fancy-fifty .flex-container .content .points .icon-title {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px
}
.fancy-fifty .flex-container .content .points .icon-title img {
  transform: translateY(-2px)
}
.fancy-fifty .flex-container .content .points .point {
  max-width: 320px;
  width: 100%
}
@media (max-width:1600px) {
  .fancy-fifty .flex-container .content .points .point {
    max-width: 235px
  }
}
@media (max-width:600px) {
  .fancy-fifty .flex-container .content .points .point {
    max-width: 100%
  }
}
.fancy-fifty .flex-container .content .bg-pattern {
  position: absolute;
  right: 0;
  top: 0
}
.fancy-fifty .flex-container .content .bg-pattern svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
  max-width: 784px
}
.fancy-fifty .flex-container .image {
  position: relative;
  z-index: 20;
  margin-left: -300px;
  width: calc(30% + 300px)
}
.fancy-fifty .flex-container .image img {
  width: 100%;
  height: auto
}
@media (max-width:1360px) {
  .fancy-fifty .flex-container {
    flex-direction: column-reverse
  }
  .fancy-fifty .flex-container .image {
    display: flex;
    width: 100%;
    margin-left: 0
  }
  .fancy-fifty .flex-container .content {
    width: 100%;
    padding: 90px 60px;
    min-height: auto
  }
  .fancy-fifty .flex-container .content .bg-pattern {
    display: none
  }
}
@media (max-width:600px) {
  .fancy-fifty .flex-container .content {
    padding: 56px 25px
  }
  .fancy-fifty .flex-container .content h3 {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 24px
  }
  .fancy-fifty .flex-container .content h4 {
    font-size: 20px;
    line-height: 120%
  }
}
.fancy-fifty.without-points .flex-container {
  flex-direction: row-reverse
}
@media (max-width:1360px) {
  .fancy-fifty.without-points .flex-container {
    flex-direction: column-reverse
  }
  .fancy-fifty.without-points .flex-container .image {
    display: flex;
    width: 100%;
    margin-left: 0
  }
  .fancy-fifty.without-points .flex-container .content {
    width: 100%;
    padding: 90px 60px;
    min-height: auto
  }
  .fancy-fifty.without-points .flex-container .content .bg-pattern {
    display: none
  }
}
.fancy-fifty.without-points .content {
  background: #9b8041;
  padding-right: 120px;
  padding-left: 464px
}
.fancy-fifty.without-points .content .desc {
  margin-bottom: 0
}
.fancy-fifty.without-points .content .desc p {
  margin-bottom: 0px
}
.fancy-fifty.without-points .content .desc p a {
  text-decoration: none;
  border-bottom: 1px solid #fff;
  color: #ffffff !important
}
@media (max-width:1600px) {
  .fancy-fifty.without-points .content {
    padding: 120px 60px;
    padding-left: 364px
  }
}
@media (max-width:600px) {
  .fancy-fifty.without-points .content {
    padding: 56px 25px !important;
    padding-bottom: 70px !important
  }
  .fancy-fifty.without-points .content h3 {
    font-size: 36px !important;
    line-height: 120%;
    margin-bottom: 24px !important
  }
  .fancy-fifty.without-points .content h4 {
    font-size: 20px !important;
    line-height: 120% !important
  }
  .fancy-fifty.without-points .content a {
    font-size: 20px !important;
    line-height: 120% !important
  }
}
.fancy-fifty.without-points .content h3, .fancy-fifty.without-points .content .desc, .fancy-fifty.without-points .content .desc p {
  color: #fff
}
.fancy-fifty.without-points .content a:hover {
  color: #171717;
  border-bottom: 1px solid #171717
}
.fancy-fifty.without-points .image {
  margin-right: -300px;
  width: calc(30% + 300px)
}
.fancy-fifty + section {
  background: #171717;
  padding-bottom: 0
}
.fancy-fifty + section .infinite-slider {
  margin-bottom: 0
}
.fancy-fifty.without-points .btn-holder {
  margin-top: 30px
}
.fancy-fifty.without-points .btn-holder a {
  transition: 300ms all ease
}
.fancy-about {
  padding: 0 80px;
  padding-bottom: 160px;
  position: relative
}
@media (max-width:1200px) {
  .fancy-about {
    padding: 0 25px
  }
}
.fancy-about .abs-pattern {
  position: absolute;
  top: 60px;
  left: calc(50% - 120px)
}
@media (max-width:1300px) {
  .fancy-about .abs-pattern {
    display: none
  }
}
.fancy-about .abs-pattern img {
  max-width: 748px;
  width: 100%
}
.fancy-about .flex-container {
  display: flex;
  align-items: center
}
@media (max-width:1200px) {
  .fancy-about .flex-container {
    flex-direction: column-reverse
  }
}
.fancy-about .flex-container > div {
  position: relative;
  width: 50%
}
@media (max-width:1200px) {
  .fancy-about .flex-container > div {
    width: 100%
  }
}
.fancy-about .flex-container .left-col {
  padding-top: 118px;
  padding-left: 178px
}
@media (max-width:1200px) {
  .fancy-about .flex-container .left-col {
    margin-bottom: 96px
  }
  .inner-page .fancy-about .flex-container .left-col {
    margin-bottom: 0px;
  }
}
@media (max-width:768px) {
  .fancy-about .flex-container .left-col {
    padding-top: 46px;
    padding-left: 94px
  }
}
.fancy-about .flex-container .left-col .abs-emblem {
  position: absolute;
  left: 458px;
  top: 0;
  z-index: 20
}
@media (max-width:1300px) {
  .fancy-about .flex-container .left-col .abs-emblem {
    left: 330px
  }
}
@media (max-width:600px) {
  .fancy-about .flex-container .left-col .abs-emblem {
    left: 45%
  }
}
.fancy-about .flex-container .left-col .abs-emblem img {
  max-width: 212px
}
@media (max-width:600px) {
  .fancy-about .flex-container .left-col .abs-emblem img {
    max-width: 134px
  }
}
.fancy-about .flex-container .left-col .abs-image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20
}
@media (max-width:768px) {
  .fancy-about .flex-container .left-col .abs-image img {
    width: 50%
  }
}
.fancy-about .flex-container .left-col .section-img {
  position: relative;
  z-index: 10
}
.fancy-about .flex-container .left-col .section-img img {
  width: 100%
}
.fancy-about .flex-container .right-col {
  z-index: 99
}
.fancy-about .flex-container .right-col p {
  position: relative;
  z-index: 90;
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: -.01em;
  color: #FFF;
  z-index: 20;
  margin-left: -180px;
  max-width: 880px
}
@media (max-width:1200px) {
  .fancy-about .flex-container .right-col p {
    margin-left: 0;
    margin-bottom: 64px;
    font-size: 24px;
    line-height: 140%
  }
}
.featured-pages {
  position: relative;
  background: #171717;
  z-index: 9;
  padding: 160px 80px
}
.featured-pages.list {
  padding-top: 100px;
  padding-bottom: 120px
}
@media (max-width:1080px) {
  .featured-pages.list {
    padding: 44px 40px;
    padding-bottom: 80px
  }
}
@media (max-width:600px) {
  .featured-pages.list {
    padding: 18px 25px;
    padding-bottom: 80px
  }
}
@media (max-width:1080px) {
  .featured-pages {
    padding: 44px 40px;
    padding-bottom: 80px
  }
}
@media (max-width:600px) {
  .featured-pages {
    padding: 18px 25px;
    padding-bottom: 80px
  }
}
.featured-pages .bg-pattern {
  position: absolute;
  right: 0;
  top: 100px
}
@media (max-width:1080px) {
  .featured-pages .bg-pattern {
    display: none
  }
}
.featured-pages .bg-pattern img {
  max-width: 698px;
  width: 100%
}
.featured-pages .content {
  max-width: 627px;
  margin-bottom: 120px;
  position: relative
}
@media (max-width:600px) {
  .featured-pages .content {
    margin-bottom: 64px
  }
}
.featured-pages .content h2 {
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 32px;
  color: #fff
}
@media (max-width:600px) {
  .featured-pages .content h2 {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 18px
  }
}
.featured-pages .content .desc {
  color: #fff;
  font-size: 20px;
  line-height: 180%
}
@media (max-width:600px) {
  .featured-pages .content .desc {
    font-size: 16px
  }
}
.featured-pages .flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 100px;
  margin-right: -100px;
  position: relative
}
@media (max-width:1200px) {
  .featured-pages .flex-container {
    gap: 32px;
    margin-right: -32px
  }
}
@media (max-width:600px) {
  .featured-pages .flex-container {
    gap: 48px;
    margin-right: 0
  }
}
.featured-pages .flex-container .single {
  width: calc(33.33% - 100px)
}
@media (max-width:1200px) {
  .featured-pages .flex-container .single {
    width: calc(33.33% - 32px)
  }
}
@media (max-width:992px) {
  .featured-pages .flex-container .single {
    width: calc(50% - 32px)
  }
}
@media (max-width:600px) {
  .featured-pages .flex-container .single {
    width: 100%
  }
}
.featured-pages .flex-container .single > img {
  width: 100%;
  height: 270px;
  max-height: 270px;
  object-fit: cover;
  object-position: center
}
.featured-pages .flex-container .single p, .featured-pages .flex-container .single a {
  color: #fff
}
.featured-pages .flex-container .single .title {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-top: 32px;
  margin-bottom: 16px
}
.featured-pages .flex-container .single .desc {
  font-size: 16px;
  line-height: 160%
}
.featured-pages .flex-container .single a {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -.01em;
  text-decoration: none;
  margin-top: 35px
}
.featured-pages .flex-container .single a svg circle {
  transition: 300ms all ease
}
.featured-pages .flex-container .single a:hover svg circle {
  stroke-opacity: 1
}
@media (max-width:600px) {
  .achievement.type-2 + .featured-pages {
    padding-top: 80px !important
  }
}
.contact-cta {
  margin-top: 120px;
  padding-bottom: 120px
}
@media (max-width:992px) {
  .contact-cta {
    margin-top: 80px
  }
}
.contact-cta .container {
  position: relative
}
.contact-cta .container .abs-shape, .contact-cta .container .abs-shape-2 {
  position: absolute;
  z-index: 2
}
@media (max-width:1200px) {
  .contact-cta .container .abs-shape img, .contact-cta .container .abs-shape-2 img {
    max-width: 124px
  }
}
.contact-cta .container .abs-shape {
  top: 0;
  left: 0
}
@media (max-width:1200px) {
  .contact-cta .container .abs-shape {
    top: 29px
  }
}
.contact-cta .container .abs-shape-2 {
  right: 0;
  bottom: 65px
}
@media (max-width:1200px) {
  .contact-cta .container .abs-shape-2 {
    bottom: 50%;
    transform: translateY(50%);
    right: -65px
  }
}
.contact-cta .container .cta-form-holder, .contact-cta .container h2, .contact-cta .container .desc, .contact-cta .container button.generic-btn {
  position: relative;
  z-index: 20
}
.contact-cta .container .cta-form-holder {
  max-width: 627px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 56px
}
.contact-cta .container .cta-form-holder form > div {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  background: #141414;
  padding: 50px;
  border-radius: 20px;
}
.contact-cta .btn-holder {
  margin-top: 64px;
  text-align: center
}
@media (max-width:600px) {
  .contact-cta .btn-holder {
    margin-top: 40px
  }
}
.contact-cta .btn-holder button {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  padding-bottom: 2px;
  border: none;
  border-bottom: 1px solid #fff;
  transition: 300ms all ease;
  background: none;
  outline: none
}
@media (max-width:600px) {
  .contact-cta .btn-holder button {
    font-size: 16px
  }
}
.contact-cta .btn-holder button:hover {
  color: #9b8041;
  border-bottom: 1px solid #9b8041
}
.contact-cta h2 {
  font-family: "OakesGrotesk";
  color: #fff;
  text-align: center;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: -.01em;
  margin-bottom: 48px
}
@media (max-width:600px) {
  .contact-cta h2 {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 32px
  }
}
.contact-cta h2 span {
  color: rgba(255, 255, 255, .3)
}
@keyframes fadein {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.cta-form-holder {
  display: none;
  -webkit-animation: fadein;
  animation: fadein;
  animation-duration: 500ms
}
.cta-form-holder.active {
  display: block
}
@media (max-width:600px) {
  .cta-form-holder {
    margin-top: 49px !important
  }
}
.contact-cta textarea {
  max-height: 160px;
  overflow-y: auto
}
.contact-cta input, .contact-cta textarea {
  outline: none;
  font-family: "Manrope";
  font-size: 16px;
  line-height: 140%;
  color: #171717;
  outline: none
}
.contact-cta input::placeholder, .contact-cta textarea::placeholder {
  font-size: 16px;
  line-height: 160%;
  font-weight: 300;
  color: silver
}
.contact-cta input.wpcf7-not-valid, .contact-cta textarea.wpcf7-not-valid {
  border: 1px solid #fa4f4f;
  background: #fa4f4f0d;
  color: #FFF
}
.contact-cta br {
  display: none
}
.contact-cta .custom-checkbox-holder {
  width: fit-content;
  margin-left: auto;
  margin-right: auto
}
.contact-cta .nice-select {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 16px;
  font-size: 16px;
  color: #171717;
  font-weight: 300
}
.wpcf7 label {
  font-size: 16px;
  line-height: 160%;
  font-weight: 500;
  color: #F4F0E1;
  font-family: "Manrope"
}
.wpcf7 span {
  width: 100%
}
.wpcf7 span input {
  width: 100%;
  height: 50px;
  background: #FFF;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  margin-top: 12px;
  margin-bottom: 16px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 160%;
  font-weight: 300;
  letter-spacing: .01em
}
.wpcf7-submit {
  border: none;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
  transition: 300ms all ease
}
@media (max-width:600px) {
  .wpcf7-submit {
    margin-top: 30px;
    width: 100% !important
  }
}
@media (max-width:600px) {
  .wpcf7-submit {
    width: 100%
  }
}
.wpcf7-not-valid-tip {
  display: none !important
}
.wpcf7-response-output {
  display: none !important;
  font-size: 16px !important;
  margin-bottom: 100px !important;
  max-width: 462px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 20px !important;
  color: #ffffff !important
}
.call-to-action textarea {
  display: block;
  width: 100%;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  resize: none;
  padding: 20px;
  margin-top: 12px
}
.call-to-action input, .call-to-action textarea {
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  transition: 300ms all ease
}
.call-to-action input:focus, .call-to-action textarea:focus {
  border: 1px solid #999 !important
}
.call-to-action .custom-checkbox-holder {
  margin-top: 32px
}
.call-to-action .custom-checkbox-holder label a {
  font-size: inherit;
  font-weight: inherit
}
.custom-checkbox {
  background: #FFF;
  border: 2px solid #D6D6D6;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  transition: 300ms all ease;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center
}
.custom-checkbox svg path {
  fill: #FFF
}
input[type=checkbox] {
  opacity: 0;
  position: absolute;
  pointer-events: none
}
input[type=checkbox]:checked + .custom-checkbox {
  background: #9b8041;
  border: 2px solid #9b8041
}
input[type=checkbox]:checked + .custom-checkbox svg path {
  fill: #fff
}
.wpcf7 .ajax-loader {
  width: 24px !important;
  left: 0 !important;
  margin-top: 5px !important
}
.disabled {
  opacity: .4;
  pointer-events: none
}
label[for=check-terms] {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  font-family: "Manrope";
  font-size: 16px;
  line-height: 160%;
  color: #FFF;
  font-weight: 300
}
label[for=check-terms] a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: underline;
  padding-left: 3px;
  color: #fff;
  transition: 300ms all ease
}
label[for=check-terms] a:hover {
  color: #9b8041
}
label[for=check-terms] .custom-checkbox {
  border: 1px solid silver
}
.wpcf7-spinner {
  display: none !important
}
.container .container {
  padding: 0
}
#contact-page-success-container {
  align-items: center;
  flex-direction: column;
  display: none;
  -webkit-animation: fadein;
  animation: fadein;
  animation-duration: 500ms;
  margin-top: 80px
}
@media (max-width:768px) {
  #contact-page-success-container {
    margin-top: 48px
  }
}
#contact-page-success-container svg path {
  fill: #9b8041
}
#contact-page-success-container.active {
  display: flex
}
#contact-page-success-container h3 {
  margin-top: 24px;
  margin-bottom: 32px;
  font-size: 36px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -.01em;
  color: #fff;
  font-family: "OakesGrotesk";
  text-align: center
}
#contact-page-success-container p {
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  line-height: 180%
}
#contact-page-success-container p.ending {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  font-family: "Manrope"
}
#contact-page-success-container p.ending b {
  font-weight: 600
}
label.required {
  position: relative
}
label.required:after {
  content: "*";
  font-size: 13px;
  font-weight: 700;
  color: #ff100d;
  position: relative;
  top: -2px;
  right: -2px
}
textarea {
  width: 100%;
  border: none;
  outline: none;
  font-family: "Manrope";
  font-size: 16px;
  line-height: 140%;
  color: #171717;
  padding-top: 4px;
  border-radius: 8px;
  min-height: 200px;
  overflow-y: auto;
  resize: none;
  margin-top: 12px;
  padding: 20px
}
textarea::-webkit-scrollbar {
  width: 4px
}
textarea::-webkit-scrollbar-track {
  background: #fff
}
textarea::-webkit-scrollbar-thumb {
  background: silver;
  border-radius: 8px
}
.wpcf7-submit {
  width: fit-content;
  color: #ffffff !important;
  border: none !important;
  font-family: "Manrope";
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  padding: 16px 32px;
  background: #9b8041
}
.wpcf7-submit:hover {
  background: #c5a254 !important;
  color: #ffffff !important
}
.file-holder {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #FFF;
  border: 1px solid #DEDEDE;
  box-sizing: border-box;
  height: 50px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDE1VjE5QzIxIDE5LjUzMDQgMjAuNzg5MyAyMC4wMzkxIDIwLjQxNDIgMjAuNDE0MkMyMC4wMzkxIDIwLjc4OTMgMTkuNTMwNCAyMSAxOSAyMUg1QzQuNDY5NTcgMjEgMy45NjA4NiAyMC43ODkzIDMuNTg1NzkgMjAuNDE0MkMzLjIxMDcxIDIwLjAzOTEgMyAxOS41MzA0IDMgMTlWMTUiIHN0cm9rZT0iIzE3MTcxNyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA4TDEyIDNMNyA4IiBzdHJva2U9IiMxNzE3MTciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgM1YxNSIgc3Ryb2tlPSIjMTcxNzE3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  background-position-y: center;
  background-position-x: calc(100% - 24px);
  background-repeat: no-repeat;
  transition: 300ms all ease;
  cursor: pointer
}
.file-holder.invalid {
  border: 1px solid #fa4f4f;
  background: #fa4f4f0d;
  margin-bottom: 50px
}
.file-holder.invalid div {
  color: #ffffff !important
}
.file-holder div {
  font-family: "Manrope";
  font-size: 16px;
  width: 100%;
  pointer-events: none
}
.file-holder div + span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 999
}
.file-holder input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer
}
.file-holder .wpcf7-not-valid-tip {
  display: block !important;
  position: absolute !important;
  color: #ffffff !important;
  bottom: -30px !important
}
.wpcf7-list-item-label {
  color: #fff
}
.wpcf7-list-item {
  margin-left: 0
}
.wpcf7-list-item label {
  display: flex;
  margin-bottom: 10px;
  cursor: pointer
}
.wpcf7-list-item label .custom-checkbox {
  border: none !important
}
.wpcf7-checkbox {
  display: block;
  margin-top: 12px;
  margin-bottom: 12px
}
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.contact-addresses {
  margin-top: 80px
}
@media (max-width:1200px) {
  .contact-addresses {
    margin-top: 48px
  }
}
.contact-addresses .container {
  max-width: calc(100% - 160px)
}
@media (max-width:1200px) {
  .contact-addresses .container {
    max-width: 100%
  }
}
.contact-addresses .flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 0
}
@media (max-width:1200px) {
  .contact-addresses .flex-container {
    gap: 48px
  }
}
.contact-addresses .flex-container .address {
  width: 33.33%;
  padding-bottom: 80px;
  padding-right: 64px;
  padding-left: 64px;
  border-right: 1px solid rgba(255, 255, 255, .2)
}
@media (max-width:1200px) {
  .contact-addresses .flex-container .address {
    width: calc(50% - 48px);
    padding: 0;
    border: none;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
  }
}
@media (max-width:600px) {
  .contact-addresses .flex-container .address {
    width: 100%
  }
}
.contact-addresses .flex-container .address:first-child {
  padding-left: 0
}
.contact-addresses .flex-container .address:nth-child(3n+3) {
  border-right: 0
}
.contact-addresses .flex-container .address:nth-child(4n+4) {
  padding-left: 0
}
.contact-addresses .flex-container .address ul {
  margin-top: 20px;
  padding-left: 20px
}
.contact-addresses .flex-container .address ul li {
  color: #fff;
  margin-bottom: 12px
}
.contact-addresses .flex-container .address ul li span {
  color: inherit
}
.contact-addresses .flex-container h5 {
  font-family: "Manrope";
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.01em;
  margin-bottom: 24px
}
.contact-addresses .flex-container h5, .contact-addresses .flex-container p {
  color: #fff
}
.contact-addresses .flex-container p {
  font-size: 18px;
  line-height: 160%
}
.contact-addresses .flex-container p a {
  color: #fff;
  text-decoration: none;
  transition: 300ms all ease
}
.contact-addresses .flex-container p a:hover {
  color: #9b8041
}
.team-page-wrapper .container {
  max-width: 1280px !important;
  margin-right: 0;
  width: 100%
}
.team-page-wrapper .sidebar-responsive {
  max-width: 1280px !important
}
.team-holder {
  padding-top: 160px
}
@media (max-width:600px) {
  .team-holder {
    padding-top: 80px
  }
}
.team-holder:first-child {
  padding-top: 48px
}
@media (max-width:1200px) {
  .team-holder:first-child {
    padding-top: 0
  }
}
.team-holder:last-child {
  padding-bottom: 90px
}
@media (max-width:1810px) {
  .team-holder {
    margin-left: 100px
  }
}
@media (max-width:1550px) {
  .team-holder {
    margin-left: 0
  }
}
.team-page-wrapper .team {
  max-width: 1280px !important;
  width: 100%;
  margin-top: 0;
  margin-right: 80px
}
.team-page-wrapper .team .team-holder {
  padding-top: 92px;
  padding-bottom: 60px
}
@media (max-width:992px) {
  .team-page-wrapper .team .team-holder {
    padding-top: 68px;
    padding-bottom: 48px
  }
}
@media (max-width:992px) {
  .team-page-wrapper .team .container {
    padding: 0
  }
}
@media (max-width:1550px) {
  .team-page-wrapper .team {
    margin-left: auto;
    margin-right: auto
  }
}
.team-page-wrapper .team h2 {
  font-size: 48px;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  margin-bottom: 80px
}
@media (max-width:1200px) {
  .team-page-wrapper .team h2 {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 40px
  }
}
.team-page-wrapper .team .members {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  margin-right: -115px
}
@media (max-width:1200px) {
  .team-page-wrapper .team .members {
    margin-right: -100px
  }
}
@media (max-width:600px) {
  .team-page-wrapper .team .members {
    margin-right: 0
  }
}
.team-page-wrapper .team .members img {
  width: 100%;
  height: auto;
  margin-bottom: 24px
}
.team-page-wrapper .team .members p.name {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 4px
}
.team-page-wrapper .team .members p.designation {
  font-family: "Manrope";
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 0
}
.team-page-wrapper .team .members .member {
  position: relative;
  width: calc(33.33% - 50px);
  padding-right: 50px;
  border-right: 1px solid rgba(255, 255, 255, .2)
}
.team-page-wrapper .team .members .member .abs-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
@media (max-width:1810px) {
  .team-page-wrapper .team .members .member {
    width: calc(50% - 50px)
  }
}
@media (max-width:1550px) {
  .team-page-wrapper .team .members .member {
    width: calc(33.33% - 50px)
  }
}
@media (max-width:1200px) {
  .team-page-wrapper .team .members .member {
    width: calc(50% - 50px)
  }
}
@media (max-width:600px) {
  .team-page-wrapper .team .members .member {
    width: 100%;
    padding-right: 0;
    border: none
  }
}
.team-page-wrapper .team .members .member:nth-child(3n+3), .team-page-wrapper .team .members .member:last-child {
  border-right: 0
}
@media (max-width:1810px) {
  .team-page-wrapper .team .members .member:nth-child(even) {
    border-right: 0
  }
}
@media (max-width:1550px) {
  .team-page-wrapper .team .members .member:nth-child(even) {
    border-right: 1px solid rgba(255, 255, 255, .2)
  }
}
@media (max-width:1200px) {
  .team-page-wrapper .team .members .member:nth-child(even) {
    border-right: 0
  }
}
.team-page-wrapper .team .members.two_col .member {
  width: calc(50% - 50px)
}
.team-page-wrapper .team .members.two_col .member:nth-child(even) {
  border: none
}
.team-page-wrapper .team .members.two_col .member:nth-child(3n+3) {
  border-right: 1px solid rgba(255, 255, 255, .2)
}
@media (max-width:600px) {
  .team-page-wrapper .team .members.two_col .member:nth-child(3n+3) {
    border-right: 0
  }
}
@media (max-width:1810px) {
  .team-page-wrapper .team .members.two_col .member {
    width: calc(50% - 50px)
  }
}
@media (max-width:1200px) {
  .team-page-wrapper .team .members.two_col .member {
    width: calc(50% - 50px)
  }
}
@media (max-width:600px) {
  .team-page-wrapper .team .members.two_col .member {
    width: 100%;
    padding-right: 0;
    border: none
  }
}
.footer .partners img {
  width: unset
}
.social-icons svg path {
  transition: 300ms all ease
}
.social-icons a:hover .normal-icon path {
  fill: #ffffff !important
}
.social-icons a:hover .email-icon path {
  stroke: #ffffff !important
}
.call-to-action {
  position: relative;
  padding: 137.5px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}
@media (max-width:600px) {
  .call-to-action {
    padding: 100px 25px
  }
}
.call-to-action .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}
.call-to-action .bg-img img {
  width: 100%;
  height: 100%
}
.call-to-action .content {
  position: relative;
  z-index: 9;
  max-width: 648px;
  margin-left: auto;
  margin-right: auto
}
.call-to-action .content h2 {
  margin-top: 64px;
  font-size: 48px;
  font-weight: 400;
  line-height: 59px;
  text-align: center;
  color: #FFF
}
@media (max-width:600px) {
  .call-to-action .content h2 {
    font-size: 32px;
    line-height: 39px
  }
}
.call-to-action .content .cta-btn {
  margin-top: 56px;
  transition: 300ms all ease !important
}
@keyframes fadein {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.help-tabs {
  margin-top: 80px;
  margin-bottom: 100px
}
@media (max-width:992px) {
  .help-tabs {
    display: none
  }
}
.help-tabs .title-section {
  padding-bottom: 64px;
  border-bottom: 1px solid #333333 !important;
  margin-bottom: 64px;
  text-align: center
}
@media (max-width:600px) {
  .help-tabs .title-section {
    border-bottom: 1px solid #373737 !important;
    padding-bottom: 48px;
    margin-bottom: 48px
  }
}
.help-tabs .title-section h2 {
  font-weight: 400;
  font-size: 48px;
  line-height: 120%;
  text-align: center;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 24px
}
@media (max-width:600px) {
  .help-tabs .title-section h2 {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 16px
  }
}
.help-tabs .title-section .desc {
  color: #fff;
  margin-top: 20px;
  font-size: 20px;
  line-height: 180%
}
@media (max-width:600px) {
  .help-tabs .title-section .desc {
    margin-top: 0;
    font-size: 16px;
    line-height: 180%
  }
}
.help-tabs .container {
  max-width: 1140px
}
.help-tabs #selected_category {
  font-size: 32px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: .02em;
  color: #fff;
  font-weight: 400;
  margin-bottom: 32px
}
.help-tabs .flex-container {
  display: flex
}
.help-tabs .flex-container .left-col {
  max-width: 280px;
  width: 100%;
  margin-right: 64px
}
.help-tabs .flex-container .left-col .tab {
  font-size: 16px;
  line-height: 160%;
  color: #fff;
  padding: 24px 20px;
  margin: 0;
  cursor: pointer;
  transition: 300ms all ease;
  position: relative;
  border-bottom: 1px solid #333
}
.help-tabs .flex-container .left-col .tab:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  left: 0;
  background: #9b8041;
  opacity: 0;
  transition: 300ms all ease
}
.help-tabs .flex-container .left-col .tab.active {
  font-weight: 600;
  background: #333
}
.help-tabs .flex-container .left-col .tab.active:before {
  opacity: 1
}
.help-tabs .flex-container .left-col .tab:hover {
  background: #333
}
.help-tabs .flex-container .left-col .tab:hover:before {
  opacity: 1
}
.help-tabs .flex-container .right-col {
  width: 100%
}
.help-tabs .flex-container .right-col h3 {
  margin-bottom: 12px
}
.help-tabs .flex-container .right-col .tab-content {
  display: none;
  -webkit-animation: "fadein";
  animation: "fadein";
  animation-duration: 500ms
}
.help-tabs .flex-container .right-col .tab-content.active {
  display: block
}
.help-tabs .accordion, .help-tabs .accordion-mob {
  font-size: 16px;
  line-height: 160%;
  font-family: "Manrope";
  color: #fff;
  padding-bottom: 24px;
  border-bottom: 1px solid #333;
  align-items: flex-start
}
.help-tabs .accordion:after, .help-tabs .accordion-mob:after {
  display: none
}
.help-tabs .accordion svg, .help-tabs .accordion-mob svg {
  transition: 300ms all ease;
  min-width: 10px;
  margin-top: 10px
}
.help-tabs .accordion svg path, .help-tabs .accordion-mob svg path {
  transition: 300ms all ease
}
.help-tabs .accordion.active svg, .help-tabs .active.accordion-mob svg {
  transform: rotate(180deg);
  transform-origin: center
}
.help-tabs .panel p {
  max-width: 742px
}
.help-tabs-mob {
  display: none
}
@media (max-width:992px) {
  .help-tabs-mob {
    display: block;
    margin-top: 48px;
    margin-bottom: 56px
  }
}
@media (max-width:600px) {
  .help-tabs-mob {
    margin: 48px 0
  }
}
.help-tabs-mob .accordion-holder > .panel {
  margin-bottom: 33px
}
.help-tabs-mob h2 {
  font-weight: 500;
  font-size: 26px;
  line-height: 130%;
  letter-spacing: -.01em;
  color: #171717
}
.help-tabs-mob .desc {
  margin-top: 20px
}
.help-tabs-mob .title-section {
  padding-bottom: 40px;
  margin-bottom: 4px;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 30px
}
.help-tabs-mob .accordion-mob {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #fff;
  font-family: "OakesGrotesk";
  padding-top: 0
}
.help-tabs-mob .accordion-mob.active {
  padding-bottom: 8px
}
.help-tabs-mob .accordion-mob.active + .panel .accordion-mob {
  padding-bottom: 24px
}
.help-tabs-mob .accordion-mob.active + .panel {
  border-bottom: 0
}
.help-tabs-mob .accordion-mob.active + .panel .accordion-mob.active + .panel {
  border-bottom: 1px solid #EBEBEB
}
.help-tabs-mob .panel button {
  padding-top: 24px
}
.help-tabs-mob .panel button:first-child {
  padding-top: 0
}
.help-tabs-mob .panel {
  padding-right: 0
}
.help-tabs-mob .panel .panel p {
  transition: 300ms all ease;
  padding-right: 50px;
  opacity: 0
}
.help-tabs-mob .panel .accordion-mob {
  font-family: "Manrope";
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  color: #fff
}
.help-tabs-mob .panel .accordion-mob:first-child {
  margin-top: 25px
}
.help-tabs-mob .panel .accordion-mob.active + .panel p {
  opacity: 1
}
.generic-banner {
  position: relative;
  height: 600px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 80px;
  margin-bottom: 46px
}
@media (max-width:600px) {
  .generic-banner {
    min-height: 521px;
    height: 100%
  }
}
.generic-banner .simpleParallax {
  width: 100%
}
.generic-banner .bg-img > div {
  width: 100%;
  height: 100%
}
.generic-banner:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%)
}
@media (max-width:1200px) {
  .generic-banner {
    padding: 0 25px
  }
}
@media (max-width:600px) {
  .generic-banner {
    min-height: 521px;
    height: auto
  }
}
.generic-banner .bg-img {
  position: absolute;
  width: 100%;
  height: 600px;
  top: 0;
  left: 0
}
@media (max-width:600px) {
  .generic-banner .bg-img {
    min-height: 521px;
    height: 100%
  }
}
.generic-banner .bg-img * div {
  position: absolute;
  height: 100%
}
@media (max-width:600px) {
  .generic-banner .bg-img .desktop-img {
    display: none
  }
}
.generic-banner .bg-img .mob-img {
  display: none
}
@media (max-width:600px) {
  .generic-banner .bg-img .mob-img {
    display: flex
  }
}
.generic-banner .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.generic-banner .content {
  position: relative;
  z-index: 9;
  color: #fff;
  max-width: 885px
}
.generic-banner .content h1 {
  font-size: 46px;
  line-height: 120%;
  letter-spacing: -.01em;
  margin-bottom: 24px;
  font-weight: 400;
  text-transform: capitalize;
}
.generic-banner .content p {
  font-family: "OakesGrotesk";
  font-size: 24px;
  font-weight: 400;
  line-height: 160%;
  color: #fff
}
.generic-banner .content .btn {
  font-family: "OakesGrotesk";
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-top: 48px
}
.generic-banner .content .btn:hover {
  color: #9b8041
}
.generic-banner + .fifty-fifty {
  margin-top: 160px
}
@media (max-width:600px) {
  .generic-banner + .fifty-fifty {
    margin-top: 48px
  }
}
.generic-banner.short-banner {
  height: 400px
}
@media (max-width:600px) {
  .generic-banner.short-banner {
    height: 336px;
    min-height: 336px;
    margin-bottom: 64px
  }
}
.generic-banner.short-banner h1 {
  text-align: center;
  margin-bottom: 0
}
.generic-banner.short-banner .content {
  margin-left: auto;
  margin-right: auto
}
.generic-banner.short-banner .bg-img {
  height: 400px;
  min-height: 400px
}
@media (max-width:600px) {
  .generic-banner.short-banner .bg-img {
    height: 336px;
    min-height: 336px
  }
}
.generic-banner .mob-img .simpleParallax {
  width: 100%
}
.fees {
  margin-top: 160px;
  margin-bottom: 120px
}
@media (max-width:768px) {
  .fees {
    margin-top: 96px;
    margin-bottom: 80px
  }
}
.fees h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 130%;
  text-align: center;
  letter-spacing: -.01em;
  color: #FFF;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px
}
@media (max-width:768px) {
  .fees h2 {
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 64px
  }
}
.fees .sub-section {
  margin-bottom: 120px
}
.fees .sub-section:last-child {
  margin-bottom: 0
}
.fees .sub-section h3 {
  font-weight: 400;
  font-size: 48px;
  line-height: 120%;
  text-align: center;
  letter-spacing: -.01em;
  margin-bottom: 64px;
  color: #FFF
}
@media (max-width:768px) {
  .fees .sub-section h3 {
    font-size: 36px;
    line-height: 120%
  }
}
.fees .sub-section .packages {
  display: flex;
  flex-wrap: wrap;
  gap: 53px;
  justify-content: center
}
@media (max-width:768px) {
  .fees .sub-section .packages {
    display: block
  }
}
.fees .sub-section .packages .package {
  position: relative;
  z-index: 99;
  max-width: 400px;
  min-height: 411px;
  background: #171717;
  border: 1px solid #373737;
  border-radius: 8px;
  padding-top: 34px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 70px;
  height: fit-content
}
@media (max-width:768px) {
  .fees .sub-section .packages .package {
    max-width: 100%;
    width: 100%;
    margin-right: 20px;
    min-height: unset
  }
}
.fees .sub-section .packages .package.normal-height {
  padding-bottom: 34px
}
.fees .sub-section .packages .package .view-more {
  position: absolute;
  left: 40px;
  bottom: 32px
}
.fees .sub-section .packages .package h5 {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 16px
}
.fees .sub-section .packages .package .amount {
  font-family: "OakesGrotesk";
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  color: #9b8041;
  margin-bottom: 8px
}
.fees .sub-section .packages .package .tagline {
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: -.01em;
  color: #676767
}
.fees .sub-section .packages .package .points {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #373737
}
.fees .sub-section .packages .package .points .point {
  display: flex;
  gap: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: -.01em;
  color: #FFF;
  margin-bottom: 12px;
  max-height: 300px;
  transition: 500ms all ease
}
.fees .sub-section .packages .package .points .point svg {
  min-width: 18px
}
.fees .sub-section .packages .package .points .point.hidden {
  opacity: 0;
  max-height: 0;
  margin-bottom: 0;
  overflow: hidden;
  transition: 500ms all ease
}
.fees .sub-section .packages .package .points .point.hidden.show {
  opacity: 1;
  max-height: 600px;
  margin-bottom: 12px;
  transition: 500ms all ease
}
.fees .sub-section .packages .package .points .point svg {
  margin-top: 7px
}
.fees .sub-section .packages .package .points .point:last-child {
  margin-bottom: 0
}
.fees .sub-section .packages .package .points .view-more {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  cursor: pointer;
  width: fit-content
}
.fees .sub-section .packages .package .points .view-more circle {
  transition: 300ms all ease
}
.fees .sub-section .packages .package .points .view-more.active svg circle {
  fill: #9b8041 !important
}
.fees .sub-section .packages .package .points .view-more.active svg circle + path {
  display: none !important
}
.fees .sub-section .packages .package .points .view-more * {
  transition: 300ms all ease
}
.fees .sub-section .packages .package .points .view-more div {
  font-weight: 500;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: -.01em;
  color: #FFF
}
.fees .sub-section .packages .package .points .view-more span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit
}
.fees .sub-section .packages .package .points .view-more:hover div, .fees .sub-section .packages .package .points .view-more:hover span {
  color: #9b8041
}
.fees .sub-section .packages .package .points .view-more .icon {
  display: flex
}
.fees .flickity-viewport {
  overflow: visible;
  transition: 500ms all ease
}
.fees .flickity-page-dots {
  z-index: -1;
  bottom: -32px
}
.generic-page-template .container {
  max-width: 800px
}
.generic-page-template main > h1, .generic-page-template main > h2, .generic-page-template main > h3, .generic-page-template main > h4, .generic-page-template main > h5, .generic-page-template main > h6, .generic-page-template main > span, .generic-page-template main > p, .generic-page-template main > a, .generic-page-template main > div, .generic-page-template main > section, .generic-page-template main > .wp-block-image, .generic-page-template main > .wp-block-video {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  color: #fff
}
@media (max-width:992px) {
  .generic-page-template main > h1, .generic-page-template main > h2, .generic-page-template main > h3, .generic-page-template main > h4, .generic-page-template main > h5, .generic-page-template main > h6, .generic-page-template main > span, .generic-page-template main > p, .generic-page-template main > a, .generic-page-template main > div, .generic-page-template main > section, .generic-page-template main > .wp-block-image, .generic-page-template main > .wp-block-video {
    padding-left: 25px;
    padding-right: 25px
  }
}
.generic-page-template .wp-block-image, .generic-page-template .wp-block-video {
  margin-top: 56px;
  margin-bottom: 56px
}
@media (max-width:992px) {
  .generic-page-template .wp-block-image, .generic-page-template .wp-block-video {
    padding-left: 25px;
    padding-right: 25px
  }
}
.generic-page-template h2 {
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  margin-bottom: 24px
}
.generic-page-template p {
  font-family: "Manrope";
  font-weight: 300;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: .02em;
  margin-bottom: 48px
}
.generic-page-template p.subtitle {
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 16px
}
.generic-page-template p.pre {
  font-size: 11px;
  line-height: 160%;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 8px
}
.generic-page-template p + ul, .generic-page-template p + ol {
  margin-top: -24px
}
.generic-page-template h6 {
  font-family: "Manrope";
  font-size: 16px;
  line-height: 150%;
  font-weight: 600;
  letter-spacing: .02em;
  margin-bottom: 16px
}
.generic-page-template figcaption {
  font-family: "Manrope";
  font-size: 13px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: .02em;
  color: #fff;
  margin-top: 24px;
  margin-bottom: 0
}
.generic-page-template ul, .generic-page-template ol {
  padding-left: 15px;
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 56px
}
@media (max-width:992px) {
  .generic-page-template ul, .generic-page-template ol {
    padding-left: 40px;
    padding-right: 25px
  }
}
.generic-page-template ul li, .generic-page-template ol li {
  font-family: "Manrope";
  font-weight: 300;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: .02em;
  color: #fff;
  margin-bottom: 13px
}
.generic-page-template ul li a, .generic-page-template ol li a {
  color: #9b8041;
  text-decoration: underline
}
.generic-page-template ul li:last-child, .generic-page-template ol li:last-child {
  margin-bottom: 0
}
.generic-page-template .wp-block-columns {
  margin-bottom: 56px
}
@media (max-width:992px) {
  .generic-page-template .wp-block-columns {
    margin-bottom: 31px !important
  }
}
.generic-page-template .wp-block-columns figure {
  margin-top: 0;
  margin-bottom: 0
}
@media (max-width:992px) {
  .generic-page-template .wp-block-columns figure {
    margin-bottom: 25px
  }
}
@media (max-width:600px) {
  .generic-page-template .wp-block-columns {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 56px;
    margin-bottom: 56px
  }
  .generic-page-template .wp-block-columns img {
    width: 100%
  }
}
.generic-page-template table {
  border-collapse: separate;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto
}
@media (max-width:992px) {
  .generic-page-template table {
    padding-left: 25px;
    padding-right: 25px
  }
}
.generic-page-template table th, .generic-page-template table td {
  padding: 16px;
  border-collapse: separate !important;
  border-spacing: 0
}
.generic-page-template table th {
  background: #171717;
  color: #fff
}
.generic-page-template table td {
  font-family: "Manrope";
  font-size: 16px;
  line-height: 130%;
  letter-spacing: .04em;
  color: #fff
}
.generic-page-template table tr th, .generic-page-template table tr td {
  border-right: 1px solid #333;
  border-bottom: 1px solid #333
}
.generic-page-template table tr th:first-child, .generic-page-template table tr td:first-child {
  border-left: 1px solid #333
}
.generic-page-template table tr th {
  background: #171717;
  border-top: 1px solid #333
}
.generic-page-template table tr:first-child th:first-child {
  border-top-left-radius: 12px
}
.generic-page-template table tr:first-child th:last-child {
  border-top-right-radius: 12px
}
.generic-page-template table tr:last-child td:first-child {
  border-bottom-left-radius: 12px
}
.generic-page-template table tr:last-child td:last-child {
  border-bottom-right-radius: 12px
}
.generic-page-template .custom-btn {
  margin: 56px 0;
  display: flex;
  align-items: center;
  gap: 32px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto
}
.generic-page-template .custom-btn .generic-btn {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
  text-decoration: none;
  transition: 300ms all ease
}
.generic-page-template .custom-btn .btn-holder {
  display: flex;
  align-items: center;
  gap: 12px
}
.generic-page-template .custom-btn .btn-holder svg {
  transition: 300ms all ease !important
}
.generic-page-template .custom-btn .btn-holder:hover a {
  color: #9b8041;
  border-bottom: 1px solid #9b8041
}
.generic-page-template .custom-btn .btn-holder:hover svg {
  transform: translateX(5px)
}
.generic-page-template .custom-btn .btn-holder svg {
  margin-top: -10px
}
.generic-page-template .generic-banner {
  max-width: 100%
}
.addtoany_list a img {
  max-width: 32px;
  max-height: 32px;
  transition: 300ms all ease !important
}
.addtoany_list a, .addtoany_list {
  display: flex !important;
  gap: 20px !important;
  padding: 0 !important
}
.wrapper.generic-page-template {
  overflow: unset !important;
  position: relative
}
.wrapper.generic-page-template .sidebar {
  position: absolute;
  left: 0;
  top: 536px;
  width: 100%;
  max-width: 444px;
  width: 100%;
  height: 100%;
  background: #171717;
  z-index: 99
}
@media (max-width:1750px) {
  .wrapper.generic-page-template .sidebar {
    max-width: 380px
  }
}
@media (max-width:1600px) {
  .wrapper.generic-page-template .sidebar {
    max-width: 340px
  }
}
@media (max-width:1550px) {
  .wrapper.generic-page-template .sidebar {
    display: none
  }
}
.wrapper.generic-page-template .sidebar.fixed {
  position: fixed;
  top: 80px
}
.wrapper.generic-page-template .sidebar-header {
  background: #333;
  padding: 20px 80px;
  position: relative
}
@media (max-width:1800px) {
  .wrapper.generic-page-template .sidebar-header {
    padding: 20px 30px
  }
}
.wrapper.generic-page-template .sidebar-header p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: .01em;
  font-family: "OakesGrotesk";
  color: #fff
}
.wrapper.generic-page-template .sidebar-header .abs-element {
  display: flex;
  position: absolute;
  bottom: -15px;
  left: 80px
}
.wrapper.generic-page-template .sidebar-body {
  padding: 48px 80px
}
@media (max-width:1800px) {
  .wrapper.generic-page-template .sidebar-body {
    padding: 48px 30px
  }
}
.wrapper.generic-page-template .sidebar-body > a {
  font-family: "Manrope";
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #C7CCD1;
  padding-bottom: 24px;
  border-bottom: 1px solid #333;
  margin-bottom: 24px;
  display: block;
  text-decoration: none;
  transition: 300ms all ease
}
.wrapper.generic-page-template .sidebar-body > a:hover {
  color: #9b8041
}
.wrapper.generic-page-template .sidebar-body > a.last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 32px
}
.wrapper.generic-page-template .sidebar-responsive {
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
  margin-top: -48px
}
.wrapper.generic-page-template .sidebar-responsive .accordion, .wrapper.generic-page-template .sidebar-responsive .accordion-mob {
  border: none !important
}
@media (min-width:1550px) {
  .wrapper.generic-page-template .sidebar-responsive {
    display: none
  }
}
@media (max-width:1080px) {
  .wrapper.generic-page-template .sidebar-responsive {
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
    width: unset
  }
}
.wrapper.generic-page-template .sidebar-responsive button {
  background: #333;
  padding: 20px 25px;
  color: #ffffff !important;
  font-size: 16px;
  line-height: 140%
}
.wrapper.generic-page-template .sidebar-responsive button:after {
  display: none
}
.wrapper.generic-page-template .sidebar-responsive button svg {
  transition: 300ms all ease;
  transform-origin: center
}
.wrapper.generic-page-template .sidebar-responsive button.active svg {
  transform: rotate(180deg)
}
.wrapper.generic-page-template .sidebar-responsive .panel {
  padding-right: 0;
  border-bottom: 0
}
.wrapper.generic-page-template .sidebar-responsive .panel a {
  font-size: 16px;
  line-height: 140%;
  color: #C7CCD1;
  text-decoration: none;
  transition: 300ms all ease
}
.wrapper.generic-page-template .sidebar-responsive .panel a:hover {
  color: #9b8041
}
.wrapper.generic-page-template .sidebar-responsive .panel p {
  background: #171717;
  margin-bottom: 0;
  padding: 24px 25px;
  border-bottom: 1px solid #333
}
.wrapper.generic-page-template .sidebar-responsive .panel p:last-child {
  border-bottom: 0
}
.wrapper.generic-page-template .sidebar-responsive .panel .addtoany_shortcode {
  background: #171717;
  padding: 32px 25px;
  border-bottom: 0
}
.single-team-member main > .flex-container h1, .single-team-member main > .flex-container h2, .single-team-member main > .flex-container h3, .single-team-member main > .flex-container h4, .single-team-member main > .flex-container h5, .single-team-member main > .flex-container h6, .single-team-member main > .flex-container span, .single-team-member main > .flex-container p, .single-team-member main > .flex-container a, .single-team-member main > .flex-container div, .single-team-member main > .flex-container section, .single-team-member main > .flex-container .wp-block-image, .single-team-member main > .flex-container .wp-block-video {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  color: #fff
}
@media (max-width:992px) {
  .single-team-member main > .flex-container h1, .single-team-member main > .flex-container h2, .single-team-member main > .flex-container h3, .single-team-member main > .flex-container h4, .single-team-member main > .flex-container h5, .single-team-member main > .flex-container h6, .single-team-member main > .flex-container span, .single-team-member main > .flex-container p, .single-team-member main > .flex-container a, .single-team-member main > .flex-container div, .single-team-member main > .flex-container section, .single-team-member main > .flex-container .wp-block-image, .single-team-member main > .flex-container .wp-block-video {
    padding-left: 25px;
    padding-right: 25px
  }
}
.single-team-member main .custom-btn {
  justify-content: flex-start
}
.single-team-member main .custom-btn .btn-holder {
  max-width: unset;
  width: fit-content;
  margin: unset
}
table {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px
}
table tr th, table tr td {
  color: #fff;
  padding: 3px 5px
}
table tr th strong, table tr td strong {
  color: #9b8041
}
.help-tabs + script + .wp-block-table {
  margin-top: -100px
}
@media (max-width:1200px) {
  .help-tabs + script + .wp-block-table {
    margin-top: 30px;
    padding-left: 25px;
    padding-right: 25px
  }
}
.wp-block-table * {
  white-space: nowrap
}
.wp-block-table th, .wp-block-table td {
  padding-right: 10px
}
@media (max-width:1200px) {
  .wp-block-table {
    margin-top: 30px;
    padding-left: 25px;
    padding-right: 25px
  }
}
table {
  max-width: 1280px
}
.custom-title {
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 40px;
  color: #fff
}
.custom-title-container {
  max-width: 1280px
}
@media (min-width:1600px) {
  .custom-title-container {
    max-width: 1280px
  }
}
.single-team-members {
  background: #000
}
.single-team-member .breadcrumbs, .single-team-member .breadcrumbs > .container {
  max-width: 1160px;
  width: 100%
}
.single-team-member .breadcrumbs {
  margin-bottom: 80px
}
@media (max-width:1300px) {
  .single-team-member .breadcrumbs {
    padding-left: 25px;
    padding-right: 25px
  }
}
@media (max-width:600px) {
  .single-team-member .breadcrumbs {
    margin-bottom: 40px
  }
}
.single-team-member .single-page-banner {
  position: relative;
  height: 400px;
  margin-bottom: 46px;
  padding: 0;
  background: #171717;
  overflow: hidden;
  max-width: 100%;
  display: flex;
  align-items: center
}
@media (max-width:600px) {
  .single-team-member .single-page-banner {
    height: 280px;
    margin-bottom: 40px
  }
}
.single-team-member .single-page-banner .bg-pattern {
  position: absolute;
  right: 0
}
.single-team-member .single-page-banner .bg-pattern img {
  max-width: 784px
}
@media (max-width:600px) {
  .single-team-member .single-page-banner .bg-pattern img {
    max-width: 383px
  }
}
.single-team-member .single-page-banner .container {
  max-width: 1160px;
  width: 100%;
  position: relative;
  z-index: 20
}
.single-team-member .single-page-banner .container h1, .single-team-member .single-page-banner .container p {
  color: #fff
}
.single-team-member .single-page-banner .container h1 {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 72px;
  line-height: 120%;
  letter-spacing: -.01em;
  color: #FFF
}
@media (max-width:600px) {
  .single-team-member .single-page-banner .container h1 {
    font-size: 48px;
    line-height: 120%
  }
}
.single-team-member .single-page-banner .container p {
  margin-bottom: 0;
  margin-top: 12px;
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 24px;
  line-height: 160%
}
@media (max-width:600px) {
  .single-team-member .single-page-banner .container p {
    font-size: 20px;
    line-height: 160%
  }
}
.single-team-member main > .flex-container {
  display: flex;
  max-width: 1160px;
  gap: 48px 80px;
  padding-bottom: 140px !important
}
@media (max-width:1300px) {
  .single-team-member main > .flex-container {
    padding-left: 25px;
    padding-right: 25px
  }
}
@media (max-width:1200px) {
  .single-team-member main > .flex-container {
    padding-bottom: 84px !important
  }
}
@media (max-width:768px) {
  .single-team-member main > .flex-container {
    flex-direction: column
  }
}
.single-team-member main > .flex-container > div {
  margin: 0
}
.single-team-member main > .flex-container * {
  padding-left: 0 !important;
  padding-right: 0 !important
}
.single-team-member main > .flex-container ul {
  padding-left: 20px !important
}
.single-team-member main > .flex-container p a, .single-team-member main > .flex-container li a {
  color: #9b8041
}
.single-team-member main > .flex-container .middle-banner {
  padding: 40px !important;
  margin-left: 0 !important;
  margin-right: 0 !important
}
.single-team-member main > .flex-container .person-info {
  min-width: 280px;
  max-width: 280px;
  width: 100%
}
@media (min-width:768px) {
  .single-team-member main > .flex-container .person-info-holder.fixed {
    position: fixed;
    top: 85px;
    max-width: 280px
  }
  .single-team-member main > .flex-container .person-info-holder.absolute {
    position: absolute !important;
    max-width: 280px
  }
}
@media (max-width:600px) {
  .single-team-member main > .flex-container .person-info {
    min-width: 100%;
    max-width: 100%
  }
}
.single-team-member main > .flex-container .person-info .img {
  display: flex;
  margin-bottom: 24px
}
.single-team-member main > .flex-container .person-info img {
  width: 100%;
  height: auto
}
.single-team-member main > .flex-container .person-info .social-icons {
  display: flex;
  justify-content: center;
  gap: 24px
}
.single-team-member main > .flex-container .person-info .social-icons a {
  display: flex;
  margin: 0
}
.single-team-member main > .flex-container .person-info .social-icons a svg {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px
}
.panel a, p a, .panel li a {
  transition: 300ms all ease;
  color: #9b8041
}
.panel ul li, .panel ol li {
  color: #fff
}
.featured-pages.list .single a .title {
  margin-top: 0;
  transition: 300ms all ease
}
.featured-pages.list .single a:hover .title {
  color: #9b8041
}
.password-protected-page .header-desktop {
  background: #171717;
  border-bottom: 1px solid #333
}
.password-protected-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px
}
.password-protected-container form {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto
}
.password-protected-container p, .password-protected-container label {
  color: #000;
  display: flex;
  flex-direction: column
}
.password-protected-container p {
  margin-bottom: 32px
}
.password-protected-container p:first-child {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 40px
}
.password-protected-container label {
  font-size: 20px;
  line-height: 26px
}
.password-protected-container label input {
  border: 1px solid #565656;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 12px 14px;
  color: #fff;
  font-size: 16px !important;
  border-radius: 8px;
  background: transparent;
  outline: none;
  max-width: 400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px
}
.password-protected-container label input::placeholder {
  display: none
}
.password-protected-container form {
  width: 100%
}
.password-protected-container .icon_holder {
  display: flex;
  justify-content: center;
  margin-bottom: 40px
}
.password-protected-container h2 {
  font-family: "OakesGrotesk";
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  letter-spacing: -.01em;
  color: #FFF
}
.password-protected-container h2 + p {
  font-family: "Manrope";
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  text-align: center;
  letter-spacing: -.01em;
  color: #FFF;
  margin-top: 16px
}
.password-protected-container .post-password-form label {
  font-size: 0;
  line-height: 0
}
.password-protected-container .post-password-form label input {
  margin-top: 0;
  margin-bottom: 0
}
.password-protected-container input[type=submit] {
  max-width: 200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #9b8041;
  border-radius: 8px;
  font-family: "Manrope";
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #FFF;
  outline: none;
  height: 50px;
  border: none;
  margin-top: 40px;
  cursor: pointer;
  transition: 300ms all ease
}
.password-protected-container input[type=submit]:hover {
  background: #fff;
  color: #171717
}
.footer-mob p, .footer-mob a {
  color: #999;
  text-decoration: none;
}

