@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);
@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none;
}

body, p, figure {
  margin: 0;
}

header,
nav {
  display: block;
}

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

a:-webkit-any-link {
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

img {
  border: 0;
  vertical-align: middle;
  page-break-inside: avoid;
  max-width: 100%;
}

button {
  color: inherit;
  font: inherit;
  margin: 0;
  line-height: inherit;
  text-transform: none;
  border-radius: 0;
  outline: none;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  margin-bottom: 0;
}

ul ul {
  margin-bottom: 0;
}

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

section {
  overflow: hidden;
}

body {
  font-family: "Whyte Book", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #F5F0E5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  display: flex;
  flex-direction: column;
}
body.locked {
  overflow: hidden;
}

body * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, blockquote, .serif {
  font-weight: 400;
  font-family: "Gascogne", "Times New Roman", Times, serif;
}

h1 {
  font-size: 56px;
  line-height: 1.28;
}
@media (max-width: 1279px) {
  h1 {
    font-size: 24px;
    line-height: 1.2;
  }
}

h2 {
  font-size: 40px;
  line-height: 47px;
}
@media (max-width: 1279px) {
  h2 {
    font-size: 21px;
    line-height: 1.25;
  }
}

h3 {
  font-size: 32px;
  line-height: 1.25;
}
@media (max-width: 1279px) {
  h3 {
    font-size: 24px;
    line-height: 1.4;
  }
}

h4 {
  font-size: 24px;
  line-height: 1.4;
}
@media (max-width: 1279px) {
  h4 {
    font-size: 18px;
    line-height: 1.55;
  }
}

h5 {
  font-family: "Gascogne";
  font-size: 21px;
  line-height: 26px;
  font-weight: 400;
}
@media (max-width: 1279px) {
  h5 {
    font-size: 14px;
    line-height: 1.7;
  }
}

.container {
  width: 100%;
  max-width: 1584px;
  margin: 0 auto;
  padding: 0 48px;
}
@media (max-width: 1920px) {
  .container {
    max-width: 1253px;
  }
}
@media (max-width: 1680px) {
  .container {
    padding: 0 48px;
  }
}
@media (max-width: 960px) {
  .container {
    padding: 0 32px;
  }
}
@media (max-width: 540px) {
  .container {
    padding: 0 24px;
  }
}

html {
  scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.bg-overlay {
  position: relative;
}
.bg-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}
.bg-overlay > * {
  z-index: 2;
}

.popup {
  width: 404px;
  height: 164px;
  background: #000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding-top: 34px;
  display: none;
  z-index: 23;
}
.popup p {
  margin: 0 0 12px;
  color: #fff;
  height: 44px;
  font-size: 15px;
  line-height: 22px;
}
.popup span {
  display: block;
  margin: 0 auto;
  height: 32px;
  width: 100px;
  font-size: 15px;
  line-height: 32px;
  background-color: #A284C1;
  text-align: center;
  font-family: "Gascogne";
  font-weight: 400;
  cursor: pointer;
}

.link {
  position: relative;
  transition: 0.2s;
}
.link:after {
  content: "";
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  background-color: currentColor;
  transition: 0.4s;
}
.link:hover {
  color: currentColor;
  opacity: 1;
}
.link:hover:after {
  width: 100%;
}

@font-face {
  font-family: "Editoral-icons";
  src: url(/fonts/Editoral-icons.eot?249c6b76157f460c5f325e742ed9d4a4);
  src: url(/fonts/Editoral-icons.eot?249c6b76157f460c5f325e742ed9d4a4#iefix) format("embedded-opentype"), url(/fonts/Editoral-icons.ttf?5593fc6f7373d016f4e6de480588352e) format("truetype"), url(/fonts/Editoral-icons.woff?48b18ce5879bc0fc90f74b7324112d1a) format("woff"), url(/fonts/Editoral-icons.svg?d73bcbf09fc7d1bbf9a9dba809646d67#Editoral-icons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Editoral-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-clap:before {
  content: "\e911";
}

.icon-listen:before {
  content: "\e912";
}

.icon-transcript:before {
  content: "\e913";
}

.icon-mail:before {
  content: "\e90d";
}

.icon-phone:before {
  content: "\e90e";
}

.icon-whatsapp:before {
  content: "\e90f";
}

.icon-minus:before {
  content: "\e902";
}

.icon-plus:before {
  content: "\e903";
}

.icon-check:before {
  content: "\e900";
}

.icon-google-plus:before {
  content: "\e901";
}

.icon-quote:before {
  content: "\e904";
}

.icon-reply:before {
  content: "\e905";
}

.icon-twitter:before {
  content: "\e906";
}

.icon-fb:before {
  content: "\e907";
}

.icon-footer-logo:before {
  content: "\e908";
}

.icon-insider-tip:before {
  content: "\e909";
}

.icon-instagram:before {
  content: "\e90a";
}

.icon-burger:before {
  content: "\e90b";
}

.icon-search:before {
  content: "\e90c";
}

@font-face {
  font-family: "Whyte Book";
  font-style: normal;
  font-weight: normal;
  font-weight: 400;
  src: url(/fonts/whyte_book.woff?ee545d7b273352e8ee552bf4baa4f330) format("woff2"), url(/fonts/whyte_book.woff?ee545d7b273352e8ee552bf4baa4f330) format("woff");
}
@font-face {
  font-family: "Whyte Bold";
  font-style: normal;
  font-weight: normal;
  font-weight: 700;
  src: url(/fonts/whyte-bold.woff2?6463aa33921e3a6e53ee4b114c269da0) format("woff2"), url(/fonts/whyte-bold.woff?25ee0c6f9b1473cf23e74200ec71a5dc) format("woff");
}
@font-face {
  font-family: "Whyte Light";
  font-style: normal;
  font-weight: normal;
  font-weight: 100;
  src: url(/fonts/Whyte-Light.woff2?cc9ef04faf1a43d7d38a07b2c0c0e89a) format("woff2"), url(/fonts/Whyte-Light.woff?c7569c39557e6641c016d1d428e14b8d) format("woff");
}
@font-face {
  font-family: "Whyte Regular";
  font-style: normal;
  font-weight: normal;
  font-weight: 100;
  src: url(/fonts/whyte-regular.woff2?1a3a3ea4446d41278cf68b16f4fbde8d) format("woff2"), url(/fonts/whyte-regular.woff?6644d81a74d5a595f226818eb93303e9) format("woff");
}
@font-face {
  font-family: "Funky Signature";
  font-style: normal;
  font-weight: normal;
  font-weight: 100;
  src: url(/fonts/funky-signature.woff2?66863268b66583c79c69703974012067) format("woff2"), url(/fonts/funky-signature.woff?a05d0431814302e997cd3019152cd9f4) format("woff");
}
@font-face {
  font-family: "Caveat Regular";
  font-style: normal;
  font-weight: normal;
  font-weight: 100;
  src: url(/fonts/Caveat-Regular.woff2?fed80781f4c5f574ee9aa88d3e24adac) format("woff2"), url(/fonts/Caveat-Regular.woff?9bba0dff22df764e3f25f92be7061c0e) format("woff");
}
@font-face {
  font-family: "Funky Signature";
  font-style: normal;
  font-weight: normal;
  font-weight: 100;
  src: url(/fonts/funky-signature.woff2?66863268b66583c79c69703974012067) format("woff2"), url(/fonts/funky-signature.woff?a05d0431814302e997cd3019152cd9f4) format("woff");
}
@font-face {
  font-family: "Gascogne-Regular";
  font-style: normal;
  font-weight: normal;
  font-weight: 400;
  src: url(/fonts/gascogne-serial-regular.woff2?3c2293c2618c0304f25cb2bba07af09d) format("woff2"), url(/fonts/gascogne-serial-regular.woff?676245d727d36b14d5086dac9247565e) format("woff");
}
@font-face {
  font-family: "Gascogne";
  font-style: normal;
  font-weight: normal;
  font-weight: 200;
  src: url(/fonts/gascogne-serial-light.woff2?5daa983190121629b90517b46a488466) format("woff2"), url(/fonts/gascogne-serial-light.woff?3f93865afa9a454e2f760448aed67817) format("woff");
}
@font-face {
  font-family: "Short Circuit";
  font-style: normal;
  font-weight: normal;
  font-weight: 400;
  src: url(/fonts/short_circuit.woff2?0212ffb14ad3e56450b894d06fbc9f5f) format("woff2"), url(/fonts/short_circuit.woff?45331e219b440032b4866c0044ac9609) format("woff");
}
@font-face {
  font-family: "Banks miles";
  font-style: normal;
  font-weight: normal;
  font-weight: 400;
  src: url(/fonts/bank-miles.woff2?4c376b8838741c15a0d1bd3f02530ba6) format("woff2"), url(/fonts/bank-miles.woff?ba0e53cc4465e7ff964e94265db07b04) format("woff");
}
@font-face {
  font-family: "Signature";
  font-style: normal;
  font-weight: normal;
  font-weight: 400;
  src: url(/fonts/quick_signature.woff2?4bc627f57a7d263e4370371b2725de4b) format("woff2"), url(/fonts/quick_signature.woff?bcb5efe152b4ce7a7e9255e11329251e) format("woff");
}
@font-face {
  font-family: "New Signature";
  font-style: normal;
  font-weight: normal;
  font-weight: 400;
  src: url(/fonts/funky_signature.woff2?dc5c98860f3b4a3fa8a44a37f0d3c309) format("woff2"), url(/fonts/funky_signature.woff?84a334312e98c0b0724269f014a6ec17) format("woff");
}
@font-face {
  font-family: "Stratum2-Medium";
  src: url(/fonts/Stratum2-Medium.woff?a26fb652a7d7835a5371cb7ff525882c) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Whyte-Light";
  src: url(/fonts/Whyte-Light.woff?c7569c39557e6641c016d1d428e14b8d) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Whyte-Semi";
  src: url(/fonts/ABCWhyteSemi-Mono-Regular.woff?f1df7acc6f8870a2844ee9857ee17c25) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Whyte-Medium";
  src: url(/fonts/Whyte-Medium.woff?be2e3198ad48f468d42367093e3da97b) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Whyte-Regular";
  src: url(/fonts/Whyte-Regular.woff?6644d81a74d5a595f226818eb93303e9) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gascogne-light";
  src: url(/fonts/gascogne-serial-light.woff?3f93865afa9a454e2f760448aed67817) format("woff");
  font-weight: 400;
  font-style: normal;
}
body {
  padding-top: 57px;
}
@media (min-width: 1280px) {
  body {
    padding-top: 57px;
  }
}
@media (max-width: 1279px) {
  body.podcast-body, body.podcast-details-body {
    padding-top: 47px;
  }
}

@media (min-width: 1280px) {
  .podcast-body {
    padding-top: 400px;
  }
}

.podcast-body p::-moz-selection, .podcast-body h1::-moz-selection, .podcast-body h2::-moz-selection, .podcast-body h3::-moz-selection, .podcast-body h4::-moz-selection, .podcast-body a::-moz-selection, .podcast-body img::-moz-selection, .podcast-body span::-moz-selection, .podcast-body ul::-moz-selection, .podcast-body div::-moz-selection, .podcast-body input::-moz-selection, .podcast-details-body p::-moz-selection, .podcast-details-body h1::-moz-selection, .podcast-details-body h2::-moz-selection, .podcast-details-body h3::-moz-selection, .podcast-details-body h4::-moz-selection, .podcast-details-body a::-moz-selection, .podcast-details-body img::-moz-selection, .podcast-details-body span::-moz-selection, .podcast-details-body ul::-moz-selection, .podcast-details-body div::-moz-selection, .podcast-details-body input::-moz-selection {
  background: #EC8047;
}

.podcast-body p::selection,
.podcast-body h1::selection,
.podcast-body h2::selection,
.podcast-body h3::selection,
.podcast-body h4::selection,
.podcast-body a::selection,
.podcast-body img::selection,
.podcast-body span::selection,
.podcast-body ul::selection,
.podcast-body div::selection,
.podcast-body input::selection,
.podcast-details-body p::selection,
.podcast-details-body h1::selection,
.podcast-details-body h2::selection,
.podcast-details-body h3::selection,
.podcast-details-body h4::selection,
.podcast-details-body a::selection,
.podcast-details-body img::selection,
.podcast-details-body span::selection,
.podcast-details-body ul::selection,
.podcast-details-body div::selection,
.podcast-details-body input::selection {
  background: #EC8047;
}
.podcast-body p::-moz-selection,
.podcast-body h1::-moz-selection,
.podcast-body h2::-moz-selection,
.podcast-body h3::-moz-selection,
.podcast-body h4::-moz-selection,
.podcast-body a::-moz-selection,
.podcast-body img::-moz-selection,
.podcast-body span::-moz-selection,
.podcast-body ul::-moz-selection,
.podcast-body div::-moz-selection,
.podcast-body input::-moz-selection,
.podcast-details-body p::-moz-selection,
.podcast-details-body h1::-moz-selection,
.podcast-details-body h2::-moz-selection,
.podcast-details-body h3::-moz-selection,
.podcast-details-body h4::-moz-selection,
.podcast-details-body a::-moz-selection,
.podcast-details-body img::-moz-selection,
.podcast-details-body span::-moz-selection,
.podcast-details-body ul::-moz-selection,
.podcast-details-body div::-moz-selection,
.podcast-details-body input::-moz-selection {
  background: #ffb7b7;
}

.overflow {
  overflow: hidden;
}

.header {
  height: 47px;
  min-height: 47px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  box-shadow: transparent;
  background: #F5F0E4;
  transition: all 0.3s;
  border-bottom: 1px solid #000;
}
.header.dark {
  background: black;
  color: #F5F0E4;
  border-bottom: 1px solid #F5F0E4;
}
.header.dark.opened-menu {
  background: black;
}
.header.dark .hamburger span {
  background: white;
}
@media (min-width: 1280px) {
  .header {
    height: 91px;
  }
  .header.transparent {
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }
  .header.transparent.header--sticky, .header.transparent:hover {
    background: #F5F0E4;
    border-bottom: 1px solid #000;
  }
}
.header-inside {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 0 0 15px;
}
@media (max-width: 767px) {
  .header-inside {
    padding: 0 0 0 20px;
  }
}
@media (max-width: 1279px) {
  .header-inside {
    margin: 0 40px 0 20px;
  }
}
.header .container {
  display: flex;
  max-width: 1400px;
  position: relative;
  height: 100%;
  z-index: 1;
  justify-content: space-between;
}
@media (max-width: 1279px) {
  .header .container {
    padding: 0;
  }
}
.header-logo {
  z-index: 1;
  margin: 16px auto 0;
  width: 125px;
}
@media (min-width: 1280px) {
  .header-logo {
    margin: 27px 0 0;
    width: 100%;
  }
}
.header-logo a {
  display: flex;
  justify-content: center;
}
@media (max-width: 1279px) {
  .header-logo a {
    color: white;
  }
}
.header-subscribe-part {
  position: absolute;
  bottom: 3px;
  right: 0;
  z-index: 10;
  font-size: 17px;
  color: #000;
  transition: all 0.3s;
}
@media (max-width: 1279px) {
  .header-subscribe-part {
    left: 0;
    bottom: 8px;
    right: auto;
    color: #fff;
  }
}
.header-subscribe-part i {
  transition: color 0.3s;
  will-change: color;
  cursor: pointer;
}
.header-subscribe-part i:hover {
  color: #AD86C4;
}
.header-inside > nav {
  position: relative;
  z-index: 3;
  margin-top: 11px;
}
@media (max-width: 1279px) {
  .header-inside > nav {
    display: none;
  }
}
.header-inside > nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
@media (max-width: 1279px) {
  .header-inside > nav ul {
    width: 100%;
    margin-top: 0;
  }
}
.header-inside > nav > ul > li > a {
  display: block;
  padding: 9px 15px 6px;
  font-size: 16px;
  line-height: 16px;
  font-family: "Gascogne";
  transition: color 0.3s;
  will-change: color;
  cursor: pointer;
}
.header-inside > nav > ul > li > a.active {
  background-color: #EDE8DC;
}
@media (hover: hover) and (pointer: fine) {
  .header-inside > nav > ul > li > a:hover {
    background-color: #EDE8DC;
  }
}
@media (max-width: 1270px) {
  .header-inside > nav li {
    margin-right: 0;
    padding: 13px 0;
    width: 33.3333333333%;
    text-align: center;
    border-right: 1px solid black;
  }
  .header-inside > nav li:last-child {
    border-right: 0;
  }
  .header-inside > nav li.active {
    background-color: #EDE8DC;
  }
  .header-inside > nav li.active a {
    justify-content: center;
  }
  .header-inside > nav li.active a .arrow {
    left: 45px;
  }
}
.header-inside > nav li.hover {
  background: transparent;
}
.header-inside > nav li.hover:hover {
  background-color: #EDE8DC;
}
.header-inside > nav li.hover > a {
  padding-right: 32px;
  position: relative;
}
.header-inside > nav li.hover .arrow {
  position: absolute;
  height: 0;
  width: 0;
  transition: background-color 0.3s;
  will-change: background-color;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.header-inside > nav li.hover .arrow:before, .header-inside > nav li.hover .arrow:after {
  content: "";
  position: absolute;
  width: 5px;
  top: 50%;
  height: 1px;
  background-color: #000;
  transition: background-color 0.3s;
  will-change: background-color;
}
.header-inside > nav li.hover .arrow:before {
  transform: rotate(45deg) translateY(-50%);
  right: 0;
}
.header-inside > nav li.hover .arrow:after {
  transform: rotate(-45deg) translateY(-50%);
  right: -4px;
}
.header-inside > nav li .sub-menu {
  position: absolute;
  top: 100%;
  height: 37px;
  left: 0;
  right: 0;
  display: none;
  justify-content: center;
}
.header-inside > nav li .sub-menu:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10000000px;
  left: -10000px;
  background-color: #EDE8DC;
  z-index: 1;
  border-bottom: 1px solid #CCC6BA;
}
.header-inside > nav li .sub-menu .inside {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 2;
}
.header-inside > nav li .sub-menu .inside > ul > li {
  padding: 0 22px;
}
.header-inside > nav li .sub-menu .inside > ul > li > a {
  padding: 0 4px;
  display: block;
  font-size: 12px;
  line-height: 35px;
  font-family: "Whyte Book", Arial, sans-serif;
  transition: color 0.3s;
  will-change: color;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
}
.header-inside > nav li .sub-menu .inside > ul > li > a::after {
  content: "";
  height: 2px;
  left: 0;
  width: 0;
  position: absolute;
  bottom: -1px;
  background-color: black;
  will-change: width;
  transition: width 0.3s;
}
.header-inside > nav li .sub-menu .inside > ul > li > a.active::after {
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .header-inside > nav li .sub-menu .inside > ul > li:hover > a::after {
    width: 100%;
  }
}
.header-inside > nav li .sub-menu .articles_menu {
  flex-direction: column;
  justify-content: flex-start;
}
.header-inside > nav li .sub-menu .articles_menu h4 {
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 1;
}
.header-inside > nav li .sub-menu .articles_menu a {
  display: block;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  padding-left: 16px;
}
.header.dark .header-inside > nav > ul > li > a {
  padding-top: 8px;
}
.header.dark .header-inside > nav > ul > li > a.active {
  background-color: black;
}
@media (hover: hover) and (pointer: fine) {
  .header.dark .header-inside > nav > ul > li > a:hover {
    background-color: transparent;
  }
}
@media (max-width: 1270px) {
  .header.dark .header-inside > nav li {
    border-right: 1px solid #EDE8DC;
  }
  .header.dark .header-inside > nav li.active {
    background-color: black;
  }
}
.header.dark .header-inside > nav li.hover {
  background: transparent;
}
.header.dark .header-inside > nav li.hover:hover {
  background-color: transparent;
}
.header.dark .header-inside > nav li.hover .arrow:before, .header.dark .header-inside > nav li.hover .arrow:after {
  background-color: #EDE8DC;
}
.header.dark .header-inside > nav li .sub-menu:after {
  background-color: black;
  border-bottom: 1px solid black;
}
.header.dark .header-inside > nav li .sub-menu .inside > ul > li > a::after {
  background-color: #EDE8DC;
}
.header.white-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  transition: all 0.3s;
  will-change: background;
}
@media (min-width: 1280px) {
  .header.white-header {
    background-color: transparent;
  }
}
.header .categories-navigation {
  border-top: 1px solid #DDD6CC;
  background: #f5f0e4;
  border-bottom: 1px solid #DDD6CC;
  height: 50px;
  overflow: hidden;
  position: relative;
  display: none;
}
.header .categories-navigation ul {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin: 0;
  list-style: none;
  height: 100%;
  width: 100%;
  padding: 12px 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
}
.header .categories-navigation ul li {
  font-size: 15px;
  padding: 0 20px;
  display: inline-block;
}

.hamburger-container {
  padding: 20px;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: -1px;
}
.hamburger-container.open + .navbar-sidebar {
  right: 0;
  opacity: 1;
}

.hamburger {
  width: 14px;
  height: 8px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
@media (min-width: 1280px) {
  .hamburger {
    display: none;
  }
}
.hamburger span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #000;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 0;
}
.hamburger span:nth-child(2) {
  top: 6px;
}
.hamburger.open span:nth-child(1) {
  top: 3px;
  transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
  top: 3px;
  transform: rotate(-135deg);
}

.navbar-sidebar {
  display: block;
  position: fixed;
  top: 46px;
  right: -100%;
  z-index: 1;
  width: 100%;
  opacity: 1;
  background-color: #000000;
  transition: all 0.3s ease;
  will-change: right;
  overflow-y: auto;
  height: calc(100vh - 46px);
}
@media (min-width: 1280px) {
  .navbar-sidebar {
    display: none;
  }
}
.navbar-sidebar .navbar-sidebar-wrapper ul {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li {
  padding: 0 23px;
  background-color: black;
  border-bottom: 1px solid #F5F0E4;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li > a {
  padding: 19px 0;
  display: block;
  position: relative;
  color: #F5F0E4;
  font-family: "Gascogne";
  font-size: 22px;
  line-height: 1;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li:first-child, .navbar-sidebar .navbar-sidebar-wrapper > ul > li.white-background {
  background-color: #F5F0E4;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li:first-child > a, .navbar-sidebar .navbar-sidebar-wrapper > ul > li.white-background > a {
  color: black;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li > ul > li {
  border-bottom: 1px solid black;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li > ul > li:last-child {
  border-bottom: 0;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li ul {
  display: none;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li ul.subCategory {
  padding: 20px 0;
  color: black;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li.white-font > ul > li {
  border-bottom: 1px solid #F5F0E4;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li.white-font > ul > li:last-child {
  border-bottom: 0;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li.white-font > ul > li h4 {
  color: #F5F0E4;
}
.navbar-sidebar .navbar-sidebar-wrapper > ul > li.white-font .withArrow:before, .navbar-sidebar .navbar-sidebar-wrapper > ul > li.white-font .withArrow:after {
  background-color: #F5F0E4;
}
.navbar-sidebar .navbar-sidebar-wrapper h4 {
  margin: 0;
  padding: 18px 0;
  font-family: "Whyte Book", Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  color: black;
}
.navbar-sidebar .navbar-sidebar-wrapper .withArrow {
  position: relative;
}
.navbar-sidebar .navbar-sidebar-wrapper .withArrow:before, .navbar-sidebar .navbar-sidebar-wrapper .withArrow:after {
  content: "";
  position: absolute;
  width: 8px;
  top: 50%;
  height: 1px;
  background-color: black;
  transition: background-color 0.3s;
  will-change: background-color;
}
.navbar-sidebar .navbar-sidebar-wrapper .withArrow:before {
  transform: rotate(45deg) translateY(-50%);
  right: 6px;
}
.navbar-sidebar .navbar-sidebar-wrapper .withArrow:after {
  transform: rotate(-45deg) translateY(-50%);
  right: 0;
}
.navbar-sidebar .navbar-sidebar-wrapper .withArrow.opened::before {
  transform: rotate(135deg) translateY(-50%);
}
.navbar-sidebar .navbar-sidebar-wrapper .withArrow.opened::after {
  transform: rotate(-135deg) translateY(-50%);
}

.articleContainer {
  position: absolute;
  top: 100%;
  height: 400px;
  left: 0;
  right: 0;
  display: none;
  background: #F5F0E4;
  z-index: 10;
}
.articleContainer::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10000px;
  width: 10000000px;
  background-color: #EDE8DC;
  z-index: 1;
}
.articleContainer_inside {
  width: 100%;
  padding-top: 34px;
  display: flex;
  position: relative;
  z-index: 2;
  justify-content: space-around;
}

.dark .articleContainer {
  background: black;
}
.dark .articleContainer::after {
  background-color: black;
}

.articleBox {
  max-width: 230px;
}
.articleBox_author {
  display: block;
}
.articleBox_author img {
  width: 59px;
  height: 59px;
}
.articleBox_author h3 {
  font-size: 72px;
  line-height: 36px;
  margin: -2px 0 0;
  font-family: "Signature";
  text-transform: lowercase;
}
.articleBox_image {
  overflow: hidden;
  display: block;
  margin-bottom: 8px;
}
.articleBox_image img {
  height: 138px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 1s;
  will-change: transform;
}
.articleBox_image img:hover {
  transform: scale(1.1);
}
.articleBox_image.series img {
  height: 199px;
  width: auto;
  margin: auto;
  display: flex;
}
.articleBox_content {
  margin-bottom: 8px;
}
.articleBox_lable {
  font-size: 10px;
  line-height: 1;
}
.articleBox_desc {
  font-size: 12px;
}
.articleBox_title {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.3px;
  font-family: "Gascogne";
  font-weight: 500;
}
.articleBox_date {
  display: block;
  margin: 0;
  color: #808080;
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .articleBox_date {
    font-size: 10px;
    line-height: 16px;
  }
}
.articleBox_date .upper {
  text-transform: uppercase;
}

.logo-white {
  display: none !important;
}

.launches .header ~ .container.top {
  padding-top: var(--header-height);
}

body {
  padding-top: 0 !important;
}

html,
body {
  width: 100%;
}

body {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}

body::-webkit-scrollbar {
  display: none;
}

.header h1 {
  font-family: "Whyte-Light";
  margin: 0;
  font-size: 32px;
  color: black;
  text-transform: none;
  letter-spacing: -1px;
}

.header h2 {
  font-family: "Whyte-Light";
  margin: 0;
  font-size: 26px;
  text-transform: none;
}

.header h3 {
  font-family: "Gascogne-Regular";
  margin: 0;
  text-transform: none;
}

.header h4 {
  font-family: Whyte Book;
  margin: 0;
  text-transform: none;
}

.header h5 {
  font-family: "Whyte-Semi";
  font-size: 10px;
  margin: 0;
  text-transform: none;
}

.header p {
  font-family: "Whyte-Light";
  font-size: 11px;
  text-transform: none;
}

.header a {
  font-family: "Whyte-Semi";
  font-size: 11px;
  text-decoration: none !important;
  position: relative;
  text-transform: uppercase;
  line-height: 1.2;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.header a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 0;
  overflow: hidden;
  height: 1px;
  background-color: black;
  transition: all 500ms ease;
}

.header a:hover::after {
  width: 100%;
}

.header .flex {
  display: flex;
}

.header .flex-col {
  flex-direction: column;
}

.header .flex-wrap {
  flex-wrap: wrap;
}

.header .flex-center {
  justify-content: center;
}

.header .flex-left {
  justify-content: flex-start;
}

.header .flex-right {
  justify-content: flex-end;
}

.header .flex-spread {
  justify-content: space-between;
}

.header .flex-vcenter {
  align-items: center;
}

.header .flex-vleft {
  align-items: flex-start;
}

.header .flex-vright {
  align-items: flex-end;
}

:root {
  --gap: 30px;
  --margin: 40px;
  --header-height: 95.56px;
  --row-height: 25% ;
}

.header .container {
  padding: var(--gap);
}

.header .max-width {
  max-width: 1920px;
  margin: auto;
}

.header,
.header.scroll {
  top: 0 !important;
}

@media screen and (max-width: 767px) {
  :root {
    --gap: 20px;
  }
  .header h1 {
    font-size: 22px;
  }
  .header h3 {
    font-size: 20px;
  }
}
.header {
  position: fixed !important;
  background-color: #F5F0E4;
  border-bottom: 1px solid #CCC6BA;
  width: 100%;
  max-width: 100vw;
  z-index: 999;
}

.header .container {
  -js-display: flex;
  display: flex;
  position: relative;
  z-index: 1;
  justify-content: space-between;
}

.main-navigation {
  border-top: 1px solid #CCC6BA;
}

.main-navigation ul {
  -moz-column-gap: 50px;
       column-gap: 50px;
  height: 40px;
  padding: 10px 0;
  list-style: none;
  -js-display: flex;
  display: flex;
  justify-content: center;
  margin: 0;
  width: 100%;
}

.main-navigation .menu-item {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.main-navigation a {
  font-size: 12px;
  cursor: pointer;
  font-family: "Whyte-Medium";
  text-transform: uppercase;
}

.main-navigation .main-menu a {
  font-family: "Gascogne-Regular", "gascogne";
  font-size: 14px;
  text-transform: capitalize;
}

.main-navigation a::after,
.header-logo a::after {
  display: none;
}

.header-logo {
  margin: 15px auto;
  text-align: center;
}

.header .header-inside {
  padding: 0;
}

.header-logo img {
  height: 16px;
}

.hamburger {
  position: absolute;
  top: 0;
  left: var(--gap);
  cursor: pointer;
  padding: 0;
  height: 46px;
  display: flex;
  align-items: center;
  transition: all 500ms ease;
  z-index: 99999;
}

.hamburger.open {
  padding: 11px 0;
}

.hamburger span {
  font-family: "Whyte-Medium";
  font-size: 12px;
  color: black;
  margin-left: 5px;
  background-color: transparent;
  position: static;
  transform: none;
  transition: none;
  height: auto;
}

.hamburger svg {
  min-width: 14px;
}

.hamburger svg,
.hamburger g,
.hamburger line {
  transition: all 500ms ease;
}

.header .interior-back {
  position: absolute;
  right: var(--gap);
  top: 0;
  height: 46px;
}

.header .interior-back::after {
  display: none;
}

.header .interior-back img {
  margin-right: 5px;
}

.header .interior-back span {
  font-family: "Whyte-Medium";
  font-size: 12px;
  line-height: 1;
}

.side-menu {
  background-color: black;
  position: fixed;
  z-index: 99999;
  width: 400px;
  max-width: 100%;
  min-height: 100vh;
  max-height: 100vh;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition: all 500ms ease;
  overflow: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.side-menu::-webkit-scrollbar {
  display: none;
}

.side-menu.active {
  transform: translateX(0);
}

.side-menu > ul {
  padding: var(--gap);
  margin-top: 50px;
}

.side-menu a {
  color: #F5F0E4;
}

.side-menu .social-links a {
  margin: 0 20px;
}

.side-menu .menu-item {
  list-style: none;
  border-top: 1px solid #555555;
  padding: 10px 0;
}

.side-menu .menu-item:last-child {
  border-bottom: 1px solid #555555;
}

.side-menu .menu-item.dropdown .link {
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.side-menu .menu-item .link a {
  font-family: "Gascogne-Regular";
  font-size: 20px;
  text-transform: none;
  width: 100%;
}

.side-menu p {
  font-family: Whyte Book;
  font-size: 12px;
  color: #808080;
  margin: 1em 0;
  line-height: 1.4;
}

.side-menu .sublinks {
  padding-left: 15px;
  display: none;
}

.side-menu .sublinks ul {
  padding-left: 0;
}

.side-menu .sublink {
  font-family: "Whyte-Medium";
  font-size: 12px;
  padding-bottom: 15px;
  margin-left: 0;
  text-transform: uppercase;
}

.side-menu .sublink:hover {
  color: #808080;
}

.side-menu .sublink:first-child {
  padding-top: 15px;
}

.side-menu .dropdown .link img {
  cursor: pointer;
  transform: rotate(90deg);
  transition: all 500ms ease;
}

.side-menu .link img.active {
  transform: rotate(-90deg);
}

.side-menu .footer-links .flex {
  row-gap: 15px;
}

.side-menu .footer-links a {
  color: #F5F0E4;
  font-size: 12px;
  font-family: "Whyte-Medium";
  margin: 0;
}

.side-menu .footer-links a:hover {
  color: #808080;
}

.side-menu img.active {
  background-color: transparent;
}

.side-menu .social-links a:hover img {
  opacity: 0.5;
}

.main-navigation ul {
  position: relative;
}

.main-navigation ul .highlight {
  height: 9px;
  left: 0;
  position: absolute;
  top: calc(100% - 0px);
  transform: translateY(-50%);
  transition: all 0.5s;
  width: 100px;
  z-index: 1;
}

.header .side-menu .footer-links.mobile {
  display: none;
  padding-bottom: 90px;
}

.header .store-link {
  position: absolute;
  right: var(--gap);
  top: 13px;
}

.header .store-link a {
  font-family: "Stratum2-Medium";
  color: black;
  font-size: 19px;
}

.header .store-link a::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .main-navigation ul {
    padding: 10px 25px;
    -moz-column-gap: 15px;
         column-gap: 15px;
    justify-content: space-between;
  }
  .hamburger {
    padding: 11px 15px 11px 0;
  }
  .side-menu {
    padding-bottom: 50px;
    height: 100%;
  }
  .hamburger span {
    display: none;
  }
  .header .side-menu .footer-links.mobile {
    display: flex;
  }
  .header .side-menu .footer-links.desktop {
    display: none;
  }
  .header .header-inside {
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 550px) {
  .main-navigation ul {
    justify-content: flex-start;
  }
  .main-navigation {
    overflow: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .main-navigation::-webkit-scrollbar {
    display: none;
  }
}
.disclaimer-content {
  padding-top: var(--header-height);
  min-height: 100vh;
}

.property-details--single h1,
.property-details--single h2,
.property-details--single h3,
.property-details--single h4 {
  font-family: "Gascogne serial";
}

.footer {
  width: 100%;
  overflow: hidden;
  background: black;
  color: #F5F0E4;
  padding: 35px 0 10px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .footer {
    padding: 35px 15px 30px;
  }
}
@media (max-width: 767px) {
  .footer-subscribe {
    width: 100%;
    margin: 0 0 100px;
  }
}
.footer-subscribe h5 {
  margin: 0 0 28px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .footer-subscribe h5 {
    font-size: 24px;
  }
}
.footer-subscribe-form {
  display: flex;
}
.footer-subscribe-form .sib-container {
  display: flex;
  flex-wrap: wrap;
}
.footer-subscribe-form .input-field {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #F5F0E4;
  height: 30px;
}
@media (max-width: 767px) {
  .footer-subscribe-form .input-field {
    width: calc(100% - 100px);
  }
}
.footer-subscribe-form .input-field input {
  border: none;
  outline: 0;
  font-size: 16px;
  background: transparent;
  width: 286px;
  color: #F5F0E4;
}
@media (max-width: 767px) {
  .footer-subscribe-form .input-field input {
    width: 100%;
  }
}
.footer-subscribe-form .input-field input:-webkit-autofill, .footer-subscribe-form .input-field input:-webkit-autofill:hover, .footer-subscribe-form .input-field input:-webkit-autofill:focus, .footer-subscribe-form .input-field input:-webkit-autofill:active {
  animation-name: home-autofill;
  animation-fill-mode: both;
}
.footer-subscribe-form .submit-field {
  position: relative;
  height: 30px;
}
@media (max-width: 767px) {
  .footer-subscribe-form .submit-field {
    width: 100px;
  }
}
.footer-subscribe-form .submit-field button {
  outline: none;
  border: 0;
  padding: 0;
  position: relative;
  background: none;
  height: 30px;
  z-index: 1;
  display: block;
}
.footer-subscribe-form .submit-field button span {
  border-bottom: 1px solid #F5F0E4;
  color: #F5F0E4;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.footer .middle-part {
  display: flex;
  justify-content: space-between;
  padding-top: 75px;
}
@media (max-width: 767px) {
  .footer .middle-part {
    flex-wrap: wrap;
  }
}
.footer-menu {
  width: 200px;
}
@media (max-width: 1024px) {
  .footer-menu {
    width: 110px;
  }
}
.footer-menu:last-child {
  width: 130px;
}
@media (max-width: 1024px) {
  .footer-menu:last-child {
    width: 100px;
  }
}
.footer-menu-container {
  display: flex;
}
.footer-menu span {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .footer-menu span {
    margin-bottom: 20px;
  }
}
.footer-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.footer-menu ul a {
  color: #F5F0E4;
  font-family: "Whyte Book";
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
}
.footer-menu ul a:hover {
  border-color: white;
}
.footer .container {
  max-width: 1400px;
}
.footer-logo {
  font-size: 27px;
}
@media (min-width: 768px) {
  .footer-logo {
    display: block;
  }
}
.footer-copy {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .footer-copy {
    width: 100%;
    margin-top: 40px;
  }
}
.footer-copy span {
  font-size: 12px;
  line-height: 26px;
  font-weight: 500;
}

body > div:not(.side-scroll, .top.container, .filter-container, .project-container, .heading, .popup-tower, body.unit-types > div, .project-tower, .mobile-view-button) {
  display: inline-block;
  /*
    box-shadow: 1px 8px 20px -3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 8px 20px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 8px 20px -3px rgba(0, 0, 0, 0.4);
    */
  z-index: 2;
  position: relative;
  background-color: #F5F0E4;
}

.footer h1 {
  font-family: "Whyte-Light";
  margin: 0;
  font-size: 32px;
  color: black;
  text-transform: none;
  letter-spacing: -1px;
}

.footer h2 {
  font-family: "Whyte-Light";
  margin: 0;
  font-size: 26px;
  text-transform: none;
}

.footer h3 {
  font-family: "Gascogne-Regular";
  margin: 0;
  text-transform: none;
}

.footer h4 {
  font-family: Whyte Book;
  margin: 0;
  text-transform: none;
}

.footer h5 {
  font-family: "Whyte-Semi";
  font-size: 10px;
  margin: 0;
  text-transform: none;
}

.footer p {
  font-family: "Whyte-Light";
  font-size: 11px;
  text-transform: none;
}

.footer a {
  font-family: "Whyte-Semi";
  font-size: 11px;
  text-decoration: none !important;
  position: relative;
  text-transform: uppercase;
  line-height: 1.2;
}

.footer a:hover::after {
  width: 100%;
}

.footer .flex {
  display: flex;
}

.footer .flex-col {
  flex-direction: column;
}

.footer .flex-wrap {
  flex-wrap: wrap;
}

.footer .flex-center {
  justify-content: center;
}

.footer .flex-left {
  justify-content: flex-start;
}

.footer .flex-right {
  justify-content: flex-end;
}

.footer .flex-spread {
  justify-content: space-between;
}

.footer .flex-vcenter {
  align-items: center;
}

.footer .flex-vleft {
  align-items: flex-start;
}

.footer .flex-vright {
  align-items: flex-end;
}

.footer {
  background-color: #F5F0E4;
  min-height: calc(100vh - var(--header-height));
}

.footer .middle-part {
  max-width: 557px;
  margin: auto;
  flex-direction: column;
}

.footer .footer-subscribe h3 {
  font-size: 29px;
  text-align: center;
  color: black;
}

.footer .subscribe-title {
  font-family: "Whyte-Regular";
  font-size: 18px;
  color: black;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 30px;
}

.footer .footer-subscribe-form {
  margin-bottom: 100px;
}

.footer-subscribe-form form {
  max-width: 450px;
  margin: auto;
}

.footer-subscribe-form .input-field input {
  font-size: 15px;
  font-family: "Whyte-Regular";
  width: 100%;
  color: black;
}

.footer-subscribe-form .input-field input::-moz-placeholder {
  color: #000;
  opacity: 1;
}

.footer-subscribe-form .input-field input::placeholder {
  color: #000;
  opacity: 1;
}

.footer-subscribe-form .input-field {
  width: 100%;
}

.footer-subscribe-form .sib-container {
  flex-wrap: nowrap;
  border-bottom: 1px solid black;
}

.footer-subscribe-form .submit-field button span {
  font-size: 12px;
  font-family: "Whyte-Regular";
  color: black;
  white-space: nowrap;
  line-height: 1;
  height: auto;
  margin-bottom: 10px;
  border-bottom: none;
}

.footer-menu-container ul {
  display: flex;
  padding-left: 0;
  justify-content: space-between;
  margin: 16px 0 25px;
}

.footer .social-links {
  width: 100%;
}

.footer .footer-copy {
  color: black;
  font-family: whyte_book;
  font-size: 10px;
  margin: auto;
  text-align: center;
}

.footer .social-links a::after {
  display: none;
}

.footer .social-links a:hover {
  opacity: 0.7;
}

.footer-copy span {
  font-family: Whyte;
  font-size: 10px;
  color: black;
}

.footer .container {
  margin: 0 auto;
  padding: var(--gap);
}

@media screen and (max-width: 767px) {
  .footer .footer-subscribe h3 {
    font-size: 20px;
  }
  .footer .container {
    padding: var(--gap) 40px;
  }
  .footer-subscribe {
    margin-bottom: 50px;
  }
  .footer h1 {
    font-size: 22px;
  }
  .footer h3 {
    font-size: 20px;
  }
}
.opening {
  height: 300px;
}
@media (min-width: 768px) {
  .opening {
    height: auto;
  }
}
@media (min-width: 1024px) {
  .opening {
    margin-top: -57px;
  }
}
.opening > img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
}
@media (min-width: 768px) {
  .opening > img {
    height: auto;
    max-height: 785px;
    width: 100%;
  }
}
.opening-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  width: 90%;
  z-index: 2;
}
@media (min-width: 1280px) {
  .opening-content {
    max-width: 960px;
    width: 100%;
  }
}
.opening-content .logo {
  max-width: 110px;
}
@media (min-width: 1280px) {
  .opening-content .logo {
    max-width: 100%;
  }
}
.opening-content span {
  display: block;
  font-size: 12px;
  letter-spacing: 0.29px;
  line-height: 14px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.opening-content h1 {
  margin: 10px auto 0;
  max-width: 100%;
}
@media (min-width: 769px) {
  .opening-content h1 {
    max-width: 954px;
    width: 100%;
  }
}
.opening-content .arrow {
  margin-top: 10px;
  position: relative;
}

.featured-blog {
  background: #000;
  position: relative;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .featured-blog {
    padding-bottom: 37px;
  }
}
.featured-blog .container {
  max-width: 1500px;
  position: relative;
  margin-left: 20px;
  padding: 0;
}
@media (min-width: 768px) {
  .featured-blog .container {
    padding-left: 20px;
  }
}
@media (min-width: 1366px) {
  .featured-blog .container {
    padding: 0 0 0 57px;
    margin-left: 88px;
  }
}
@media (min-width: 1700px) {
  .featured-blog .container {
    margin: 0 auto;
  }
}
.featured-blog .container:before {
  content: "";
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: -20px;
  border-bottom: 1px solid #AD86C4;
  width: calc(100% - 27px);
}
@media (min-width: 768px) {
  .featured-blog .container:before {
    width: calc(100% - 235px);
    border-left: 1px solid #AD86C4;
    border-bottom-left-radius: 20px;
    left: 0;
    top: 0;
  }
}
@media (min-width: 1500px) {
  .featured-blog .container:before {
    width: calc(100% - 190px);
  }
}
.featured-blog .container:after {
  content: "";
  z-index: 0;
  height: 35px;
  position: absolute;
  bottom: 20px;
  right: 50px;
  border-top: 1px solid #AD86C4;
  border-left: 1px solid #AD86C4;
  border-top-left-radius: 20px;
  width: 161px;
  display: none;
}
@media (min-width: 768px) {
  .featured-blog .container:after {
    display: block;
  }
}
@media (min-width: 1500px) {
  .featured-blog .container:after {
    right: 0;
  }
}
.featured-blog h2 {
  color: #F5F0E4;
  margin: 0;
  max-width: 375px;
  padding: 50px 0 30px;
}
@media (min-width: 768px) {
  .featured-blog h2 {
    padding: 100px 0 52px;
    max-width: 784px;
  }
}
.featured-blog-headline {
  display: flex;
  position: relative;
  margin-bottom: 20px;
}
.featured-blog-headline h3 {
  color: #F5F0E4;
  margin: 0;
  font-size: 21px;
  line-height: 1.25;
}
@media (min-width: 1279px) {
  .featured-blog-headline h3 {
    font-size: 37px;
    line-height: 46px;
  }
}
.featured-blog-slider {
  margin-bottom: 80px;
}
.featured-blog-slider .slick-list {
  padding-left: 0 !important;
}
.featured-blog-slider-container {
  margin-right: -160px;
}
.featured-blog-slider-buttons {
  position: relative;
  display: flex;
}
.featured-blog-slider-buttons .slick-prev, .featured-blog-slider-buttons .slick-next {
  position: relative;
  left: 0;
  right: 0;
}
.featured-blog-slider-buttons .slick-prev:before, .featured-blog-slider-buttons .slick-next:before {
  display: none;
}
.featured-blog-slider-buttons .slick-prev {
  margin-left: 61px;
}
.featured-blog-slider-buttons .slick-next {
  margin-left: 16px;
}
.featured-blog-slider-item {
  background: #FFFFFF;
  width: 300px;
}
.featured-blog-slider-item img {
  width: 100%;
}
.featured-blog-slider-item h3 {
  font-family: "Banks miles";
  font-size: 28px;
  line-height: 30px;
  margin: 0;
  text-transform: uppercase;
}
.featured-blog-slider-item p {
  padding-top: 8px;
  font-size: 15px;
  line-height: 20px;
}
.featured-blog-slider-item p:after {
  content: "...";
}
.featured-blog-slider-item-content {
  padding: 18px 13px 13px;
  height: 160px;
}
.featured-blog-slider .slick-slide {
  margin-right: 22px;
}
.featured-blog .see-all-link {
  position: relative;
  z-index: 1;
  display: block;
  text-align: right;
  color: #AD86C4;
  font-size: 22px;
  line-height: 30px;
  font-family: "Gascogne";
  padding-bottom: 10px;
  padding-right: 90px;
}
@media (min-width: 768px) {
  .featured-blog .see-all-link {
    padding-right: 80px;
    margin-right: 160px;
  }
}
@media (min-width: 1500px) {
  .featured-blog .see-all-link {
    padding-right: 40px;
  }
}
.featured-blog .see-all-link:after {
  content: "";
  z-index: 0;
  width: 30px;
  height: 20px;
  position: absolute;
  bottom: 0;
  right: 162px;
  border-bottom: 1px solid #AD86C4;
  border-right: 1px solid #AD86C4;
  border-bottom-right-radius: 20px;
  display: none;
}
@media (min-width: 768px) {
  .featured-blog .see-all-link:after {
    right: 50px;
    display: block;
  }
}
@media (min-width: 1500px) {
  .featured-blog .see-all-link:after {
    right: 0;
  }
}
.featured-blog .arrow {
  position: relative;
  z-index: 1;
  display: block;
}
@media (min-width: 768px) {
  .featured-blog .arrow {
    margin-right: 160px;
  }
}
.featured-blog .arrow:before {
  content: "";
  width: 1px;
  height: 35px;
  background: #AD86C4;
  position: absolute;
  right: 59px;
  top: -31px;
  transform: rotate(-45deg);
}
@media (min-width: 768px) {
  .featured-blog .arrow:before {
    top: -84px;
    right: -99px;
  }
}
@media (min-width: 1500px) {
  .featured-blog .arrow:before {
    right: -149px;
  }
}
.featured-blog .arrow:after {
  content: "";
  width: 1px;
  height: 35px;
  background: #AD86C4;
  position: absolute;
  right: 59px;
  top: -6px;
  transform: rotate(45deg);
}
@media (min-width: 768px) {
  .featured-blog .arrow:after {
    top: -59px;
    right: -99px;
  }
}
@media (min-width: 1500px) {
  .featured-blog .arrow:after {
    right: -149px;
  }
}

.featured-luxury .container {
  padding: 0 20px;
}
@media (min-width: 1500px) {
  .featured-luxury .container {
    max-width: 1500px;
    padding: 0;
  }
}
.featured-luxury h2 {
  color: #AD86C4;
  font-size: 27px;
  line-height: 1;
  margin: 0;
  position: relative;
}
@media (min-width: 768px) {
  .featured-luxury h2 {
    font-size: 37px;
  }
}
.featured-luxury h2 span {
  position: relative;
  z-index: 2;
  width: 320px;
  display: block;
  background: #f5f0e5;
  border-top-right-radius: 15px;
  padding: 20px 0 0;
}
@media (min-width: 768px) {
  .featured-luxury h2 span {
    width: 460px;
  }
}
.featured-luxury h2:before {
  content: "";
  height: 30px;
  width: 40px;
  background: #000;
  position: absolute;
  left: 290px;
  top: 0;
  bottom: 0;
  z-index: 0;
}
@media (min-width: 768px) {
  .featured-luxury h2:before {
    left: 430px;
  }
}
.featured-luxury h2:after {
  content: "";
  height: 66px;
  background: #000;
  position: absolute;
  left: 320px;
  right: -800px;
  top: 0;
  bottom: 0;
  border-bottom-left-radius: 15px;
  z-index: 0;
}
@media (min-width: 768px) {
  .featured-luxury h2:after {
    left: 460px;
  }
}
.featured-luxury-container {
  padding-top: 50px;
  display: none;
}
@media (min-width: 1024px) {
  .featured-luxury-container {
    display: flex;
  }
}
.featured-luxury-container h3 {
  font-family: "Banks miles";
  font-size: 28px;
  line-height: 30px;
  margin: 43px 0 0;
  text-transform: uppercase;
}
.featured-luxury-container p {
  padding-top: 8px;
  font-size: 15px;
  line-height: 20px;
}
.featured-luxury-big {
  width: calc(100% - 480px);
  margin-right: 50px;
}
.featured-luxury-list {
  width: 430px;
  padding-left: 50px;
  position: relative;
}
.featured-luxury-list:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: -50px;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom-left-radius: 20px;
  width: calc(100% - 99px);
}
@media (min-width: 1280px) {
  .featured-luxury-list:before {
    width: calc(100% - 99px);
  }
}
.featured-luxury-list:after {
  content: "";
  z-index: 0;
  height: 35px;
  position: absolute;
  bottom: 20px;
  right: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-top-left-radius: 20px;
  width: 80px;
}
.featured-luxury-list h3 {
  margin-top: 20px;
}
.featured-luxury-list-item {
  display: block;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
}
.featured-luxury-list .see-all-link {
  position: relative;
  z-index: 1;
  display: block;
  text-align: right;
  padding-right: 100px;
  color: #AD86C4;
  font-size: 22px;
  line-height: 30px;
  font-family: "Gascogne";
  padding-bottom: 10px;
  margin-top: 60px;
}
.featured-luxury-list .see-all-link:after {
  content: "";
  z-index: 0;
  width: 30px;
  height: 20px;
  position: absolute;
  bottom: 0;
  right: 79px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom-right-radius: 20px;
}
.featured-luxury-list .arrow {
  position: relative;
  z-index: 1;
  display: none;
}
@media (min-width: 1024px) {
  .featured-luxury-list .arrow {
    display: block;
  }
}
.featured-luxury-list .arrow:before {
  content: "";
  width: 1px;
  height: 35px;
  background: #000;
  position: absolute;
  right: 10px;
  top: -84px;
  transform: rotate(-45deg);
}
.featured-luxury-list .arrow:after {
  content: "";
  width: 1px;
  height: 35px;
  background: #000;
  position: absolute;
  right: 10px;
  top: -59px;
  transform: rotate(45deg);
}
.featured-luxury-slider .slick-list {
  padding-left: 0 !important;
}
.featured-luxury-slider .slick-slide {
  margin-right: 22px;
}
.featured-luxury-slider-item {
  width: 300px;
}
.featured-luxury-slider-item img {
  width: 100%;
}
.featured-luxury-slider-item h3 {
  font-family: "Banks miles";
  font-size: 28px;
  line-height: 30px;
  margin: 20px 0 0;
  text-transform: uppercase;
}
.featured-luxury-slider-item p {
  padding-top: 8px;
  font-size: 15px;
  line-height: 20px;
}
.featured-luxury-slider-container {
  margin-right: -160px;
  display: block;
  padding: 30px 0 30px;
}
@media (min-width: 1024px) {
  .featured-luxury-slider-container {
    display: none;
  }
}
.featured-luxury-slider-container .see-all-link {
  position: relative;
  z-index: 1;
  display: block;
  text-align: right;
  padding-right: 40px;
  color: #AD86C4;
  font-size: 22px;
  line-height: 30px;
  font-family: "Gascogne";
  padding-bottom: 10px;
  margin-top: 60px;
  margin-right: 167px;
}
.featured-luxury-slider-container .see-all-link:after {
  content: "";
  z-index: 0;
  width: calc(100% + 20px);
  height: 20px;
  position: absolute;
  left: -20px;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
}
.featured-luxury-slider-container .arrow {
  position: relative;
  z-index: 1;
  display: block;
  margin-right: 167px;
}
.featured-luxury-slider-container .arrow:before {
  content: "";
  width: 1px;
  height: 35px;
  background: #000;
  position: absolute;
  right: 10px;
  top: -30px;
  transform: rotate(-45deg);
}
.featured-luxury-slider-container .arrow:after {
  content: "";
  width: 1px;
  height: 35px;
  background: #000;
  position: absolute;
  right: 10px;
  top: -6px;
  transform: rotate(45deg);
}

.featured-couples {
  margin-bottom: 45px;
}
.featured-couples .container {
  max-width: 1500px;
}
@media (max-width: 1023px) {
  .featured-couples .container {
    padding: 0;
  }
}
.featured-couples h2 {
  color: #AD86C4;
  font-size: 27px;
  line-height: 37px;
  margin: 50px 0 0;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .featured-couples h2 {
    font-size: 37px;
    line-height: 46px;
  }
}
.featured-couples h2 a {
  position: relative;
  line-height: 15px;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  font-family: "Whyte Book";
}
.featured-couples-headline {
  position: relative;
  padding: 0 20px 20px;
}
@media (min-width: 1024px) {
  .featured-couples-headline {
    padding: 0;
  }
}
.featured-couples-headline:before {
  content: "";
  position: absolute;
  height: 1px;
  background: #000;
  right: -100%;
  left: 40px;
  bottom: 0;
  display: none;
}
@media (min-width: 1024px) {
  .featured-couples-headline:before {
    display: block;
  }
}
.featured-couples-main {
  display: flex;
  margin-bottom: 75px;
  flex-direction: column-reverse;
  margin-right: 160px;
}
@media (min-width: 1024px) {
  .featured-couples-main {
    margin-right: 110px;
    align-items: flex-start;
    justify-content: justify-content;
    flex-direction: row;
  }
}
@media (min-width: 1025px) {
  .featured-couples-main {
    align-items: center;
  }
}
@media (min-width: 1500px) {
  .featured-couples-main {
    margin-right: 0px;
  }
}
.featured-couples-main-content {
  padding: 20px 20px 0;
}
@media (min-width: 768px) {
  .featured-couples-main-content {
    padding-top: 20px;
  }
}
@media (min-width: 1024px) {
  .featured-couples-main-content {
    margin: 0 50px;
    max-width: calc(50% - 100px);
  }
}
.featured-couples-main h3 {
  font-family: "Banks miles";
  font-size: 28px;
  line-height: 30px;
  margin: 0 0 8px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .featured-couples-main h3 {
    margin: 0 0 28px;
  }
}
.featured-couples-main p {
  padding-bottom: 8px;
  font-size: 15px;
  line-height: 20px;
}
@media (min-width: 1280px) {
  .featured-couples-main p {
    font-family: "Gascogne";
    font-weight: 400;
    font-size: 40px;
    line-height: 47px;
    margin: 0 0 25px;
  }
}
.featured-couples-main span {
  font-family: "Gascogne";
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  border-bottom: 1px solid #AD86C4;
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .featured-couples-main img {
    max-width: 50%;
  }
}
.featured-couples-slider {
  margin-left: 20px;
}
@media (min-width: 1024px) {
  .featured-couples-slider {
    margin-left: 50px;
  }
}
.featured-couples-slider .slick-list {
  padding-left: 0 !important;
}
.featured-couples-slider-container {
  margin-right: -160px;
  position: relative;
}
.featured-couples-slider-container:before {
  content: "";
  position: absolute;
  width: 200px;
  top: -1px;
  bottom: 25px;
  left: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-top-left-radius: 25px;
  display: none;
}
@media (min-width: 1024px) {
  .featured-couples-slider-container:before {
    display: block;
  }
}
.featured-couples-slider-container:after {
  content: "";
  position: absolute;
  width: 700px;
  bottom: 0;
  height: 25px;
  left: -699px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-bottom-right-radius: 25px;
  display: none;
}
@media (min-width: 1024px) {
  .featured-couples-slider-container:after {
    display: block;
  }
}
.featured-couples-slider-item {
  width: 300px;
}
.featured-couples-slider-item img {
  width: 100%;
}
.featured-couples-slider-item h3 {
  font-family: "Banks miles";
  font-size: 28px;
  line-height: 30px;
  margin: 0;
  text-transform: uppercase;
}
.featured-couples-slider-item p {
  padding-top: 8px;
  font-size: 15px;
  line-height: 20px;
}
.featured-couples-slider-item-content {
  padding: 18px 13px 13px;
  height: 220px;
}
.featured-couples-slider .slick-slide {
  margin-right: 22px;
}

.featured-quote {
  background: #AD86C4;
  padding: 50px 0 33px;
  text-align: center;
}
@media (min-width: 768px) {
  .featured-quote {
    padding: 106px 0 64px;
  }
}
@media (min-width: 1024px) {
  .featured-quote {
    text-align: left;
  }
}
.featured-quote .container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .featured-quote .container {
    flex-direction: row;
    align-items: flex-start;
  }
}
.featured-quote-content {
  max-width: 400px;
}
@media (min-width: 1280px) {
  .featured-quote-content {
    max-width: 600px;
  }
}
.featured-quote h2 {
  margin: 0 0 30px;
  font-weight: 300;
}
@media (min-width: 769px) {
  .featured-quote h2 {
    font-size: 34px;
  }
}
@media (min-width: 1280px) {
  .featured-quote h2 {
    font-size: 40px;
  }
}
.featured-quote img {
  max-width: 300px;
  margin-top: -30px;
}

.featured-editorial .container {
  max-width: 1154px;
  padding: 0;
}
.featured-editorial-headline {
  position: relative;
}
.featured-editorial-headline h2 {
  color: #AD86C4;
  font-size: 27px;
  line-height: 37px;
  margin: 50px 0 0 20px;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .featured-editorial-headline h2 {
    margin: 50px 0 0 40px;
    font-size: 37px;
    line-height: 46px;
  }
}
@media (min-width: 1024px) {
  .featured-editorial-headline h2 {
    margin: 50px 0 0 20px;
  }
}
@media (min-width: 1280px) {
  .featured-editorial-headline h2 {
    margin: 50px 0 0 0;
  }
}
.featured-editorial-headline:before {
  content: "";
  position: absolute;
  height: 1px;
  background: #000;
  right: -100%;
  left: 60px;
  bottom: 0;
  display: none;
}
@media (min-width: 1024px) {
  .featured-editorial-headline:before {
    display: block;
  }
}
@media (min-width: 1280px) {
  .featured-editorial-headline:before {
    left: 40px;
  }
}
.featured-editorial-list {
  position: relative;
}
@media (min-width: 768px) {
  .featured-editorial-list {
    padding: 0 40px;
  }
}
@media (min-width: 1024px) {
  .featured-editorial-list {
    padding: 0 90px;
    margin: 0 30px;
  }
}
@media (min-width: 1280px) {
  .featured-editorial-list {
    padding: 0 120px;
    margin: 0;
  }
}
.featured-editorial-list:before {
  content: "";
  position: absolute;
  width: 200px;
  top: -1px;
  bottom: 25px;
  left: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-top-left-radius: 25px;
  display: none;
}
@media (min-width: 1024px) {
  .featured-editorial-list:before {
    display: block;
  }
}
.featured-editorial-list:after {
  content: "";
  position: absolute;
  width: 700px;
  bottom: 0;
  height: 25px;
  left: -699px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-bottom-right-radius: 25px;
  display: none;
}
@media (min-width: 1024px) {
  .featured-editorial-list:after {
    display: block;
  }
}
.featured-editorial-list .date-info {
  display: flex;
  list-style: none;
  margin-bottom: 33px;
  padding: 0 30px;
  flex-wrap: wrap;
  justify-content: center;
}
.featured-editorial-list .date-info li {
  line-height: 30px;
  text-transform: uppercase;
  font-size: 12px;
  color: #000;
  position: relative;
  letter-spacing: 0.94px;
}
.featured-editorial-list .date-info li:last-child {
  margin-left: 13px;
}
.featured-editorial-list .date-info li:last-child:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  left: -8px;
  top: 50%;
  margin-top: -2px;
}
.featured-editorial-item {
  display: block;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .featured-editorial-item {
    margin-bottom: 60px;
  }
}
.featured-editorial-item.green .featured-editorial-item-content {
  background: #66B26B;
}
.featured-editorial-item.blue .featured-editorial-item-content {
  background: #90D2D3;
}
.featured-editorial-item.orange .featured-editorial-item-content {
  background: #FC9148;
}
.featured-editorial-item-content {
  width: calc(100% - 40px);
  height: 160px;
  text-align: center;
  position: relative;
  margin: 0 auto;
  top: -50px;
}
@media (min-width: 768px) {
  .featured-editorial-item-content {
    width: 480px;
    height: 204px;
    top: -102px;
  }
}
.featured-editorial-item p {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.94px;
  text-transform: uppercase;
  margin: 0;
  padding-top: 25px;
}
@media (min-width: 768px) {
  .featured-editorial-item p {
    padding-top: 32px;
  }
}
.featured-editorial-item h2 {
  margin: 8px auto 11px;
  font-weight: 200;
  font-size: 23px;
  line-height: 28px;
  padding: 0 24px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .featured-editorial-item h2 {
    font-size: 30px;
    line-height: 46px;
    max-width: 423px;
    padding: 0;
  }
}

.recomendation {
  background: #DDD6CC;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 37px 0 45px;
}
@media (min-width: 1024px) {
  .recomendation {
    flex-direction: row;
    align-items: flex-start;
  }
}
.recomendation img {
  max-width: 177px;
}
@media (min-width: 768px) {
  .recomendation img {
    max-width: unset;
  }
}
.recomendation-content {
  margin-left: 20px;
  text-align: center;
}
@media (min-width: 1024px) {
  .recomendation-content {
    text-align: left;
  }
}
.recomendation-content h3 {
  max-width: 280px;
}
@media (min-width: 768px) {
  .recomendation-content h3 {
    max-width: 450px;
  }
}
.recomendation-content a {
  display: inline-block;
  font-family: "Gascogne";
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  border-bottom: 1px solid #AD86C4;
}

.work-with-us {
  padding: 70px 0 95px;
  text-align: center;
}
.work-with-us h2 {
  font-size: 36px;
  line-height: 36px;
  margin: 0 0 13px;
}
.work-with-us p {
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 19px;
}
.work-with-us a {
  display: inline-block;
  font-family: "Gascogne";
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  border-bottom: 1px solid #AD86C4;
}

.category-content {
  position: relative;
  margin: 60px 0 100px;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .category-content .container {
    padding-left: 80px;
  }
}
.category-content h1 {
  color: #AD86C4;
  margin: 0 0 10px 20px;
  font-size: 24px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .category-content h1 {
    margin: 0 0 10px 40px;
    font-size: 36px;
    line-height: 36px;
  }
}
.category-content-items {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-top-left-radius: 10px;
  padding: 20px 20px 0;
}
@media (min-width: 768px) {
  .category-content-items {
    padding: 40px 40px 0;
  }
}
.category-content-items:before {
  content: "";
  position: absolute;
  top: -1px;
  right: -600px;
  width: 800px;
  border-bottom: 1px solid #000;
  z-index: 1;
}
@media (min-width: 768px) {
  .category-content-items:before {
    width: 1000px;
  }
}
.category-content-items .pagination-container {
  margin-top: 70px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-right: 28%;
}
.category-content-items .pagination-container:before {
  content: "";
  height: 20px;
  border: 1px solid black;
  border-top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  bottom: -10px;
  left: -21px;
  right: -25px;
}
@media (min-width: 768px) {
  .category-content-items .pagination-container:before {
    left: -41px;
  }
}
.category-content-items .pagination-container:after {
  content: "";
  height: 20px;
  width: 130px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-top-left-radius: 10px;
  position: absolute;
  bottom: 10px;
  right: -154px;
}
.category-content-items .pagination-container .pagination {
  font-size: 21.6px;
  line-height: 26px;
  font-family: "Gascogne";
  height: 26px;
  font-weight: 400;
}
.category-content-items .pagination-container .pagination span,
.category-content-items .pagination-container .pagination a {
  margin-right: 17px;
}
.category-content-items .pagination-container .pagination span:last-child,
.category-content-items .pagination-container .pagination a:last-child {
  margin-right: 0;
}
.category-content-items .pagination-container .pagination span {
  color: #808080;
}
.category-content-items .pagination-container .arrow {
  position: absolute;
  right: -154px;
  top: -12px;
}
.category-content-items .pagination-container .arrow:before {
  content: "";
  width: 1px;
  height: 20px;
  background: black;
  position: absolute;
  right: 6px;
  top: -8px;
  transform: rotate(-45deg);
}
.category-content-items .pagination-container .arrow:after {
  content: "";
  width: 1px;
  height: 20px;
  background: black;
  position: absolute;
  right: 6px;
  top: 5px;
  transform: rotate(45deg);
}
.category-content-item {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .category-content-item {
    width: calc(50% - 20px);
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .category-content-item {
    width: calc(32% - 15px);
    margin-right: 20px;
  }
}
@media (min-width: 1280px) {
  .category-content-item {
    width: calc(33.3333333333% - 15px);
  }
}
.category-content-item:nth-child(2n) {
  margin-right: 0;
}
@media (min-width: 1024px) {
  .category-content-item:nth-child(2n) {
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .category-content-item:nth-child(3n) {
    margin-right: 0;
  }
}
.category-content-item img {
  width: 100%;
  height: 225px;
  -o-object-fit: cover;
     object-fit: cover;
}
.category-content-item h3 {
  font-family: "Banks miles";
  font-size: 28px;
  line-height: 30px;
  margin: 18px 0 0;
  text-transform: uppercase;
}
.category-content-item p {
  padding-top: 8px;
  font-size: 15px;
  line-height: 20px;
}

.simple-opening {
  height: 300px;
  position: relative;
}
@media (min-width: 768px) {
  .simple-opening {
    height: auto;
  }
}
@media (min-width: 1024px) {
  .simple-opening {
    margin-top: -57px;
  }
}
.simple-opening > img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
}
@media (min-width: 768px) {
  .simple-opening > img {
    height: auto;
    max-height: 630px;
    width: 100%;
  }
}
.simple-opening-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  width: 90%;
  z-index: 2;
}

.about-info {
  text-align: center;
  max-width: 544px;
  margin: 60px auto;
}
@media (min-width: 1024px) {
  .about-info {
    margin: 100px auto;
  }
}
.about-info .feature {
  display: block;
  margin: 0 0 16px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .about-info .feature {
    margin: 0 0 25px;
  }
}
.about-info h2 {
  font-size: 40px;
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .about-info h2 {
    margin: 0 0 22px;
  }
}
@media (min-width: 1024px) {
  .about-info h2 {
    font-size: 50px;
  }
}
.about-info p {
  margin: 0 0 20px;
}
.about-info p:last-child {
  margin: 0;
}

.about-team {
  background-color: #DDD6CC;
  padding: 50px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .about-team {
    padding: 72px 0;
  }
}
.about-team h2 {
  font-size: 40px;
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .about-team h2 {
    margin: 0 0 25px;
  }
}
@media (min-width: 1024px) {
  .about-team h2 {
    font-size: 50px;
  }
}
.about-team-container {
  max-width: 910px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.about-team-item {
  padding: 15px 0;
  width: 100%;
}
@media (min-width: 768px) {
  .about-team-item {
    margin-right: 50px;
    width: calc(33.3333333333% - 34px);
    padding: 25px 0;
  }
  .about-team-item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .about-team-item {
    width: 190px;
  }
  .about-team-item:nth-child(3n) {
    margin-right: 50px;
  }
  .about-team-item:nth-child(4n) {
    margin-right: 0;
  }
}
.about-team-item h3 {
  font-family: "Short Circuit";
  font-size: 37px;
  margin: 15px 0 0;
}
@media (min-width: 768px) {
  .about-team-item h3 {
    margin: 20px 0 0;
  }
}
.about-team-item span {
  text-transform: uppercase;
  font-size: 17px;
}
.about-team-item .image {
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}

.careers-about-info-container {
  display: flex;
  max-width: 790px;
  flex-direction: column;
  margin: 40px auto;
  text-align: center;
}
@media (min-width: 768px) {
  .careers-about-info-container {
    margin: 68px auto 36px;
    justify-content: space-between;
    flex-direction: row;
    text-align: left;
  }
}
.careers-about-info .image-part {
  width: 304px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .careers-about-info .image-part {
    margin: 0;
  }
}
.careers-about-info .text-part {
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .careers-about-info .text-part {
    width: calc(100% - 360px);
    margin-top: 56px;
  }
}
.careers-about-info .text-part h3 {
  font-family: "Short Circuit";
  font-size: 24px;
  line-height: 1;
  margin: 10px 0 0;
}
.careers-about-info .text-part span {
  font-size: 12px;
}

.careers-quotes {
  background-color: #DDD6CC;
  text-align: center;
  padding: 52px 0 22px;
}
@media (min-width: 768px) {
  .careers-quotes {
    padding: 72px 0 42px;
  }
}
.careers-quotes-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 882px;
  margin: 0 auto;
  justify-content: space-between;
}
.careers-quotes h2 {
  max-width: 453px;
  margin: 0 auto 35px;
  font-size: 40px;
}
@media (min-width: 768px) {
  .careers-quotes h2 {
    margin: 0 auto 45px;
  }
}
@media (min-width: 1024px) {
  .careers-quotes h2 {
    font-size: 50px;
    margin: 0 auto 65px;
  }
}
.careers-quotes-item {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .careers-quotes-item {
    width: calc(50% - 25px);
  }
}
.careers-quotes-item .icon-quote {
  display: block;
  color: #AC86C4;
  font-size: 18px;
  margin-bottom: 16px;
}
.careers-quotes-item .image {
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 50%;
  margin: 16px auto 0;
}
.careers-quotes-item h3 {
  font-family: "Short Circuit";
  font-size: 20px;
  line-height: 1;
  margin: 10px 0 -6px;
}
.careers-quotes-item span {
  font-size: 12px;
  text-transform: uppercase;
}

.careers-work-with-us-container {
  margin: 50px auto;
  max-width: 1138px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .careers-work-with-us-container {
    margin: 80px auto;
  }
}
.careers-work-with-us-item {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .careers-work-with-us-item {
    width: calc(50% - 25px);
    margin-bottom: 0;
    text-align: left;
  }
}
.careers-work-with-us span {
  font-size: 14px;
}
.careers-work-with-us h2 {
  font-size: 40px;
  line-height: 50px;
  margin: 0 0 13px;
}
@media (min-width: 1024px) {
  .careers-work-with-us h2 {
    font-size: 50px;
  }
}
.careers-work-with-us p {
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 19px;
}
.careers-work-with-us a {
  display: inline-block;
  font-family: "Gascogne";
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  border-bottom: 1px solid #AD86C4;
}

.media-partnership-content {
  margin: 45px 0;
}
@media (min-width: 768px) {
  .media-partnership-content {
    margin: 68px 0;
  }
}
.media-partnership-content-container {
  max-width: 486px;
  margin: 0 auto;
  text-align: center;
}
.media-partnership-content h2 {
  font-size: 40px;
  line-height: 50px;
  margin: 0 0 40px;
}
@media (min-width: 1024px) {
  .media-partnership-content h2 {
    font-size: 50px;
  }
}
.media-partnership-content span {
  display: block;
  margin: 60px 0 12px;
  font-size: 15px;
  font-family: "Whyte Bold";
}
.media-partnership-content p {
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 19px;
}
.media-partnership-content a {
  display: inline-block;
  font-family: "Gascogne";
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  border-bottom: 1px solid #AD86C4;
}
.media-partnership-content ul {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
  list-style: none;
}
.media-partnership-content ul li {
  width: 45%;
}
.media-partnership-content ul a {
  border-bottom: none;
}

.contacts-content {
  margin: 70px 0;
  flex: 1 0 auto;
}
@media (min-width: 768px) {
  .contacts-content {
    margin: 110px 0;
  }
}
.contacts-content .container {
  max-width: 1180px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 768px) {
  .contacts-content .container {
    flex-direction: row;
  }
}
.contacts-content-text {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .contacts-content-text {
    width: 40%;
    margin-bottom: 0;
    text-align: left;
  }
}
.contacts-content-text h1,
.contacts-content-text p {
  margin: 0 0 20px;
}
.contacts-content-text address {
  font-style: normal;
  white-space: pre-line;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 40px;
}
.contacts-content-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contacts-content-text ul a {
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
}
@media (min-width: 768px) {
  .contacts-content-text ul a {
    margin: 0 0 5px;
    justify-content: flex-start;
  }
}
.contacts-content-text ul a span {
  display: block;
}
.contacts-content-text ul a span span {
  font-size: 12px;
  color: #70B28F;
}
.contacts-content-text ul a i.icon-phone,
.contacts-content-text ul a i.icon-mail {
  margin-right: 18px;
}
.contacts-content-text ul a i.icon-phone {
  font-size: 20px;
}
.contacts-content-text ul a i.icon-mail {
  font-size: 15px;
}
.contacts-content-text ul a.btn {
  margin-top: 15px;
  background: #66B26B;
  width: 193px;
  height: 58px;
  justify-content: center;
  color: #fff;
  font-size: 18px;
}
.contacts-content-text ul a.btn i {
  font-size: 26px;
  margin-right: 10px;
}

.contact-page {
  height: 100%;
}
.contact-page .footer {
  flex-shrink: 0;
}

.contacts-tabs-section .container {
  max-width: 996px;
  font-family: "Gascogne";
}
.contacts-tabs-section .main-icon {
  text-align: center;
  padding: 115px 0 60px;
  font-size: 44px;
}
@media (max-width: 767px) {
  .contacts-tabs-section .main-icon {
    padding: 110px 0 30px;
  }
}
.contacts-tabs-section #tabs-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 88px;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #DDD6CC;
}
@media (max-width: 767px) {
  .contacts-tabs-section #tabs-nav {
    height: auto;
  }
}
.contacts-tabs-section #tabs-nav li {
  margin-right: 32px;
}
.contacts-tabs-section #tabs-nav li:last-child {
  margin-right: 0;
}
.contacts-tabs-section #tabs-nav li a {
  display: block;
  font-size: 36px;
  line-height: 68px;
  color: #808080;
  transition: color 0.3s;
  will-change: color;
  position: relative;
}
@media (max-width: 767px) {
  .contacts-tabs-section #tabs-nav li a {
    font-size: 22px;
    line-height: 57px;
  }
}
.contacts-tabs-section #tabs-nav li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #000;
  opacity: 0;
  transition: all 0.3s;
}
.contacts-tabs-section #tabs-nav li.active a {
  color: #000;
}
.contacts-tabs-section #tabs-nav li.active a:after {
  opacity: 1;
  width: 57px;
}
.contacts-tabs-section #tabs-content .tab-content {
  padding: 50px 0;
}
.contacts-tabs-section #tabs-content .tab-content p {
  text-align: center;
  max-width: 515px;
  margin: 0 auto 30px;
  font-size: 18px;
  line-height: 25px;
}
.contacts-tabs-section #tabs-content .tab-content p a {
  color: #AD86C4;
}
.contacts-tabs-section #tabs-content .tab-content .partnership-image {
  margin: 50px 0 60px;
}
.contacts-tabs-section #tabs-content .tab-content ul {
  display: flex;
  list-style: none;
  margin: 0;
  font-family: "Whyte Book";
    justify-content: center;
}
@media (max-width: 1023px) {
  .contacts-tabs-section #tabs-content .tab-content ul {
    display: block;
  }
}
.contacts-tabs-section #tabs-content .tab-content ul li {
  text-align: center;
}
@media (max-width: 1023px) {
  .contacts-tabs-section #tabs-content .tab-content ul li {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.contacts-tabs-section #tabs-content .tab-content ul li:first-child {
  margin-right: 94px;
}
@media (max-width: 1023px) {
  .contacts-tabs-section #tabs-content .tab-content ul li:first-child {
    margin-right: 0;
  }
}
.contacts-tabs-section #tabs-content .tab-content ul li:last-child {
  margin-left: 50px;
}
@media (max-width: 1023px) {
  .contacts-tabs-section #tabs-content .tab-content ul li:last-child {
    margin-left: 0;
  }
}
.contacts-tabs-section #tabs-content .tab-content ul li i {
  display: block;
  font-size: 20px;
  margin-bottom: 16px;
}
.contacts-tabs-section #tabs-content .tab-content ul li svg {
  display: block;
  margin: 0 auto 10px;
}
.contacts-tabs-section #tabs-content .tab-content ul li a {
  display: block;
  font-size: 18px;
  line-height: 27px;
}
.contacts-tabs-section #tabs-content .tab-content ul li span {
  display: block;
}
.contacts-tabs-section #tabs-content .tab-content ul li span.adress {
  font-size: 18px;
  line-height: 27px;
  max-width: 372px;
}
@media (max-width: 1023px) {
  .contacts-tabs-section #tabs-content .tab-content ul li span.adress {
    margin: 0 auto;
  }
}
.contacts-tabs-section #tabs-content .tab-content ul li span.green {
  color: #66B26B;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
}
.contacts-tabs-section #tabs-content .tab-content .btn {
  display: flex;
  align-items: center;
  margin: 47px auto 0;
  background: #66B26B;
  width: 193px;
  height: 58px;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-family: "Whyte Book";
}
.contacts-tabs-section #tabs-content .tab-content .btn i {
  font-size: 26px;
  margin-right: 10px;
}
.contacts-tabs-section #tabs-content .tab-content .contact-form {
  max-width: 420px;
  font-family: "Whyte Book";
  margin: 37px auto 50px;
}
.contacts-tabs-section #tabs-content .tab-content .contact-form div {
  margin-bottom: 20px;
}
.contacts-tabs-section #tabs-content .tab-content .contact-form .form-submit {
  text-align: center;
}
.contacts-tabs-section #tabs-content .tab-content .contact-form input,
.contacts-tabs-section #tabs-content .tab-content .contact-form textarea {
  background-color: #fff;
  border: 1px solid #DDD6CC;
  border-radius: 0;
  font-size: 16px;
  padding: 14px 25px;
  width: 100%;
  font-family: "Whyte Book";
}
.contacts-tabs-section #tabs-content .tab-content .contact-form textarea {
  resize: none;
  height: 170px;
}
.contacts-tabs-section #tabs-content .tab-content .contact-form button {
  height: 58px;
  width: 193px;
  text-align: center;
  background-color: #000;
  border: none;
  color: #fff;
}
.contacts-tabs-section #tabs-content .tab-content .contacts-content-map {
  width: 100%;
  margin: 50px 0;
}
.contacts-tabs-section #tabs-content .tab-content h2 {
  text-align: center;
  margin: 60px 0;
  font-size: 36px;
}
.contacts-tabs-section #tabs-content .tab-content .opportunity-info {
  margin-top: 20px;
  padding-left: 28px;
  padding-bottom: 7px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-bottom-left-radius: 10px;
  position: relative;
}
.contacts-tabs-section #tabs-content .tab-content .opportunity-info:before, .contacts-tabs-section #tabs-content .tab-content .opportunity-info:after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  border-top: 1px solid #000;
}
.contacts-tabs-section #tabs-content .tab-content .opportunity-info:before {
  bottom: -13px;
  transform: rotate(45deg);
  right: 4px;
}
.contacts-tabs-section #tabs-content .tab-content .opportunity-info:after {
  bottom: -30px;
  transform: rotate(-45deg);
  right: -12px;
}
.contacts-tabs-section #tabs-content .tab-content .opportunity-info h2 {
  text-align: left;
  margin: 0 0 20px;
  font-size: 36px;
}
.contacts-tabs-section #tabs-content .tab-content .opportunity-info p {
  text-align: left;
  max-width: 100%;
  font-family: "Whyte Book";
}
.contacts-tabs-section #tabs-content .tab-content .opportunity-info h4 {
  font-family: "Whyte Book";
  font-size: 18px;
  line-height: 27px;
  margin: 0 0 25px;
  font-weight: bold;
}
.contacts-tabs-section #tabs-content .tab-content .opportunity-info .big-click {
  display: block;
  text-align: right;
  padding-right: 45px;
  font-size: 22px;
  line-height: 42px;
  font-family: "Whyte Book";
  color: #AD86C4;
}
.contacts-tabs-section #tabs-content #careers {
  padding-bottom: 88px;
}

.podcast-headline-content {
  padding: 86px 0 68px;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-color: #3B423E;
}
@media (max-width: 1023px) {
  .podcast-headline-content {
    padding: 136px 0 158px;
    position: relative;
    top: 0;
  }
}
.podcast-headline-content-container {
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
  font-family: "Gascogne";
  font-weight: 400;
}
.podcast-headline-content-container h1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .podcast-headline-content-container h1 {
    margin: 0 0 28px;
  }
}
.podcast-headline-content-container h1 img {
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 1023px) {
  .podcast-headline-content-container h1 img {
    height: 20px;
    margin-right: 5px;
  }
}
@media (max-width: 413px) {
  .podcast-headline-content-container h1 img {
    height: 18px;
  }
}
.podcast-headline-content-container p {
  font-size: 20px;
  line-height: 28px;
}
@media (max-width: 1023px) {
  .podcast-headline-content-container p {
    font-size: 16px;
    line-height: 22px;
  }
}

.episod-info {
  background-color: #000;
  color: #F5F0E4;
  padding: 90px 0 84px;
}
@media (max-width: 1023px) {
  .episod-info {
    padding: 25px 0 38px;
  }
}
.episod-info .container {
  max-width: 1180px;
}
.episod-info-content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .episod-info-content {
    flex-direction: column-reverse;
  }
}
.episod-info-small {
  display: flex;
  color: #EC8047;
  font-size: 12px;
  font-family: "Whyte Book";
}
@media (max-width: 1023px) {
  .episod-info-small {
    display: none;
  }
}
.episod-info-small span {
  padding-left: 108px;
}
.episod-info-description {
  max-width: 734px;
}
.episod-info-description h2 {
  letter-spacing: 1.1px;
  margin: 19px 0 27px;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .episod-info-description h2 {
    margin: 14px 0 32px;
    font-size: 36px;
    line-height: 40px;
  }
}
.episod-info-description p {
  font-size: 16px;
  letter-spacing: -0.2px;
  margin-bottom: 20px;
  font-family: "Whyte Book";
}
.episod-info-description .btn-link {
  margin-top: 32px;
  display: inline-flex;
  align-content: center;
  background-color: #EC8047;
  border-radius: 19px;
  padding: 9px 18px;
  color: #000;
  transition: background-color 0.3s;
  will-change: background-color;
}
@media (max-width: 1023px) {
  .episod-info-description .btn-link {
    margin-top: 0;
  }
}
.episod-info-description .btn-link span {
  font-family: "Gascogne";
  font-size: 14px;
  font-weight: 400;
  margin-right: 24px;
}
.episod-info-description .btn-link i {
  font-size: 21px;
}
.episod-info-description .btn-link:hover {
  background-color: #F5F0E4;
}
.episod-info-author {
  max-width: 200px;
}
@media (max-width: 1023px) {
  .episod-info-author {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.episod-info-author .episod-info-small {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px;
  margin-right: -6px;
}
@media (min-width: 1024px) {
  .episod-info-author .episod-info-small {
    display: none;
  }
}
.episod-info-author .episod-info-small span {
  padding-left: 0;
}
@media (max-width: 1023px) {
  .episod-info-author .author {
    width: calc(100% - 160px);
  }
}
.episod-info-author .author img {
  height: 14px;
  width: auto;
  -o-object-fit: unset;
     object-fit: unset;
  border-radius: 0;
}
.episod-info-author h4 {
  margin: 0;
  font-size: 16px;
  font-family: "Souvenir";
}
.episod-info-author h3 {
  margin: 0;
  font-family: "New Signature";
  font-size: 52px;
  line-height: 60px;
}
.episod-info-author img {
  width: 137px;
  height: 132px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
}

.podcast-browse {
  padding: 65px 0 195px;
  background-color: #3B423E;
}
@media (max-width: 1023px) {
  .podcast-browse {
    padding: 36px 0 110px;
  }
}
.podcast-browse .container {
  max-width: 1180px;
}
.podcast-browse h2 {
  font-weight: 600;
  letter-spacing: 1.1px;
}
@media (max-width: 1023px) {
  .podcast-browse h2 {
    font-size: 28px;
    margin: 0 0 32px;
  }
}
.podcast-browse .filter {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0 0 100px;
}
@media (max-width: 1023px) {
  .podcast-browse .filter {
    justify-content: space-between;
    padding: 0 0 64px;
  }
}
.podcast-browse .filter li {
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .podcast-browse .filter li {
    margin-bottom: 9px;
  }
}
.podcast-browse .filter li a {
  width: 114px;
  display: block;
  border-radius: 15px;
  border: 1px solid #000;
  margin-right: 33px;
  padding: 4px 0;
  text-align: center;
  font-size: 14px;
  font-family: "Gascogne";
  transition: background 0.3s;
  will-change: background;
}
@media (max-width: 1023px) {
  .podcast-browse .filter li a {
    width: 102px;
    margin-right: 0;
    font-size: 12px;
  }
}
.podcast-browse .filter li a.active, .podcast-browse .filter li a:hover {
  background-color: #EC8047;
}
.podcast-browse .filter li:last-child a {
  margin-right: 0;
}
.podcast-browse-list-item {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-bottom-left-radius: 20px;
  display: flex;
  position: relative;
  left: 0;
  justify-content: space-between;
  margin-bottom: 58px;
  transition: left 0.5s;
  will-change: left;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item {
    border-left: 0;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 20px;
    margin-bottom: 40px;
  }
}
.podcast-browse-list-item:hover {
  left: 22px;
}
.podcast-browse-list-item:hover .content .small-info .counter-info svg path,
.podcast-browse-list-item:hover .content .small-info .counter-info svg rect {
  fill: #F5F0E4;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item:hover {
    left: 0;
  }
}
.podcast-browse-list-item .image {
  overflow: hidden;
  margin: 0 95px 20px 20px;
  width: 200px;
  height: 200px;
  border-radius: 10px;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .image {
    margin: 0 14px 14px 0;
    width: 103px;
    height: 103px;
  }
}
.podcast-browse-list-item .image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.podcast-browse-list-item .content {
  width: calc(100% - 320px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 200px;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .content {
    width: calc(100% - 117px);
    padding-right: 20px;
    height: auto;
  }
}
.podcast-browse-list-item .content h4 {
  display: flex;
  align-items: center;
  margin: 0 0 12px;
  color: #636E62;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .content h4 {
    margin: 0 0 15px;
  }
}
.podcast-browse-list-item .content h4 img {
  height: 11px;
  margin-right: 5px;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .content h4 img {
    height: 9px;
  }
}
.podcast-browse-list-item .content h4 span {
  font-family: "Whyte Book";
  font-size: 15px;
  letter-spacing: -0.2px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .content h4 span {
    font-size: 12px;
  }
}
.podcast-browse-list-item .content h3 {
  font-size: 25px;
  margin: 0 0 15px;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .content h3 {
    font-size: 20px;
    margin: 0 0 25px;
    line-height: 24px;
  }
}
.podcast-browse-list-item .content p {
  font-family: "Whyte Book";
  font-size: 16px;
  letter-spacing: -0.2px;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .content p {
    display: none;
  }
}
.podcast-browse-list-item .content .small-info {
  display: flex;
  justify-content: space-between;
  font-family: "Whyte Book";
  color: #EC8047;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .content .small-info {
    margin-bottom: 10px;
  }
}
.podcast-browse-list-item .content .small-info .episod-date-info {
  font-size: 14px;
  letter-spacing: 0.2px;
  align-self: center;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .content .small-info .episod-date-info {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.podcast-browse-list-item .content .small-info .episod-date-info span {
  padding-left: 48px;
  letter-spacing: 0;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .content .small-info .episod-date-info span {
    padding-left: 0;
  }
}
.podcast-browse-list-item .content .small-info .counter-info {
  display: flex;
  align-items: center;
  color: #EC8047;
  transition: color 0.3s;
  will-change: color;
}
@media (max-width: 1023px) {
  .podcast-browse-list-item .content .small-info .counter-info {
    display: none;
  }
}
.podcast-browse-list-item .content .small-info .counter-info span {
  font-size: 14px;
  letter-spacing: 0.2px;
  margin-right: 10px;
}
.podcast-browse-list-item .content .small-info .counter-info svg {
  height: 30px;
}
.podcast-browse-list-item .content .small-info .counter-info svg path,
.podcast-browse-list-item .content .small-info .counter-info svg rect {
  transition: fill 0.3s;
  will-change: fill;
}

.podcast-subscribe {
  background-color: #F5F0E4;
}
@media (max-width: 1023px) {
  .podcast-subscribe {
    margin-bottom: 0;
  }
}
.podcast-subscribe-content {
  display: flex;
  justify-content: space-between;
  padding: 85px 0 95px;
}
@media (max-width: 1023px) {
  .podcast-subscribe-content {
    flex-direction: column-reverse;
    align-items: center;
    padding: 49px 0 0;
  }
}
.podcast-subscribe img {
  position: relative;
  top: -10px;
}
@media (max-width: 1023px) {
  .podcast-subscribe img {
    max-width: 90%;
    position: relative;
    top: auto;
    left: -18px;
    bottom: -1px;
  }
}
.podcast-subscribe .content {
  max-width: 474px;
}
.podcast-subscribe .content h2 {
  font-size: 32px;
  text-align: center;
  line-height: 42px;
  margin: 0 0 38px;
  color: #000;
}
@media (max-width: 1023px) {
  .podcast-subscribe .content h2 {
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    margin: 0 0 20px;
  }
}
.podcast-subscribe .content .sib-container {
  display: flex;
}
@media (max-width: 1023px) {
  .podcast-subscribe .content .sib-container {
    margin-bottom: 30px;
  }
}
.podcast-subscribe .content .sib-container .input-field {
  position: relative;
  z-index: 1;
  height: 49px;
  padding: 0 10px 0 30px;
  width: calc(100% - 140px);
}
@media (max-width: 1023px) {
  .podcast-subscribe .content .sib-container .input-field {
    width: calc(100% - 118px);
    height: 35px;
  }
}
.podcast-subscribe .content .sib-container .input-field:before {
  content: "";
  height: 20px;
  position: absolute;
  left: -2500px;
  right: -1px;
  top: 30px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom-right-radius: 10px;
  z-index: 0;
}
@media (max-width: 1023px) {
  .podcast-subscribe .content .sib-container .input-field:before {
    left: 0px;
    height: 15px;
    top: 20px;
  }
}
.podcast-subscribe .content .sib-container .input-field input {
  width: 100%;
  border: none;
  outline: 0;
  font-size: 15px;
  background: transparent;
  height: 100%;
  color: #000;
  font-size: 18px;
  font-family: "Whyte Book";
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .podcast-subscribe .content .sib-container .input-field input {
    margin-top: 0;
  }
}
.podcast-subscribe .content .sib-container .submit-field {
  position: relative;
  width: 117px;
}
.podcast-subscribe .content .sib-container .submit-field button {
  outline: none;
  border: 0;
  position: relative;
  background: none;
  cursor: pointer;
  z-index: 1;
  height: 50px;
  margin-left: 10px;
  padding: 0;
}
@media (max-width: 1023px) {
  .podcast-subscribe .content .sib-container .submit-field button {
    height: 35px;
  }
}
.podcast-subscribe .content .sib-container .submit-field button span {
  border-bottom: 1px solid #000;
  color: #000;
  font-size: 18px;
  padding: 10px 5px;
  letter-spacing: 0.2px;
  display: block;
  font-family: "Gascogne";
}
@media (max-width: 1023px) {
  .podcast-subscribe .content .sib-container .submit-field button span {
    padding: 4px 5px;
  }
}
.podcast-subscribe .content .sib-container .submit-field:after {
  content: "";
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-top-left-radius: 10px;
  z-index: 0;
}
@media (max-width: 1023px) {
  .podcast-subscribe .content .sib-container .submit-field:after {
    height: 20px;
  }
}

.detailed-info {
  position: relative;
}
.detailed-info .container {
  max-width: 1300px;
  position: relative;
}
.detailed-info-content {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-bottom-right-radius: 20px;
  max-width: 1064px;
}
@media (max-width: 1279px) {
  .detailed-info-content {
    max-width: 800px;
  }
}
@media (max-width: 1023px) {
  .detailed-info-content {
    border: none;
  }
}
.detailed-info-content h1 {
  margin: 0 0 72px -100px;
}
@media (max-width: 1440px) {
  .detailed-info-content h1 {
    margin: 0 0 72px -70px;
  }
}
@media (max-width: 1400px) {
  .detailed-info-content h1 {
    margin: 0 0 72px -48px;
  }
}
@media (max-width: 1300px) {
  .detailed-info-content h1 {
    margin: 0 0 72px;
  }
}
@media (max-width: 1023px) {
  .detailed-info-content h1 {
    margin: 30px 0 60px;
  }
}
.detailed-info-content h1 img {
  position: relative;
  top: -3px;
}
.detailed-info-content h1 span {
  font-size: 60px;
  font-family: "New Signature";
  line-height: 60px;
  letter-spacing: 0;
}
@media (max-width: 1023px) {
  .detailed-info-content h1 span {
    margin-top: 20px;
    display: block;
  }
}
.detailed-info-content + .detailed-info-trail {
  display: none;
}
@media (max-width: 1023px) {
  .detailed-info-content + .detailed-info-trail {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 100%;
  }
  .detailed-info-content + .detailed-info-trail > div {
    width: 47%;
  }
}
.detailed-info-episode {
  display: flex;
  font-size: 14px;
  font-family: "Whyte Book";
  color: #EC8047;
}
@media (max-width: 1023px) {
  .detailed-info-episode {
    justify-content: space-between;
    padding: 0 24px;
  }
}
.detailed-info-episode span {
  padding-left: 108px;
}
@media (max-width: 1023px) {
  .detailed-info-episode span {
    padding-left: 0;
  }
}
.detailed-info-small {
  max-width: 850px;
  margin: 0 105px;
}
@media (max-width: 1023px) {
  .detailed-info-small {
    margin: 0 -24px;
  }
}
.detailed-info-small h2 {
  margin: 27px 0 30px;
  letter-spacing: 1.1px;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .detailed-info-small h2 {
    margin: 23px 0 39px;
    font-size: 28px;
    line-height: 32px;
    padding: 0 24px;
  }
}
.detailed-info-small p {
  font-size: 18px;
  font-family: "Whyte Book";
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .detailed-info-small p {
    font-size: 14px;
    padding: 0 24px;
  }
}
.detailed-info-small iframe {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .detailed-info-small iframe {
    width: 100%;
  }
}
.detailed-info .guest-section {
  max-width: 1064px;
  width: 100%;
  padding: 60px 105px 80px 122px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-top-left-radius: 20px;
  position: relative;
  top: -1px;
  left: -17px;
}
@media (max-width: 1279px) {
  .detailed-info .guest-section {
    max-width: 800px;
  }
}
@media (max-width: 1023px) {
  .detailed-info .guest-section {
    width: calc(100% + 2px);
    padding: 28px 20px 60px 27px;
    top: 0;
    left: 22px;
  }
}
.detailed-info .guest-section h2 {
  font-size: 32px;
  margin: 0 0 36px;
  letter-spacing: 1.1px;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .detailed-info .guest-section h2 {
    font-size: 28px;
    margin: 0 0 25px;
  }
}
.detailed-info .guest-section-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 767px) {
  .detailed-info .guest-section-list {
    flex-direction: column;
  }
}
.detailed-info .guest-section-list-item {
  max-width: 307px;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .detailed-info .guest-section-list-item {
    margin-bottom: 60px;
  }
}
.detailed-info .guest-section-list-item .image {
  width: 165px;
  height: 165px;
  position: relative;
  margin-bottom: 35px;
}
@media (max-width: 1023px) {
  .detailed-info .guest-section-list-item .image {
    width: 104px;
    height: 104px;
    margin-bottom: 25px;
  }
}
.detailed-info .guest-section-list-item .image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.detailed-info .guest-section-list-item .image span {
  position: absolute;
  bottom: -21px;
  left: 190px;
  font-size: 50px;
  line-height: 60px;
  font-family: "New Signature";
}
@media (max-width: 1023px) {
  .detailed-info .guest-section-list-item .image span {
    left: 120px;
  }
}
.detailed-info .guest-section-list-item .content {
  font-family: "Whyte Book";
  font-size: 14px;
  letter-spacing: -0.2px;
}
.detailed-info .guest-section-list-item .content span {
  color: #EC8047;
  padding-right: 5px;
}

.detailed-info-trail {
  position: absolute;
  right: 0;
  width: 140px;
  z-index: 1;
  color: #000;
}
@media (max-width: 1023px) {
  .detailed-info-trail {
    display: none;
  }
}
.detailed-info-trail .clap-box,
.detailed-info-trail .listen-box {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 40px;
}
.detailed-info-trail .clap-box i,
.detailed-info-trail .listen-box i {
  color: #EC8047;
  font-size: 28px;
}
.detailed-info-trail .clap-box svg .clap-hover,
.detailed-info-trail .listen-box svg .clap-hover {
  opacity: 0;
  transition: opacity 0.3s;
  will-change: opacity;
}
.detailed-info-trail .clap-box span,
.detailed-info-trail .listen-box span {
  padding-left: 17px;
  color: #EC8047;
  font-size: 14px;
  font-family: "Whyte Book";
}
.detailed-info-trail .clap-box:active svg .clap-hover,
.detailed-info-trail .listen-box:active svg .clap-hover {
  opacity: 1;
}
.detailed-info-trail .clap-box {
  position: relative;
  outline: 1px solid transparent;
  border: none;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background: none;
}
.detailed-info-trail .clap-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  width: 79px;
  height: 79px;
}
.detailed-info-trail .clap-box svg {
  width: 40px;
  fill: none;
}
.detailed-info-trail .clap-box .clap--count {
  position: absolute;
  top: -20px;
  color: white;
  background: #EC8047;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  padding-left: 0;
}
.detailed-info-trail .clap-box .clap--count-total {
  opacity: 1 !important;
  transform: scale(1) !important;
  position: absolute;
  width: 80px;
  text-align: center;
  left: 10px;
  color: #EC8047;
}
.detailed-info-trail .transcript-box {
  margin-bottom: 44px;
}
.detailed-info-trail .transcript-box span {
  display: block;
  font-size: 14px;
  font-family: "Whyte Book";
  margin-bottom: 10px;
}
.detailed-info-trail .transcript-box i {
  color: #EC8047;
  font-size: 28px;
}
.detailed-info-trail .available-box {
  margin-bottom: 35px;
}
.detailed-info-trail .available-box span {
  display: block;
  font-size: 14px;
  font-family: "Whyte Book";
  margin-bottom: 10px;
}
.detailed-info-trail .available-box ul {
  list-style: none;
}
.detailed-info-trail .available-box a {
  font-family: "Gascogne";
  color: #EC8047;
  font-size: 18px;
  letter-spacing: 0.2px;
}
.detailed-info-trail .share-box {
  margin-bottom: 35px;
}
.detailed-info-trail .share-box span {
  display: block;
  font-size: 14px;
  font-family: "Whyte Book";
  margin-bottom: 10px;
}
.detailed-info-trail .share-box ul {
  list-style: none;
  display: flex;
}
.detailed-info-trail .share-box ul li {
  margin-right: 16px;
}
.detailed-info-trail .share-box ul li:last-child {
  margin-right: 0;
}
.detailed-info-trail .share-box a {
  display: block;
  height: 32px;
  width: 32px;
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  transition: all 0.3s;
}
.detailed-info-trail .share-box a:hover {
  color: #000;
  background-color: #fff;
}

@keyframes shockwave {
  0% {
    transform: scale(1);
    box-shadow: 0 0 2px #EC8047;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
    box-shadow: 0 0 50px #ba4d13, inset 0 0 10px #EC8047;
  }
}
.episode-transcript {
  background-color: #F5F0E4;
  color: #000;
  padding: 70px 0 60px;
}
@media (max-width: 1023px) {
  .episode-transcript {
    padding: 38px 0 40px;
  }
}
.episode-transcript-content {
  max-width: 850px;
  margin: 0 105px;
}
@media (max-width: 1023px) {
  .episode-transcript-content {
    margin: 0;
  }
}
.episode-transcript-content h2 {
  margin: 0 0 43px;
  letter-spacing: 1.1px;
  font-weight: 600;
  font-size: 32px;
}
@media (max-width: 1023px) {
  .episode-transcript-content h2 {
    margin: 0 0 30px;
    font-size: 28px;
  }
}
.episode-transcript-content .text {
  height: 270px;
  overflow: hidden;
  transition: height 0.3s;
  will-change: height;
}
.episode-transcript-content .text.show-more-height {
  height: auto;
}
.episode-transcript-content p {
  font-size: 14px;
  margin-bottom: 20px;
  letter-spacing: 0.2px;
  font-family: "Whyte Book";
}
@media (max-width: 1023px) {
  .episode-transcript-content .btn-holder {
    display: flex;
    justify-content: center;
  }
}
.episode-transcript-content .read-full {
  display: inline-flex;
  margin-top: 30px;
  align-items: center;
  background-color: #EC8047;
  border-radius: 19px;
  padding: 9px 18px;
  color: #fff;
  transition: background-color 0.3s;
  will-change: background-color;
  cursor: pointer;
}
.episode-transcript-content .read-full span {
  font-family: "Gascogne";
  font-size: 14px;
  font-weight: 400;
  margin-right: 24px;
}
.episode-transcript-content .read-full i {
  font-size: 21px;
}
.episode-transcript-content .read-full:hover {
  background-color: #000;
}

.previous-episodes {
  margin-bottom: 180px;
}
@media (max-width: 1023px) {
  .previous-episodes {
    margin-bottom: 40px;
  }
}
.previous-episodes h2 {
  margin: 65px 0 48px;
  letter-spacing: 1.1px;
  font-size: 32px;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .previous-episodes h2 {
    margin: 30px 0 50px;
    font-size: 28px;
  }
}
.previous-episodes-list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .previous-episodes-list {
    flex-direction: column;
  }
}
.previous-episodes-list-item {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom-right-radius: 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
  width: calc(50% - 14px);
  position: relative;
  top: 0;
  transition: top 0.5s;
  will-change: top;
}
@media (max-width: 1023px) {
  .previous-episodes-list-item {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .previous-episodes-list-item {
    margin-bottom: 40px;
  }
}
.previous-episodes-list-item:hover {
  top: -20px;
}
@media (max-width: 1023px) {
  .previous-episodes-list-item:hover {
    top: 0;
  }
}
.previous-episodes-list-item .image {
  overflow: hidden;
  width: 192px;
  height: 192px;
  border-radius: 10px;
}
@media (max-width: 1023px) {
  .previous-episodes-list-item .image {
    width: 103px;
    height: 103px;
  }
}
.previous-episodes-list-item .image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.previous-episodes-list-item .content {
  width: calc(100% - 217px);
  padding-right: 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .previous-episodes-list-item .content {
    width: calc(100% - 117px);
    padding-right: 20px;
  }
}
.previous-episodes-list-item .content h4 {
  display: flex;
  align-items: center;
  margin: 0 0 12px;
  color: #636E62;
}
@media (max-width: 1023px) {
  .previous-episodes-list-item .content h4 {
    margin: 0 0 15px;
  }
}
.previous-episodes-list-item .content h4 img {
  height: 12px;
  margin-right: 5px;
}
@media (max-width: 1023px) {
  .previous-episodes-list-item .content h4 img {
    height: 9px;
  }
}
.previous-episodes-list-item .content h4 span {
  font-family: "Whyte Book";
  font-size: 18px;
  letter-spacing: -0.2px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .previous-episodes-list-item .content h4 span {
    font-size: 12px;
  }
}
.previous-episodes-list-item .content h3 {
  font-size: 22px;
  margin: 0 0 15px;
}
@media (max-width: 1023px) {
  .previous-episodes-list-item .content h3 {
    font-size: 20px;
    margin: 0 0 25px;
  }
}
.previous-episodes-list-item .content .small-info {
  display: flex;
  justify-content: space-between;
  font-family: "Whyte Book";
  color: #EC8047;
}
.previous-episodes-list-item .content .small-info .episod-date-info {
  font-size: 14px;
  letter-spacing: 0.2px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 1023px) {
  .previous-episodes-list-item .content .small-info .episod-date-info {
    font-size: 12px;
  }
}
.previous-episodes-list-item .content .small-info .episod-date-info span {
  letter-spacing: 0;
  padding-left: 0;
}

.transcript-popup {
  display: block;
  position: fixed;
  z-index: 10;
  left: 50%;
  right: 50%;
  top: 0;
  width: 0;
  height: 0;
  background-color: #F5F0E4;
  transition: 0.3s all ease;
  overflow: hidden;
}
.transcript-popup.visible {
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  width: 100%;
  height: calc(100% - 60px);
  overflow-y: auto;
}
.transcript-popup.visible .icon-close {
  opacity: 1;
}
.transcript-popup .icon-close {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  display: inline-flex;
  background-color: #EC8047;
  border-radius: 19px;
  padding: 9px 18px;
  color: #fff;
  transition: all 0.3s;
  will-change: all;
  cursor: pointer;
  align-items: center;
  opacity: 0;
  z-index: 1;
}
@media (max-width: 1023px) {
  .transcript-popup .icon-close {
    margin-top: 0;
    width: 196px;
  }
}
.transcript-popup .icon-close span {
  font-family: "Gascogne";
  font-size: 14px;
  font-weight: 400;
  margin-right: 24px;
}
.transcript-popup .icon-close svg {
  width: 12px;
  height: 12px;
  fill: #fff;
  transition: all 0.3s;
}
.transcript-popup .icon-close:hover {
  color: #000;
}
.transcript-popup .icon-close:hover svg {
  fill: #000;
}
.transcript-popup-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 30px 0 60px;
}
@media (max-width: 1023px) {
  .transcript-popup-content {
    padding: 30px 20px 60px;
    width: 100%;
  }
}
.transcript-popup-content h2 {
  margin: 0 0 40px;
}
.transcript-popup-content p {
  font-size: 13px;
  margin-bottom: 20px;
  letter-spacing: 0.2px;
  font-family: "Whyte Book";
}

.disclaimer-content {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .disclaimer-content {
    margin: 40px 0;
  }
}
.disclaimer-content h2 {
  text-align: center;
  margin: 60px 0;
}
@media (max-width: 767px) {
  .disclaimer-content h2 {
    margin: 40px 0;
  }
}
.disclaimer-content p {
  margin-bottom: 20px;
}

body.no-padding.conv_ios_fix {
  padding-top: initial !important;
  overflow: initial;
}

html.conv_ios_fix {
  height: auto !important;
  position: initial !important;
  overflow: initial !important;
}

.scroll-container {
  height: 100vh;
  overflow: hidden;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.scroll-container::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.scroll-wrapper {
  height: 600vh;
}

.header.index {
  opacity: 0;
}

.header.opened-menu {
  background: #F5F0E4;
}

body.scroll-locked {
  overflow: hidden;
  touch-action: none;
}

body.no-padding {
  padding: 0px;
}

.animation-text {
  font-size: 80px;
  font-family: "Gascogne";
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  transition: all 1s ease-in-out 1s;
  text-align: center;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
}
@media (max-width: 1024px) {
  .animation-text .heading {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .animation-text .heading {
    font-size: 40px;
  }
}

.sticky-container {
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background-color: #F5F0E5;
}

.splash-bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 200%;
  height: 10%;
  padding-left: 30%;
  overflow: hidden;
  max-width: unset;
}

.splash-bg img {
  width: 100%;
  height: 105%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  max-width: unset;
  top: 0;
  left: 0;
  transition: all 1s;
}

.final-buttons {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  width: 250px;
  transition: all 1.5s;
  padding-top: 2.5em;
  opacity: 0;
}

.final-buttons > a {
  padding: 10px 15px;
  display: flex;
  border-radius: 6px;
  height: 42px;
  margin-bottom: 2.5em;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

@media (max-width: 767px) {
  .final-buttons > a {
    margin-bottom: 2em;
  }
}
.final-buttons .left {
  flex: 1;
}

.final-buttons .right {
  flex: 0 1 auto;
  font-family: "Whyte Book";
  font-size: 9px;
  text-transform: uppercase;
}
.final-buttons .right.margin-top {
  margin-top: 3px;
}

.purple {
  background-color: #9C6FB9;
}

.black {
  background-color: black;
  color: white;
}

.purple:hover svg path,
.purple:hover {
  background-color: black;
  color: white;
  stroke: white !important;
  cursor: pointer;
}

.black:hover svg path,
.black:hover {
  background-color: #9C6FB9;
  color: black;
  stroke: black !important;
  cursor: pointer;
}

.action-list .purple:hover svg path,
.action-list .purple:hover {
  background-color: #9673AB;
  color: black;
  stroke: black !important;
  cursor: pointer;
}

.action-list .black:hover svg path,
.action-list .black:hover {
  background-color: #141414;
  color: white;
  stroke: white !important;
  cursor: pointer;
}

.final-buttons .disabled {
  background: #B8A9CF;
  opacity: 1;
}

.welcome {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  text-transform: uppercase;
  font-family: "Whyte Bold";
  font-size: 18px;
  opacity: 1;
  letter-spacing: 1.22px;
  top: 0;
  transition: all 1s;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .welcome {
    font-size: 15px;
  }
}
.logo {
  width: 100vw;
  max-width: 1920px;
  position: fixed;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -100%);
  padding: 2em;
  z-index: 2;
  opacity: 0;
}
.logo img {
  width: 100%;
}

body .header.intro {
  pointer-events: none;
  border-bottom: 0px !important;
  position: fixed !important;
}
@media (min-width: 1280px) {
  body .header.intro .header-inside {
    background-color: transparent !important;
  }
}
body .header.intro ~ .scroll-container .logo {
  opacity: 1;
}
body .header.stage-1 ~ .scroll-container .logo {
  transition: all 1s linear;
  padding: unset;
  width: 7vw;
  top: 40px;
}
@media (max-width: 1399px) {
  body .header.stage-1 ~ .scroll-container .logo {
    width: 9vw;
  }
}
@media (max-width: 1279px) {
  body .header.stage-1 ~ .scroll-container .logo {
    top: 40px;
  }
}
@media (max-width: 767px) {
  body .header.stage-1 ~ .scroll-container .logo {
    width: 30vw;
  }
}
body .header.stage-1 ~ .scroll-container .welcome {
  top: -100vh !important;
}
body .header.stage-1 ~ .scroll-container .splash-bg {
  top: 0;
  height: 100vh;
  padding-left: 100vw;
}
body .header.stage-1 ~ .scroll-container .splash-bg img {
  -o-object-position: center bottom;
     object-position: center bottom;
}
body .header.stage-1 ~ .scroll-container .animation-text {
  top: 50%;
  opacity: 1;
}
@media (max-width: 1279px) {
  body .header.stage-1 ~ .scroll-container .animation-text {
    top: 50%;
  }
}
body .header.stage-2 {
  pointer-events: all;
}
body .header.stage-2 ~ .scroll-container .logo {
  opacity: 0;
}
body .header.stage-2 ~ .scroll-container .final-buttons {
  transform: translate3d(0, -25px, 0);
  opacity: 0;
}
@media (max-width: 1279px) {
  body .header.stage-2 ~ .scroll-container .final-buttons {
    transform: translate3d(0, 100vh, 0);
  }
}
body .header.stage-2 ~ .scroll-container .animation-text {
  opacity: 1;
}
body .header.stage-3 {
  opacity: 1;
}
@media (max-width: 767px) {
  body .header.stage-3 {
    transition-delay: 1.4s;
  }
}
body .header.stage-3 ~ .scroll-container .final-buttons {
  display: flex;
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
body .header.stage-4 ~ .scroll-container {
  overflow: hidden;
}
body .header.stage-4 ~ .scroll-container .scroll-wrapper {
  height: 120vh;
}
body .header.stage-4 ~ .scroll-container .sticky-container {
  position: absolute;
}
body .header.sticky {
  position: sticky;
}

.categoriesItem {
  display: block;
  position: relative;
  margin-bottom: 12px;
  padding-left: 16px;
  text-transform: uppercase;
}
.categoriesItem::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  background-color: currentColor;
  transform: translateY(-50%);
}
.categoriesItem.condo, .categoriesItem.reviews, .categoriesItem.new-launch-reviews, .categoriesItem.en-bloc {
  color: #40A1BF;
}
.categoriesItem.condo::before, .categoriesItem.reviews::before, .categoriesItem.new-launch-reviews::before, .categoriesItem.en-bloc::before {
  background-color: #40A1BF;
}
.categoriesItem.hdb, .categoriesItem.bto, .categoriesItem.resale-hdb, .categoriesItem.hdb-reviews {
  color: #66B26B;
}
.categoriesItem.hdb::before, .categoriesItem.bto::before, .categoriesItem.resale-hdb::before, .categoriesItem.hdb-reviews::before {
  background-color: #66B26B;
}
.categoriesItem.buying, .categoriesItem.investment, .categoriesItem.opinion, .categoriesItem.guides, .categoriesItem.analysis, .categoriesItem.property-stories, .categoriesItem.property-picks, .categoriesItem.units-of-the-week, .categoriesItem.first-time-home-buyers, .categoriesItem.investment-strategies, .categoriesItem.finance, .categoriesItem.interior, .categoriesItem.renting, .categoriesItem.selling, .categoriesItem.commentary {
  color: #AD86C4;
}
.categoriesItem.buying::before, .categoriesItem.investment::before, .categoriesItem.opinion::before, .categoriesItem.guides::before, .categoriesItem.analysis::before, .categoriesItem.property-stories::before, .categoriesItem.property-picks::before, .categoriesItem.units-of-the-week::before, .categoriesItem.first-time-home-buyers::before, .categoriesItem.investment-strategies::before, .categoriesItem.finance::before, .categoriesItem.interior::before, .categoriesItem.renting::before, .categoriesItem.selling::before, .categoriesItem.commentary::before {
  background-color: #AD86C4;
}
.categoriesItem.series {
  color: #FC9047;
}
.categoriesItem.series::before {
  background-color: #FC9047;
}

.categoriesItemHeadline {
  text-transform: unset;
}

.section-title {
  font-family: "Gascogne";
  font-size: 80px;
  line-height: 1.2;
}

.section-desc {
  font-family: "Whyte Book";
  font-size: 13px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding-left: 20px;
}

.title-table {
  border-spacing: 1px;
  border-collapse: separate;
  width: 100%;
}

.title-table td {
  position: relative;
  height: 50px;
  white-space: nowrap;
}

.border-top-right::after {
  content: "";
  display: block;
  width: 50vw;
  height: 25px;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-top-right-radius: 10px;
  top: 0;
  right: -1px;
  position: absolute;
}

.border-top-left::after {
  content: "";
  display: block;
  width: 50vw;
  height: 25px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-top-left-radius: 10px;
  top: 0;
  left: -1px;
  position: absolute;
}

.extend-left::after {
  width: 100vw;
}

.border-bottom-left::after {
  content: "";
  display: block;
  width: 100%;
  height: 25px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-bottom-left-radius: 10px;
  bottom: 0;
  left: -1px;
  position: absolute;
}

.border-bottom-right::after {
  content: "";
  display: block;
  width: 100%;
  height: 25px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  border-bottom-right-radius: 10px;
  bottom: 0;
  right: -1px;
  position: absolute;
}

.notes {
  border-bottom: 1px solid #000;
}
.notes .index-container {
  padding-top: clamp(2em, 5vw, 8em);
  padding-bottom: 0px;
  display: flex;
}
.notes .left-side {
  width: 50%;
}
.notes .left-side img {
  width: 100%;
  max-width: 529px;
}
.notes .right-side {
  margin: auto;
  padding: 25px 25px 15em;
}
.notes .right-side .caption {
  font-size: clamp(10px, 4vw, 14px);
  text-transform: uppercase;
  font-family: "Whyte Book";
  margin-bottom: 25px;
}
.notes .right-side .desc {
  font-family: "Gascogne";
  font-size: 32px;
  max-width: 602px;
}
@media (max-width: 1200px) {
  .notes .left-side {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .notes .index-container {
    flex-direction: column-reverse;
  }
  .notes .left-side {
    width: calc(100% + 40px);
    margin: 0 -20px;
    display: flex;
    justify-content: center;
  }
  .notes .right-side {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 2em;
  }
  .notes .right-side .desc {
    font-size: 3vh;
    max-width: 85vw;
  }
  .notes .left-side img {
    width: 100%;
  }
}

.editorial {
  background: #F5F0E4;
  overflow: inherit;
}
.editorial .section-title {
  text-align: left;
  width: 100%;
}
.editorial table {
  width: 100%;
}
.editorial .index-container {
  display: flex;
  padding-top: clamp(5em, 5vw, 8em);
  padding-bottom: clamp(5em, 5vw, 8em);
}
.editorial .left-side {
  position: sticky;
  top: 80px;
  height: -moz-fit-content;
  height: fit-content;
  width: 50%;
}
.editorial .left-side .title {
  position: relative;
  margin-top: 80px;
  width: 100%;
}
.editorial .left-side .title .large-text {
  font-size: 80px;
  font-family: "Gascogne";
  font-weight: 400;
  position: absolute;
  top: -90px;
  left: 120px;
}
.editorial .left-side .title .caption {
  font-size: 13px;
  font-family: "Whyte Book";
  position: absolute;
  top: 30px;
  right: 0;
  text-transform: uppercase;
}
.editorial .left-side .desc {
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 25px;
  margin: 150px auto auto 11%;
}
.editorial .left-side .desc .text-content {
  max-width: 403px;
  font-size: 21px;
  font-family: "Gascogne";
}
.editorial .right-side {
  margin: auto;
  width: 50%;
  padding: 0 24px 0 48px;
}
.editorial .right-side .edit-list {
  display: flex;
  flex-direction: column;
  max-width: 602px;
  padding: 10px;
  margin: auto;
}
.editorial .right-side .edit-list::-webkit-scrollbar {
  display: none;
}
.editorial .right-side .edit-list {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.editorial .right-side .edit-row {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #DCD6CD;
}
.editorial .right-side .edit-row .edit-class {
  width: 25%;
  flex: 0 1 auto;
  position: relative;
  height: 100%;
  display: flex;
}
.editorial .right-side .edit-row .edit-class::after {
  content: "";
  position: relative;
  padding-top: 66%;
  width: 100%;
  height: auto;
}
.editorial .right-side .edit-row img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.editorial .right-side .edit-row .category svg {
  margin-right: 5px;
}
.editorial .right-side .edit-row .category.green {
  color: #66B26B;
}
.editorial .right-side .edit-row .category.green svg rect {
  fill: #66B26B;
}
.editorial .right-side .edit-row .category.blue {
  color: #40A1BF;
}
.editorial .right-side .edit-row .category.blue svg rect {
  fill: #40A1BF;
}
.editorial .right-side .edit-row .category.orange {
  color: #FC9047;
}
.editorial .right-side .edit-row .category.orange svg rect {
  fill: #FC9047;
}
.editorial .right-side .edit-row .text-content {
  padding-left: 25px;
  flex: 1;
}
.editorial .right-side .edit-row .category {
  font-size: 11px;
  font-family: "Whyte Book";
  text-transform: uppercase;
  margin-bottom: 5px;
}
.editorial .right-side .edit-row .title {
  font-size: 20px;
  font-family: "Gascogne";
}
.editorial .underline {
  width: 100%;
}
.editorial .edit-row:last-child {
  border-bottom: 0px;
}
@media (max-width: 999px) {
  .editorial .right-side .edit-row {
    flex-direction: column;
  }
  .editorial .right-side .edit-row .text-content {
    padding-top: 25px;
    padding-left: 0px;
  }
  .editorial .videos .playlist img {
    filter: none;
  }
  .editorial .right-side .edit-row .edit-class {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .editorial .left-side {
    position: relative;
    top: 0;
  }
  .editorial .border-bottom-left::after {
    width: calc(100% + 25px);
  }
  .editorial .section-desc {
    padding-right: 40px;
  }
  .editorial .right-side {
    padding: 0px;
  }
  .editorial .right-side .edit-row .edit-class {
    width: 33%;
  }
  .editorial .right-side .edit-row {
    flex-direction: row;
  }
  .editorial .right-side .edit-row .text-content {
    padding-top: 0px;
    padding-left: 25px;
  }
  .editorial .index-container {
    flex-direction: column;
    height: 100%;
    padding-top: 1em;
  }
  .editorial .left-side .title,
  .editorial .left-side .desc,
  .editorial .left-side, .editorial .right-side {
    width: 100%;
  }
  .editorial .left-side .title .large-text {
    font-size: 50px;
    left: 20px;
    top: -70px;
  }
  .editorial .left-side .title .caption {
    font-size: 12px;
    top: 10px;
    right: 45px;
  }
  .editorial .left-side .desc .text-content {
    font-size: 20px;
  }
  .editorial .left-side .desc {
    margin: 0;
    padding: 75px 16px 50px;
  }
  .editorial .right-side .edit-row .category {
    font-size: 8px;
  }
  .editorial .right-side .edit-row .title {
    font-size: 16px;
  }
  .editorial .right-side .edit-list {
    max-height: none;
    padding: 0;
  }
  .editorial .right-side .edit-row {
    padding: 10px 0px;
  }
  .editorial .button {
    width: 100% !important;
    margin-bottom: 2em;
    margin-top: 4em !important;
  }
}

.videos {
  background: #000000;
}
.videos .title-table {
  margin-top: -50px;
}
.videos .title {
  color: white;
  width: 100%;
}
.videos .title .border-top-left::after {
  border-top: 1px solid white;
  border-left: 1px solid white;
  width: 100vw;
}
.videos .title .border-bottom-right::after {
  border-bottom: 1px solid white;
  border-right: 1px solid white;
}
.videos .index-container {
  min-height: 100vh;
}
.videos .intro .title.desktop {
  display: block;
  margin-left: auto;
}
.videos .desc .text-content {
  color: #F5F0E4;
  max-width: 490px;
  font-family: "Gascogne";
  font-size: 20px;
}
.videos .intro .desc {
  margin: 50px 50px auto auto;
  width: -moz-fit-content;
  width: fit-content;
}
.videos .screenshot {
  width: 100%;
}
.videos .video-row .title {
  color: #F5F0E4;
  font-size: 20px;
  margin-bottom: 15px;
  max-width: 154px;
  font-family: "Gascogne";
  text-transform: uppercase;
  letter-spacing: 0.04;
}
.videos .video-row .desc {
  color: #F5F0E4;
  font-size: 20px;
  font-family: "Gascogne";
  margin-bottom: 15px;
}
.videos .button {
  background: #AD86C4 !important;
}
.videos .button:hover {
  background: #F5F0E4 !important;
  color: black !important;
}
.videos .first.video-row {
  max-width: 699px;
  padding-left: 75px;
  margin-top: 75px;
}
.videos .second.video-row {
  max-width: 384px;
  margin: -35px 75px auto auto;
}
.videos .video-row.second .title, .videos .video-row.third .title {
  font-size: 18px;
  max-width: 136px;
  white-space: nowrap;
}
.videos .third.video-row {
  max-width: 596px;
  margin-left: 180px;
}
.videos .video-row .iframe-container {
  position: relative;
  padding-top: 50%;
}
.videos .video-row .iframe-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.videos .video-row .iframe-container:hover::after {
  display: none;
}
.videos .video-row iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.videos .video-playlist {
  position: relative;
  width: 100%;
  margin-top: 100px;
  padding: 0 75px;
}
.videos .video-playlist .title {
  color: #F5F0E4;
  font-size: 20px;
  font-family: "Gascogne";
  margin-bottom: 25px;
}
.videos .playlists {
  position: relative;
  width: 272.51px;
  transition: 0.2s all ease-in;
}
.videos .playlist img {
  max-width: 273px;
  max-height: 391px;
  filter: brightness(50%);
  transition: 0.5s filter;
}
.videos .video-playlist .playlist {
  transition: 0.2s all ease-in;
  background: #000;
}
.videos .video-playlist .playlist.second {
  position: absolute;
  transform: translate(-50%, 0%);
  left: 230px;
  bottom: 0%;
}
.videos .video-playlist .playlist.third {
  position: absolute;
  right: -190px;
  bottom: 0;
}
.videos .playlist img:hover {
  filter: brightness(100%);
}
.videos .video-playlist.active .playlists {
  width: 100%;
}
.videos .video-playlist.active .playlist.second {
  left: 50%;
}
.videos .video-playlist.active .playlist.third {
  right: 0%;
}
@media (max-width: 1400px) {
  .videos .playlist img {
    filter: brightness(100%);
  }
  .videos .video-playlist .playlists {
    width: 100%;
  }
  .videos .video-playlist .playlist.second {
    left: 50%;
  }
  .videos .video-playlist .playlist.third {
    right: 0%;
  }
}
@media (max-width: 1360px) {
  .videos .title-table {
    margin-top: unset;
  }
}
@media (max-width: 1300px) {
  .videos .video-row {
    padding-bottom: 4em;
  }
  .videos .video-row.second {
    margin: 0 75px auto auto;
  }
}
@media (max-width: 1200px) {
  .videos .playlists {
    display: flex;
    overflow: auto;
    width: 100%;
  }
  .videos .playlist img {
    max-width: 125px;
    max-height: 205px;
  }
  .videos .video-playlist .playlist {
    margin-right: 25px;
  }
  .videos .video-playlist .playlist.third, .videos .video-playlist .playlist.second {
    position: relative;
    transform: none;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .videos .video-playlist .playlists::-webkit-scrollbar {
    display: none;
  }
  .videos .video-playlist .playlists {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .videos .video-playlist.active .playlist.second {
    left: 0;
  }
  .videos .video-playlist.active .playlist.third {
    right: 0;
  }
}
@media (max-width: 960px) {
  .videos .index-container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .videos .intro, .videos .video-playlist .title {
    padding-left: 24px;
    padding-right: 24px;
  }
  .videos .video-playlist .playlist.first {
    margin-left: 24px;
  }
  .videos .video-row:not(:last-child) {
    padding-bottom: 0;
  }
  .videos .button {
    margin-top: 60px !important;
    margin: 0 auto;
  }
  .videos .intro .desc {
    margin: 0;
    padding: 75px 16px;
  }
  .videos .intro .title,
  .videos .intro .desc,
  .videos .intro .desc .text-content {
    width: 100%;
    max-width: unset;
  }
  .videos .video-row .desc {
    font-size: 16px;
  }
  .videos .first.video-row, .videos .second.video-row, .videos .third.video-row {
    padding: 0 24px;
    width: 100%;
    max-width: none;
    margin: 0;
    margin-bottom: 65px;
  }
  .videos .video-playlist {
    padding: 0;
    margin-top: 75px;
  }
}
@media (max-width: 500px) {
  .videos .button {
    width: 100% !important;
  }
  .videos .title .border-bottom-right {
    min-width: 120px !important;
  }
  .videos .title .border-bottom-right::after {
    width: 50vw;
  }
}

.podcasts {
  background: #3A433E;
}
.podcasts .title {
  color: white;
  width: 100%;
}
.podcasts .title .border-top-right::after {
  border-top: 1px solid white;
  border-right: 1px solid white;
  width: 100%;
}
.podcasts .title .border-bottom-left::after {
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  width: 100vw;
  height: calc(100% - 25px);
}
.podcasts .intro {
  position: relative;
}
.podcasts .intro .title {
  width: 100%;
}
.podcasts .section-content {
  display: flex;
  margin-top: 100px;
}
.podcasts .desc .text-content {
  color: #F5F0E4;
  max-width: 331px;
  font-size: 20px;
  font-family: "Gascogne";
}
.podcasts .desc .button {
  background: #FC9047;
  color: #000;
}
.podcasts .desc .button:hover {
  background: #F5F0E4;
}
.podcasts .podcasts-list {
  grid-template-columns: repeat(auto-fit, minmax(384px, 1fr));
  display: grid;
  width: 100%;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 25px;
  margin-left: clamp(5em, 10vw, 10em);
}
.podcasts .podcast {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom-right-radius: 15px;
  padding: 0px 50px 15px 0px;
  text-decoration: none;
}
.podcasts .podcast .image {
  max-height: 123px;
  max-width: 126px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 9px;
}
.podcasts .podcast .text-content {
  padding-left: 15px;
}
.podcasts .podcast .text-content .caption {
  color: #636E62;
  font-size: 10px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.podcasts .podcast .text-content .title {
  color: #F5F0E4;
  font-size: 20px;
  font-family: "Gascogne";
}
@media (max-width: 767px) {
  .podcasts .section-content {
    flex-direction: column;
    margin-top: 50px;
  }
  .podcasts .podcast .text-content .title {
    font-size: 18px;
  }
  .podcasts .desc {
    padding: 0px 16px;
    margin-bottom: 125px;
  }
  .podcasts .podcasts-list {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    max-width: 100%;
    margin-left: unset;
  }
  .podcasts .podcast {
    padding: 0px 15px 15px 0px;
    width: 100%;
  }
  .podcasts .podcast .image {
    max-width: 100px;
  }
  .podcasts .desc .button {
    width: 100% !important;
  }
}
@media (max-width: 500px) {
  .podcasts .title .border-top-right::after {
    width: 50vw;
  }
  .podcasts .title .border-top-right {
    min-width: 75px !important;
  }
  .podcasts .section-desc {
    white-space: unset;
  }
}

.tailored {
  background-color: #F5F0E4;
  max-width: 1400px;
  display: flex;
  flex-direction: row;
  padding-bottom: 5em;
  padding-top: 5em;
}
.tailored .button-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 2em;
}
.tailored .button-wrap a:hover {
  background-color: #AD86C4;
}
.tailored .button-wrap a.solid:hover {
  border: 1px solid #AD86C4;
}
.tailored .heading {
  font-family: "Gascogne";
  font-size: 40px;
  text-transform: capitalize;
}
.tailored .sub-heading {
  font-family: "Whyte Book";
  font-size: 14px;
  padding-top: 30px;
}
.tailored .reverse-column {
  display: flex;
  flex-direction: column;
}
.tailored .reverse-column p {
  font-family: "Gascogne";
  font-size: 22px;
  padding-top: 2em;
  padding-right: 20%;
}
@media (max-width: 1279px) {
  .tailored .reverse-column p {
    padding-right: 0px;
  }
}
.tailored .wrap-column {
  max-width: 100%;
}
@media (max-width: 1279px) {
  .tailored .wrap-column.right {
    display: flex;
    justify-content: flex-end;
  }
}
.tailored .button {
  border: 1px solid black;
  padding: 10px 20px 10px;
  border-radius: 6px;
  font-family: "Whyte Book";
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 16px;
  margin-right: 30px;
  white-space: nowrap;
  margin-bottom: 20px;
  width: 223px;
}
.tailored .button.solid {
  background-color: black;
  color: white;
}
.tailored img {
  width: 63vw;
}
@media (max-width: 1279px) {
  .tailored .wrap-column {
    padding: 0px;
  }
  .tailored img {
    padding-top: 1em;
  }
}
@media (max-width: 767px) {
  .tailored .reverse-column {
    flex-direction: column-reverse;
  }
  .tailored .button {
    width: 100%;
    margin-right: 0px;
  }
  .tailored .button:last-child {
    margin-bottom: 0px;
  }
  .tailored .wrap-column.right {
    justify-content: center;
  }
  .tailored img {
    width: calc(100% + 40px);
    margin: auto;
    max-width: unset;
  }
}

span.highlighted {
  color: #AD86C4;
}

.podcasts .button,
.videos .button,
.editorial .button {
  width: 223px;
  background: #000;
  height: 40px;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  margin-top: 35px;
  cursor: pointer;
  color: #F5F0E4;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Whyte Book";
  font-size: 13px;
  align-items: center;
  line-height: 16px;
  display: flex;
}
.podcasts .button:hover,
.videos .button:hover,
.editorial .button:hover {
  background: #AD86C4;
}

.mobile {
  display: none;
}

.index-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 58px;
  padding-right: 58px;
  padding-top: clamp(6em, 5vw, 10em);
  padding-bottom: clamp(6em, 5vw, 10em);
}
@media (max-width: 1680px) {
  .index-container {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (max-width: 960px) {
  .index-container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 540px) {
  .index-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.tabs {
  overflow: hidden;
}

.tab {
  width: 100%;
  color: black;
  overflow: hidden;
  border-top: 1px solid black;
}
.tab:last-child {
  border-bottom: 1px solid black;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em 0px;
  cursor: pointer;
  font-size: 2vw;
  font-size: clamp(15px, 2vw, 21px);
}
.tab-label::after {
  content: "+";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.tab-content {
  padding: 0 1em;
  color: black;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  cursor: pointer;
}

input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em 0px;
}

@media (max-width: 1279px) {
  .tailored {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .section-title {
    font-size: 50px;
  }
  .tailored {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .desktop, .videos .intro .title.desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  .button {
    width: 100%;
  }
}
html, body {
  padding-top: 0px;
  letter-spacing: 0.02px;
}

body.disable-scroll {
  overflow: hidden;
  touch-action: none;
}

header {
  position: fixed;
  height: 95px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}

body.hide-scroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body.hide-scroll {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.service-page .section {
  height: 100vh;
  padding: 57px 25px 25px;
}
.service-page .landing-section {
  color: #F5F0E4;
  height: 100vh;
  padding: 54.5px 0;
  background-color: #000000;
  display: grid;
  grid-template-columns: 12.5% 75% 12.5%;
}
.service-page .landing-section .content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.service-page .landing-section .content .middle-content {
  display: flex;
  height: 100%;
  width: 100%;
}
.service-page .landing-section .content .middle-content .left-part {
  width: calc(50% - 22px);
  position: relative;
}
.service-page .landing-section .content .middle-content .right-part {
  width: calc(50% + 22px);
  border-left: 22px solid #F5F0E4;
  position: relative;
}
.service-page .landing-section .content .upper-content, .service-page .landing-section .content .bottom-content {
  content: "";
  height: 92px;
  width: 100%;
  display: flex;
}
.service-page .landing-section .content .upper-content .left-side {
  width: calc(50% - 22px);
  position: relative;
}
.service-page .landing-section .content .upper-content .left-side .long-line {
  width: 80.5%;
  border-top: 7px solid #F5F0E4;
  position: absolute;
  top: -100%;
  left: 0;
  transition: top 0.6s ease-in-out 0.13s;
}
.service-page .landing-section.active .content .upper-content .left-side .long-line {
  top: 0;
}
.service-page .landing-section .content .upper-content .right-side {
  width: calc(50% + 22px);
  border-left: 22px solid #F5F0E4;
  border-top: 22px solid #F5F0E4;
  border-top-left-radius: 92px;
}
.service-page .landing-section .content .bottom-content .left-side {
  width: 50%;
  border-right: 22px solid #F5F0E4;
  border-bottom: 22px solid #F5F0E4;
  border-bottom-right-radius: 92px;
}
.service-page .landing-section .content .bottom-content .right-side {
  width: 50%;
  position: relative;
}
.service-page .landing-section .content .bottom-content .right-side .long-line {
  width: 80.5%;
  border-bottom: 7px solid #F5F0E4;
  position: absolute;
  bottom: -100%;
  right: 0;
  transition: bottom 0.6s ease-in-out;
}
.service-page .landing-section.active.step-2 .content .bottom-content .right-side .long-line {
  bottom: 0;
}
.service-page .landing-section .content .middle-content .left-part .body-text {
  font-size: 22px;
  text-transform: uppercase;
  font-family: "Whyte Light";
  position: absolute;
  transition: top 0.7s ease-in-out;
  top: -23%;
  transform: translate(0px, -50%);
  min-width: 124px;
}
.service-page .landing-section.active .content .middle-content .left-part .body-text {
  top: -2%;
}
.service-page .landing-section.active.step-2 .content .middle-content .left-part .body-text {
  top: calc(50% - 18px);
}
.service-page .landing-section .content .middle-content .left-part .body-text .stacked-logo {
  transition: bottom 0.9s ease-in-out;
  position: absolute;
  bottom: 9px;
}
.service-page .landing-section.active .content .middle-content .left-part .body-text .stacked-logo {
  bottom: -25px;
}
.service-page .landing-section .content .middle-content .left-part .body-text svg {
  margin-top: 5px;
}
.service-page .landing-section .content .middle-content .right-part .body-text {
  font-size: 43px;
  font-family: "Gascogne";
  line-height: 44px;
  max-width: 419px;
  position: absolute;
  top: 50%;
  right: 0;
  padding-left: 30px;
  transform: translate3d(0px, -25%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  opacity: 0;
}
.service-page .spacing {
  position: relative;
}
.service-page .scroll-indicate {
  position: absolute;
  bottom: 0;
  opacity: 0;
  left: 65%;
  transform: translate(-50%, 0px);
  transition: opacity 0.7s linear;
  display: flex;
  flex-direction: column;
}
.service-page .scroll-indicate svg {
  margin: 0 auto;
  transform: translate(0px, 0px);
  transition: transform 0.25s ease-in-out;
}
.service-page .scroll-indicate.active svg {
  transform: translate(0px, 5px);
}
.service-page .scroll-indicate .scroll-text {
  padding-top: 10px;
  font-size: 9px;
  text-transform: uppercase;
  font-family: "Whyte Book";
  line-height: 1;
}
.service-page .landing-section.active.step-2 .scroll-indicate {
  opacity: 1;
}
.service-page .first.section {
  background-color: #F5F0E4;
}
.service-page .section.second {
  background-color: #000000;
}
.service-page .section.third {
  background-color: #AD86C4;
}
.service-page .section.fourth {
  background-color: #F5F0E4;
}
.service-page .fixed-container {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.service-page .container-wrapper {
  top: 0;
  width: 100%;
  position: absolute;
  transform: translate(0px, 0vh);
}
.service-page .content-wrapper .body-text {
  font-size: 40px;
  font-family: "Gascogne";
  text-align: center;
  padding: 0 10px;
  line-height: 1.2;
  color: #F5F0E4;
}
.service-page .content-wrapper .highlight-text {
  font-family: "Whyte Light";
  text-transform: uppercase;
  font-size: 35px;
}
.service-page .first.section .content-wrapper {
  max-width: 778px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.service-page .first.section .content-wrapper .body-text {
  color: #000000;
}
.service-page .enthusiasts-list {
  display: grid;
  margin-top: 25px;
  grid-gap: 25px;
  justify-items: center;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
.service-page .enthusiast-column {
  max-width: 170px;
  font-size: 12px;
  font-family: "Whyte Book";
  display: flex;
  flex-direction: column;
  align-items: center;
}
.service-page .enthusiast-column .profile-pic {
  max-width: 146px;
  width: 100%;
}
.service-page .enthusiasts-list .enthusiast-column:nth-child(1) .signature {
  max-width: 109px;
  width: 100%;
}
.service-page .enthusiasts-list .enthusiast-column:nth-child(2) .signature {
  max-width: 120px;
  width: 100%;
}
.service-page .enthusiasts-list .enthusiast-column:nth-child(3) .signature {
  max-width: 120px;
  width: 100%;
}
.service-page .enthusiast-column:nth-child(2) {
  margin-top: 70px;
}
.service-page .enthusiast-column .role {
  margin-top: 10px;
}
.service-page .second.section .content-wrapper {
  max-width: 918px;
  margin: auto;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-page .second.section .content-wrapper .body-text {
  max-width: 636px;
  padding: 0;
  transition: opacity 0.5s;
}
.service-page .second.section.active .content-wrapper .background-img {
  opacity: 0.15;
}
.service-page .second.section .background-img {
  position: absolute;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.5s;
}
.service-page .second.section .hover-img {
  position: absolute;
  bottom: 65px;
  right: -5%;
  max-width: 229px;
  transition: opacity 0.5s;
  opacity: 0;
}
.service-page .second.section.active .hover-img {
  opacity: 1;
}
.service-page .third.section .content-wrapper .body-text {
  color: #000000;
  max-width: 652px;
}
.service-page .third.section .content-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-page .third.section .content-wrapper img {
  position: absolute;
  left: 15px;
  bottom: -25px;
  max-width: 565px;
  height: auto;
  width: 30%;
}
.service-page .third.section .content-wrapper .highlight-text {
  border-bottom: solid 2px #F5F0E4;
}
.service-page .fourth.section .content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.service-page .fourth.section .title-caption {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.service-page .fourth.section .title {
  font-size: 54px;
  text-align: center;
  font-family: "Gascogne";
  margin-bottom: 25px;
  line-height: 1.2;
}
.service-page .fourth.section .description {
  text-align: center;
  max-width: 510px;
}
.service-page .steps {
  display: grid;
  grid-gap: 35px;
  justify-items: center;
  justify-content: center;
  margin-top: 50px;
  width: 100%;
  grid-template-columns: repeat(3, minmax(10px, 1fr));
}
.service-page .step-column {
  background: rgba(173, 134, 196, 0.2);
  padding: 15% 10%;
  border-radius: 25px;
  max-width: 400px;
  cursor: pointer;
  transform: scale(0.4, 0.4);
  transform-origin: 50% 100%;
}
.service-page .step-column:hover {
  background: #AD86C4;
}
.service-page .step-column .step-title {
  font-size: 22px;
  font-family: "Gascogne";
  display: flex;
  align-items: flex-end;
  line-height: 1;
  padding-bottom: 15px;
  border-bottom: 1px solid #808080;
  margin-bottom: 50px;
}
.service-page .step-column .step-title img {
  margin-left: auto;
  max-height: 107px;
}
.service-page .step-column .step-description {
  font-size: 13px;
}
.service-page .step-column .step-description .highlight {
  text-transform: uppercase;
}
.service-page .step {
  background: #F5F0E4;
  display: flex;
}
.service-page .step.section .content-wrapper {
  display: flex;
  height: 100%;
  margin: auto;
  max-width: 1150px;
  align-items: center;
  justify-content: center;
  max-height: 601px;
  width: 100%;
  height: 100%;
  position: relative;
}
.service-page .step.section .content-wrapper .body-text, .service-page .step.section .content-wrapper .outcome {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-family: "Whyte Book";
  color: #000000;
  background: rgba(255, 255, 255, 0.5019607843);
  height: 100%;
  width: 100%;
  text-align: left;
  max-width: 613px;
  max-height: 601px;
  padding: 6% 5% 8%;
  border-radius: 15px;
  margin-right: auto;
}
.service-page .step.section .content-wrapper .body-text .title {
  font-size: 40px;
  font-family: "Gascogne";
  text-align: left;
  line-height: 1.2;
}
.service-page .step.section .content-wrapper .body-text .duration {
  font-size: 13px;
  color: #F5F0E4;
  text-align: center;
  background: #A789C0;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 15px;
  margin-top: 15px;
  border-radius: 15px;
  line-height: 1;
}
.service-page .step.section .content-wrapper .body-text .checklist {
  margin-top: auto;
}
.service-page .step.section .content-wrapper .body-text .checklist .tick {
  margin-right: 10px;
}
.service-page .step.section .content-wrapper .body-text .checklist .check-row {
  letter-spacing: 1px;
  margin-top: 20px;
  display: flex;
}
.service-page .step.section .content-wrapper .illustration {
  width: 40%;
  height: auto;
  margin: auto;
}
.service-page .step.section .content-wrapper .outcome {
  font-size: 24px;
  font-family: "Gascogne";
  position: absolute;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.5);
  left: 0;
  top: 100vh;
  width: 55%;
  transition: 0.5s top;
}
.service-page .step.section.active .content-wrapper .outcome {
  top: 0;
}
.service-page .step.section .content-wrapper .outcome .title {
  font-size: 16px;
  font-family: "Whyte Book";
  text-transform: uppercase;
  border-top: 1px solid black;
  padding-top: 10px;
  text-align: left;
}
.service-page .step.section .content-wrapper .outcome .description {
  margin: auto;
  margin-left: 30px;
}
.service-page .step.section.right .content-wrapper .body-text, .service-page .step.section.right .content-wrapper .outcome {
  margin-left: auto;
  margin-right: 0;
}
.service-page .step.section.right .content-wrapper .outcome {
  left: unset;
  right: 0;
}
.service-page .step.section .content-wrapper .illustration {
  margin-left: 5%;
}
.service-page .step.section.right .content-wrapper .illustration {
  margin-left: 0;
  margin-right: 5%;
}
.service-page .step.section.active.right .content-wrapper .outcome {
  top: 0;
}
.service-page .step.section .content-wrapper .outcome::after {
  border-bottom: 1px solid black;
  content: "";
}
.service-page .mobile {
  display: none;
}
.service-page #book-now {
  background-color: #A789C0;
  padding-top: 5vw;
  padding-bottom: 5vw;
}
.service-page .container {
  max-width: unset;
}
.service-page .title {
  font-size: 3vw;
  font-size: clamp(32px, 3vw, 40px);
  text-align: center;
  font-family: "Gascogne";
  letter-spacing: 0.02px;
  line-height: 1.5;
}
.service-page .caption {
  font-family: "Whyte Book";
  font-size: 2vw;
  font-size: clamp(11px, 2vw, 13px);
}
.service-page .desc {
  font-family: "Whyte Book";
  font-size: 2vw;
  font-size: clamp(14px, 2vw, 18px);
}
.service-page #book-container {
  display: flex;
  flex-direction: column;
  background-color: rgba(245, 240, 228, 0.28);
  border-radius: 20px;
  padding: 7vw;
  align-items: center;
  transition: all 0.7s;
}
.service-page #book-container:hover {
  background-color: rgb(245, 240, 228);
}
.service-page .sub-heading {
  font-family: "Helvetica Neue";
  font-size: 3vw;
  font-size: clamp(14px, 3vw, 21px);
  text-align: center;
  padding: 1em 0;
  letter-spacing: 0.02px;
}
.service-page .content {
  font-family: "Whyte";
  font-size: 15px;
}
.service-page .book-flex {
  display: flex;
  flex-wrap: wrap;
  padding: 5em 0px 2em;
  width: 100%;
}
.service-page .first-col {
  min-width: 40%;
  max-width: 100%;
  flex: 1;
  font-family: "Whyte Book";
  font-size: 15px;
  padding-right: 10em;
  padding-bottom: 5em;
  letter-spacing: 0.02px;
}
.service-page .second-col {
  width: 500px;
  max-width: 100%;
  flex: 1;
  display: grid;
  grid-template: "a b c" auto/1fr 1fr 1fr;
}
.service-page .case-study-title {
  font-family: "Whyte Light";
  font-size: 25px;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.service-page .case-study-image {
  flex: 1;
  padding-right: 5em;
}
.service-page .case-study-content {
  font-family: "Whyte Book";
  font-size: 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.service-page .case-study-image img {
  width: 100%;
}
.service-page #book-container .button {
  margin: 0;
}
.service-page .other-col {
  width: 170px;
  flex: 1;
  border-left: 1px solid black;
  padding-left: 1em;
  height: -moz-fit-content;
  height: fit-content;
}
.service-page .other-col img {
  margin-bottom: 1em;
}
.service-page .button {
  border: 1px solid black;
  padding: 10px 20px 10px;
  border-radius: 6px;
  font-family: "Whyte Book";
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 16px;
  margin-right: 30px;
  white-space: nowrap;
  margin-bottom: 20px;
  width: 223px;
}
.service-page .button.solid {
  background-color: black;
  color: white;
}
.service-page .section-desc {
  font-family: "Gascogne";
  font-size: 32px;
}
.service-page .case-studies .title,
.service-page .case-studies {
  color: #F5F0E4;
}
.service-page .case-studies .section-title {
  text-align: left;
  font-family: "Whyte Book";
  font-size: 15px;
  text-transform: uppercase;
  padding-bottom: 0.5em;
}
.service-page .case-studies .section-desc {
  white-space: normal;
  text-transform: unset;
  text-align: left;
  line-height: 1.2;
  padding-top: 0.5em;
}
.service-page .case-studies .index-container {
  min-height: 100vh;
}
.service-page .case-studies .title .border-bottom-right::after {
  bottom: unset;
  top: 25px;
}
.service-page .case-study-container {
  display: flex;
  flex-direction: column;
  color: #F5F0E4;
  padding: 5em 0px;
}
.service-page .case-study-row {
  display: flex;
  margin-bottom: 5em;
}
.service-page .building {
  position: relative;
  left: 100%;
  transform: translateX(-100%);
  top: -23px;
}
.service-page .intro {
  padding-top: 5em;
}
.service-page .testimonials {
  background-color: black;
  color: #F5F0E4;
  padding-bottom: 10em;
  cursor: none;
}
.service-page .testimonial {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 40px;
}
.service-page .testimonial .text {
  font-family: "Whyte Book";
  font-size: 15px;
  color: #F5F0E4;
  text-align: center;
  line-height: 1.5;
}
.service-page .testimonial .location {
  font-family: "Funky Signature";
  font-size: 50px;
  color: #F5F0E4;
  padding: 0.5em 0;
}
.service-page .testimonial .name,
.service-page .testimonial .service {
  font-family: "Whyte Book";
  font-size: 15px;
  color: #F5F0E4;
  padding-bottom: 0.5em;
  text-transform: uppercase;
}
.service-page .swiper {
  width: 100vw;
}
.service-page .services-title {
  font-size: 2vw;
  font-size: clamp(32px, 2vw, 40px);
  font-family: "Gascogne";
  display: flex;
  justify-content: center;
  margin-bottom: 1.5em;
  text-align: center;
}
.service-page .swiper-slide {
  transition: all 1s;
}
.service-page .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.5;
}
.service-page .swiper-pagination {
  position: relative;
  margin-top: 5em;
}
.service-page .swiper-pagination-bullet {
  width: 27px;
  border-radius: 0;
  height: 3px;
  background: rgba(245, 240, 228, 0.8);
}
.service-page .swiper-pagination-bullet-active {
  background: rgb(245, 240, 228);
}
.service-page .faq {
  background-color: #DDD6CC;
}
.service-page .quote-section {
  background-color: #F5F0E4;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.service-page .quote-section p {
  font-family: "Gascogne";
  font-size: 2vw;
  font-size: clamp(22px, 2vw, 40px);
  letter-spacing: -0.2px;
  max-width: 100%;
  width: 800px;
  line-height: 1.3;
  text-align: center;
}
.service-page .quote-section p:nth-child(1) {
  margin: 5% auto 1.75%;
}
.service-page .quote-section p.second {
  margin: 1.75% auto 5%;
}
.service-page .quote-section img {
  height: 55%;
  width: auto;
  margin: auto;
}
.service-page .quote-section p span {
  font-family: "Whyte Light";
}
.service-page .begin-section {
  background-color: #AD86C4;
  padding-top: 2em;
  padding-bottom: 1em;
  height: 100vh;
  display: flex;
}
.service-page .begin-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  padding-top: var(--vh, 25px);
}
.service-page .button-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 3em 0px 2em;
  justify-content: center;
}
.service-page .button-wrapper .button {
  text-transform: uppercase;
  margin-right: 15px;
  margin-left: 15px;
}
.service-page .back-top {
  cursor: pointer;
  display: none;
}
.service-page .case-studies .button {
  max-width: 90%;
  color: black;
  margin-left: 0;
  margin-right: 0;
}
.service-page .purple-text {
  color: #AD86C4 !important;
}
.service-page .back-top.fixed {
  position: fixed;
  bottom: 15px;
  width: 12.5%;
  right: -15px;
}
.service-page .back-top.fixed svg {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
}
.service-page .back-top.fixed.white svg text tspan {
  fill: #F5F0E4;
}
.service-page .back-top.fixed.white svg line, .service-page .back-top.fixed.white svg path {
  stroke: #F5F0E4;
}
.service-page .testimonial-arrow {
  transition: none;
  position: absolute;
  transform: translate(-50%, -50%) rotateZ(90deg);
  cursor: none;
}
.service-page .testimonial-arrow.right {
  transform: translate(-50%, -50%) rotateZ(270deg);
}
.service-page .faq .tabs {
  flex-direction: column;
}
.service-page .tab-label {
  font-size: clamp(15px, 2vw, 16px);
}
.service-page .tab-content {
  font-size: 14px;
  max-height: 0;
}
.service-page .section.placeholder {
  position: absolute;
  height: 100vh;
  width: 100vw;
  display: none;
  left: 0;
}
.service-page .text-animation {
  transform: translate3d(0px, 5vw, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  opacity: 0;
}
.service-page .back-top .content {
  transform: translate(-50%, -100%);
  left: 50%;
  position: absolute;
}
.service-page .back-top .content .arrow {
  height: 38px;
  width: 38px;
  margin: auto;
  border-radius: 50%;
  background-color: #F5F0E4;
  position: relative;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.5019607843);
}
.service-page .back-top .content .back-text {
  padding-top: 0px;
  font-size: 9px;
  text-transform: uppercase;
  font-family: "Whyte Book";
  transition: all 0.5s;
  opacity: 0;
}
.service-page .back-top.fixed:hover .content .back-text {
  opacity: 1;
  padding-top: 15px;
}
.service-page .faq .index-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1200px;
  min-height: 100vh;
}
.service-page .bottom-step .first.section.placeholder {
  display: block;
}
.service-page .begin-content img {
  max-height: 420px;
}
@media (max-width: 1399px) {
  .service-page .case-studies.videos .title-table {
    margin-top: -50px;
  }
  .service-page .first-col {
    padding-right: 2em;
    min-width: 100%;
  }
  .service-page #book-container {
    background-color: rgb(245, 240, 228);
  }
  .service-page #book-now {
    height: auto;
  }
  .service-page .book-flex {
    padding-top: 2em;
    padding-bottom: 3em;
  }
  .service-page .first-col {
    padding-bottom: 3em;
  }
}
@media screen and (max-width: 960px) {
  .service-page .videos .button {
    margin-top: 2em !important;
  }
}
@media screen and (max-width: 767px) {
  .service-page .begin-content img {
    height: 30vh;
  }
  .service-page .quote-section p {
    margin: 25px auto;
  }
  .service-page .back-top.fixed, .service-page .testimonial-arrow {
    display: none !important;
  }
  .service-page .screen-container.disable-scroll {
    touch-action: none;
  }
  .service-page .case-study-image {
    padding-right: 0;
  }
  .service-page .case-study-row {
    flex-direction: column;
  }
  .service-page .second-col {
    grid-template: "a ." "b c" auto/1fr 1fr;
  }
  .service-page .other-col {
    width: unset !important;
    margin-bottom: 2em;
  }
  .service-page #book-now {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
  .service-page #book-container {
    padding: 15vw 10vw;
  }
  .service-page .first-col {
    padding-right: 0px;
  }
  .service-page .scroll-indicate {
    left: 50%;
  }
  .service-page .mobile {
    display: block;
  }
  .service-page .desktop {
    display: none;
  }
  .service-page .landing-section {
    grid-template-columns: 7.5% 85% 7.5%;
    position: relative;
    padding: 25.5px 0 100.5px;
  }
  .service-page .landing-section .content {
    position: absolute;
    bottom: calc(0% + 40.5px);
    height: auto;
    width: 85%;
    left: 50%;
    transform: translate(-50%, 0px);
  }
  .service-page .landing-section.active.step-2 .content {
    top: 26.5px;
  }
  .service-page .landing-section .content .bottom-content .right-side .long-line {
    border-bottom: 2px solid #F5F0E4;
    bottom: 0%;
  }
  .service-page .landing-section .content .upper-content .left-side .long-line {
    border-top: 2px solid #F5F0E4;
    top: 0%;
  }
  .service-page .landing-section .content .middle-content {
    height: calc(35vh - 250px);
    transition: height 0.7s ease-in-out;
  }
  .service-page .landing-section.active.step-2 .content .middle-content {
    height: calc(35vh - 250px);
  }
  .service-page .landing-section.active .content .middle-content {
    height: calc(100vh - 250px);
  }
  .service-page .landing-section .content .middle-content .left-part {
    width: calc(50% - 8px);
  }
  .service-page .landing-section .content .middle-content .right-part {
    width: calc(50% + 8px);
    border-left: 8px solid #F5F0E4;
  }
  .service-page .landing-section .content .upper-content {
    margin-bottom: -1px;
  }
  .service-page .landing-section .content .bottom-content {
    margin-top: -1px;
  }
  .service-page .landing-section .content .upper-content .left-side {
    width: calc(50% - 8px);
  }
  .service-page .landing-section .content .bottom-content .left-side {
    border-right: 8px solid #F5F0E4;
    border-bottom: 8px solid #F5F0E4;
    border-bottom-right-radius: 35px;
  }
  .service-page .landing-section .content .upper-content .right-side {
    width: calc(50% + 8px);
    border-left: 8px solid #F5F0E4;
    border-top: 8px solid #F5F0E4;
    border-top-left-radius: 35px;
  }
  .service-page .landing-section .content .middle-content .left-part .body-text .stacked-logo {
    bottom: auto;
  }
  .service-page .mobile.logo-text .body-text {
    font-size: 22px;
    text-transform: uppercase;
    font-family: "Whyte Light";
    min-width: 124px;
    position: absolute;
    left: 7.5%;
    top: 60px;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
  }
  .service-page .landing-section.active .mobile.logo-text .body-text {
    opacity: 1;
  }
  .service-page .landing-section .mobile.body-text {
    opacity: 0;
    position: absolute;
    top: 35vh;
    left: 7.5%;
    font-size: 32px;
    font-family: "Gascogne";
    line-height: 44px;
    max-width: 419px;
    transition: opacity 0.6s ease-in-out;
  }
  .service-page .landing-section.active.step-2 .mobile.body-text {
    opacity: 1;
  }
  .service-page .content-wrapper .body-text {
    padding: 0;
    font-size: 32px;
    font-size: clamp(16px, 4vh, 32px);
  }
  .service-page .enthusiasts-list {
    grid-gap: 15px;
    margin-top: 50px;
    grid-template-columns: repeat(3, minmax(10px, 1fr));
  }
  .service-page .enthusiast-column .role {
    font-size: 11px;
    text-align: center;
  }
  .service-page .enthusiast-column:nth-child(2) {
    margin-top: 120px;
  }
  .service-page .content-wrapper .highlight-text {
    font-size: 27px;
    font-size: 32px;
    font-size: clamp(16px, 4vh, 27px);
  }
  .service-page .second.section .hover-img {
    bottom: 0%;
    right: 10%;
    max-width: 181px;
  }
  .service-page .second.section .background-img {
    top: 50%;
  }
  .service-page .third.section .content-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  .service-page .third.section .content-wrapper img {
    position: relative;
    left: 50%;
    bottom: unset;
    width: 100%;
    max-width: 409px;
    margin-bottom: calc(var(--vh, 25px) * -1);
    transform: translate(-50%, 0);
    margin-left: 0;
  }
  .service-page .third.section .content-wrapper .body-text {
    margin: auto;
  }
  .service-page .step-column .step-description {
    display: none;
  }
  .service-page .steps {
    grid-template-columns: auto;
    grid-gap: 10px;
    margin-top: 25px;
  }
  .service-page .step-column {
    padding: 15px;
    border-radius: 10px;
    max-width: unset;
    width: 100%;
  }
  .service-page .step-column .step-title {
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 20px;
  }
  .service-page .fourth.section .title {
    font-size: 40px;
    font-size: clamp(25px, 4vh, 40px);
  }
  .service-page .fourth.section .title-caption {
    font-size: 14px;
  }
  .service-page .step-column .step-title img {
    max-height: 79px;
    max-height: clamp(35px, 8vh, 79px);
  }
  .service-page .fourth.section .description {
    font-size: clamp(12px, 2vh, 16px);
  }
  .service-page .step {
    padding: 25px 15px 45px;
  }
  .service-page .step.section .content-wrapper {
    max-width: 100%;
    max-height: 1000vh;
    flex-direction: column;
  }
  .service-page .step.section .content-wrapper .body-text .title {
    font-size: 32px;
  }
  .service-page .step.section .content-wrapper .body-text .duration {
    font-size: 12px;
    padding: 5px 15px;
  }
  .service-page .step.section .content-wrapper .body-text, .service-page .step.section .content-wrapper .outcome {
    padding: 9% 2% 9% 5%;
    font-size: 12px;
    margin-bottom: 20px;
    height: 65%;
    margin-right: 0;
  }
  .service-page .step.section .content-wrapper .body-text .checklist {
    overflow: auto;
  }
  .service-page .step.section .content-wrapper .illustration {
    height: 35%;
    width: auto;
  }
  .service-page .step.section .content-wrapper .illustration {
    margin-left: auto;
  }
  .service-page .step.section.right .content-wrapper .illustration {
    margin-left: 0;
    margin-right: auto;
  }
  .service-page .step.section .content-wrapper .outcome {
    width: 100%;
    left: 0;
    transform: initial;
    height: calc(65% - 20px);
    font-size: 20px;
    padding: 12% 10%;
  }
  .service-page .step.section .content-wrapper .outcome .description {
    margin: auto 0;
    font-size: 20px;
    font-size: clamp(12px, 2vh, 20px);
  }
  .service-page .step.section .content-wrapper .outcome .title {
    font-size: 14px;
  }
  .service-page .step.section.right .content-wrapper {
    flex-direction: column-reverse;
  }
  .service-page .landing-section, .service-page .section, .service-page .quote-section, .service-page .begin-section {
    padding-bottom: var(--vh, 25px);
  }
  .service-page .section {
    padding-top: 120px;
  }
  .service-page .quote-section, .service-page .begin-section {
    padding-top: var(--vh, 25px);
  }
  .service-page .begin-section .back-top .content {
    transform: unset;
    left: 0;
    position: relative;
  }
  .service-page .begin-section .back-top .content .arrow {
    background-color: transparent;
    position: relative;
    box-shadow: none;
    width: -moz-fit-content;
    width: fit-content;
  }
  .service-page .begin-section .back-top .content .back-text {
    opacity: 1;
  }
}
@media screen and (max-width: 500px) {
  .service-page .case-studies .button {
    align-self: center;
  }
  .service-page .quote-section {
    padding: 25vw 10vw;
  }
  .service-page .videos .index-container {
    padding-top: 0;
  }
  .service-page .intro {
    padding-top: 2em;
  }
  .service-page .case-studies.videos .title-table {
    margin-top: unset;
  }
  .service-page .case-studies .title .border-bottom-right {
    min-width: 0px !important;
  }
  .service-page .building {
    top: 25px;
    width: 60%;
  }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.range .noUi-horizontal .noUi-handle {
  width: 13px;
  height: 13px;
  right: -6.5px;
  top: -6.5px;
}

.range .noUi-handle {
  border: none;
  border-radius: 50%;
  background: #AD86C4;
  cursor: default;
  box-shadow: none;
}

.range .noUi-connect {
  background: #BCB5AA;
}

.range .noUi-handle:after, .noUi-handle:before {
  content: none !important;
}

.header {
  position: sticky;
}

.top {
  max-width: unset;
  background-color: black;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
  background: transparent;
}

.sub-heading {
  color: #EDE8DC;
  text-align: center;
  padding-top: 0.5em;
}
.sub-heading h3 {
  margin: 5px 0;
}
.sub-heading .container {
  max-width: 700px;
}

.sub-filters {
  display: none;
}

.sub-filters.active {
  display: block;
}

.totals {
  display: flex;
  align-items: flex-end;
  padding: 2em 0;
}
.totals h3 {
  padding: 0;
  margin: 0;
  line-height: 1.2;
  flex: 0 1 auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.totals .clear-all {
  font-size: 12px;
  text-decoration: underline;
  margin-left: 2em;
  line-height: 1.2;
  color: grey;
  cursor: pointer;
  flex: 1;
  margin-bottom: 7px;
  white-space: nowrap;
}
.totals .clear-all:hover {
  color: #AD86C4;
}

.condo-filters {
  display: none;
  justify-content: center;
  position: relative;
}
.condo-filters.active {
  display: flex;
}
.condo-filters .range {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.condo-filters .range .slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
  width: 15rem;
  margin-bottom: 2em;
  width: 100%;
  height: 2px;
  /***** Chrome, Safari, Opera, and Edge Chromium *****/
  /******** Firefox ********/
  /***** Thumb Styles *****/
  /***** Chrome, Safari, Opera, and Edge Chromium *****/
}
.condo-filters .range .slider::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0.15);
  height: 3px;
}
.condo-filters .range .slider::-moz-range-track {
  background: rgba(0, 0, 0, 0.15);
  height: 3px;
}
.condo-filters .range .slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -6px; /* Centers thumb on the track */
  background-color: #9C70B7;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
.condo-filters .range .slider::-moz-range-thumb {
  border: none; /*Removes extra border that FF applies*/
  border-radius: 50%; /*Removes default border-radius that FF applies*/
  background-color: #5cd5eb;
  height: 16px;
  width: 16px;
}
.condo-filters .range .input-wrapper {
  display: flex;
}
.condo-filters .range .input-wrapper .range-to {
  color: grey;
  padding: 10px;
}
.condo-filters .range .input-wrapper .input-container {
  display: flex;
  flex-direction: column;
  border: 1px solid grey;
  border-radius: 5px;
  font-size: 11px;
  padding: 3px 5px;
}
.condo-filters .range .input-wrapper .input-container .range-label {
  text-transform: uppercase;
  font-size: 9px;
  color: grey;
}
.condo-filters .range .input-wrapper .input-container .input-group {
  display: flex;
  width: 100px;
}
.condo-filters .range .input-wrapper .input-container .input-group input {
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  width: 100%;
  flex: 1;
}
.condo-filters .range .input-wrapper .input-container .input-group span {
  flex: 0 1 auto;
}
.condo-filters .condo-filter {
  display: flex;
  flex-direction: column;
  border: 1px solid #9c6fb9;
  border-radius: 5px;
  margin: 10px;
  padding: 5px 10px;
  min-width: 100px;
  cursor: pointer;
  position: relative;
  min-height: 45px;
}
.condo-filters .condo-filter.open, .condo-filters .condo-filter:hover, .condo-filters .condo-filter.active {
  border: 1px solid white;
}
.condo-filters .condo-filter.open .condo-filter-type, .condo-filters .condo-filter:hover .condo-filter-type, .condo-filters .condo-filter.active .condo-filter-type {
  color: white;
}
.condo-filters .condo-filter.open .options-container {
  display: block;
}
.condo-filters .condo-filter .condo-filter-title {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.1;
  flex: 0 1 auto;
  text-align: left;
  color: #9c6fb9;
}
.condo-filters .condo-filter .condo-filter-type {
  font-size: 13px;
  margin-top: 2px;
  color: grey;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 78px;
  white-space: nowrap;
}
.condo-filters .condo-filter .options-container {
  position: absolute;
  border-radius: 5px;
  display: none;
  background-color: #F5F0E5;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  top: calc(100% + 10px);
  left: 0;
  color: black;
  min-width: 175px;
  z-index: 3;
}
.condo-filters .condo-filter .options-container .options {
  display: flex;
  flex-direction: column;
  padding: 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.condo-filters .condo-filter .options-container .options .checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.condo-filters .condo-filter .options-container .options .checkbox .box {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  height: 15px;
  min-width: 15px;
  margin-right: 15px;
  position: relative;
}
.condo-filters .condo-filter .options-container .options .checkbox .label {
  font-size: 12px;
  white-space: nowrap;
}
.condo-filters .condo-filter .options-container .options .checkbox.active .box::before {
  content: "";
  position: absolute;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #9C70B7;
  border-radius: 3px;
  left: 1px;
}
.condo-filters .condo-filter .options-container .options .checkbox:last-child {
  margin-bottom: 0px;
}
.condo-filters .condo-filter .options-container .options-buttons {
  padding: 10px 20px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.condo-filters .condo-filter .options-container .options-buttons .clear {
  font-size: 11px;
  border-bottom: 1px solid #9C70B7;
  cursor: pointer;
  height: 15px;
  flex: 0 1 auto;
}
.condo-filters .condo-filter .options-container .options-buttons .apply {
  color: black;
  border-radius: 5px;
  background-color: #9C70B7;
  padding: 5px 25px;
  font-size: 11px;
  flex: 0 1 auto;
  cursor: pointer;
}
.condo-filters.light {
  justify-content: flex-start;
}
.condo-filters.light .condo-filter {
  border: 1px solid black;
}
.condo-filters.light .condo-filter.active, .condo-filters.light .condo-filter:hover {
  border: 1px solid black;
  background-color: #9C70B7;
}
.condo-filters.light .condo-filter.active .condo-filter-title, .condo-filters.light .condo-filter:hover .condo-filter-title {
  color: Black;
}
.condo-filters.light .condo-filter.open .condo-filter-type, .condo-filters.light .condo-filter.active .condo-filter-type, .condo-filters.light .condo-filter:hover .condo-filter-type {
  color: Black;
}
.condo-filters.light .condo-filter:first-child {
  margin-left: 0px;
}

.sub-filters-wrapper {
  padding-top: 2em;
}
.sub-filters-wrapper .unit-filters .unit-filters-list {
  padding: 0 195px 0 0;
}
.sub-filters-wrapper .unit-filters .faded.right {
  background: linear-gradient(to left, rgb(245, 240, 228) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
.sub-filters-wrapper .unit-filters .faded.left {
  background: linear-gradient(to right, rgb(245, 240, 228) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
.sub-filters-wrapper .unit-filters .faded.right .arrow {
  right: 0%;
}
.sub-filters-wrapper .unit-filters .faded.left .arrow {
  left: 0%;
}
.sub-filters-wrapper .close {
  display: none;
}

.district.condo-filter {
  position: unset;
}
.district.condo-filter .options-container {
  width: calc(100% - 20px);
  max-width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
}
.district.condo-filter .options {
  flex-direction: column;
  flex-wrap: wrap;
  height: 330px;
  -moz-column-gap: 30px;
       column-gap: 30px;
}

.unit-filters {
  display: none;
  justify-content: center;
  position: relative;
}
.unit-filters .unit-filters-list {
  display: flex;
  overflow: auto;
  width: 98vw;
  padding: 0 195px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.unit-filters .unit-filters-list::-webkit-scrollbar {
  display: none;
}
.unit-filters.active {
  display: flex;
}
.unit-filters .faded {
  top: 0;
  width: 195px;
  height: 100%;
  position: absolute;
}
.unit-filters .faded .arrow {
  position: absolute;
  cursor: pointer;
  top: 50%;
  line-height: 0;
}
.unit-filters .faded.left {
  left: 0;
  background: linear-gradient(to right, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
}
.unit-filters .faded.left .arrow {
  left: 25%;
  transform: translate(-50%, -50%) rotateZ(180deg);
}
.unit-filters .faded.right {
  right: 0;
  background: linear-gradient(to left, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
}
.unit-filters .faded.right .arrow {
  right: 25%;
  transform: translate(-50%, -50%);
}
.unit-filters .unit-filter {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #EDE8DC;
  border-radius: 5px;
  margin: 10px;
  padding: 7px 10px;
}
.unit-filters .unit-filter .unit-filter-title {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.1;
  flex: 0 1 auto;
  text-align: left;
  padding-left: 10px;
  white-space: nowrap;
}
.unit-filters .unit-filter .unit-filter-icon {
  flex: 0 1 auto;
  min-width: 25px;
}
.unit-filters .unit-filter:hover {
  background-color: #9C70B7;
  border: 1px solid #9C70B7;
}
.unit-filters .unit-filter:hover .unit-filter-icon img {
  filter: invert(100%);
}
.unit-filters .unit-filter:hover .unit-filter-title {
  color: black;
}
@media screen and (max-width: 768px) {
  .unit-filters .unit-filter:hover {
    background-color: transparent;
    border: 1px solid #EDE8DC;
  }
  .unit-filters .unit-filter:hover .unit-filter-icon img {
    filter: invert(0%);
  }
  .unit-filters .unit-filter:hover .unit-filter-title {
    color: #EDE8DC;
  }
}
.unit-filters .unit-filter.active {
  background-color: #9C70B7;
  border: 1px solid #9C70B7;
}
.unit-filters .unit-filter.active .unit-filter-icon img {
  filter: invert(100%);
}
.unit-filters .unit-filter.active .unit-filter-title {
  color: black;
}
.unit-filters.light {
  justify-content: flex-start;
}
.unit-filters.light .unit-filter {
  border: 1px solid black;
}
.unit-filters.light .unit-filter:first-child {
  margin-left: 0px;
}
.unit-filters.light img {
  filter: invert(100%);
}

.filter-container {
  position: sticky;
  top: 91px;
  z-index: 5;
  padding: 0 0 5px;
  background: black;
  color: #EDE8DC;
  display: flex;
  justify-content: center;
  pointer-events: all;
}

.more-sort {
  display: flex;
  margin-top: 2em;
}
.more-sort .more-filters,
.more-sort .sort {
  flex: 1;
}
.more-sort .button-wrapper {
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.more-sort .button-wrapper .spacer {
  width: 20px;
}
.more-sort .button-wrapper:hover {
  color: #AD86C4;
}
.more-sort .sort {
  display: flex;
  justify-content: flex-end;
  width: 200px;
}
.more-sort .sort select {
  border-radius: 5px;
  padding: 5px;
  background: transparent;
  font-size: 11px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: calc(100% - 10px) center;
  padding-right: 30px;
}

.second-filters {
  display: flex;
  flex-direction: column;
  color: black;
  padding: 2em 0;
  min-height: 158px;
}
.second-filters .switch {
  align-self: center;
  display: flex;
  height: 38px;
  border-radius: 30px;
  background-color: #DDD6CC;
}
.second-filters .switch .switch-button {
  display: flex;
  align-items: center;
  padding: 0px 20px;
  justify-content: center;
  font-size: 11px;
  text-transform: uppercase;
  margin: 3px;
  cursor: pointer;
}
.second-filters .switch .switch-button.active {
  border-radius: 30px;
  background-color: #AD86C4;
}

.filter-results {
  max-width: 100%;
}

.filter-results.mobile-open {
  z-index: 10 !important;
}

.results-container {
  display: flex;
  flex-direction: column;
}

.result:hover .thumb-img.zoom-hover {
  transform: scale(1.1);
}

.thumb-img.zoom-hover {
  transform: scale(1);
  will-change: transform;
  transition: transform 1s;
}

.filter-condo-container {
  border: 1px solid black;
  border-radius: 5px;
  padding: 10px 10px;
  max-width: 270px;
  width: 35px;
  transition: 1s all ease;
  position: relative;
  display: none;
  margin-left: auto;
  margin-top: -35px;
}
.filter-condo-container .filter-condo {
  background: transparent;
  box-shadow: none;
  border: 0;
  font-size: 13px;
  font-family: "Whyte Regular";
  height: 13px;
  max-width: calc(100% - 25px);
}
.filter-condo-container .filter-condo::-moz-placeholder {
  color: black;
  opacity: 1;
}
.filter-condo-container .filter-condo::placeholder {
  color: black;
  opacity: 1;
}
.filter-condo-container .filter-condo:-ms-input-placeholder {
  color: black;
}
.filter-condo-container .filter-condo::-ms-input-placeholder {
  color: black;
}
.filter-condo-container .filter-submit {
  position: absolute;
  top: 49%;
  right: 9px;
  transform: translate(0px, -50%);
  cursor: pointer;
}
.filter-condo-container.active {
  width: 270px;
}
.filter-condo-container:hover {
  background: #AD86C4;
}
@media (max-width: 1199px) {
  .filter-condo-container {
    margin-top: 0px;
    width: 38px;
    height: 38px;
  }
  .filter-condo-container.active {
    width: 151px;
  }
  .filter-condo-container .filter-condo {
    height: 15px;
  }
}

.results {
  grid-gap: 40px;
  color: black;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 2fr));
}
.results .result {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.results .result .image {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.results .result .thumb-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.results .result .result-location {
  color: grey;
  font-size: 10px;
  text-align: left;
}
.results .result .marker-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.results .result .marker {
  background-color: black;
  color: white;
  border-radius: 4px;
  font-size: 10px;
  text-transform: uppercase;
  padding: 2px 5px;
  align-self: flex-end;
  text-align: center;
  margin-bottom: 5px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
.results .result .marker-list {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
}
.results .result .project-title {
  color: white;
  text-align: end;
  font-size: 16px;
  position: absolute;
  text-transform: uppercase;
  bottom: 0px;
  background: linear-gradient(rgba(255, 0, 0, 0), rgba(128, 128, 128, 0.8) 10%);
  right: 0px;
  padding: 5px 10px;
  width: 100%;
  z-index: 1;
}
.results .result .marker.sold {
  background-color: black;
  color: white;
}
.results .result .marker[data-availability=SOLD] {
  background-color: #FF556F;
}
.results .result .marker.tier-2 {
  background-color: #CA4F53;
}
.results .result .marker[data-availability="SELLING FAST"] {
  background-color: #F97C37;
}
.results .result .result-title {
  display: flex;
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 10px;
  width: 100%;
  align-items: center;
  letter-spacing: 0.1px;
}
.results .result .result-title .title {
  flex: 1;
}
.results .result .result-type {
  text-align: left;
  font-size: 13px;
  color: #808080;
  font-family: "whyte regular";
  margin: 5px 0;
}
.results .result .extra-infos {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-family: "Whyte Regular";
  width: 100%;
}
.results .result .pricing, .results .result .psf-range {
  font-size: 13px;
}
.results .result .floorplan-name {
  margin-left: auto;
  margin-top: auto;
  font-size: 12px;
}

.unit .results .result .result-title {
  display: flex;
  text-align: left;
  text-transform: uppercase;
  font-size: 13px;
  margin: 5px 0;
  align-items: center;
  letter-spacing: 0.1px;
  background-color: #DCCFDE;
  line-height: 1.4;
  padding: 0px 10px;
  width: auto;
}

.unit .results .result .extra-infos {
  margin-top: 5px;
}

.condo .marker {
  position: absolute;
  top: 10px;
  right: 10px;
  color: black;
  z-index: 1;
}

.unit .marker {
  position: relative;
}

.unit .top.marker {
  position: absolute;
  background-color: white;
  color: black;
  top: 5%;
  right: 5%;
  text-transform: none;
}

.dot-separator {
  font-size: 8px;
  margin-bottom: 10px;
  margin-left: 8px;
  margin-right: 8px;
}

.pagination {
  display: flex;
  color: black;
  padding: 2em 0;
  justify-content: center;
  overflow-x: auto;
}
.pagination nav > ul > li {
  margin: 0px 1em;
}
.pagination nav > ul > li.disabled {
  background-color: unset;
}

@media screen and (max-width: 1199px) {
  .filter-container {
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }
  .filter-container::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
  }
  .sub-filters-wrapper {
    position: fixed;
    top: 47px;
    height: calc(100% - 102px);
    width: 100%;
    left: 0;
    background-color: black;
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 1em;
    width: 50%;
  }
  .sub-filters-wrapper .close {
    color: white;
    display: block;
    text-decoration: none;
    justify-self: flex-end;
    text-align: right;
    cursor: pointer;
    padding: 10px 20px;
  }
  .sub-filters-wrapper .close span {
    background-color: #F5F0E4;
    border-radius: 5px;
    padding: 5px 10px;
    color: black;
    font-size: 10px;
  }
  .unit-filter {
    border: 1px solid #F5F0E4;
    flex-direction: column;
  }
  .spacer {
    flex: 1;
  }
  .button-wrapper {
    width: 70%;
    border: 1px solid black;
    padding: 10px;
    border-radius: 5px;
  }
  .button-wrapper .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .more-filters {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background-color: #F5F0E4;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    box-shadow: 10px 5px 10px 5px rgba(0, 0, 0, 0.2);
  }
  #sub-condo-filters {
    display: flex;
    flex-direction: column;
  }
  #sub-condo-filters .district.condo-filter .options {
    flex-wrap: nowrap;
    height: auto;
  }
  #sub-condo-filters input {
    color: white;
  }
  #sub-condo-filters .condo-filter .range {
    padding-left: 0px;
    padding-right: 0px;
  }
  #sub-condo-filters .condo-filter.active {
    background-color: unset;
  }
  #sub-condo-filters .condo-filter:first-child {
    margin-left: 10px;
  }
  #sub-condo-filters .condo-filter:hover {
    background-color: transparent;
  }
  #sub-condo-filters .condo-filter-title {
    font-size: 13px;
    color: #AD86C4;
  }
  #sub-condo-filters .condo-filter-type {
    display: none;
  }
  #sub-condo-filters .options-container {
    position: relative;
    background-color: black;
    color: white;
    display: flex;
    flex-direction: column;
  }
  #sub-condo-filters .options-container .options {
    padding-left: 0px;
    padding-right: 0px;
  }
  #sub-condo-filters .options-container .options-buttons {
    display: none;
  }
  #sub-condo-filters .options-container .checkbox .box {
    border: 1px solid #F5F0E4;
  }
  .more-buttons {
    padding: 10px 20px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 75%;
  }
  .more-buttons .clear-mobile {
    font-size: 11px;
    border-bottom: 1px solid #9C70B7;
    cursor: pointer;
    height: 15px;
    flex: 0 1 auto;
  }
  .more-buttons .apply-mobile {
    color: black;
    border-radius: 5px;
    background-color: #9C70B7;
    padding: 10px 25px;
    font-size: 11px;
    flex: 0 1 auto;
    cursor: pointer;
    width: 75%;
    text-align: center;
  }
  .second-filters {
    flex-direction: row;
    min-height: unset;
  }
  .second-filters .switch .switch-button {
    font-size: 9px;
  }
  .second-filters .more-sort {
    margin-top: 0px;
  }
  .second-filters .more-sort .sort select {
    height: 33px;
    color: black;
    border: 1px solid black;
  }
  .second-filters .more-sort .sort {
    width: unset;
    margin-left: 30px;
    align-items: center;
  }
}
@media screen and (max-width: 893px) {
  .sub-filters-wrapper {
    width: 100%;
  }
  .filter-container {
    justify-content: left;
    top: 47px;
  }
  .results .result .image,
  .results .result .image img {
    width: 100%;
  }
}
.pagination-wrapper {
  padding: 4rem 0;
}
.pagination-wrapper .page-numbers {
  padding: 0px 6px;
  position: relative;
}
@media screen and (min-width: 468px) {
  .pagination-wrapper .page-numbers {
    padding: 0px 10px;
  }
}
@media screen and (min-width: 768px) {
  .pagination-wrapper .page-numbers {
    padding: 0px 20px;
  }
}
.pagination-wrapper .page-numbers:not(.current)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 75%;
  border-bottom: 1px solid black;
  top: 50%;
  left: 1px;
}
.pagination-wrapper .page-numbers.current::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 75%;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-top-left-radius: 8px;
  left: 100%;
  top: -2px;
}
.pagination-wrapper .page-numbers.current::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 75%;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  border-bottom-right-radius: 8px;
  right: -1px;
  top: 50%;
}
.pagination-wrapper .page-numbers.current ~ *::before {
  display: none;
}
.pagination-wrapper .page-numbers.current ~ *::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 75%;
  border-top: 1px solid black;
  left: 0;
  top: -2px;
}
.pagination-wrapper .page-numbers.current + a::after {
  left: 5px;
  width: calc(100% + 5px);
}
.pagination-wrapper .page-numbers.first::before {
  width: calc(100% + 10px);
  left: -9px;
}
.pagination-wrapper .page-numbers.last::after {
  width: calc(100% + 10px);
}
.pagination-wrapper .page-numbers.prev::before {
  display: none;
}
.pagination-wrapper .page-numbers.prev span {
  position: absolute;
  right: 20px;
  top: 20px;
  text-transform: uppercase;
  font-size: 12px;
}
.pagination-wrapper .page-numbers.prev span::after {
  content: ">";
  top: calc(50% + 1px);
  left: calc(100% + 10px);
  position: absolute;
  transform: translateY(-50%) scaleY(2) rotate(180deg);
  font-family: Times New Roman;
}
.pagination-wrapper .page-numbers.next::after {
  display: none;
}
.pagination-wrapper .page-numbers.next span {
  position: absolute;
  left: 20px;
  top: -50%;
  text-transform: uppercase;
  font-size: 12px;
}
.pagination-wrapper .page-numbers.next span::after {
  content: ">";
  top: calc(50% + 1px);
  left: -16px;
  position: absolute;
  transform: translateY(-50%) scaleY(2);
  font-family: Times New Roman;
}

.pagination-wrapper .page-numbers:not(.current) {
  color: #9c6fb9;
  display: flex;
  align-items: center;
}

.pagination-wrapper .page-numbers:not(.current)::before {
  border-bottom: 1px solid #9c6fb9;
}

.pagination-wrapper .page-numbers.current::before {
  border-top: 1px solid #9c6fb9;
  border-left: 1px solid #9c6fb9;
}

.pagination-wrapper .page-numbers.current::after {
  border-bottom: 1px solid #9c6fb9;
  border-right: 1px solid #9c6fb9;
}

.pagination-wrapper .page-numbers.current ~ *::after {
  border-top: 1px solid #9c6fb9;
}

.pagination-wrapper .page-numbers.prev span,
.pagination-wrapper .page-numbers.prev span::after,
.pagination-wrapper .page-numbers.next span,
.pagination-wrapper .page-numbers.next span::after {
  color: #9c6fb9;
}

.pagination-wrapper .page-numbers.prev span::before,
.pagination-wrapper .page-numbers.next span::before {
  border-bottom: 1px solid #9c6fb9;
}

.table-container {
  position: relative;
}
.table-container.extend-border::after {
  border-bottom: 1px solid #BCB5AA;
  top: 50px;
  position: absolute;
  left: 50vw;
  width: 50vw;
}

.tabs {
  display: flex;
  position: relative;
  overflow: auto;
  max-width: 100%;
  padding-bottom: 10.5px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.tabs::-webkit-scrollbar {
  display: none;
}
.tabs .tabby {
  font-size: 15px;
  padding-right: 3em;
  line-height: 50px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #BCB5AA;
  white-space: nowrap;
}
.tabs .tabby span {
  opacity: 0.4;
}
.tabs .tabby.active span {
  opacity: 1;
}
.tabs .highlight {
  width: 100px;
  top: calc(100% - 10px);
  height: 9px;
  border-radius: 5px;
  background-color: #AD86C4;
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  transition: all 0.5s;
  z-index: 1;
}

@media screen and (max-width: 703px) {
  .table-container .table-top .tabby {
    flex: 1;
  }
  .table-container.extend-border::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .unit-filters .unit-filter {
    align-items: center;
    justify-content: center;
    padding: 5px;
    flex-direction: row;
  }
  .unit-filters .faded {
    display: none;
  }
  .unit-filters .unit-filters-list {
    width: 100%;
    padding: 0;
  }
  .unit-filters .unit-filter .unit-filter-title {
    padding-left: 5px;
    text-align: center;
    padding-top: 0;
  }
}
.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-center {
  justify-content: center;
}

.flex-vcenter {
  align-items: center;
}

.flex-bottom {
  align-items: flex-end;
}

.flex-spread {
  justify-content: space-between;
}

.unit.container {
  font-family: "Whyte Regular";
  font-size: 14px;
  padding-bottom: 50px;
  flex-wrap: wrap;
}

.unit-details {
  position: sticky;
  top: 90px;
  height: -moz-fit-content;
  height: fit-content;
  font-family: "Whyte Regular";
  flex: calc(30% + 60px);
  padding-right: 60px;
}

.unit-details .breadcrumb {
  margin-top: 25px;
}

.unit-num {
  font-size: 29px;
  padding-top: 15px;
  padding-left: 0;
}

.psf {
  background-color: #FF556F;
  font-size: 13px;
  padding: 5px 30px;
  border-radius: 15px;
  margin-left: 30px;
  position: relative;
  bottom: 10px;
}

.floor-type {
  padding-top: 40px;
}

.view-count {
  font-family: "Whyte";
  font-size: 11px;
  color: #BCB5AA;
}

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

.icons .left-side {
  gap: 10px;
}

.features {
  margin-top: 15px;
}

.features div:first-child {
  padding: 15px 0;
  color: #BCB5AA;
  border-top: 1px solid #BCB5AA;
}

.features ul {
  color: black;
  list-style: none;
}

.features li::before {
  content: "•";
  color: #AD86C4;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.features li {
  margin-left: 15px;
  font-size: 13px;
}

.enquire {
  padding: 10px;
  width: 100%;
  background-color: transparent;
  border: 1px solid black;
  font-size: 14px;
  margin-top: 20px;
  border-radius: 5px;
}

.buttons-desktop {
  display: flex;
  flex-direction: column;
}

a.property-details {
  padding: 10px;
  width: 100%;
  background-color: black;
  border: 1px solid black;
  color: #F5F0E4;
  font-size: 14px;
  margin-top: 20px;
  text-align: center;
  border-radius: 5px;
}

.gallery > div {
  padding-top: 50px;
}

.gallery {
  width: calc(70% - 60px);
}

.gallery-header {
  font-size: 22px;
  margin: 50px 0 10px;
}

.gallery-header:first-child {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #BCB5AA;
}

iframe {
  width: 100%;
  height: 40vh;
}

@media screen and (max-width: 989px) {
  .unit-details .breadcrumb {
    display: none;
  }
  .unit-details {
    width: 100%;
    padding-right: 0;
    position: static;
  }
  .gallery {
    width: 100%;
  }
  .gallery .buttons-mobile {
    display: flex;
    flex-direction: column;
  }
}
.unit-banner {
  height: 60vh;
  position: relative;
  display: flex;
}
.unit-banner .hero-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.unit-banner .unit-info {
  position: relative;
  max-width: 1440px;
  margin: auto auto 50px;
  padding: 0 100px;
  width: 100%;
  color: #F5F0E4;
  z-index: 1;
}
.unit-banner .unit-info .unit-no {
  border: 0;
  padding: 0;
  font-size: 45px;
  font-family: "Gascogne";
  line-height: 1;
}
.unit-banner .unit-info .project-name {
  font-size: 24px;
  font-family: "Whyte Regular";
  line-height: 1;
}
.unit-banner .unit-info .breadcrumb {
  margin-top: 100px;
  font-size: 13px;
  font-family: "whyte regular";
  color: #F5F0E4;
}
.unit-banner .unit-info.tour .label {
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.unit-banner .unit-info.tour .unit-no {
  font-size: 38px;
}
.unit-banner .unit-info.tour .tour-btn {
  font-size: 15px;
  color: #000000;
  background-color: #AD86C4;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 50px;
  border-radius: 7px;
  margin: 35px 0;
  cursor: pointer;
  display: block;
}
.unit-banner .unit-info.tour .breadcrumb {
  margin-top: 0;
}
.unit-banner .guide-tour-iframe-wrapper {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.unit-banner .guide-tour-iframe-wrapper .guide-tour-iframe {
  height: 100%;
}
.unit-banner .guide-tour-iframe-wrapper .close-iframe {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  background-color: #F5F0E4;
  padding: 5px;
  border-radius: 7px;
}
@media screen and (max-width: 639px) {
  .unit-banner .unit-info {
    padding: 0 15px;
  }
  .unit-banner .breadcrumb {
    display: none;
  }
  .unit-banner .unit-info .project-name {
    font-size: 18px;
  }
}

.black-overlay {
  width: 100%;
  position: absolute;
  height: 100%;
  background: rgba(68, 68, 68, 0.4);
}

.placement {
  width: calc(100vw - 15px);
  position: absolute;
  z-index: -1;
  height: 100%;
  top: 0;
}

.black.placement {
  background: black;
}

.brown.placement {
  background: #AA644C;
}

.unit-detail-wrapper {
  display: flex;
  height: auto;
  position: relative;
}
.unit-detail-wrapper .content-wrapper {
  display: flex;
  height: auto;
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: auto;
}
.unit-detail-wrapper .unit-sticky-detail {
  width: 30%;
  padding: 50px 35px 35px;
  position: sticky;
  top: 141px;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content {
  background-color: white;
  max-width: 320px;
  margin: auto;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.03), 0 6.7px 5.3px rgba(0, 0, 0, 0.05), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.07), 0 41.8px 33.4px rgba(0, 0, 0, 0.09), 0 100px 80px rgba(0, 0, 0, 0.12);
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .content-padding {
  padding: 20px 20px 0;
  display: flex;
  flex-direction: column;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .unit-type {
  font-size: 13px;
  color: #AD86C4;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .unit-info {
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .divider {
  border-top: 1px solid #707070;
  margin: 15px 0 -5px;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .mini-caption {
  font-size: 12px;
  color: #BCB5AA;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .mini-caption .upper-text {
  text-transform: uppercase;
  font-family: "Whyte Regular";
  margin-right: 15px;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .price-info {
  font-size: 21px;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .price-info .psf-text {
  font-size: 13px;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .compare-list {
  margin: 15px 0 0;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .compare-list .compare-row {
  display: flex;
  align-items: flex-start;
  line-height: 1.2;
  font-size: 13px;
  margin-bottom: 25px;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .compare-list .compare-row img {
  margin-right: 10px;
  margin-top: 3px;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .buttons {
  font-size: 13px;
  display: flex;
  text-align: center;
  border-top: 1px solid;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .buttons a:first-child {
  border-right: 1px solid;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .buttons a {
  width: 50%;
  padding: 15px 0;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .button.purple, .unit-detail-wrapper .unit-sticky-detail .sticky-content .button.black {
  font-size: 12px;
  font-family: "Whyte Regular";
  text-align: center;
  padding: 15px 0;
  height: 100%;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .action-list {
  display: flex;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .action-list a:nth-child(1) {
  flex: 1;
}
.unit-detail-wrapper .unit-sticky-detail .sticky-content .action-list a:nth-child(2) {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .unit-detail-wrapper {
    flex-direction: column-reverse;
  }
  .unit-detail-wrapper .content-wrapper {
    flex-direction: column-reverse;
  }
  .unit-detail-wrapper .unit-sticky-detail {
    width: 100%;
    position: relative;
    top: 0;
    padding: 0;
  }
  .unit-detail-wrapper .unit-sticky-detail .sticky-content {
    box-shadow: none;
    background-color: transparent;
    max-width: unset;
    padding: 0 15px;
  }
  .unit-detail-wrapper .unit-sticky-detail .sticky-content .content-padding {
    padding: 20px 0px 0;
  }
  .unit-detail-wrapper .unit-sticky-detail .sticky-content .buttons,
  .unit-detail-wrapper .unit-sticky-detail .sticky-content .button.purple {
    display: none;
  }
  .unit-detail-wrapper .unit-sticky-detail .sticky-content .action-list {
    display: none;
  }
  .unit-detail-wrapper .unit-detail-section .first-section .top-part .left-side {
    display: none;
  }
}
.unit-detail-wrapper .unit-detail-section {
  width: 70%;
}
.unit-detail-wrapper .unit-detail-section .padding-section {
  padding: 50px 100px;
}
@media screen and (max-width: 639px) {
  .unit-detail-wrapper .unit-detail-section .padding-section {
    padding: 25px 15px;
  }
}
.unit-detail-wrapper .unit-detail-section .first-section .top-part {
  font-size: 17px;
  font-family: "Whyte Regular";
  display: flex;
  margin-bottom: 25px;
}
.unit-detail-wrapper .unit-detail-section .first-section .top-part .left-side .unit-no {
  border: 0;
  padding: 0;
  font-size: 45px;
  font-family: "Gascogne";
  line-height: 1;
}
.unit-detail-wrapper .unit-detail-section .first-section .top-part .left-side .unit-type {
  font-size: 24px;
}
.unit-detail-wrapper .unit-detail-section .first-section .top-part .right-side {
  margin-top: auto;
  margin-left: auto;
}
.unit-detail-wrapper .unit-detail-section .first-section .top-part .right-side .toggle-view-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.unit-detail-wrapper .unit-detail-section .first-section .top-part .right-side .toggle-view-form .toggle-switch {
  margin-left: 0;
  margin-right: 15px;
}
.unit-detail-wrapper .unit-detail-section .first-section .view-content {
  padding-bottom: 50px;
}
.unit-detail-wrapper .unit-detail-section .first-section .view-content .third-view {
  display: none;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.unit-detail-wrapper .unit-detail-section .first-section .view-content .third-view iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media screen and (max-width: 639px) {
  .unit-detail-wrapper .unit-detail-section .first-section .view-content {
    padding-bottom: 25px;
  }
}
.unit-detail-wrapper .unit-detail-section .first-section .section-title {
  font-size: 24px;
}
.unit-detail-wrapper .unit-detail-section .first-section .we-like-section {
  border-top: 1px solid #DDD6CC;
  padding: 25px 0 75px;
}
.unit-detail-wrapper .unit-detail-section .first-section .we-like-section .like-listing {
  margin-top: 15px;
}
.unit-detail-wrapper .unit-detail-section .first-section .we-like-section .like-listing .like-row {
  margin-bottom: 25px;
  display: flex;
}
.unit-detail-wrapper .unit-detail-section .first-section .we-like-section .like-listing .like-row .row-number {
  font-size: 36px;
  min-width: 20px;
  color: #AD86C4;
  margin-right: 15px;
  line-height: 1;
}
.unit-detail-wrapper .unit-detail-section .first-section .features-section {
  border-top: 1px solid #DDD6CC;
  padding: 25px 0 75px;
}
.unit-detail-wrapper .unit-detail-section .first-section .features-section .feature-list {
  margin-top: 35px;
  grid-template-columns: repeat(auto-fit, minmax(183px, 1fr));
  display: grid;
  grid-gap: 50px;
}
.unit-detail-wrapper .unit-detail-section .first-section .features-section .feature-list .feature-column {
  line-height: 1;
  display: flex;
}
.unit-detail-wrapper .unit-detail-section .first-section .features-section .feature-list .feature-column .feature-icon {
  margin-right: 15px;
}
@media screen and (max-width: 639px) {
  .unit-detail-wrapper .unit-detail-section .first-section .features-section .feature-list {
    grid-gap: 30px;
  }
}
.unit-detail-wrapper .unit-detail-section .second-section {
  background-color: black;
  color: #F5F0E4;
  position: relative;
}
.unit-detail-wrapper .unit-detail-section .second-section .section-title {
  font-size: 24px;
  margin-bottom: 5px;
}
.unit-detail-wrapper .unit-detail-section .iframe-wrapper {
  margin-top: 15px;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.unit-detail-wrapper .unit-detail-section .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.unit-detail-wrapper .unit-detail-section .charts {
  background-color: #F5F0E5;
  padding-top: 6em;
  padding-bottom: 8em;
}
.unit-detail-wrapper .unit-detail-section .charts .stats-table {
  border-collapse: collapse;
  border: 0px;
  border-spacing: 0px;
  width: 100%;
}
.unit-detail-wrapper .unit-detail-section .charts .stats-table th {
  text-align: left;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  color: #BCB5AA;
}
.unit-detail-wrapper .unit-detail-section .charts .stats-table td {
  border-bottom: 1px solid #BCB5AA;
  padding: 0.75em 0;
}
.unit-detail-wrapper .unit-detail-section .charts .table-top {
  display: flex;
  margin-bottom: 2em;
  flex-wrap: wrap;
}
.unit-detail-wrapper .unit-detail-section .charts .table-top .table-right,
.unit-detail-wrapper .unit-detail-section .charts .table-top .table-left {
  min-width: 320px;
}
.unit-detail-wrapper .unit-detail-section .charts .table-bottom {
  display: flex;
}
.unit-detail-wrapper .unit-detail-section .charts .table-bottom .table-right {
  overflow: auto;
  margin-bottom: 6em;
}
.unit-detail-wrapper .unit-detail-section .charts .table-bottom .table-right .stats-table {
  min-width: 800px;
}
.unit-detail-wrapper .unit-detail-section .charts .table-left {
  width: 30%;
  min-width: 200px;
  flex: 0 1 auto;
  padding-right: 1em;
  white-space: nowrap;
  background-color: #F5F0E5;
}
.unit-detail-wrapper .unit-detail-section .charts .table-right {
  flex: 1;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.unit-detail-wrapper .unit-detail-section .charts .table-right .stats-table {
  visibility: collapse;
  opacity: 0;
  transition: all 0.2s;
}
.unit-detail-wrapper .unit-detail-section .charts .table-right .stats-table.active {
  visibility: visible;
  opacity: 1;
  transition: 0.2s all 0.2s;
}
@media (max-width: 767px) {
  .unit-detail-wrapper .unit-detail-section .charts .table-right .stats-table {
    display: none;
  }
  .unit-detail-wrapper .unit-detail-section .charts .table-right .stats-table.active {
    display: table;
  }
}
.unit-detail-wrapper .unit-detail-section .charts .table-right::-webkit-scrollbar {
  display: none;
}
.unit-detail-wrapper .unit-detail-section .charts .table-heading {
  font-size: 30px;
}
.unit-detail-wrapper .unit-detail-section .charts .sales {
  margin-bottom: 0px;
}
.unit-detail-wrapper .unit-detail-section .charts .sales .type-button {
  width: unset;
  font-size: 15px;
  padding: 0 3em;
}
.unit-detail-wrapper .unit-detail-section .charts .sales .table-bottom .table-right {
  margin-bottom: 3em;
}
.unit-detail-wrapper .unit-detail-section .charts .bt-container {
  display: flex;
  justify-content: center;
}
.unit-detail-wrapper .unit-detail-section .charts .bt-container .type-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid black;
  background: transparent;
  border-radius: 8px;
  height: 36px;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  white-space: nowrap;
  padding: 0px 1em;
  cursor: pointer;
}
.unit-detail-wrapper .unit-detail-section .charts .bt-container .type-button.active {
  border: 1px solid #BCB5AA;
  background-color: #BCB5AA;
}
@media screen and (max-width: 639px) {
  .unit-detail-wrapper .unit-detail-section {
    width: 100%;
  }
  .unit-detail-wrapper .unit-detail-section .first-section .top-part {
    flex-direction: column;
    margin-bottom: 0px;
  }
  .unit-detail-wrapper .unit-detail-section .first-section .top-part .right-side {
    margin-left: 0;
    margin-top: 25px;
  }
  .unit-detail-wrapper .unit-detail-section .first-section .top-part .right-side .toggle-view-form {
    justify-content: flex-start;
  }
  .unit-detail-wrapper .unit-detail-section .charts .table-left {
    min-width: 100px;
  }
}

.other-type-section {
  padding: 50px 100px;
  border-bottom: 1px solid;
}
.other-type-section .content-wrapper {
  max-width: 1440px;
  width: 100%;
  margin: auto;
}
.other-type-section .section-title {
  font-size: 24px;
}
.other-type-section .type-list {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.other-type-section .type-list a {
  border: 1px solid;
  font-size: 13px;
  text-align: center;
  padding: 10px 25px;
  border-radius: 7px;
  margin-right: 10px;
}
.other-type-section .type-list a.selected {
  border-color: grey;
  color: grey;
  pointer-events: none;
}
@media screen and (max-width: 639px) {
  .other-type-section {
    padding: 25px 15px;
  }
}

.project-details.unit-page {
  padding: 75px 45px;
  max-width: 1440px;
  margin: auto;
}
.project-details.unit-page .title {
  margin-bottom: 25px;
}
@media screen and (max-width: 639px) {
  .project-details.unit-page {
    padding: 25px 0px 0;
  }
}

.project-floorplan.section {
  max-width: 1440px;
  margin: auto;
}
.project-floorplan.section img {
  width: 100%;
  height: auto;
}

.other-projects {
  max-width: 1440px;
  margin: auto;
  width: 100%;
}

.mobile-view-button.unit-page {
  flex-direction: column;
  gap: 15px;
  height: -moz-fit-content;
  height: fit-content;
}
.mobile-view-button.unit-page .buttons {
  display: flex;
  gap: 15px;
}
.mobile-view-button.unit-page .buttons .view-button {
  background-color: transparent;
  border: 1px solid;
}
.mobile-view-button.unit-page .view-button.purple, .mobile-view-button.unit-page .view-button.black {
  text-align: center;
  padding: 7px 0;
}

.four-buttons-section {
  display: flex;
  flex-wrap: wrap;
}
.four-buttons-section.three .button-column {
  width: 33.333%;
  width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
  .four-buttons-section.three .button-column {
    width: 50%;
  }
}
.four-buttons-section.two .button-column {
  width: 50%;
  width: 50%;
}
.four-buttons-section .button-column {
  color: #F5F0E4;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%;
  height: 511px;
  padding: 15px;
  position: relative;
}
.four-buttons-section .button-column .title {
  font-size: 30px;
  font-family: "Gascogne";
  margin: 15px 0;
  text-align: center;
}
.four-buttons-section .button-column a.link-btn {
  font-size: 15px;
  font-family: "Whyte Regular";
  border: 1px solid;
  padding: 5px 35px;
  line-height: 1;
  border-radius: 5px;
  text-align: center;
}
.four-buttons-section .button-column .new-tag {
  position: absolute;
  top: 0;
  right: 0;
}
.four-buttons-section .button-column.advice-column {
  background-color: #FE8027;
}
.four-buttons-section .button-column.visit-column {
  background-color: #FA5252;
}
.four-buttons-section .button-column.tour-column {
  background-color: #CE5151;
}
.four-buttons-section .button-column.develop-column {
  background-color: #808080;
}
@media screen and (max-width: 767px) {
  .four-buttons-section .button-column {
    width: 50%;
  }
}

.tower-view {
  position: fixed;
  z-index: 99;
  max-width: calc(100% - 60px);
  margin-left: auto;
  margin-right: 0;
  background-color: white;
  font-family: "Whyte Regular";
  font-size: 15px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transform: translateX(calc(100% + 46px));
  transition: all 1s ease;
  height: calc(100vh - 91px);
  top: 91px;
  display: none;
}

.tower-wrapper {
  max-height: 100%;
  overflow: auto;
  justify-content: space-evenly;
  flex-wrap: wrap;
  display: flex;
  align-content: flex-start;
  padding-bottom: 150px;
  margin-top: 50px;
}

.tower-view.active {
  transform: translateX(60px);
}

.tower-name {
  font-size: 15px;
  font-family: "Whyte Regular";
  text-align: center;
  text-transform: uppercase;
  margin: 20px 0;
}

.tower-header {
  font-size: 29px;
  font-family: "Whyte Regular";
  background-color: transparent;
  border: none;
  text-align: center;
  margin-bottom: 30px;
}

.tower-wrapper .block-name {
  font-family: "Whyte Regular";
  font-size: 30px;
}

.tower-unit {
  margin: 10px 0;
  min-width: 360px;
  width: 100%;
  background-color: #F5F0E4;
  border-radius: 5px;
  justify-content: left;
}

.sold.tower-unit {
  background-color: #FF556F;
}

.unit-no {
  font-size: 15px;
  padding: 9.5px 15px;
  margin-right: 1px;
  border-right: 1px solid #ffffff;
}

.details {
  padding: 9.5px 15px;
}

.type {
  padding: 9.5px 15px;
  margin-left: auto;
}

.type div {
  border: 1px solid black;
  background-color: white;
  border-radius: 3px;
  padding: 0 5px;
}

.sold .type div {
  background-color: #FF556F;
}

.tower-tab {
  position: absolute;
  height: 25px;
  transform: rotate(270deg) translateY(-100px);
  top: calc(50vh - 45px);
  left: 0px;
  font-size: 13px;
  background-color: white;
  padding: 0 30px;
  border-radius: 7px 7px 0 0;
  box-shadow: rgba(0, 0, 0, 0.07) -5px -4px 7px;
  cursor: pointer;
}

.tower-view.active .tower-tab {
  left: 41px;
}

.tower-view .close-text {
  display: none;
}

.tower-view.active .open-text {
  display: none;
}

.tower-view.active .close-text {
  display: block;
}

.buttons-mobile,
.mobile-view-button {
  display: none;
}

.mobile-view-button {
  height: 85px;
  bottom: 0;
  background-color: #F5F0E4;
  position: fixed;
  z-index: 9;
  width: 100vw;
  padding: 20px;
}

.mobile-view-button .view-button {
  background-color: #AD86C4;
  height: 40px;
  width: 100%;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.mobile-view-button .view-button.black {
  background-color: black;
  color: white;
  height: 40px;
  width: 100%;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.tower-view.project-tower .block-name .arrow {
  display: none;
}

.mobile-close {
  display: none;
}

@media screen and (max-width: 1279px) {
  .tower-view.project-tower .block-name .arrow {
    display: block;
  }
  .tower-header {
    margin: 25px 0;
  }
  .tower-view {
    height: 100%;
    top: 0;
    transform: none;
    max-width: 100%;
    display: none;
  }
  .tower-view.active {
    display: block;
    width: 100%;
    transform: none;
  }
  .buttons-mobile {
    display: block;
  }
  .buttons-desktop,
  .tower-tab {
    display: none;
  }
  .mobile-view-button {
    display: flex;
  }
  .tower-unit {
    width: 100%;
  }
  .tower-wrapper,
  .tower-wrapper .block {
    width: 100%;
  }
  .tower-wrapper {
    margin-top: 25px;
  }
  .tower-wrapper .block-name {
    text-align: center;
  }
  .tower-name {
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961);
  }
  .mobile-close {
    display: block;
  }
  .mobile-close img {
    position: absolute;
    top: 12px;
    right: 30px;
    cursor: pointer;
  }
  .tower-view.project-tower .block {
    height: 45px;
    padding-bottom: 0;
    transition: all 1s ease;
    overflow: hidden;
    cursor: pointer;
  }
  .tower-view.project-tower .block.active {
    height: auto;
    padding-bottom: 50px;
  }
  .tower-view.project-tower .block-name {
    position: relative;
    display: block;
    font-size: 20px;
  }
  .tower-view.project-tower .block-name img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 300ms ease;
  }
  .tower-view.project-tower .active .block-name img {
    transform: translateY(-50%) rotate(-180deg);
  }
}
.unit-page .popup-tower {
  top: 91px;
}

.popup-tower {
  position: fixed;
  top: 142px;
  width: 100vw;
  background-color: #F5F0E4;
  z-index: 1;
  overflow: auto;
  max-height: 100vh;
  display: none;
}
.popup-tower .tower-unit {
  background-color: white;
}
.popup-tower .tower-unit:hover {
  background-color: black;
  color: #F5F0E4;
}
.popup-tower .tower-unit:hover img {
  filter: invert(100%);
}
.popup-tower .tower-unit:hover .type div {
  background-color: black;
  color: #F5F0E4;
  border: 1px solid #F5F0E4;
}
.popup-tower .unit-no {
  min-width: 86px;
  border-right: 1px solid #F5F0E4;
}
.popup-tower .sold.tower-unit {
  background-color: #FF556F;
}
.popup-tower .tower-name {
  margin: 20px 0 -5px;
}
.popup-tower .block {
  margin-bottom: 50px;
}
.popup-tower .project-tower.container {
  padding: 20px 48px;
  position: relative;
}
.popup-tower .project-tower.container .close-units {
  position: absolute;
  right: 0;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .tower-unit {
    min-width: auto;
  }
  .tower-unit .unit-no, .tower-unit .details {
    padding: 15px 10px;
  }
  .tower-unit .type {
    padding: 15px 10px 0 0;
  }
}
iframe {
  border: 0;
}

.heading.project.desktop {
  position: sticky;
  top: 91px;
  width: 100%;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F0E5;
  z-index: 2;
  border-bottom: 1px solid #707070;
}
.heading.project.desktop .tabs.nav {
  display: flex;
  position: relative;
  padding: 0 25px;
  overflow: initial;
}
.heading.project.desktop .tabs.nav .tabby {
  border-bottom: 0;
  font-size: 13px;
  font-family: "Whyte Regular";
}
.heading.project.desktop .tabs.nav .highlight {
  top: 100%;
}
.heading.project.desktop .tower-btn {
  position: absolute;
  left: 85vw;
  cursor: pointer;
  background-color: #AD86C4;
  color: #F5F0E4;
  font-size: 13px;
  font-family: "Whyte Regular";
  text-align: center;
  line-height: 1;
  border-radius: 15px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s linear;
}
.heading.project.desktop .tower-btn:hover, .heading.project.desktop .tower-btn.active {
  padding-right: 30px;
  transition: 0.2s linear;
  background-color: black;
}
.heading.project.desktop .tower-btn:hover .arrow, .heading.project.desktop .tower-btn.active .arrow {
  opacity: 1;
}
.heading.project.desktop .tower-btn .arrow {
  margin-left: 5px;
  position: absolute;
  right: 12px;
  transition: 0.2s linear;
  opacity: 0;
}
@media screen and (max-width: 1279px) {
  .heading.project.desktop {
    top: 47px;
  }
}
@media (max-width: 767px) {
  .heading.project.desktop {
    display: none;
  }
}

.project-container {
  max-width: 1440px;
  margin: auto;
  width: 100%;
  padding-top: var(--header-height);
}
.project-container .project-banner.section {
  position: relative;
  min-height: calc(100vh - 91px);
  height: calc(100vh - 91px);
  padding: 25px 45px;
  display: flex;
  flex-direction: column;
}
.project-container .project-logo-section.section {
  height: 100vh;
}
.project-container .project-floorplan.section {
  height: -moz-fit-content;
  height: fit-content;
}
.project-container .project-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  grid-template-rows: repeat(2, minmax(10px, 1fr));
  grid-gap: 10px;
  padding: 0 45px;
  overflow: hidden;
}
.project-container .project-gallery.bottom-section {
  height: calc(100vh - 91px);
  padding: 0px;
}
.project-container .project-banner .project-gallery {
  padding: 0;
  position: relative;
}
.project-container .two-images.gallery-column {
  display: grid;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  grid-gap: 10px;
  overflow: hidden;
}
.project-container iframe {
  height: 100%;
  width: 100%;
  border: 0;
}
.project-container .project-info {
  position: relative;
  color: black;
  padding-bottom: 15px;
  text-align: center;
}
.project-container .project-info .project-name {
  font-size: 38px;
  font-family: "Gascogne";
  line-height: 1;
}
.project-container .project-info .project-district {
  font-size: 13px;
  font-family: "Whyte Regular";
  margin-top: 10px;
}
.project-container .project-banner img, .project-container .project-floorplan img, .project-container .gallery-column img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-container .project-floorplan img {
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  width: 100%;
  margin: auto;
  height: auto;
}
.project-container .project-logo-section {
  position: relative;
  background-color: #FFFFFF;
}
.project-container .project-logo-section .project-logo {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  max-width: 50%;
  height: auto;
}
.project-container .project-highlights {
  padding: 50px 0 50px 45px;
  max-height: calc(100vh - 91px);
  overflow: hidden;
  position: relative;
}
.project-container .nav-arrows {
  display: flex;
  position: absolute;
  bottom: 50px;
}
.project-container .nav-arrows .arrow {
  cursor: pointer;
}
.project-container .nav-arrows .arrow:hover #Ellipse_169 {
  fill: black;
}
.project-container .nav-arrows .arrow:hover #Line_668, .project-container .nav-arrows .arrow:hover #Path_1696 {
  stroke: #F5F0E4;
}
.project-container .prev-arrow {
  margin-right: 15px;
}
.project-container .highlight-title {
  font-size: 30px;
  margin-bottom: 15px;
  line-height: 1;
  position: sticky;
  left: 0;
}
.project-container .highlight-list {
  display: flex;
  overflow: auto;
  width: 98vw;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.project-container .highlight-list::-webkit-scrollbar {
  display: none;
}
.project-container .highlight-column {
  display: flex;
  margin-right: 50px;
  min-width: 1440px;
  max-width: 1440px;
}
.project-container .highlight-column .desc {
  width: auto;
  padding-right: 50px;
}
.project-container .highlight-column .highlight-img {
  width: auto;
  height: 70vh;
}
.project-container .highlight-column .desc .number {
  font-size: 46px;
  color: #BCB5AA;
  line-height: 1;
  margin-bottom: 5px;
}
.project-container .highlight-column .desc .name {
  font-size: 15px;
  line-height: 1.2;
}
.project-container .project-tour {
  margin: 35px 0;
  padding: 0 45px;
  height: calc(100vh - 91px);
  display: flex;
  flex-direction: column;
}
.project-container .project-tour .top-part {
  display: flex;
  margin-bottom: 25px;
}
.project-container .project-tour .contributors {
  display: flex;
  margin-left: auto;
}
.project-container .gallery-title {
  font-family: "Gascogne";
  font-size: 30px;
  padding: 45px 0px 25px;
}
.project-container .project-tour .contributor {
  border-left: 1px solid #BCB5AA;
  line-height: 1;
  padding: 0 35px 0 15px;
  max-width: 243px;
  font-size: 15px;
}
.project-container .project-tour .contributor .role {
  text-transform: uppercase;
  font-size: 11px;
  color: #BCB5AA;
  margin-bottom: 5px;
}
.project-container .tour-title {
  font-size: 30px;
  padding-right: 15px;
}
.project-container .tour-img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-container .project-review {
  display: flex;
  margin: 35px 0 0;
}
.project-container .project-review .left-side img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-container .project-review .right-side {
  background-color: rgba(188, 181, 170, 0.2392156863);
  display: flex;
}
.project-container .project-review .right-side .content-wrapper {
  margin: auto;
  max-width: 466px;
  padding: 15px;
  text-align: center;
}
.project-container .project-review .review-title {
  font-size: 26px;
  font-family: Gascogne;
  padding: 0 5px;
}
.project-container .project-review .right-side .description {
  margin: 15px 0;
  font-size: 12px;
  font-family: "Whyte Book";
}
.project-container .project-review .review-details {
  font-size: 11px;
  color: #808080;
  font-family: "Whyte Book";
}
.project-container .project-review .review-btn {
  font-size: 15px;
  background-color: #AD86C4;
  display: block;
  padding: 10px 50px;
  border-radius: 7px;
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
  margin: 35px auto auto;
}
.project-container .floorplan-wrapper {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: flex-start;
  justify-content: center;
  padding: 0 50px;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.project-container .floorplan-wrapper::-webkit-scrollbar {
  display: none;
}
.project-container .floorplan-list {
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
}
.project-container .type-btn {
  cursor: pointer;
  display: flex;
}
.project-container .type-btn .upper-part {
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-container .type-btn.active .arrow {
  opacity: 1;
}
.project-container .type-btn.active .floorplan-list {
  display: flex;
}
.project-container .type-btn .arrow {
  margin-left: auto;
  opacity: 0;
}
.project-container .table-types {
  display: flex;
}
.project-container .top-right-tabs {
  position: absolute;
  left: 25px;
  top: 15px;
  background: #F5F0E4;
  padding: 10px;
  border-radius: 10px;
}
.project-container .top-right-tabs .tabs {
  padding-bottom: 0;
}
.project-container .top-right-tabs .tabs .tabby {
  letter-spacing: 0.3px;
  padding: 10px 20px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  font-family: "Whyte Regular";
  text-align: center;
  border-radius: 5px;
}
.project-container .top-right-tabs .tabs .tabby.active {
  color: #F5F0E4;
  background: #000000;
}
.project-container .floorplan-img {
  width: 100%;
  height: auto;
}
.project-container .floorplan-btn {
  font-size: 12px;
  border: 1px solid #F5F0E4;
  text-align: center;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 15px;
}
.project-container .floorplan-btn.active, .project-container .floorplan-btn:hover {
  background: #F5F0E4;
  color: #000000;
}
.project-container .project-bedrooms .view-btn {
  margin-left: auto;
  border-bottom: 1px solid black;
  height: -moz-fit-content;
  height: fit-content;
}
.project-container .project-bedrooms, .project-container .charts {
  padding: 75px 0;
}
.project-container .project-bedrooms .stats-table, .project-container .charts .stats-table {
  border-collapse: collapse;
  border: 0px;
  border-spacing: 0px;
  width: 100%;
}
.project-container .project-bedrooms .stats-table th, .project-container .charts .stats-table th {
  text-align: left;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  color: #BCB5AA;
}
.project-container .project-bedrooms .stats-table td, .project-container .charts .stats-table td {
  border-bottom: 1px solid #BCB5AA;
  padding: 0.75em 0;
}
.project-container .project-bedrooms .table-top, .project-container .charts .table-top {
  display: flex;
  flex-wrap: wrap;
}
.project-container .project-bedrooms .table-top .table-right,
.project-container .project-bedrooms .table-top .table-left, .project-container .charts .table-top .table-right,
.project-container .charts .table-top .table-left {
  min-width: 320px;
  padding-bottom: 2em;
}
.project-container .project-bedrooms .table-bottom, .project-container .charts .table-bottom {
  display: flex;
}
.project-container .project-bedrooms .table-bottom .table-right, .project-container .charts .table-bottom .table-right {
  overflow: auto;
  margin-bottom: 6em;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.project-container .project-bedrooms .table-bottom .table-right::-webkit-scrollbar, .project-container .charts .table-bottom .table-right::-webkit-scrollbar {
  display: none;
}
.project-container .project-bedrooms .table-bottom .table-right .stats-table, .project-container .charts .table-bottom .table-right .stats-table {
  min-width: 800px;
}
.project-container .project-bedrooms .table-left, .project-container .charts .table-left {
  width: 30%;
  min-width: 200px;
  flex: 0 1 auto;
  padding-right: 1em;
  white-space: nowrap;
  background-color: #F5F0E5;
}
.project-container .project-bedrooms .table-right, .project-container .charts .table-right {
  flex: 1;
  position: relative;
  padding: 0 25px 0 25px;
}
.project-container .project-bedrooms .table-right .stats-table, .project-container .charts .table-right .stats-table {
  visibility: collapse;
  opacity: 0;
  transition: all 0.2s;
}
.project-container .project-bedrooms .table-right .stats-table.active, .project-container .charts .table-right .stats-table.active {
  visibility: visible;
  opacity: 1;
  transition: 0.2s all 0.2s;
}
@media (max-width: 767px) {
  .project-container .project-bedrooms .table-right .stats-table, .project-container .charts .table-right .stats-table {
    display: none;
  }
  .project-container .project-bedrooms .table-right .stats-table.active, .project-container .charts .table-right .stats-table.active {
    display: table;
  }
}
.project-container .project-bedrooms .table-heading, .project-container .charts .table-heading {
  font-size: 30px;
  font-family: "Gascogne";
}
.project-container .project-bedrooms .sales, .project-container .charts .sales {
  margin-bottom: 0px;
}
.project-container .project-bedrooms .sales .type-button, .project-container .charts .sales .type-button {
  width: unset;
  font-size: 15px;
  padding: 0 3em;
}
.project-container .project-bedrooms .sales .table-bottom .table-right, .project-container .charts .sales .table-bottom .table-right {
  margin-bottom: 3em;
}
.project-container .project-bedrooms .table-left {
  display: flex;
  width: 40%;
  background-color: black;
  color: #F5F0E4;
  padding: 40px 25px;
}
.project-container .project-bedrooms .stats-table td {
  border-bottom: 1px solid #BCB5AA;
  padding: 0.75em 0;
  color: #F5F0E4;
  opacity: 0.4;
}
.project-container .project-bedrooms .stats-table td.type-btn.active, .project-container .project-bedrooms .stats-table td.type-btn:hover {
  opacity: 1;
}
.project-container .project-bedrooms .stats-table {
  height: -moz-fit-content;
  height: fit-content;
}
.project-container .project-bedrooms .table-bottom .table-right {
  margin-bottom: 0px;
  min-height: 50vh;
}
.project-container .project-bedrooms .table-bottom img.floorplan {
  display: none;
  width: 100%;
}
.project-container .project-bedrooms .table-right {
  background-color: white;
}
.project-container .project-bedrooms .table-top .table-right {
  display: flex;
  align-items: end;
}
.project-container .project-bedrooms .table-top .table-right .left-part {
  display: flex;
  align-items: end;
}
.project-container .project-bedrooms .table-top .table-right .left-part .info-text {
  display: flex;
  flex-direction: column;
}
.project-container .project-bedrooms .table-top .table-right .left-part .info-text .type-name {
  font-size: 15px;
  font-family: "Whyte Regular";
  text-transform: uppercase;
}
.project-container .project-bedrooms .table-top .table-right .left-part .info-text .avail-name {
  font-size: 15px;
  color: #AD86C4;
}
.project-container .project-bedrooms .table-top .table-right .left-part .unit-left {
  font-size: 38px;
  color: #AD86C4;
  line-height: 1;
  margin-left: 5px;
}
.project-container .project-bedrooms .table-top .table-right .right-part {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.project-container .project-bedrooms .table-top .table-right .right-part .detail-btn {
  font-size: 12px;
  font-family: "Whyte Regular";
  background-color: #AD86C4;
  padding: 10px 20px;
  border-radius: 7px;
  margin-right: 15px;
  line-height: 1;
}
.project-container .project-bedrooms .table-top .table-right .right-part .detail-btn:hover {
  background-color: black;
  color: #F5F0E4;
}
.project-container .project-bedrooms .table-top .table-right .right-part .tabs {
  align-items: center;
  padding-bottom: 0px;
  border: 1px solid;
  border-radius: 7px;
  padding: 3px;
}
.project-container .project-bedrooms .table-top .table-right .right-part .tabs .tabby {
  border-bottom: 0;
  font-size: 12px;
  font-family: "Whyte Regular";
  text-align: center;
  line-height: 1;
  background-color: white;
  color: black;
  padding: 7px 20px;
  border-radius: 7px;
}
.project-container .project-bedrooms .table-bottom .table-right .divider {
  width: 100%;
  border-top: 1px solid #BCB5AA;
  padding: 15px 0;
}
.project-container .project-bedrooms .table-top .table-right .right-part .tabs .tabby span {
  opacity: 1;
}
.project-container .project-bedrooms .table-top .table-right .right-part .tabs .tabby.active {
  background-color: black;
  color: #FFFFFF;
}
.project-container .navigation-bar {
  position: fixed;
  bottom: 25px;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 1;
  display: flex;
  margin: 0 15px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F5F0E4;
  font-size: 13px;
  font-family: "Whyte Regular";
  box-shadow: 3px 6px 10px 0px #888888;
}
.project-container .nav-link {
  padding: 10px 15px;
  line-height: 1;
  box-shadow: 7px 5px 13px -6px #888888;
}
.project-container .type-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid black;
  background: transparent;
  border-radius: 8px;
  height: 36px;
  font-size: 13px;
  width: 111px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  white-space: nowrap;
  padding: 0px 1em;
  cursor: pointer;
}
.project-container .type-button.active {
  border: 1px solid #BCB5AA;
  background-color: #BCB5AA;
}
.project-container .bt-container {
  display: flex;
  justify-content: center;
}
.project-container .balcony-view.views, .project-container .third.floorplan.views {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.project-container .third.floorplan {
  display: none;
}
.project-container .balcony-view.views iframe, .project-container .third.floorplan.views iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.project-container .project-brochure {
  background-color: #AA644C;
  min-height: 30vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.project-container .project-brochure .content-wrapper {
  text-align: center;
  font-family: "Whyte Regular";
}
.project-container .project-brochure .section-title {
  font-size: 30px;
  line-height: 1;
}
.project-container .project-brochure .button-list {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-container .project-brochure .button-list a {
  font-size: 15px;
  border: 1px solid black;
  padding: 5px 15px 5px 25px;
  border-radius: 5px;
  margin-right: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-container .project-brochure .button-list a svg {
  margin-left: 15px;
}
.project-container .project-guide-tour {
  height: auto;
  display: flex;
  padding-bottom: 75px;
  flex-direction: column;
  position: relative;
}
.project-container .project-guide-tour .section-intro {
  text-align: center;
  max-width: 35vw;
  margin: 50px auto 75px;
}
.project-container .project-guide-tour .section-intro .project-name {
  font-size: 38px;
  font-family: "Gascogne";
}
.project-container .project-guide-tour .section-intro .section-label {
  font-size: 17px;
  color: #FC9047;
  font-family: "Whyte Bold";
  text-transform: uppercase;
  margin-bottom: 35px;
}
.project-container .project-guide-tour .section-intro .description {
  font-size: 15px;
  font-family: "Whyte Regular";
}
.project-container .project-guide-tour .guide-tour-list {
  display: flex;
  height: 100%;
  padding: 0 75px;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  position: relative;
}
.project-container .project-guide-tour .guide-tour-list a {
  position: relative;
  margin: auto;
  height: 100%;
}
.project-container .project-guide-tour .guide-tour-list .guide-tour-column {
  position: relative;
  margin-right: 25px;
  min-width: 299px;
  width: 100%;
  display: flex;
  max-width: 299px;
  height: 420px;
}
.project-container .project-guide-tour .guide-tour-list .type-image {
  height: 100%;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-container .project-guide-tour .guide-tour-list .type-infos {
  position: absolute;
  bottom: 20px;
  left: 15px;
  color: #F5F0E4;
}
.project-container .project-guide-tour .guide-tour-list .type-infos .type-name {
  font-size: 18px;
  font-family: "Whyte Regular";
}
.project-container .project-guide-tour .guide-tour-list .type-infos .type-specs {
  font-size: 12px;
  font-family: "Whyte Regular";
}
.project-container .project-guide-tour .guide-tour-list .guide-tour-column.active {
  position: unset;
}
.project-container .project-guide-tour .guide-tour-list-wrapper {
  height: 100%;
  position: relative;
}
.project-container .project-guide-tour .guide-tour-list-wrapper .prev-arrow, .project-container .project-guide-tour .guide-tour-list-wrapper .next-arrow {
  position: absolute;
  top: 50%;
  transform: translate(-50%);
  cursor: pointer;
  padding: 10px;
  z-index: 1;
}
.project-container .project-guide-tour .guide-tour-list-wrapper .prev-arrow {
  transform: translate(-50%) rotateZ(180deg);
  left: 30px;
}
.project-container .project-guide-tour .guide-tour-list-wrapper .next-arrow {
  right: 0px;
}
.project-container .project-guide-tour .guide-tour-iframe-wrapper {
  position: absolute;
  border: 0;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none;
}
.project-container .project-guide-tour .close-iframe {
  font-size: 36px;
  z-index: 2;
  right: 30px;
  top: 10px;
  font-family: "Whyte Bold";
  position: absolute;
  cursor: pointer;
  background-color: #F5F0E4;
  padding: 5px;
  border-radius: 5px;
}
.project-container .project-guide-tour .guide-tour-list::-webkit-scrollbar {
  display: none;
}
.project-container .project-guide-tour .guide-tour-list {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.project-container .gallery-section.bottom-section {
  position: relative;
  margin: 0 45px 15px;
}
.project-container .gallery-section .see-gallery {
  bottom: 5px;
  right: 5px;
}
.project-container .project-guide-tour .guide-tour-list a.tour-btn {
  height: 34px;
  border-radius: 7px;
  align-items: center;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-family: "Whyte Bold";
  margin: 15px 0 0;
  display: flex;
  font-size: 11px;
  position: relative;
  justify-content: end;
  padding: 0 12px;
  border: 1px solid #F5F0E4;
  width: 37px;
  background-color: transparent;
  transition: 0.2s linear width;
}
.project-container .project-guide-tour .guide-tour-list a.tour-btn .text {
  position: absolute;
  left: 15px;
  opacity: 0;
  transition: 0.2s opacity linear;
}
.project-container .project-guide-tour .guide-tour-list a.tour-btn:hover {
  border: 1px solid #FC9047;
  padding: 0 15px;
  background-color: #FC9047;
  width: 81px;
}
.project-container .project-guide-tour .guide-tour-list a.tour-btn:hover .text {
  opacity: 1;
}
.project-container .project-guide-tour .guide-tour-list a.tour-btn:hover .arrow #Polygon_4 {
  fill: #F5F0E4;
}
.project-container .project-guide-tour .guide-tour-iframe-wrapper.active {
  display: block;
}
@media (max-width: 767px) {
  .project-container .project-guide-tour {
    padding-bottom: 0px;
  }
  .project-container .project-bedrooms .table-top .table-right .left-part {
    width: 100%;
  }
  .project-container .project-bedrooms .table-top .table-right .left-part .detail-btn {
    background-color: #ad86c4;
    font-family: Whyte Regular;
    line-height: 1;
    margin-right: 15px;
    margin-left: auto;
    font-size: 12px;
    text-align: center;
    padding: 14px 20px;
    cursor: pointer;
    border-radius: 5px;
  }
  .project-container .gallery-section.bottom-section {
    margin: 0 15px 15px;
  }
  .project-container .project-guide-tour .section-intro .project-name {
    font-size: 25px;
  }
  .project-container .two-images.gallery-column {
    grid-template-columns: auto;
  }
  .project-container .project-gallery {
    grid-template-rows: auto;
  }
  .project-container .gallery-column, .project-container .gallery-column.two-images img {
    display: none;
  }
  .project-container .project-gallery.popup-container .gallery-column img {
    height: auto;
  }
  .project-container .gallery-column.two-images, .project-container .gallery-column.two-images img:first-child {
    display: block;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .project-container .project-guide-tour .section-intro .description {
    display: none;
  }
  .project-container .project-guide-tour .guide-tour-list .guide-tour-column {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .project-container .project-gallery.bottom-section {
    height: auto;
    max-height: calc(100vh - 91px);
  }
  .project-container .project-banner.section {
    padding: 0 15px;
    min-height: calc(100vh - 183px);
    height: calc(100vh - 183px);
  }
  .project-container .project-banner.section.gallery-section {
    height: auto;
    min-height: auto;
    padding: 0px;
  }
  .project-container .project-gallery {
    grid-template-columns: auto;
    padding: 0 15px;
  }
  .project-container .gallery-title {
    padding: 0px;
  }
  .project-container .project-guide-tour .section-intro {
    max-width: 95vw;
    margin: 20px auto 0px;
  }
  .project-container .project-guide-tour .guide-tour-list {
    padding: 0 15px;
  }
  .project-container .heading .tabs {
    padding-bottom: 10px;
  }
  .project-container .project-info {
    padding-top: 15px;
  }
  .project-container .navigation-bar {
    display: none;
  }
  .project-container .project-logo-section.section {
    height: 75vh;
  }
  .project-container .project-logo-section .project-logo {
    max-width: 95%;
  }
  .project-container .buttons {
    flex-direction: row;
  }
  .project-container .buttons .type-button {
    margin-right: 10px;
  }
  .project-container .project-tour {
    margin: 25px 0;
    padding: 0 15px;
  }
  .project-container .tour-title {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .project-container .project-tour .top-part {
    flex-direction: column;
  }
  .project-container .project-tour .contributors {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px 0;
    margin-left: 0;
  }
  .project-container .project-tour .contributor {
    padding: 0 5px;
    line-height: 1.2;
    max-width: initial;
  }
  .project-container .project-review {
    flex-direction: column;
    margin: 0px;
  }
  .project-container .project-review .right-side {
    padding: 35px 15px 55px;
  }
  .project-container .project-highlights {
    padding: 25px 0 25px 15px;
  }
  .project-container .highlight-title {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .project-container .highlight-column {
    flex-direction: column-reverse;
    max-width: 75vw;
    min-width: 100vw;
    justify-content: flex-end;
  }
  .project-container .nav-arrows {
    bottom: unset;
    top: 93vw;
  }
  .project-container .highlight-column .desc .number, .project-container .highlight-column .desc .name {
    margin-bottom: 15px;
  }
  .project-container .highlight-column .desc, .project-container .highlight-column .highlight-img {
    width: 100%;
  }
  .project-container .highlight-column .highlight-img {
    height: auto;
    margin-bottom: 80px;
  }
  .project-container .project-bedrooms {
    padding: 0;
  }
  .project-container .charts {
    padding: 25px 0px;
  }
  .project-container .project-bedrooms .table-heading {
    font-size: 25px;
    display: flex;
    margin-bottom: 25px;
    font-family: "Gascogne";
  }
  .project-container .project-bedrooms .view-btn {
    font-size: 13px;
    font-family: "Whyte Regular";
    margin: auto 0 0 auto;
  }
  .project-container .project-bedrooms .table-left {
    padding-right: 0px;
  }
  .project-container .charts .table-bottom .table-right {
    margin-bottom: 2em;
  }
  .project-container .charts .table-top .table-right {
    padding: 0 0 10px;
  }
  .project-container .table-container.analysis {
    padding-right: 0;
  }
  .project-container .project-bedrooms .stats-table th, .project-container .charts .stats-table th {
    font-size: 13px;
  }
  .project-container .charts .tabs .tabby {
    font-size: 13px;
  }
  .project-container .project-bedrooms .table-top .table-left {
    flex-direction: column;
    padding: 15px 15px;
  }
  .project-container .project-bedrooms .table-top .table-left .divider {
    border-top: 1px solid #BCB5AA;
    margin-left: -15px;
    width: 100vw;
  }
  .project-container .project-bedrooms .stats-table tbody {
    display: flex;
    overflow: auto;
    width: calc(100vw - 15px);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .project-container .project-bedrooms .stats-table tbody::-webkit-scrollbar {
    display: none;
  }
  .project-container .project-bedrooms .stats-table tr {
    margin-right: 15px;
  }
  .project-container .project-bedrooms .stats-table td {
    width: -moz-max-content;
    width: max-content;
    border-bottom: 0;
    font-size: 15px;
    width: 100%;
    white-space: nowrap;
  }
  .project-container .floorplan-btn {
    white-space: nowrap;
  }
  .project-container .floorplan-list {
    display: flex;
    position: relative;
    overflow: auto;
    max-width: 100%;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
    flex-direction: unset;
  }
  .project-container .floorplan-wrapper {
    display: flex;
    position: relative;
    overflow: auto;
    max-width: 100%;
    padding: 25px 0 0;
  }
  .project-container .project-bedrooms .table-left {
    width: 100%;
    padding: 0%;
  }
  .project-container .project-bedrooms .table-top .table-right {
    flex-direction: column;
    align-items: flex-start;
    padding: 25px 15px;
  }
  .project-container .project-bedrooms .table-top .table-right .right-part {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
  .project-container .project-bedrooms .table-top .table-right .right-part .detail-btn {
    width: 100%;
    text-align: center;
    margin: 0 0 15px;
  }
  .project-container .project-bedrooms .table-top .table-right .divider {
    width: 100%;
    margin: 25px 0;
    border-top: 1px solid #BCB5AA;
  }
  .project-container .project-bedrooms .table-bottom {
    flex-direction: column;
  }
  .project-container .project-bedrooms .table-bottom .table-right {
    margin-top: 15px;
    min-height: 10vh;
  }
  .project-container .project-bedrooms .table-bottom .table-right .tabs .tabby {
    border-top: 1px solid #BCB5AA;
    border-bottom: none;
    line-height: 35px;
  }
  .project-container .project-bedrooms .table-bottom .table-right .tabs .highlight {
    top: 10px;
  }
  .project-container .project-bedrooms .table-bottom .table-right .tabs {
    padding-top: 10px;
  }
  .project-container .project-bedrooms .table-top {
    margin-bottom: 0px;
  }
  .project-container .heading {
    position: sticky;
    top: 47px;
    z-index: 3;
  }
  .project-container .heading .tabs .tabby {
    padding-left: 25px;
    background: #F5F0E4;
    font-size: 13px;
    padding-right: 0px;
  }
  .project-container .project-brochure {
    padding: 50px 0;
  }
  .project-container .project-brochure .section-title {
    font-size: 25px;
    width: 50vw;
    margin: auto;
    line-height: 1.2;
  }
  .project-container .project-brochure .button-list {
    flex-direction: column;
  }
  .project-container .project-brochure .button-list a {
    margin-right: 0;
    margin-bottom: 25px;
  }
  .project-container .project-guide-tour .guide-tour-iframe-wrapper {
    height: 90%;
  }
  .project-container .project-guide-tour .close-iframe {
    right: 10px;
  }
}

.project-details {
  display: flex !important;
  width: 100%;
  padding: 45px;
  font-family: "Whyte Regular";
  line-height: 1;
  font-size: 15px;
}

.left-side {
  width: 50%;
}

.project-details #map {
  height: 100%;
}

.project-details .leaflet-pane, .project-details .leaflet-top, .project-details .leaflet-bottom {
  z-index: 1;
}

.project-details .left-side {
  padding-right: 30px;
}

.project-details .description {
  margin-bottom: 25px;
}

.project-details .title, .project-details .address {
  font-size: 30px;
  margin-bottom: 5px;
}

.project-details .psf-button {
  color: #F5F0E4;
  background-color: #000000;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 25px;
  border-radius: 50px;
  margin: 15px 0 40px;
}

.project-details .details-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px 0;
}

.project-details .detail-row {
  border-top: 1px solid #DDD6CC;
  padding-right: 15px;
  padding-top: 10px;
}

.project-details .detail-row .label {
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 10px;
  color: #BCB5AA;
}

.project-details .detail-row .value {
  line-height: 1.2;
}

.project-details .right-side img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.project-details .right-side {
  padding-left: 30px;
}

.project-details .full {
  grid-column: 1/-1;
  display: flex;
}

.project-details .full a {
  background-color: #AD86C4;
  padding: 10px 83.5px;
  border-radius: 7px;
  margin-top: 15px;
  text-align: center;
}

.project-about {
  padding: 45px;
}

.project-about .about-title {
  font-size: 30px;
  font-family: "Gascogne";
}

.right-side {
  width: 50%;
}

.other-projects {
  padding: 75px 45px;
}

.other-projects .other-title {
  font-size: 30px;
  font-family: "Gascogne";
  margin-bottom: 40px;
}

.other-projects .project-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(321px, 1fr));
  grid-gap: 15px;
}

.other-project-column {
  font-family: "Whyte Regular";
  display: flex;
  flex-direction: column;
}

.other-project-column .image {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.other-project-column .project-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.other-project-column:hover .project-img.zoom-hover {
  transform: scale(1.1);
}

.other-project-column .project-img.zoom-hover {
  transform: scale(1);
  will-change: transform;
  transition: transform 1s;
}

.other-project-column .name {
  margin-top: 10px;
  text-transform: uppercase;
  display: flex;
}

.other-project-column .views-count {
  margin-left: auto;
  font-size: 11px;
  color: #BCB5AA;
}

.other-project-column .address {
  font-size: 11px;
  color: #808080;
}

.other-project-column .price {
  font-size: 13px;
  margin-top: 15px;
}

@media (max-width: 767px) {
  .project-details {
    flex-direction: column;
    padding: 25px 0;
  }
  .project-details .left-side {
    padding: 0 15px;
  }
  .left-side, .right-side {
    width: 100%;
  }
  .project-details .description {
    font-size: 13px;
  }
  .project-details .title, .project-details .address {
    font-size: 25px;
  }
  .project-details .full a {
    width: 100%;
  }
  .project-details .psf-button {
    margin: 25px 0 40px;
    font-size: 12px;
  }
  .project-details .mobile-full {
    grid-column: 1/-1;
  }
  .project-details .right-side {
    margin-top: 40px;
    padding-left: 0px;
    height: 44vh;
    overflow: hidden;
  }
  .project-about {
    padding: 15px;
  }
  .project-about .about-title {
    font-size: 25px;
  }
  .other-projects {
    padding: 20px 15px;
  }
  .other-projects .other-title {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .other-projects .project-list {
    grid-gap: 25px;
  }
  .project-container .charts .sales .table-left {
    min-width: 100px;
  }
}
.breadcrumb {
  font-size: 13px;
  font-family: "whyte book";
  color: #808080;
}

.unit-type-info {
  display: flex;
  flex-direction: column;
  padding: 25px 100px 75px;
  background: black;
  position: relative;
  margin-top: -10px;
}
.unit-type-info .breadcrumb {
  margin-bottom: 75px;
}
.unit-type-info .content-wrapper {
  display: flex;
  height: 100%;
}
.unit-type-info .content-wrapper .info-section {
  width: 35%;
  color: #F5F0E4;
  font-size: 16px;
  font-family: "Whyte Regular";
  padding-right: 10%;
}
.unit-type-info .content-wrapper .info-section .purple-label {
  color: #AD86C4;
}
.unit-type-info .content-wrapper .info-section .divider {
  margin-bottom: 35px;
}
.unit-type-info .content-wrapper .info-section .features li {
  font-family: "Whyte Book";
  margin-left: 15px;
  color: #F5F0E4;
  font-size: 16px;
  margin-bottom: 5px;
}
.unit-type-info .content-wrapper .info-section .features li::before {
  color: #F5F0E4;
  width: 8px;
  height: 8px;
  margin-right: 1em;
  margin-left: -1em;
}
.unit-type-info .content-wrapper .info-section .divider.with-line {
  border-bottom: 1px solid #808080;
  margin: 17.5px 0;
}
.unit-type-info .content-wrapper .info-section .unit-columns {
  display: flex;
  margin-top: 10px;
}
.unit-type-info .content-wrapper .info-section .unit-columns .unit-column {
  width: 50%;
}
.unit-type-info .content-wrapper .info-section .unit-columns .unit-column .unit-text {
  color: #808080;
  text-transform: uppercase;
}
.unit-type-info .content-wrapper .info-section .unit-columns .unit-column .unit-value {
  font-size: 30px;
  line-height: 1;
  font-family: "Whyte Book";
}
.unit-type-info .content-wrapper .info-section .button-list {
  font-size: 13px;
  font-family: "Whyte Book";
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}
.unit-type-info .content-wrapper .info-section .button-list a {
  border: 1px solid #F5F0E4;
  padding: 10px 5px;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.unit-type-info .content-wrapper .featured-image {
  width: 65%;
  position: relative;
  display: flex;
}
.unit-type-info .content-wrapper .featured-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 639px) {
  .unit-type-info {
    padding: 25px 15px;
    min-height: auto;
  }
  .unit-type-info .breadcrumb {
    display: none;
  }
  .unit-type-info .content-wrapper {
    flex-direction: column-reverse;
  }
  .unit-type-info .content-wrapper .featured-image {
    width: 100%;
  }
  .unit-type-info .content-wrapper .info-section {
    width: 100%;
    padding-right: 20%;
    padding-top: 35px;
  }
  .unit-type-info .content-wrapper .info-section .button-list {
    display: none;
  }
  .unit-type-info .content-wrapper .featured-image {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
  }
  .unit-type-info .content-wrapper .featured-image img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}

.see-gallery {
  position: absolute;
  bottom: 15px;
  right: 20px;
  cursor: pointer;
  background-color: #F5F0E4;
  padding: 10px 15px;
  border-radius: 5px;
  line-height: 1;
  font-size: 12px;
  font-family: "Whyte Regular";
}

.project-gallery.popup-container {
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  z-index: 99;
  display: none;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  height: 100%;
  align-items: center;
  padding: 45px;
}
.project-gallery.popup-container .gallery-column {
  display: block;
}
.project-gallery.popup-container .gallery-column img {
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
}
.project-gallery.popup-container .close-gallery-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

.project-gallery.popup-container.active {
  display: flex;
}

.tower-unit-section {
  padding: 50px 100px;
}
.tower-unit-section .tower-wrapper {
  margin-top: 50px;
  padding-bottom: 0;
}
.tower-unit-section .tower-unit {
  background-color: #FFFFFF;
}
.tower-unit-section .unit-no {
  border-right: 1px solid #F5F0E4;
}
.tower-unit-section .sold.tower-unit {
  background-color: #FF556F;
}
.tower-unit-section .top-part {
  display: flex;
}
.tower-unit-section .top-part .part-title {
  font-size: 32px;
  font-family: "Gascogne";
}
.tower-unit-section .top-part .toggle-type {
  display: flex;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
@media screen and (max-width: 639px) {
  .tower-unit-section .top-part .part-title, .tower-unit-section .top-part .toggle-type {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 639px) {
  .tower-unit-section {
    padding: 25px 15px;
  }
  .tower-unit-section .tower-wrapper {
    margin-top: 25px;
  }
  .tower-unit-section .tower-wrapper .block-name {
    font-size: 20px;
  }
  .tower-unit-section .tower-wrapper .tower-unit .unit-no {
    min-width: 70px;
  }
  .tower-unit-section .tower-wrapper .tower-unit .unit-no, .tower-unit-section .tower-wrapper .tower-unit .type, .tower-unit-section .tower-wrapper .tower-unit .details {
    padding: 10px;
    font-size: clamp(13px, 3vw, 15px);
  }
}

.search-btn {
  position: fixed;
  background: #F5F0E4;
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 25px;
  left: 25px;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 2px 4px 11px 1px #000000;
  transition: 0.2s linear all;
}
.search-btn .search-icon {
  transition: 0.2s linear all;
}
.search-btn .hover-text {
  font-size: 10px;
  font-family: "Whyte REgular";
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.2s linear all;
}
.search-btn:hover {
  width: 62px;
  height: 62px;
  border-radius: 50%;
}
.search-btn:hover .search-icon {
  opacity: 0;
}
.search-btn:hover .hover-text {
  opacity: 1;
}
@media screen and (max-width: 639px) {
  .search-btn {
    display: none;
    bottom: unset;
    top: 130px;
    left: 15px;
  }
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 31px;
  border: 1px solid #000000;
  border-radius: 34px;
  margin-left: 15px;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  transition: 0.4s;
}

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 27px;
  width: 27px;
  left: 2px;
  bottom: 1px;
  background-color: #DDD6CC;
  transition: 0.4s;
}

input:checked + .toggle-slider:before {
  transform: translateX(18px);
  background-color: #AD86C4;
}

/* Rounded sliders */
.toggle-slider.round {
  border-radius: 34px;
}

.toggle-slider.round:before {
  border-radius: 50%;
}

.enquire-section {
  background: #AD86C4;
  padding: 75px 100px;
}
.enquire-section .content-wrapper {
  max-width: 498px;
  margin: auto;
  text-align: center;
  font-size: 15px;
}
.enquire-section .content-wrapper img {
  width: 50%;
  margin-bottom: 25px;
}
.enquire-section .content-wrapper .content-title {
  font-size: 23px;
  font-family: "Gascogne";
}
.enquire-section .content-wrapper .content-desc {
  margin: 25px 0 50px;
}
.enquire-section .content-wrapper a {
  background-color: #000000;
  color: #AD86C4;
  font-family: "Whyte Regular";
  padding: 10px 75px;
  border-radius: 5px;
}
@media screen and (max-width: 639px) {
  .enquire-section {
    padding: 15px 15px 35px;
  }
}

.unit-types {
  overflow-x: hidden;
}
.unit-types .mobile-view-button {
  align-items: center;
  gap: 15px;
  padding: 25px;
  height: 75px;
  background-color: #F5F0E4;
}
.unit-types .mobile-view-button .view-button {
  background-color: transparent;
  border: 1px solid #000000;
  height: 35px;
  font-size: 12px;
}
.unit-types .heading {
  position: sticky;
  top: 91px;
  width: 100%;
  left: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 0, 0, 0);
  z-index: 1;
}
.unit-types .heading .animation {
  z-index: -1;
  width: 100%;
  height: 10px;
  position: absolute;
  top: calc(100% - 10px);
  transition: all 0.3s;
  background: #F5F0E5;
}
.unit-types .heading .animation::after {
  content: "";
  height: 15px;
  width: 15px;
  transform: rotate(45deg) translate(-50%, -50%);
  left: 50%;
  position: absolute;
  background-color: #F5F0E5;
  transition: all 0.5s;
  top: 0px;
}
.unit-types .heading .highlight {
  top: 100%;
}
.unit-types .heading:hover .animation {
  top: 100%;
}
.unit-types .heading:hover .animation::after {
  top: 12px;
  transition: all 0.3s;
}
.unit-types .heading .heading-tabs {
  overflow: auto;
  width: 100%;
}
.unit-types .heading .tabs {
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  overflow: initial;
  padding: 0 25px;
  position: relative;
  background-color: #f5f0e5;
}
.unit-types .heading .tabs .tabby {
  padding: 0 1em;
  justify-self: center;
  display: flex;
  justify-content: center;
  font-size: 13px;
  background-color: #F5F0E5;
}
@media screen and (max-width: 1279px) {
  .unit-types .heading {
    top: 47px;
  }
  .unit-types .heading .tabs {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
  }
}
.unit-types .sub {
  color: #BCB5AA;
  font-size: 12px;
  padding-top: 1em;
  padding-bottom: 2em;
}
.unit-types .condo-name {
  text-transform: uppercase;
}
.unit-types .type-name {
  font-size: 32px;
  font-family: "Gascogne";
  padding: 0px;
  margin: 0px;
}
.unit-types .hero-image {
  height: 75vh;
}
.unit-types .hero-image .image-wrapper {
  position: relative;
  height: 100%;
}
.unit-types .hero-image .guide-tour-wrapper {
  position: relative;
  display: none;
}
.unit-types .hero-image .close-iframe {
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer;
}
.unit-types .hero-image .text-overlay {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translate(0px, -50%);
  color: #F5F0E4;
  font-family: "Gascogne";
  font-size: 27px;
  cursor: pointer;
}
.unit-types .hero-image.active .image-wrapper {
  display: none;
}
.unit-types .hero-image.active .guide-tour-wrapper {
  display: block;
}
.unit-types .hero-image .text-overlay .arrow {
  margin-left: 15px;
}
.unit-types .hero-image .image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.unit-types .hero-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 639px) {
  .unit-types .hero-image {
    height: 50vh;
  }
  .unit-types .hero-image .tabs {
    width: 100%;
    justify-content: flex-start;
  }
}
.unit-types .plan-type:not(:first-child) {
  border-top: 1px solid #BCB5AA;
}
.unit-types .plan-type {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
}
.unit-types .plan-type .last-transacted {
  background-color: white;
  border-radius: 15px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 20px;
}
.unit-types .plan-type .type-image img {
  width: 100%;
  height: 100%;
}
.unit-types .plan-type .left {
  width: 30%;
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 320px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0;
  max-width: unset;
}
.unit-types .plan-type .left .name {
  font-size: 29px;
}
.unit-types .plan-type .left .properties {
  display: flex;
  font-size: 14px;
  margin: 1em 0px;
}
.unit-types .plan-type .left .properties > * {
  flex: 0 1 auto;
}
.unit-types .plan-type .left .properties .sep {
  padding: 0px 10px;
}
.unit-types .plan-type .left .buttons {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 639px) {
  .unit-types .plan-type .left {
    padding-bottom: 0;
  }
  .unit-types .plan-type .left .buttons {
    flex-direction: row;
  }
  .unit-types .plan-type .left .buttons .type-button {
    margin-right: 10px;
  }
}
.unit-types .plan-type .right {
  flex: 1;
  min-width: 320px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0;
  max-width: unset;
}
.unit-types .plan-type .right .type-image {
  display: none;
}
.unit-types .plan-type .right .type-image.active {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 639px) {
  .unit-types .plan-type {
    flex-direction: column;
  }
  .unit-types .plan-type .type-image iframe {
    height: 25vh;
  }
}
.unit-types .type-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid black;
  background: transparent;
  border-radius: 8px;
  height: 36px;
  font-size: 13px;
  width: 111px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  white-space: nowrap;
  padding: 0px 1em;
  cursor: pointer;
}
.unit-types .type-button.active {
  border: 1px solid #BCB5AA;
  background-color: #BCB5AA;
}
.unit-types .bt-container {
  display: flex;
  justify-content: center;
}
.unit-types .charts {
  background-color: #F5F0E5;
  border-top: 1px solid #BCB5AA;
  padding-top: 6em;
  padding-bottom: 8em;
}
.unit-types .charts .stats-table {
  border-collapse: collapse;
  border: 0px;
  border-spacing: 0px;
  width: 100%;
}
.unit-types .charts .stats-table th {
  text-align: left;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  color: #BCB5AA;
}
.unit-types .charts .stats-table td {
  border-bottom: 1px solid #BCB5AA;
  padding: 0.75em 0;
}
.unit-types .charts .table-top {
  display: flex;
  margin-bottom: 2em;
  flex-wrap: wrap;
}
.unit-types .charts .table-top .table-right,
.unit-types .charts .table-top .table-left {
  min-width: 320px;
}
.unit-types .charts .table-bottom {
  display: flex;
}
.unit-types .charts .table-bottom .table-right {
  overflow: auto;
  margin-bottom: 6em;
}
.unit-types .charts .table-bottom .table-right .stats-table {
  min-width: 800px;
}
.unit-types .charts .table-left {
  width: 30%;
  min-width: 200px;
  flex: 0 1 auto;
  padding-right: 1em;
  white-space: nowrap;
  background-color: #F5F0E5;
}
.unit-types .charts .table-right {
  flex: 1;
  position: relative;
}
.unit-types .charts .table-right .stats-table {
  visibility: collapse;
  opacity: 0;
  transition: all 0.2s;
}
.unit-types .charts .table-right .stats-table.active {
  visibility: visible;
  opacity: 1;
  transition: 0.2s all 0.2s;
}
.unit-types .charts .table-heading {
  font-size: 30px;
}
.unit-types .charts .sales {
  margin-bottom: 0px;
}
.unit-types .charts .sales .type-button {
  width: unset;
  font-size: 15px;
  padding: 0 3em;
}
.unit-types .charts .sales .table-bottom .table-right {
  margin-bottom: 3em;
}

.unit-types.hide-scroll {
  overflow: hidden;
}

#transaction-results {
  position: relative;
}
#transaction-results::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #F5F0E5);
  z-index: 1;
  pointer-events: none;
}
#transaction-results.active::before {
  display: none;
}

.disclaimer {
  margin-top: 10px;
  text-align: center;
}

.bar {
  display: flex;
  top: 50%;
  position: absolute;
  width: 100%;
  transform: translate(0px, -50%);
}
.bar .remaining,
.bar .sold {
  flex: 0 1 auto;
  height: 20px;
  line-height: 1.2;
}
.bar .remaining {
  background-color: #AD86C4;
  text-align: center;
}
.bar .sold {
  background-color: black;
  color: #F5F0E4;
  text-align: center;
}

.legend {
  display: flex;
  visibility: hidden;
  padding: 20px 0px;
  justify-content: flex-end;
  transition: 0.2s all 0.2s;
}
.legend.active {
  visibility: visible;
  transition: 0.2s all;
}
.legend .sold {
  display: flex;
  align-items: center;
  margin-right: 20px;
  text-transform: uppercase;
  font-size: 11px;
}
.legend .sold::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  display: inline-block;
  background-color: black;
}
.legend .remaining {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 11px;
}
.legend .remaining::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  display: inline-block;
  background-color: #AD86C4;
}

.home .wrapper {
  max-height: 100vh;
  overflow: hidden;
  opacity: 0;
}

.home.side-scroll {
  position: relative;
  left: 0;
  transition: all 700ms ease-in;
  opacity: 0;
  padding-top: var(--header-height);
  max-width: 100vw;
}

.home .main-wrapper {
  height: calc(100vh - var(--header-height));
  max-width: 100vw;
  background-color: #F5F0E4;
}

.home .main-wrapper .column {
  width: 22%;
  border-right: 1px solid black;
  position: relative;
  transition: all 700ms ease;
}

.home .main-wrapper .column.fourth {
  border-right: none;
}

.home .main-wrapper .column.first {
  overflow: hidden;
  direction: rtl;
  width: 34%;
}

.home .main-wrapper .column.first h3 p {
  font-family: "Gascogne-Regular";
  margin: 0;
  text-transform: none;
  text-align: left;
  font-size: 24px;
  overflow: hidden;
  direction: ltr;
}

.home .main-wrapper .column .wrapper {
  margin-top: 0;
  top: auto;
  opacity: 1;
}

.home .main-wrapper .column .wrapper::after {
  display: none;
}

.home .main-wrapper .column.first .wrapper {
  min-width: 34vw;
  padding: var(--gap);
  justify-content: space-between;
  height: 100%;
}

.home .main-wrapper .column.first .wrapper img {
  max-width: 350px;
}

.home .main-wrapper .column.active {
  background-color: transparent;
}

.home .main-wrapper .column .image-wrapper {
  width: 100%;
  border-bottom: 1px solid black;
  position: relative;
  width: 0;
  padding-left: 22vw;
  height: 60vh;
  overflow: hidden;
  margin-top: 0;
  top: auto;
  opacity: 1;
  transition: all 700ms ease;
}

.home .main-wrapper .column .image-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 101%;
  width: 100%;
  min-width: 60vw;
}

.home .main-wrapper .column .image-wrapper img.mobile {
  display: none;
}

.home .main-wrapper .column h4 {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.3;
  font-family: "Whyte Book";
}

.home .main-wrapper h3 {
  margin-top: 10px;
  font-size: 24px;
  text-transform: none;
}

.home .main-wrapper .column .column-link {
  margin-top: auto;
  top: 0;
  opacity: 0;
  position: relative;
  font-family: "Whyte-Medium";
  font-size: 11px;
  text-decoration: none !important;
  text-transform: uppercase;
  line-height: 1.2;
  transition: all 1000ms ease;
  margin-top: 15px;
}

.home .main-wrapper .column .column-link::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 0;
  overflow: hidden;
  height: 1px;
  background-color: black;
  transition: all 500ms ease;
}

.home .main-wrapper .column .column-link:hover::after {
  width: 100%;
}

.home .main-newsletter {
  border-left: 1px solid black;
}

.home .main-newsletter .container {
  height: 100%;
  padding: 50px;
  position: relative;
  height: calc(100vh - var(--header-height));
  justify-content: flex-end;
}

.home .main-newsletter .title {
  font-family: "Whyte-Regular";
  font-size: 18px;
  margin-bottom: 20px;
}

.home .main-newsletter form .sib-container {
  width: 100%;
  border-bottom: 1px solid black;
}

.home .main-newsletter form .input-field {
  width: 100%;
}

.home .main-newsletter input {
  background-color: transparent;
  font-family: "Whyte-Regular";
  font-size: 15px;
  color: black;
  border: none;
  outline: none;
}

.home .main-newsletter .submit-field span {
  font-family: "Whyte-Medium";
  font-size: 12px;
  color: black;
  white-space: nowrap;
}

.home .main-newsletter .submit-field button {
  background-color: transparent;
  margin: 0;
  border: none;
  padding: 0;
}

.home .main-newsletter .social-links {
  justify-content: space-between;
  -moz-column-gap: 50px;
       column-gap: 50px;
}

.home .main-newsletter .middle-part {
  width: 100%;
  padding: 0 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.home .main-newsletter a {
  width: 16px;
}

.home .main-newsletter a::after {
  display: none;
}

.home .main-newsletter img {
  -o-object-fit: contain;
     object-fit: contain;
}

.home .main-wrapper .mobile {
  display: none;
}

.home .main-wrapper .column:hover .image-wrapper {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.home .main-wrapper .column:hover .image-wrapper::-webkit-scrollbar {
  display: none;
}

footer {
  display: none;
}

@media screen and (min-width: 1920px) {
  .home .main-wrapper .column.first .wrapper {
    min-width: 25vw;
  }
  .home .main-wrapper .column .image-wrapper {
    padding-left: 25vw;
  }
  .home .main-wrapper .column {
    width: 25%;
  }
  .home .main-wrapper .column.first {
    width: 25%;
  }
  .home .main-wrapper .column .image-wrapper img {
    min-width: 30vw;
  }
}
@media screen and (max-width: 989px) {
  .home .main-wrapper .column.first .wrapper {
    height: -moz-fit-content;
    height: fit-content;
  }
  .home .wrapper {
    max-height: unset;
  }
  .home .main-wrapper .column.first h3 p {
    text-align: center;
    font-size: 20px;
  }
  .home .main-newsletter {
    display: none;
  }
  .home .main-wrapper {
    flex-direction: column;
    height: auto;
  }
  .home .main-wrapper.max-height {
    max-height: calc(100vh - var(--header-height));
    transition: all 800ms ease;
  }
  .home .main-wrapper .column {
    width: 100%;
    overflow: hidden;
    border-right: 0;
    border-top: 1px solid black;
    padding: 0;
    min-height: var(--row-height);
  }
  .home .main-wrapper .column.active {
    padding: var(--gap);
  }
  .home .main-wrapper .column.first {
    overflow: auto;
    border-top: none;
    width: 100%;
    height: 100%;
    min-height: unset;
    transition: all 800ms ease;
  }
  .home .main-wrapper .column.first img {
    width: 196px;
    position: relative;
    bottom: calc(0px - var(--gap));
    right: calc(0px - var(--gap));
  }
  .home .main-wrapper .column.second {
    margin-top: auto;
  }
  .home .main-wrapper .column h4 {
    opacity: 0;
    position: absolute;
    top: 45px;
    z-index: -1;
    transition: all 1000ms ease;
  }
  .home .main-wrapper .column.active h4 {
    z-index: 1;
  }
  .column .wrapper.mobile > .flex.flex-spread {
    margin-top: 10px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .column.active .wrapper.mobile > .flex.flex-spread {
    width: 100%;
  }
  .home .main-wrapper .column .image-wrapper {
    width: auto;
    padding-top: var(--row-height);
    height: 0;
    border-bottom: none;
  }
  .home .main-wrapper.active .column .image-wrapper {
    padding-top: var(--row-height);
  }
  .home .main-wrapper .column.active .image-wrapper {
    padding-top: 25vh;
    margin-top: 80px;
  }
  .home .main-wrapper .column .image-wrapper img.mobile {
    display: block;
  }
  .home .main-wrapper .column .image-wrapper img.desktop {
    display: none;
  }
  .home .main-wrapper .column .container {
    height: 0;
    padding: 0;
    position: absolute;
  }
  .home .main-wrapper .column .wrapper {
    overflow: visible;
  }
  .home .main-wrapper .column h3 {
    color: #F5F0E4;
    padding-left: var(--gap);
    margin-top: 0;
    transition: all 1000ms ease;
  }
  .home .main-wrapper .column.active h3 {
    color: black;
    padding-left: 0;
  }
  .home .main-wrapper .column.active h4,
  .home .main-wrapper .column.active .column-link {
    opacity: 1;
  }
  .home .main-wrapper .column .column-link {
    margin-top: 7px;
    height: 15px;
    display: none;
  }
  .home .main-wrapper .column.active .column-link {
    display: block;
  }
  .home .main-wrapper .container {
    max-width: calc(100% - var(--gap) * 2);
  }
  .home .main-wrapper .container a::after {
    width: 100%;
  }
  .home .main-wrapper .mobile {
    display: block;
  }
  .home .main-wrapper .desktop {
    display: none;
  }
  .home .main-wrapper .column.first .wrapper img {
    max-width: 150px;
  }
}
@media screen and (max-width: 450px) {
  .home .main-wrapper .column.active .image-wrapper {
    padding-top: 20vh;
  }
}
@media screen and (min-width: 1080px) {
  .home .main-wrapper .column h4 {
    font-size: 15px;
  }
}