@charset "UTF-8";
/**
* Theme/Project Name
* ==================
* Design: PROJECT NAME
* Author: True Market
* Version 1.0
*
* Table of Contents
* =================
Custom Properties
Mixins
Fonts
Reset
Pages
Typography
Layouts
Components

*/
:root {
  font-size: 62.5%;
  /* Colours */
  --white: #fff;
  --black: #000;
  --grey: rgba(112, 112, 112, 0.05);
  --navy-blue: #04273D;
  --navy-blue-darker: #032134;
  --gold: #DFB76E;
  --beige: #DCCEB9;
  --beige-light: #F7F0E8;
  --dark-grey: #1D1C1B;
  /* Box Shadow */
  --box-shadow: 0 0 40px rgb(0 0 0 / 10%);
  /** Easings */
  --easing-zip: cubic-bezier(0.21, 0.205, 0, 1.455);
  --easing-zip-big: cubic-bezier(0.21, 0.205, 0, 1.755);
  --easing-natural: cubic-bezier(0.5, 0, 0.5, 1);
  --easing-in: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --easing-out: cubic-bezier(0.165, 0.84, 0.44, 1);
  --easing-in-out: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --easing-default: var(--easing-natural);
  /* Transitions */
  --transition-bounce: 0.6s var(--easing-zip);
  --transition-long: 0.5s var(--easing-natural);
  --transition-short: 0.2s var(--easing-natural);
  /* Spacing */
  --bottom-spacing: 3rem;
  --padding-inline: 4rem;
}

@media all and (max-width: 1100px) {
  :root {
    font-size: 50%;
  }
}
/* 
==========
Custom Font Families 
==========

Follow these steps to generate @font-face fonts (if .woff files were not provided for you, otherwise, skip to step 5)
1. Go to assets/fonts and delete everything in there.
2. Go to https://transfonter.org/ and upload the fonts that were provided to you
3. Download the kit
4. Extract the zip and copy the files in assets/fonts
5. Now simply change the urls and font names (font-family) in this file to match your new fonts. Remove unnecessary ones
6. Update typography.scss with the new fonts
*/
@font-face {
  font-family: "Garamond";
  src: local("EBGaramond Italic"), local("EBGaramond-Italic"), url("../../fonts/EBGaramond-Italic.woff2") format("woff2"), url("../../fonts/EBGaramond-Italic.woff") format("woff");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Garamond Medium";
  src: url("../../fonts/EBGaramond-MediumItalic.ttf") format("truetype");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "aviano";
  src: url("https://use.typekit.net/af/640cc5/0000000000000000773598a5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/640cc5/0000000000000000773598a5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/640cc5/0000000000000000773598a5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://use.typekit.net/af/166c30/00000000000000007735da09/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/166c30/00000000000000007735da09/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"), url("https://use.typekit.net/af/166c30/00000000000000007735da09/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://use.typekit.net/af/26ad38/00000000000000007735da11/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/26ad38/00000000000000007735da11/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/26ad38/00000000000000007735da11/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "museo-sans";
  src: url("https://use.typekit.net/af/dcd000/00000000000000007735da17/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/dcd000/00000000000000007735da17/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/dcd000/00000000000000007735da17/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
.large-text {
  font-size: var(--text-45);
  font-family: var(--font-heavy);
  line-height: 1.2;
}

.text-align-center::after {
  margin: 1rem auto;
}

.text-align-right::after {
  margin: 1rem 0;
}

.typography {
  --base: 6vw;
  --text-12: clamp(0.6rem, var(--base), 1.2rem);
  --text-14: clamp(0.7rem, var(--base), 1.4rem);
  --text-15: clamp(0.75rem, var(--base), 1.5rem);
  --text-16: clamp(0.8rem, var(--base), 1.6rem);
  --text-18: clamp(0.9rem, var(--base), 1.8rem);
  --text-20: clamp(1rem, var(--base), 2rem);
  --text-22: clamp(1.1rem, var(--base), 2.2rem);
  --text-24: clamp(1.2rem, var(--base), 2.4rem);
  --text-25: clamp(1.25rem, var(--base), 2.5rem);
  --text-26: clamp(1.3rem, var(--base), 2.6rem);
  --text-28: clamp(1.4rem, var(--base), 2.8rem);
  --text-30: clamp(1.5rem, var(--base), 3rem);
  --text-32: clamp(1.6rem, var(--base), 3.2rem);
  --text-35: clamp(1.75rem, var(--base), 3.5rem);
  --text-36: clamp(1.8rem, var(--base), 3.6rem);
  --text-40: clamp(2rem, var(--base), 4rem);
  --text-42: clamp(2.1rem, var(--base), 4.2rem);
  --text-43: clamp(2.15rem, var(--base), 4.3rem);
  --text-45: clamp(2.25rem, var(--base), 4.5rem);
  --text-50: clamp(2.5rem, var(--base), 5rem);
  --text-54: clamp(2.7rem, var(--base), 5.4rem);
  --text-55: clamp(2.75rem, var(--base), 5.5rem);
  --text-60: clamp(3rem, var(--base), 6rem);
  --text-61: clamp(3.05rem, var(--base), 6.1rem);
  --text-62: clamp(3.1rem, var(--base), 6.2rem);
  --text-65: clamp(3.25rem, var(--base), 6.5rem);
  --text-70: clamp(3.5rem, var(--base), 7rem);
  --text-75: clamp(3.75rem, var(--base), 7.5rem);
  --text-80: clamp(4rem, var(--base), 8rem);
  --text-90: clamp(4.5rem, var(--base), 9rem);
  --font-regular: "museo-sans", system-ui, sans-serif;
  --font-garamond: "Garamond", system-ui, sans-serif;
  --font-garamond-medium: "Garamond Medium", system-ui, sans-serif;
  --font-heavy: "Mont Bold", system-ui, sans-serif;
  --font-aviano: "aviano", serif;
  --color-body-text: var(--navy-blue);
  font-family: var(--font-regular);
  font-size: var(--text-18);
  font-weight: 100;
  line-height: 1.3;
  color: var(--color-body-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  overflow-wrap: normal;
  display: block;
  font-family: var(--font-aviano);
  color: var(--gold);
  text-transform: uppercase;
  font-weight: normal;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-family: var(--font-garamond);
  font-weight: normal;
  color: var(--beige);
  line-height: 1;
  text-transform: none;
}

h1 {
  font-size: var(--text-90);
}

h2 {
  font-size: var(--text-43);
  line-height: 1.1;
}

h3 {
  font-size: var(--text-35);
}

h4 {
  font-size: var(--text-30);
}

h5 {
  font-size: var(--text-24);
}

h6 {
  font-size: var(--text-20);
}

h2,
h3,
h4 {
  position: relative;
}
h2::after,
h3::after,
h4::after {
  content: "";
  display: block;
  width: 10rem;
  height: 2px;
  background-color: var(--gold);
  margin: 0.9rem auto 4rem 0;
  text-align: inherit;
}
h2.text-align-center::after,
h3.text-align-center::after,
h4.text-align-center::after {
  margin: 0.9rem auto 4rem;
}

p {
  line-height: 1.6;
  margin-block-start: 1.5em;
  margin-block-end: 1.5em;
}

strong {
  font-family: var(--font-heavy);
  font-weight: 700;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  background-color: var(--navy-blue);
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
  padding: 0;
  scroll-behavior: smooth;
  overflow-x: clip;
  min-width: 300px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-padding-top: 10rem;
}
@media screen and (max-width: 1100px) {
  html,
  body {
    font-size: 87.5%;
  }
}

a {
  text-decoration: none;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
}
button:hover, button:active, button:focus {
  cursor: pointer;
}

input,
button,
textarea,
select {
  font: inherit;
}

img,
picture,
video,
canvas,
iframe,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

img {
  font-style: italic;
}

figure {
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

#root, #__next {
  isolation: isolate;
}

/* start langing styles */
.landing {
  position: relative;
}
.landing::after {
  content: "";
  display: block;
  height: 51.5rem;
  width: 100%;
  background: transparent linear-gradient(180deg, var(--navy-blue) 0%, rgba(4, 39, 61, 0) 100%) 0% 0% no-repeat padding-box;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .landing::after {
    display: none;
  }
}

.video-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  /* or your desired height */
  overflow: hidden;
}

.video-wrapper video,
.video-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

#posterOverlay {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 1s ease-in-out;
  z-index: 2;
}

#posterOverlay.fade-out {
  opacity: 0;
  pointer-events: none;
}

.landing__video {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1700px) {
  .landing__video video {
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .landing__video {
    display: none;
  }
}

.landing__hero-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .landing__hero-mobile {
    background-size: cover;
    background-position: center bottom;
    display: block;
    padding-top: 45rem;
    position: relative;
    padding-bottom: 4.5rem;
  }
  .landing__hero-mobile::after {
    content: "";
    display: block;
    height: 51.5rem;
    width: 100%;
    background: transparent linear-gradient(180deg, rgba(4, 39, 61, 0.7) 0%, rgba(4, 39, 61, 0) 60%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 0;
  }
}

.landing__hero-mobile h1,
.landing__hero-mobile h1 p {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.3;
  font-size: var(--text-35);
  font-family: var(--font-aviano);
  color: var(--gold);
}
.landing__hero-mobile h1::after,
.landing__hero-mobile h1 p::after {
  display: none;
}
.landing__hero-mobile h1 p,
.landing__hero-mobile h1 p p {
  margin: 0;
}
.landing__hero-mobile h1 em,
.landing__hero-mobile h1 p em {
  font-family: var(--font-garamond);
  font-weight: normal;
  color: var(--beige);
  text-transform: none;
}
@media screen and (max-width: 1300px) {
  .landing__hero-mobile h1,
  .landing__hero-mobile h1 p {
    line-height: 1.2;
  }
}

.landing__content {
  padding-top: 65vh;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1700px) {
  .landing__content {
    padding-top: 55vh;
  }
}
@media screen and (max-width: 767px) {
  .landing__content {
    display: none;
  }
}

.landing__content h1,
.landing__content h1 p {
  font-size: var(--text-43);
  line-height: 1.3;
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 1300px) {
  .landing__content h1,
  .landing__content h1 p {
    font-size: var(--text-35);
    line-height: 1.2;
  }
}
.landing__content h1::after,
.landing__content h1 p::after {
  display: none;
}

.landing__content h4,
.landing__content h4 p {
  font-size: var(--text-30);
  margin: 1rem 0;
}
.landing__content h4::after,
.landing__content h4 p::after {
  display: none;
}

.landing__content h1,
.landing__content h4 {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--font-aviano);
  color: var(--gold);
}
.landing__content h1 p,
.landing__content h4 p {
  margin: 0;
}
.landing__content h1 em,
.landing__content h4 em {
  font-family: var(--font-garamond);
  font-weight: normal;
  color: var(--beige);
  text-transform: none;
}

.landing__content-left-block {
  background-color: rgba(29, 28, 27, 0.8);
  padding: 1rem 10rem 7rem 15rem;
  width: 59%;
  position: relative;
}
@media screen and (max-width: 1600px) {
  .landing__content-left-block {
    padding: 1rem 8rem 7rem 12rem;
  }
}
@media screen and (max-width: 1400px) {
  .landing__content-left-block {
    padding: 1rem 5rem 3rem 5rem;
  }
}
@media screen and (max-width: 1300px) {
  .landing__content-left-block {
    padding: 1rem 4rem 3rem 4rem;
  }
}
@media screen and (max-width: 1100px) {
  .landing__content-left-block {
    width: 55%;
  }
}
.landing__content-left-block h2 {
  margin: 2rem 0 1rem;
}
.landing__content-left-block h2 p {
  margin: 0;
  line-height: 1.3;
}
.landing__content-left-block h2::after {
  display: none;
}
.landing__content-left-block .landing__serving-content {
  padding-left: 12rem;
}
@media screen and (max-width: 767px) {
  .landing__content-left-block .landing__serving-content {
    padding-left: 0;
    padding-top: 3rem;
    font-size: var(--text-22);
  }
}
.landing__content-left-block .landing__serving-content::before {
  width: 9.3rem;
}
@media screen and (max-width: 767px) {
  .landing__content-left-block .landing__serving-content::before {
    top: -0.5rem;
  }
}

@media screen and (max-width: 767px) {
  .landing__content-left-block--mobile {
    width: calc(100% - 4rem);
  }
}
@media screen and (max-width: 500px) {
  .landing__content-left-block--mobile {
    padding: 1rem 1rem 3rem 4rem;
  }
}
.landing__content-left-block--mobile em:first-child::after {
  content: "";
  display: block;
}

@media screen and (max-width: 500px) {
  .landing__content-left-block--mobile h3 {
    font-size: var(--text-32);
  }
}
@media screen and (max-width: 450px) {
  .landing__content-left-block--mobile h3 {
    font-size: var(--text-28);
  }
}
@media screen and (max-width: 400px) {
  .landing__content-left-block--mobile h3 {
    font-size: var(--text-26);
  }
}
@media screen and (max-width: 375px) {
  .landing__content-left-block--mobile h3 {
    font-size: var(--text-24);
  }
}

.landing__content-right-block {
  background-color: rgba(4, 39, 61, 0.9);
  display: flex;
  align-items: center;
  gap: 4.5rem;
  padding: 5rem 7rem;
  position: relative;
  width: 39%;
}
@media screen and (max-width: 1600px) {
  .landing__content-right-block {
    padding: 5rem 5rem;
  }
}
@media screen and (max-width: 1400px) {
  .landing__content-right-block {
    padding: 3rem 5rem;
  }
}
@media screen and (max-width: 1300px) {
  .landing__content-right-block {
    gap: 3rem;
    padding: 3rem 4rem;
  }
}
@media screen and (max-width: 1100px) {
  .landing__content-right-block {
    width: 43%;
  }
}
.landing__content-right-block .play-video-btn {
  position: relative;
  width: 11.7rem;
  height: 11.7rem;
  cursor: pointer;
}
.landing__content-right-block .play-video-btn::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 117 117"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st2 { fill: %23f7f0e8; } .st1 { stroke: %23dfb76e; stroke-width: 2px; } </style></defs><g id="icon-play"><g id="Ellipse_5"><circle class="st0" cx="58.5" cy="58.5" r="58.5"/><circle class="st1" cx="58.5" cy="58.5" r="57.5"/></g><path id="Polygon_3" class="st2" d="M80.425,55.893c1.4395.8203,1.9415,2.6523,1.1212,4.0918-.2664.4675-.6537.8548-1.1212,1.1212l-33.94,19.338c-1.4396.8201-3.2715.318-4.0917-1.1217-.2577-.4523-.3932-.9638-.3933-1.4843v-38.676c-.0002-1.6569,1.3428-3.0001,2.9997-3.0003.5209,0,1.0328.1355,1.4853.3933l33.94,19.338Z"/></g></svg>');
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.landing__content-right-block .play-video-btn:hover::before {
  transform: scale(1.05);
}
.landing__content-right-block .content {
  position: relative;
}
.landing__content-right-block .pre-title {
  color: var(--beige);
  font-size: var(--text-30);
  font-family: var(--font-garamond);
  text-transform: lowercase;
  font-weight: normal;
}
.landing__content-right-block .landing__serving-content {
  padding-left: 8.4rem;
}
.landing__content-right-block .landing__serving-content::before {
  width: 5.7rem;
}
.landing__content-right-block .topo-lines {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: 100%;
  opacity: 0.1;
}

.landing__content-right-block--mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .landing__content-right-block--mobile {
    background-color: transparent;
    display: block;
    width: 100%;
    padding: 5rem 1rem 7rem;
  }
}
.landing__content-right-block--mobile .play-video-btn-mobile {
  display: flex;
  gap: 2.5rem;
  align-items: center;
}
.landing__content-right-block--mobile .play-video-btn {
  width: 48px;
  height: 48px;
}
.landing__content-right-block--mobile .play-video-btn::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 33 33"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st2 { fill: %23f7f0e8; } .st1 { stroke: %23dfb76e; stroke-width: 2px; } </style></defs><g id="icon-blog-video"><g id="Ellipse_2"><circle class="st0" cx="16.5" cy="16.5" r="16.5"/><circle class="st1" cx="16.5" cy="16.5" r="15.5"/></g><path id="Polygon_2" class="st2" d="M22.377,15.621c.4857.2628.6664.8697.4036,1.3554-.0925.1709-.2327.3111-.4036.4036l-8.9,4.821c-.4854.2634-1.0925.0835-1.3559-.4019-.0796-.1468-.1213-.3111-.1211-.4781v-9.642c.0002-.5523.4482-.9998,1.0004-.9996.1661,0,.3295.0415.4756.1206l8.901,4.821Z"/></g></svg>');
}
.landing__content-right-block--mobile h4 {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 3.5rem;
  font-family: var(--font-aviano);
  color: var(--gold);
  width: 60%;
  overflow-wrap: normal;
  margin: 1.5rem 0;
}
.landing__content-right-block--mobile h4::after {
  display: none;
}
.landing__content-right-block--mobile .play-video-btn-text {
  color: var(--beige);
  font-size: var(--text-20);
  letter-spacing: 0.8px;
  font-weight: 100;
}

.landing__serving-content {
  color: var(--beige);
  font-size: var(--text-18);
  font-weight: 100;
  position: relative;
}
.landing__serving-content::before {
  display: block;
  background-color: var(--gold);
  top: 50%;
  left: 0;
  position: absolute;
  content: "";
  height: 2px;
}

/* end langing styles */
.blue-bg-section {
  background: transparent linear-gradient(180deg, var(--navy-blue) 0%, var(--navy-blue) 100%) 0% 0% no-repeat padding-box;
  margin-top: 55rem;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .blue-bg-section {
    margin-top: 50rem;
  }
}
@media screen and (max-width: 1400px) {
  .blue-bg-section {
    margin-top: 45rem;
  }
}
@media screen and (max-width: 1300px) {
  .blue-bg-section {
    margin-top: 40rem;
  }
}
@media screen and (max-width: 767px) {
  .blue-bg-section {
    margin-top: 0;
  }
}
.blue-bg-section .tm-container.tm-container--wide {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1700px) {
  .blue-bg-section .tm-container.tm-container--wide {
    padding-inline: var(--padding-inline);
  }
}
.blue-bg-section .topo-lines {
  position: absolute;
  right: -3rem;
  bottom: 0;
  width: auto;
  height: auto;
  opacity: 0.1;
  max-width: 70rem;
}
@media screen and (max-width: 767px) {
  .blue-bg-section .topo-lines {
    display: none;
  }
}
.blue-bg-section .topo-lines-mobile-top {
  display: none;
}
@media screen and (max-width: 767px) {
  .blue-bg-section .topo-lines-mobile-top {
    opacity: 0.1;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.blue-bg-section .topo-lines-mobile-bottom {
  display: none;
}
@media screen and (max-width: 767px) {
  .blue-bg-section .topo-lines-mobile-bottom {
    opacity: 0.1;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65%;
  }
}

/*navigation tiles section styles*/
.navigation-tiles-section {
  display: flex;
  gap: 3.5rem;
  position: relative;
  top: -26rem;
}
@media screen and (max-width: 1500px) {
  .navigation-tiles-section {
    top: -20rem;
  }
}
@media screen and (max-width: 1300px) {
  .navigation-tiles-section {
    top: -17rem;
  }
}
@media screen and (max-width: 767px) {
  .navigation-tiles-section {
    flex-direction: column;
    top: 0;
    margin-bottom: 13rem;
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

.navigation-tail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 60.9rem;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .navigation-tail {
    height: 50rem;
  }
}
@media screen and (max-width: 1300px) {
  .navigation-tail {
    height: 40rem;
  }
}
@media screen and (max-width: 500px) {
  .navigation-tail {
    height: 30.5rem;
  }
}
.navigation-tail::after {
  background-color: rgba(4, 39, 61, 0.75);
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  transition: all 0.2s ease-in;
}
@media screen and (max-width: 767px) {
  .navigation-tail::after {
    background-color: rgba(4, 39, 61, 0.6);
  }
}
.navigation-tail:hover .navigation-tail__hover-border {
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  left: 1rem;
  top: 1rem;
}
.navigation-tail:hover::after {
  background-color: rgba(4, 39, 61, 0.65);
}

@media screen and (max-width: 767px) {
  .navigation-tail:nth-child(2) {
    background-position: center 100% !important;
  }
}

.navigation-tail:nth-child(3)::after {
  background-color: rgba(4, 39, 61, 0.7);
}
.navigation-tail:nth-child(3):hover::after {
  background-color: rgba(4, 39, 61, 0.6);
}

.navigation-tail__looking-to,
.navigation-tail__link-to {
  display: block;
  z-index: 1;
  position: relative;
}

.navigation-tail__looking-to {
  color: var(--gold);
  font-size: var(--text-18);
  font-weight: 300;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .navigation-tail__looking-to {
    font-size: var(--text-22);
  }
}

.navigation-tail__link-to {
  font-size: var(--text-61);
  color: var(--beige-light);
  font-family: var(--font-aviano);
  text-transform: uppercase;
}
@media screen and (max-width: 1400px) {
  .navigation-tail__link-to {
    font-size: var(--text-55);
  }
}
@media screen and (max-width: 1300px) {
  .navigation-tail__link-to {
    font-size: var(--text-45);
  }
}
@media screen and (max-width: 1100px) {
  .navigation-tail__link-to {
    font-size: var(--text-40);
  }
}
@media screen and (max-width: 767px) {
  .navigation-tail__link-to {
    font-size: var(--text-90);
  }
}

.navigation-tail__divider {
  background-color: var(--gold);
  display: block;
  width: 56px;
  height: 2px;
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}

.navigation-tail__hover-border {
  display: block;
  border: 2px solid var(--gold);
  position: absolute;
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
  left: 2rem;
  top: 2rem;
  z-index: 1;
  transition: all 0.2s ease-in;
}
@media screen and (max-width: 767px) {
  .navigation-tail__hover-border {
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    left: 1.5rem;
    top: 1.5rem;
  }
}

/* end navigation tiles section styles */
/* bespoke ranch section styles */
.bespoke-ranch-section {
  display: flex;
  align-items: center;
  gap: 15.5rem;
  padding-right: 2rem;
  padding-bottom: 20rem;
  position: relative;
  z-index: 2;
  margin-top: -5rem;
}
@media screen and (max-width: 1700px) {
  .bespoke-ranch-section {
    padding-right: 4rem;
  }
}
@media screen and (max-width: 1500px) {
  .bespoke-ranch-section {
    gap: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .bespoke-ranch-section {
    flex-direction: column-reverse;
    gap: 12rem;
    align-items: flex-start;
    padding-bottom: 0;
    margin-top: -1rem;
  }
}
@media screen and (max-width: 500px) {
  .bespoke-ranch-section {
    margin-top: 16rem;
  }
}

.bespoke-ranch-section__thumbnail {
  position: relative;
  width: 55%;
}
@media screen and (max-width: 767px) {
  .bespoke-ranch-section__thumbnail {
    width: 100%;
    margin-bottom: -30%;
  }
}
.bespoke-ranch-section__thumbnail .play-video-btn {
  position: absolute;
  width: 12rem;
  height: 12rem;
  cursor: pointer;
  top: calc(50% - 6rem);
  left: 15%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .bespoke-ranch-section__thumbnail .play-video-btn {
    width: 7.5rem;
    height: 7.5rem;
    top: calc(50% - 3.75rem);
    left: 25%;
  }
}
.bespoke-ranch-section__thumbnail .play-video-btn::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" version="1.1" viewBox="0 0 117 117"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: %23f7f0e8; } .st1 { fill: none; stroke: %23dfb76e; stroke-width: 2px; } .st2 { fill: url(%23linear-gradient); } </style><linearGradient id="linear-gradient" x1="-476.3889" y1="1011.2991" x2="-476.3889" y2="1010.2991" gradientTransform="translate(55796 118322) scale(117 -117)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%2304273d" stop-opacity="0"/><stop offset="1" stop-color="%2304273d"/></linearGradient></defs><g id="icon-play-gradient"><g id="Ellipse_2"><circle class="st2" cx="58.5" cy="58.5" r="58.5"/><circle class="st1" cx="58.5" cy="58.5" r="57.5"/></g><path id="Polygon_2" class="st0" d="M80.425,55.893c1.4395.8203,1.9415,2.6523,1.1212,4.0918-.2664.4675-.6537.8548-1.1212,1.1212l-33.94,19.338c-1.4396.8201-3.2715.318-4.0917-1.1217-.2577-.4523-.3932-.9638-.3933-1.4843v-38.676c-.0002-1.6569,1.3428-3.0001,2.9997-3.0003.5209,0,1.0328.1355,1.4853.3933l33.94,19.338Z"/></g></svg>');
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.bespoke-ranch-section__thumbnail .play-video-btn:hover::before {
  transform: scale(1.05);
}

.bespoke-ranch-section__border {
  display: block;
  border: 2px solid var(--gold);
  border-left: 0;
  position: absolute;
  width: calc(100% - 1.6rem);
  height: calc(100% - 3.6rem);
  left: 0;
  top: 1.8rem;
  z-index: 1;
}

.bespoke-ranch-section__content {
  max-width: 59rem;
}
@media screen and (max-width: 1500px) {
  .bespoke-ranch-section__content {
    max-width: 50rem;
  }
}
@media screen and (max-width: 767px) {
  .bespoke-ranch-section__content {
    padding-left: 4rem;
    max-width: none;
  }
}
.bespoke-ranch-section__content .pre-title {
  font-size: var(--text-16);
  color: var(--beige-light);
  letter-spacing: 1.12px;
  text-transform: uppercase;
  font-weight: 300;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .bespoke-ranch-section__content .pre-title {
    padding-left: 3.5rem;
    font-size: var(--text-18);
  }
}
.bespoke-ranch-section__content .pre-title::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="logo-element-curl" version="1.1" viewBox="0 0 59.808 51.999"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: none; } .st1 { fill: %23f7f0e8; } .st2 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st0" width="59.808" height="51.998"/></clipPath></defs><g class="st2"><g id="Group_5"><path id="Path_21" class="st1" d="M32.924,8.6c8.179-2.123,13.185,1.988,16.992,9.281,0,0,1.752-1.275,5.191.664,1.1687.3235,2.398-.2582,2.889-1.367.7719-1.8425,1.3442-3.7625,1.707-5.727.1226-1.179.1336-2.3669.033-3.548C55.106,1.534,46.083-1.568,37.024.784c-9.935,2.579-16.03,11.427-17.156,19.587,2.1344-5.8435,7.0234-10.2513,13.056-11.771"/><path id="Path_22" class="st1" d="M6,18.964c-3.019,1.542-5.04,4.47-6,8.164,1.2576-2.3002,3.3311-4.0458,5.812-4.893,7.3-2.315,16.075,4.827,19.6,15.952,1.4628,4.4107,1.8263,9.1119,1.059,13.695,1.3803.2084,2.7882.1404,4.142-.2,1.1277-.3194,2.145-.9448,2.939-1.807.5871-5.9334-.6082-11.9072-3.433-17.158-5.829-11.426-16.631-17.582-24.119-13.753"/><path id="Path_23" class="st1" d="M25.685,51.302c-5.312-7.122-7.363-15.742-8.086-24.465-2.216,8.5.634,19.365,8.086,24.465"/><path id="Path_24" class="st1" d="M35.08,15.233c-4.858,1.75-7.75,7.622-7.668,11.5.472-2.2906,1.6266-4.3845,3.312-6.006,2.9356-3.3394,7.293-5.0709,11.72-4.657,2.337.176,5.742.9,6.82,2.071-1.7741-1.8034-4.0497-3.0313-6.531-3.524-2.5582-.5245-5.2128-.309-7.653.621"/></g></g></svg>');
  position: absolute;
  width: 6rem;
  left: -2rem;
  bottom: -0.5rem;
}
@media screen and (max-width: 767px) {
  .bespoke-ranch-section__content .pre-title::before {
    width: 7.5rem;
  }
}
.bespoke-ranch-section__content .title {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--font-aviano);
  color: var(--gold);
  font-size: var(--text-43);
  line-height: 5.2rem;
  margin-top: 0;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .bespoke-ranch-section__content .title {
    line-height: 3.6rem;
    font-size: var(--text-45);
  }
}
.bespoke-ranch-section__content .description {
  color: var(--beige-light);
  font-size: var(--text-18);
  font-weight: 100;
  line-height: 1.6;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 767px) {
  .bespoke-ranch-section__content .description {
    font-size: var(--text-20);
    font-weight: 100;
    line-height: 3.2rem;
    margin-bottom: 3.5rem;
  }
}
.bespoke-ranch-section__content .button--secondary-cta {
  color: var(--beige-light);
}

/* end bespoke ranch section styles */
/* insights section section styles */
.insights-section {
  position: relative;
  z-index: 1;
  padding: 18.5rem 0 24rem;
}
@media screen and (max-width: 1300px) {
  .insights-section {
    padding: 18.5rem 0 18rem;
  }
}
@media only screen and (min-width: 768px) {
  .insights-section {
    background-image: none !important;
  }
}
@media screen and (max-width: 767px) {
  .insights-section {
    background-size: cover;
    background-position: bottom center;
    padding-top: 37rem;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 1700px) {
  .insights-section .tm-container.tm-container--wide {
    padding-inline: var(--padding-inline);
  }
}
@media screen and (max-width: 767px) {
  .insights-section .tm-container.tm-container--wide {
    padding-left: 0;
    padding-right: 0;
  }
}
.insights-section .panel-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -30;
}
@media screen and (max-width: 767px) {
  .insights-section .panel-image {
    display: none;
  }
}
.insights-section .responsive-bg {
  background-position: 100% 50%;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  background-size: cover;
}
.insights-section .title-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 10.5rem;
}
@media screen and (max-width: 767px) {
  .insights-section .title-wrapper {
    margin-left: 4rem;
    margin-right: 4rem;
    margin-bottom: 5rem;
  }
}

.insights-section__title {
  font-size: var(--text-43);
  background-color: rgba(223, 183, 110, 0.75);
  padding: 4rem 13.5rem;
  font-family: var(--font-aviano);
  text-transform: uppercase;
  color: var(--navy-blue);
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 1300px) {
  .insights-section__title {
    padding: 3rem 9rem;
    font-size: var(--text-40);
  }
}
@media screen and (max-width: 767px) {
  .insights-section__title {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 1100px) {
  .insights-section__list-wrapper {
    overflow-x: auto;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    margin-bottom: -6rem;
    z-index: 1;
  }
}

.insights-section__list.post-list {
  display: flex;
  gap: 3.3rem;
  justify-content: space-between;
}
@media screen and (max-width: 1100px) {
  .insights-section__list.post-list {
    gap: 0;
    display: flex;
  }
}

@media screen and (max-width: 1100px) {
  .insights-section__list.post-list .article__body {
    width: 100%;
  }
}

@media screen and (max-width: 1100px) {
  .insights-section__list.post-list .article {
    flex: 0 0 85vw;
    margin-right: 2vw;
    scroll-snap-align: start;
  }
}
@media screen and (max-width: 1100px) {
  .insights-section__list.post-list .article:first-child {
    margin-left: 4rem;
  }
}

.insights-section__list.post-list .article__category.article {
  margin-left: 0 !important;
}

/* end insights section section styles */
@media screen and (max-width: 1100px) {
  .ranch-list-wrapper {
    padding-block: 8rem;
    background-color: var(--navy-blue);
  }
}
@media screen and (max-width: 800px) {
  .ranch-list-wrapper {
    padding-block: 6rem;
  }
}
.ranch-list-wrapper .topo-lines-mobile-top {
  display: none;
}
@media screen and (max-width: 1100px) {
  .ranch-list-wrapper .topo-lines-mobile-top {
    display: block;
    opacity: 0.1;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 1100px) {
  .ranch-list-wrapper-scroll {
    overflow-x: auto;
    position: relative;
    z-index: 1;
  }
}

@media screen and (max-width: 1700px) {
  .ranch-list {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media screen and (max-width: 1100px) {
  .ranch-list {
    gap: 0;
    display: flex;
    margin-left: 0;
    margin-right: 0;
  }
}
.ranch-list .no-ranches-found {
  background-color: rgba(29, 28, 27, 0.8);
  padding: 8rem 10rem 8rem 15rem;
  margin: 0;
  margin-bottom: 5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ranch-list .no-ranches-found {
    padding: 4rem 5rem 1rem 5rem;
    margin-bottom: 5rem;
  }
}
.ranch-list .no-ranches-found h3 {
  margin: 0 0 2rem;
}
.ranch-list .no-ranches-found h3::after {
  display: none;
}
.ranch-list .no-ranches-found .button {
  color: var(--beige-light);
}

.ranch-card {
  display: flex;
  position: relative;
  background-color: var(--navy-blue-darker);
  color: var(--beige-light);
  margin-bottom: 5rem;
}
@media screen and (max-width: 1100px) {
  .ranch-card {
    flex: 0 0 85vw;
    margin-right: 3vw;
    scroll-snap-align: start;
    margin-bottom: 0;
    flex-direction: column;
  }
}
@media screen and (max-width: 1100px) {
  .ranch-card:first-child {
    margin-left: 4rem;
  }
}
@media screen and (max-width: 500px) {
  .ranch-card {
    border-bottom: 6px solid var(--gold);
  }
}

.ranch-card--navy {
  background-color: var(--navy-blue);
}

.ranch-card--full-width {
  width: 100%;
}
.ranch-card--full-width .ranch-card__details {
  width: 100%;
}

.ranch-card__image-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}

@media screen and (max-width: 500px) {
  .ranch-card .image-block--border-decoration {
    display: none;
  }
}

.ranch-card__featured-image {
  width: 50%;
  display: flex;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .ranch-card__featured-image {
    width: 100%;
  }
}
.ranch-card__featured-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ranch-image {
  width: 100%;
  height: 100%;
}

.ranch-card__status {
  background-color: var(--gold);
  color: var(--navy-blue);
  font-size: var(--text-30);
  font-family: var(--font-garamond);
  text-transform: lowercase;
  padding: 1.4rem 3.3rem;
  position: absolute;
  right: 0;
  top: 9.5rem;
  font-style: italic;
}
@media screen and (max-width: 1100px) {
  .ranch-card__status {
    right: 2rem;
  }
}
@media screen and (max-width: 500px) {
  .ranch-card__status {
    right: unset;
    top: 5rem;
    left: 0;
    padding: 0.8rem 2rem;
  }
}

.ranch-card__details {
  position: relative;
  z-index: 2;
  width: 50%;
  padding: 5.8rem 18rem 10rem 9rem;
  font-size: var(--text-18);
}
@media screen and (max-width: 1500px) {
  .ranch-card__details {
    padding: 3.8rem 12rem 8rem 6rem;
  }
}
@media screen and (max-width: 1300px) {
  .ranch-card__details {
    padding: 3.8rem 8rem 6rem 5rem;
  }
}
@media screen and (max-width: 1100px) {
  .ranch-card__details {
    width: 100%;
    padding: 1.8rem 8rem 7rem 7rem;
  }
}
@media screen and (max-width: 500px) {
  .ranch-card__details {
    width: 100%;
    padding: 1.8rem 5rem 6rem;
  }
}

.ranch-card__details h2 a {
  color: var(--gold);
}

.ranch-card__details h2::after {
  display: none;
}
@media screen and (max-width: 500px) {
  .ranch-card__details h2 {
    margin-bottom: 4rem;
  }
}

.ranch-card__location {
  line-height: 1.5;
}

.ranch-card__location,
.ranch-card__acres-price {
  letter-spacing: 0.9px;
}

.ranch-card__acres-price {
  display: flex;
  gap: 4rem;
  margin-bottom: 6rem;
}
@media screen and (max-width: 1500px) {
  .ranch-card__acres-price {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 500px) {
  .ranch-card__acres-price {
    flex-direction: column;
    gap: 0;
  }
}

.ranch-card__acres-price--no-btm-margin {
  margin-bottom: 0;
}

@media screen and (max-width: 500px) {
  .ranch-card__acres {
    margin-bottom: 4.5rem !important;
  }
}

.ranch-card__acres,
.ranch-card__location,
.ranch-card__price {
  position: relative;
  padding-left: 4rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 1100px) {
  .ranch-card__acres,
  .ranch-card__location,
  .ranch-card__price {
    padding-left: 5rem;
  }
}

.ranch-card__location::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 31 31"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st1 { stroke: %23dfb76e; stroke-miterlimit: 10; stroke-width: 1.5px; } </style></defs><g id="icon-location"><rect id="Rectangle_1810" class="st0" width="31" height="31"/><g id="Group_2583"><path id="Path_1892" class="st1" d="M15.36,7.772h.012c1.9924-.003,3.61,1.6096,3.613,3.602.003,1.9924-1.6096,3.61-3.602,3.613h-.032c-1.9924-.0025-3.6055-1.6196-3.603-3.612.0025-1.9924,1.6196-3.6055,3.612-3.603Z"/><path id="Path_1893" class="st1" d="M15.381,2c5.1799,0,9.379,4.1991,9.379,9.379.0999,2.0643-.4605,4.1068-1.6,5.831-1.279,2.037-7.779,11.49-7.779,11.49,0,0-6.5-9.449-7.776-11.485-1.1395-1.7242-1.6999-3.7667-1.6-5.831-.0028-5.1799,4.1941-9.3812,9.374-9.384.0007,0,.0013,0,.002,0Z"/></g></g></svg>');
  width: 30px;
  position: absolute;
  left: -4px;
  top: -3px;
}

.ranch-card__acres::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="icon-acres" version="1.1" viewBox="0 0 31.247 30.825"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st1 { stroke: %23dfb76e; stroke-miterlimit: 10; stroke-width: 1.5px; } .st2 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st0" width="31.247" height="30.825"/></clipPath></defs><g id="Group_2585"><g class="st2"><g id="Group_2584"><path id="Path_1894" class="st1" d="M4.146,2.42v24.259h24.982"/><path id="Path_1895" class="st1" d="M.707,4.853l3.439-3.439,3.439,3.439"/><path id="Path_1896" class="st1" d="M26.394,23.24l3.439,3.439-3.439,3.439"/></g></g></g><line id="Line_380" class="st1" x1="11.281" y1="7.068" x2="9.378" y2="8.971"/><line id="Line_381" class="st1" x1="17.464" y1="7.068" x2="9.378" y2="15.154"/><line id="Line_382" class="st1" x1="22.459" y1="21.924" x2="24.362" y2="20.021"/><line id="Line_383" class="st1" x1="16.275" y1="21.924" x2="24.361" y2="13.838"/><line id="Line_384" class="st1" x1="23.648" y1="7.068" x2="9.378" y2="21.338"/></svg>');
  display: block;
  width: 30px;
  position: absolute;
  left: -1px;
  top: -6px;
}

.ranch-card__price {
  padding-left: 4.5rem;
}
@media screen and (max-width: 1100px) {
  .ranch-card__price {
    padding-left: 5rem;
  }
}
.ranch-card__price::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="icon-price" version="1.1" viewBox="0 0 30.172 30.172"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st1 { stroke: %23dfb76e; stroke-miterlimit: 10; stroke-width: 1.5px; } .st2 { fill: %23dfb76e; } .st3 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st0" width="30.172" height="30.172"/></clipPath></defs><g class="st3"><g id="Group_2587"><circle id="Ellipse_11" class="st1" cx="15.086" cy="15.086" r="14.336"/><path id="Path_1897" class="st2" d="M11.868,18.217c.9332.883,2.1543,1.3988,3.438,1.452,1.1408.1394,2.1787-.6723,2.3181-1.8131.0071-.0577.0117-.1157.0139-.1739,0-2.789-6.611-2.349-6.611-6.438.0717-1.9586,1.6001-3.5524,3.554-3.706v-1.8h1.356v1.781c1.2065.0527,2.3584.518,3.263,1.318l-.86,1.567c-.8237-.7173-1.8694-1.129-2.961-1.166-1.2031-.1442-2.2953.7142-2.4395,1.9173-.002.0169-.0038.0338-.0055.0507,0,2.675,6.61,2.12,6.61,6.419-.0131,2.0143-1.5989,3.6669-3.611,3.763v1.758h-1.352v-1.758c-1.4229-.1264-2.7585-.7404-3.781-1.738l1.068-1.433Z"/></g></g></svg>');
  display: block;
  width: 30px;
  position: absolute;
  left: -1px;
  top: -6px;
}

.ranch-card__description {
  line-height: 1.8;
  margin-bottom: 5rem;
}
@media screen and (max-width: 500px) {
  .ranch-card__description {
    display: none;
  }
}

.ranch-card__view-details .button--secondary-cta {
  color: var(--white);
}
.ranch-card__view-details .button--secondary-cta::before {
  border-color: var(--gold);
}

.ranch-card:nth-child(even) {
  flex-flow: row-reverse;
}
@media screen and (max-width: 1100px) {
  .ranch-card:nth-child(even) {
    flex-flow: column;
  }
}
.ranch-card:nth-child(even) .ranch-card__status {
  left: 0;
  right: unset;
}
@media screen and (max-width: 1100px) {
  .ranch-card:nth-child(even) .ranch-card__status {
    right: 2rem;
    left: unset;
  }
}
@media screen and (max-width: 500px) {
  .ranch-card:nth-child(even) .ranch-card__status {
    right: unset;
    top: 5rem;
    left: 0;
  }
}

.ranch-video-section .pre-title {
  font-size: var(--text-16);
  color: var(--navy-blue);
  letter-spacing: 1.12px;
  text-transform: uppercase;
  font-weight: 300;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 2.5rem;
}
.ranch-video-section .pre-title::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="logo-element-curl" version="1.1" viewBox="0 0 59.808 51.999"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: none; } .st1 { fill: %2304273d; } .st2 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st0" width="59.808" height="51.998"/></clipPath></defs><g class="st2"><g id="Group_5"><path id="Path_21" class="st1" d="M32.924,8.6c8.179-2.123,13.185,1.988,16.992,9.281,0,0,1.752-1.275,5.191.664,1.1687.3235,2.398-.2582,2.889-1.367.7719-1.8425,1.3442-3.7625,1.707-5.727.1226-1.179.1336-2.3669.033-3.548C55.106,1.534,46.083-1.568,37.024.784c-9.935,2.579-16.03,11.427-17.156,19.587,2.1344-5.8435,7.0234-10.2513,13.056-11.771"/><path id="Path_22" class="st1" d="M6,18.964c-3.019,1.542-5.04,4.47-6,8.164,1.2576-2.3002,3.3311-4.0458,5.812-4.893,7.3-2.315,16.075,4.827,19.6,15.952,1.4628,4.4107,1.8263,9.1119,1.059,13.695,1.3803.2084,2.7882.1404,4.142-.2,1.1277-.3194,2.145-.9448,2.939-1.807.5871-5.9334-.6082-11.9072-3.433-17.158-5.829-11.426-16.631-17.582-24.119-13.753"/><path id="Path_23" class="st1" d="M25.685,51.302c-5.312-7.122-7.363-15.742-8.086-24.465-2.216,8.5.634,19.365,8.086,24.465"/><path id="Path_24" class="st1" d="M35.08,15.233c-4.858,1.75-7.75,7.622-7.668,11.5.472-2.2906,1.6266-4.3845,3.312-6.006,2.9356-3.3394,7.293-5.0709,11.72-4.657,2.337.176,5.742.9,6.82,2.071-1.7741-1.8034-4.0497-3.0313-6.531-3.524-2.5582-.5245-5.2128-.309-7.653.621"/></g></g></svg>');
  position: absolute;
  width: 6rem;
  left: -2rem;
  bottom: -0.5rem;
}
@media screen and (max-width: 767px) {
  .ranch-video-section .pre-title::before {
    width: 7.5rem;
  }
}
@media screen and (max-width: 800px) {
  .ranch-video-section .pre-title {
    margin-top: 1rem !important;
  }
}
@media screen and (max-width: 767px) {
  .ranch-video-section .pre-title {
    margin-top: 3rem !important;
  }
}
@media screen and (max-width: 500px) {
  .ranch-video-section .pre-title {
    margin-top: 5rem !important;
  }
}
@media screen and (max-width: 767px) {
  .ranch-video-section .pre-title {
    padding-left: 4rem;
  }
}
.ranch-video-section::before {
  display: none;
}

.investor-guide-section {
  font-size: var(--text-18);
}
.investor-guide-section .tm-container {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 1700px) {
  .investor-guide-section .tm-container {
    gap: 3rem;
  }
}
@media screen and (max-width: 1600px) {
  .investor-guide-section .tm-container {
    flex-direction: column;
  }
}

.investor-guide-section__left {
  max-width: 35rem;
}
@media screen and (max-width: 1600px) {
  .investor-guide-section__left {
    max-width: unset;
  }
}

.investor-guide-section__left h3 {
  margin: 1rem 0 0;
}
.investor-guide-section__left h3::after {
  display: none;
}

.investor-guide-section__left .sub-title {
  position: relative;
  font-size: var(--text-43);
  font-family: var(--font-garamond);
  text-transform: lowercase;
  padding-left: 75px;
  color: var(--beige);
  margin-bottom: 5rem;
}
.investor-guide-section__left .sub-title::before {
  width: 55px;
  display: block;
  background-color: var(--gold);
  top: 3.4rem;
  left: 0;
  position: absolute;
  content: "";
  height: 2px;
}
@media screen and (max-width: 500px) {
  .investor-guide-section__left .sub-title::before {
    top: -10px;
  }
}
@media screen and (max-width: 500px) {
  .investor-guide-section__left .sub-title {
    padding-left: 0;
    margin-top: 3rem;
  }
}

.investor-guide-section__right {
  display: flex;
  gap: 4rem;
}
@media screen and (max-width: 1700px) {
  .investor-guide-section__right {
    gap: 2.5rem;
  }
}
@media screen and (max-width: 1600px) {
  .investor-guide-section__right {
    justify-content: center;
  }
}
@media screen and (max-width: 960px) {
  .investor-guide-section__right {
    flex-direction: column;
    align-items: center;
  }
}
.investor-guide-section__right .guide-block {
  background-color: var(--navy-blue-darker);
  width: 31.1rem;
  padding: 6rem 4rem 4rem;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .investor-guide-section__right .guide-block {
    width: 100%;
    max-width: 310px;
  }
}
.investor-guide-section__right .guide-block__divider {
  width: 5rem;
  height: 2px;
  background: var(--gold);
  margin: 3rem auto;
}
.investor-guide-section__right .guide-block__description,
.investor-guide-section__right .guide-block__description-optional,
.investor-guide-section__right .guide-block .guide-block__pre-title,
.investor-guide-section__right .guide-block h2 {
  position: relative;
  z-index: 3;
}
.investor-guide-section__right .guide-block h2 {
  font-size: var(--text-54);
  margin: 0 0 1rem;
}
.investor-guide-section__right .guide-block h2::after {
  display: none;
}
.investor-guide-section__right .guide-block h2 .suffix {
  font-size: 0.6em;
  vertical-align: super;
  margin-left: 2px;
}
.investor-guide-section__right .guide-block .image-block--border-decoration {
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  left: 1.5rem;
  top: 1.5rem;
}
.investor-guide-section__right .guide-block .guide-block__pre-title {
  font-family: var(--font-garamond-medium);
  text-transform: lowercase;
  font-size: var(--text-22);
  line-height: 1.2;
}
.investor-guide-section__right .guide-block__description-optional {
  opacity: 0.5;
  font-size: var(--text-14);
  font-style: italic;
}
.key-stats-section__sub-title {
  font-family: var(--font-garamond);
  text-transform: lowercase;
  font-size: var(--text-30);
}

.single-ranch-hero #playButton {
  position: absolute;
  left: calc(50% - 5.85rem);
  top: calc(45% - 5.85rem);
  width: 11.7rem;
  height: 11.7rem;
  cursor: pointer;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 767px) {
  .single-ranch-hero #playButton {
    display: none;
  }
}
.single-ranch-hero #playButton::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 117 117"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st2 { fill: %23f7f0e8; } .st1 { stroke: %23dfb76e; stroke-width: 2px; } </style></defs><g id="icon-play"><g id="Ellipse_5"><circle class="st0" cx="58.5" cy="58.5" r="58.5"/><circle class="st1" cx="58.5" cy="58.5" r="57.5"/></g><path id="Polygon_3" class="st2" d="M80.425,55.893c1.4395.8203,1.9415,2.6523,1.1212,4.0918-.2664.4675-.6537.8548-1.1212,1.1212l-33.94,19.338c-1.4396.8201-3.2715.318-4.0917-1.1217-.2577-.4523-.3932-.9638-.3933-1.4843v-38.676c-.0002-1.6569,1.3428-3.0001,2.9997-3.0003.5209,0,1.0328.1355,1.4853.3933l33.94,19.338Z"/></g></svg>');
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .single-ranch-hero #playButton::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 33 33"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st2 { fill: %23f7f0e8; } .st1 { stroke: %23dfb76e; stroke-width: 2px; } </style></defs><g id="icon-blog-video"><g id="Ellipse_2"><circle class="st0" cx="16.5" cy="16.5" r="16.5"/><circle class="st1" cx="16.5" cy="16.5" r="15.5"/></g><path id="Polygon_2" class="st2" d="M22.377,15.621c.4857.2628.6664.8697.4036,1.3554-.0925.1709-.2327.3111-.4036.4036l-8.9,4.821c-.4854.2634-1.0925.0835-1.3559-.4019-.0796-.1468-.1213-.3111-.1211-.4781v-9.642c.0002-.5523.4482-.9998,1.0004-.9996.1661,0,.3295.0415.4756.1206l8.901,4.821Z"/></g></svg>');
  }
}
.single-ranch-hero #playButton:hover::before {
  transform: scale(1.05);
}
.single-ranch-hero #playButtonMobile {
  display: none;
  min-width: 48px;
  min-height: 48px;
  position: relative;
}
.single-ranch-hero #playButtonMobile::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 33 33"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st2 { fill: %23f7f0e8; } .st1 { stroke: %23dfb76e; stroke-width: 2px; } </style></defs><g id="icon-blog-video"><g id="Ellipse_2"><circle class="st0" cx="16.5" cy="16.5" r="16.5"/><circle class="st1" cx="16.5" cy="16.5" r="15.5"/></g><path id="Polygon_2" class="st2" d="M22.377,15.621c.4857.2628.6664.8697.4036,1.3554-.0925.1709-.2327.3111-.4036.4036l-8.9,4.821c-.4854.2634-1.0925.0835-1.3559-.4019-.0796-.1468-.1213-.3111-.1211-.4781v-9.642c.0002-.5523.4482-.9998,1.0004-.9996.1661,0,.3295.0415.4756.1206l8.901,4.821Z"/></g></svg>');
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .single-ranch-hero #playButtonMobile {
    display: block;
  }
}

.hero__content.hero__content--single-ranch {
  flex-direction: column;
  margin-bottom: 0;
  padding-top: 66vh;
}
@media screen and (max-width: 1700px) {
  .hero__content.hero__content--single-ranch {
    padding-top: 55vh;
  }
}
@media screen and (max-width: 767px) {
  .hero__content.hero__content--single-ranch {
    padding-left: 0;
    padding-right: 4rem;
    padding-top: 45vh;
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .hero__content.hero__content--single-ranch .ranch-card__location,
  .hero__content.hero__content--single-ranch .ranch-card__acres,
  .hero__content.hero__content--single-ranch .ranch-card__price {
    margin-bottom: 3rem !important;
  }
}
@media screen and (max-width: 767px) {
  .hero__content.hero__content--single-ranch .ranch-card__location {
    margin-bottom: 2rem !important;
  }
}

.single-ranch-hero__content {
  background-color: rgba(29, 28, 27, 0.8);
  width: 100%;
}

.single-ranch-hero__content h2::after {
  display: none;
}

.single-ranch-hero__content-inner {
  border: 2px solid var(--gold);
  width: 75%;
  margin: 7rem auto 3.8rem;
  text-align: center;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .single-ranch-hero__content-inner {
    width: calc(100% - 8rem);
    text-align: left;
  }
}

.single-ranch-hero__content-mobile-content h1 {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .single-ranch-hero__content-mobile-content {
    display: flex;
    align-items: center;
    padding: 0.5rem 3rem 3rem;
    justify-content: space-between;
  }
}

.single-ranch-hero__content-inner legend {
  font-size: var(--text-30);
  font-family: var(--font-garamond);
  color: var(--beige-light);
  padding: 0 2rem 1rem;
  text-transform: lowercase;
}
@media screen and (max-width: 767px) {
  .single-ranch-hero__content-inner legend {
    margin-left: 2rem;
  }
}

.single-ranch-hero__content-inner h2 {
  margin: 1rem 0 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media screen and (max-width: 767px) {
  .single-ranch-hero__content-inner h2 {
    font-size: var(--text-26);
    padding-right: 1rem;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
  }
}

.single-ranch-hero__content-ranch-info {
  display: flex;
  gap: 3rem;
  justify-content: center;
  margin-bottom: 3rem;
  color: var(--beige-light);
  font-size: var(--text-18);
  padding: 0 6rem;
}
@media screen and (max-width: 767px) {
  .single-ranch-hero__content-ranch-info {
    flex-direction: column;
    gap: 1rem;
  }
}

.single-ranch-hero__action-buttons {
  background-color: rgba(29, 28, 27, 0.3);
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 3rem;
  height: 12.1rem;
  margin-bottom: -12.1rem;
}
.single-ranch-hero__action-buttons .button-download {
  color: var(--beige-light);
}
.single-ranch-hero__action-buttons .button-contact-broker {
  background-color: var(--gold);
  color: var(--navy-blue);
}
@media screen and (max-width: 767px) {
  .single-ranch-hero__action-buttons {
    display: none;
  }
}

#videoWrapper {
  height: 100%;
}
#videoWrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#videoWrapper img {
  position: relative;
  z-index: 1;
  transition: opacity 1s ease;
}

.single-ranch-details-section {
  padding-top: 28.5rem;
  padding-bottom: 20rem;
  position: relative;
  background-color: var(--navy-blue);
}
@media screen and (max-width: 1300px) {
  .single-ranch-details-section {
    padding-top: 24rem;
    padding-bottom: 15rem;
  }
}
@media screen and (max-width: 767px) {
  .single-ranch-details-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.single-ranch-details-section .topo-lines-mobile-top {
  display: none;
}
@media screen and (max-width: 767px) {
  .single-ranch-details-section .topo-lines-mobile-top {
    opacity: 0.1;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .single-ranch-details-section .topo-lines-dark {
    display: none;
  }
}

.ingle-ranch-details-section__action-buttons {
  display: none;
}
.ingle-ranch-details-section__action-buttons .button {
  margin-bottom: 1rem;
  text-align: center;
}
.ingle-ranch-details-section__action-buttons .button-download {
  color: var(--beige-light);
}
@media screen and (max-width: 767px) {
  .ingle-ranch-details-section__action-buttons .button-download {
    order: 2;
  }
}
.ingle-ranch-details-section__action-buttons .button-contact-broker {
  background-color: var(--gold);
  color: var(--navy-blue);
}
@media screen and (max-width: 767px) {
  .ingle-ranch-details-section__action-buttons .button-contact-broker {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .ingle-ranch-details-section__action-buttons {
    display: flex;
    flex-direction: column;
  }
}

.single-ranch-details-section__container {
  display: flex;
  gap: 15rem;
}
@media screen and (max-width: 1500px) {
  .single-ranch-details-section__container {
    gap: 10rem;
  }
}
@media screen and (max-width: 1300px) {
  .single-ranch-details-section__container {
    gap: 7rem;
  }
}
@media screen and (max-width: 960px) {
  .single-ranch-details-section__container {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .single-ranch-details-section__container {
    gap: 4rem;
  }
}

.single-ranch-details-section__left {
  max-width: 58.2rem;
}
@media screen and (max-width: 1300px) {
  .single-ranch-details-section__left {
    min-width: 50rem;
  }
}
@media screen and (max-width: 1200px) {
  .single-ranch-details-section__left {
    max-width: 47rem;
    min-width: unset;
  }
}
@media screen and (max-width: 960px) {
  .single-ranch-details-section__left {
    margin: 0 auto;
    max-width: unset;
    min-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .single-ranch-details-section__left {
    display: flex;
    flex-direction: column-reverse;
  }
}

.single-ranch-details-section__right {
  color: var(--beige-light);
}
@media screen and (max-width: 1300px) {
  .single-ranch-details-section__right {
    width: calc(100% - 57rem);
  }
}
@media screen and (max-width: 960px) {
  .single-ranch-details-section__right {
    width: 100%;
  }
}

.single-ranch-details-section__right .dropdown-group {
  margin-top: 10rem;
}
@media screen and (max-width: 1100px) {
  .single-ranch-details-section__right .dropdown-group {
    margin-top: 7rem;
  }
}

.single-ranch-details-section__right .dropdown {
  background-color: var(--navy-blue-darker);
}
.single-ranch-details-section__right .dropdown__label {
  color: var(--gold);
}
.single-ranch-details-section__right .dropdown__content {
  color: var(--beige-light);
}
@media screen and (max-width: 767px) {
  .single-ranch-details-section__right .dropdown__content {
    padding-right: 3.5rem;
  }
}
.single-ranch-details-section__right .dropdown__box--custom-ranch ul {
  padding-left: 0;
  margin-bottom: 7rem;
}
.single-ranch-details-section__right .dropdown__box--custom-ranch ul li {
  display: flex;
  padding-left: 0;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .single-ranch-details-section__right .dropdown__box--custom-ranch ul li {
    flex-direction: column;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 1.4rem;
    padding-top: 1.4rem;
  }
}
.single-ranch-details-section__right .dropdown__box--custom-ranch ul li::before {
  display: none;
}
.single-ranch-details-section__right .dropdown__box--custom-ranch ul li .details-title {
  border-bottom: 2px solid var(--gold);
  width: 35%;
  font-weight: 500;
  line-height: 1.1;
  padding: 1.3rem 0;
}
@media screen and (max-width: 767px) {
  .single-ranch-details-section__right .dropdown__box--custom-ranch ul li .details-title {
    width: 100%;
    border-bottom: 0;
    padding: 0;
    padding-bottom: 0.4rem;
  }
}
.single-ranch-details-section__right .dropdown__box--custom-ranch ul li .details-description {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  width: 65%;
  padding: 1.3rem 0;
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  .single-ranch-details-section__right .dropdown__box--custom-ranch ul li .details-description {
    width: 100%;
    padding-left: 0;
    border-bottom: 0;
    padding: 0;
  }
}

.single-ranch-details-section__right h2 {
  margin-top: 0;
}

#heroGalleryTrigger {
  position: relative;
  margin-bottom: 6rem;
  min-width: 58.2rem;
}
@media screen and (max-width: 1200px) {
  #heroGalleryTrigger {
    min-width: 40rem;
  }
}
@media screen and (max-width: 767px) {
  #heroGalleryTrigger {
    margin-bottom: 4rem;
  }
}

#heroGalleryTrigger > a {
  position: relative;
}

.ranch-gallery__start-gallery-btn {
  position: absolute;
  top: calc(50% - 5.85rem);
  left: calc(50% - 5.85rem);
  width: 11.7rem;
  height: 11.7rem;
}
@media screen and (max-width: 1200px) {
  .ranch-gallery__start-gallery-btn {
    top: calc(45% - 5.85rem);
  }
}
@media screen and (max-width: 767px) {
  .ranch-gallery__start-gallery-btn {
    width: 9rem;
    height: 9rem;
    top: calc(40% - 4.5rem);
    left: calc(50% - 4.5rem);
  }
}
@media screen and (max-width: 500px) {
  .ranch-gallery__start-gallery-btn {
    width: 7rem;
    height: 7rem;
    top: calc(40% - 3.5rem);
    left: calc(50% - 3.5rem);
  }
}
.ranch-gallery__start-gallery-btn::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" version="1.1" viewBox="0 0 117 117"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: %23f7f0e8; } .st1 { fill: none; stroke: %23dfb76e; stroke-width: 2px; } .st2 { fill: url(%23linear-gradient); } </style><linearGradient id="linear-gradient" x1="-892.7991" y1="594.8889" x2="-892.7991" y2="593.8889" gradientTransform="translate(104516 69602) scale(117 -117)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%2304273d" stop-opacity="0"/><stop offset="1" stop-color="%2304273d"/></linearGradient></defs><g id="icon-photo-gallery"><g id="Ellipse_2"><circle class="st2" cx="58.5" cy="58.5" r="58.5"/><circle class="st1" cx="58.5" cy="58.5" r="57.5"/></g><g id="Group_2616"><path id="Path_1907" class="st0" d="M45.968,59.798c2.1743-.0011,3.9361-1.7647,3.935-3.939s-1.7647-3.9361-3.939-3.935c-2.1732.0011-3.9344,1.7628-3.935,3.936-.0006,2.1743,1.7617,3.9374,3.936,3.938h.003"/><path id="Path_1906" class="st0" d="M70.595,43.5451h-33.053c-2.0823.0022-3.7698,1.6897-3.772,3.772v33.054c.0022,2.0823,1.6897,3.7698,3.772,3.772h33.053c2.0832-.0011,3.7722-1.6888,3.775-3.772v-33.054c-.0028-2.0825-1.6905-3.7698-3.773-3.772M37.542,46.7431h33.053c.317,0,.574.257.574.574h0v22.588l-5.939-5.939c-.7335-.7365-1.9251-.7389-2.6615-.0055-.0018.0018-.0036.0036-.0055.0055l-9.206,9.2c-.1114.1082-.2886.1082-.4,0l-3.332-3.334c-.7347-.7367-1.9276-.7384-2.6644-.0036-.0012.0012-.0024.0024-.0036.0036l-9.987,9.981v-32.5c0-.317.257-.574.574-.574h0"/><path id="Path_1908" class="st0" d="M75.612,38.529h-33.054c-1.8577.005-3.4344,1.3635-3.714,3.2h32.3c2.7819,0,5.037,2.2551,5.037,5.037v32.304c1.8363-.28,3.1946-1.8565,3.2-3.714v-33.055c0-2.0832-1.6888-3.772-3.772-3.772"/><path id="Path_1909" class="st0" d="M80.371,33.769h-33.054c-1.8577.005-3.4344,1.3635-3.714,3.2h32.3c2.7819,0,5.037,2.2551,5.037,5.037v32.304c1.8363-.28,3.1946-1.8565,3.2-3.714v-33.055c0-2.082-1.687-3.7703-3.769-3.772"/></g></g></svg>');
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  position: absolute;
}

.ranch-gallery__start-gallery-btn:hover::before,
.optional-ranch-video .play-video-btn:hover::before {
  transform: scale(1.05);
}

.ranch-gallery__gallery-total-view,
.optional-ranch-video__placeholder {
  position: absolute;
  top: calc(50% + 7rem);
  font-size: var(--text-30);
  font-family: var(--font-garamond);
  text-transform: lowercase;
  color: var(--beige-light);
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .ranch-gallery__gallery-total-view,
  .optional-ranch-video__placeholder {
    top: calc(45% + 7rem);
  }
}

@media screen and (max-width: 767px) {
  .ranch-gallery__gallery-total-view {
    top: calc(35% + 7rem);
  }
}
@media screen and (max-width: 500px) {
  .ranch-gallery__gallery-total-view {
    top: calc(35% + 5rem);
  }
}

@media screen and (max-width: 767px) {
  .optional-ranch-video__placeholder {
    top: calc(40% + 7rem);
  }
}
@media screen and (max-width: 500px) {
  .optional-ranch-video__placeholder {
    top: calc(40% + 5rem);
  }
}

.optional-ranch-video {
  position: relative;
}
@media screen and (max-width: 767px) {
  .optional-ranch-video {
    margin-bottom: 3rem;
  }
}

.optional-ranch-video .play-video-btn {
  position: absolute;
  cursor: pointer;
  top: calc(50% - 5.85rem);
  left: calc(50% - 5.85rem);
  width: 11.7rem;
  height: 11.7rem;
}
@media screen and (max-width: 1200px) {
  .optional-ranch-video .play-video-btn {
    top: calc(45% - 5.85rem);
  }
}
@media screen and (max-width: 767px) {
  .optional-ranch-video .play-video-btn {
    width: 9rem;
    height: 9rem;
    top: calc(40% - 4.5rem);
    left: calc(50% - 4.5rem);
  }
}
@media screen and (max-width: 500px) {
  .optional-ranch-video .play-video-btn {
    width: 7rem;
    height: 7rem;
    top: calc(40% - 3.5rem);
    left: calc(50% - 3.5rem);
  }
}
.optional-ranch-video .play-video-btn::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" version="1.1" viewBox="0 0 117 117"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: %23f7f0e8; } .st1 { fill: none; stroke: %23dfb76e; stroke-width: 2px; } .st2 { fill: url(%23linear-gradient); } </style><linearGradient id="linear-gradient" x1="-476.3889" y1="1011.2991" x2="-476.3889" y2="1010.2991" gradientTransform="translate(55796 118322) scale(117 -117)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%2304273d" stop-opacity="0"/><stop offset="1" stop-color="%2304273d"/></linearGradient></defs><g id="icon-play-gradient"><g id="Ellipse_2"><circle class="st2" cx="58.5" cy="58.5" r="58.5"/><circle class="st1" cx="58.5" cy="58.5" r="57.5"/></g><path id="Polygon_2" class="st0" d="M80.425,55.893c1.4395.8203,1.9415,2.6523,1.1212,4.0918-.2664.4675-.6537.8548-1.1212,1.1212l-33.94,19.338c-1.4396.8201-3.2715.318-4.0917-1.1217-.2577-.4523-.3932-.9638-.3933-1.4843v-38.676c-.0002-1.6569,1.3428-3.0001,2.9997-3.0003.5209,0,1.0328.1355,1.4853.3933l33.94,19.338Z"/></g></svg>');
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}

.single-ranch-details-section .topo-lines-dark {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.1;
  transform: scaleX(-1);
  max-width: 600px;
}

.ranch-tab-bottom-info {
  display: flex;
  gap: 17rem;
}
@media screen and (max-width: 1500px) {
  .ranch-tab-bottom-info {
    gap: 8rem;
  }
}
@media screen and (max-width: 1300px) {
  .ranch-tab-bottom-info {
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .ranch-tab-bottom-info {
    flex-direction: column;
  }
}

.ranch-tab-bottom-info__block {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .ranch-tab-bottom-info__block {
    width: 100%;
  }
}

.ranch-tab-bottom-info__block .button {
  color: var(--beige-light);
}

.ranch-tab-bottom-info__block .sub-title {
  font-size: var(--text-30);
  font-family: var(--font-garamond);
  text-transform: lowercase;
  color: var(--beige-light);
  margin: 1rem 0 3.5rem;
}

.ranch-tab-bottom-info__block ul.info-ranch-list {
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .ranch-tab-bottom-info__block ul.info-ranch-list {
    margin-bottom: 4rem;
  }
}
.ranch-tab-bottom-info__block ul.info-ranch-list li {
  padding-left: 3rem;
  margin-bottom: 1rem;
}
.ranch-tab-bottom-info__block ul.info-ranch-list li::before {
  content: "";
  display: block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--gold);
  left: 0.6rem;
  top: 0.7rem;
}
@media screen and (max-width: 767px) {
  .ranch-tab-bottom-info__block ul.info-ranch-list li::before {
    top: 1.9rem;
  }
}

.fancybox__nav .f-button.is-next svg,
.fancybox__nav .f-button.is-prev svg {
  stroke: var(--gold);
  width: 4rem;
  height: 7.5rem;
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  border-color: var(--gold) !important;
}

.single-ranch-land-map {
  position: relative;
  min-height: 82rem;
}
.single-ranch-land-map iframe {
  width: 100%;
  height: 82rem;
}

.single-ranch-broker {
  background: var(--beige-light);
  position: relative;
  padding: 15rem 0;
}
@media screen and (max-width: 767px) {
  .single-ranch-broker {
    padding: 6rem 0;
  }
}
.single-ranch-broker::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" version="1.1" viewBox="0 0 673 428"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: %23fff; } </style></defs><path class="st0" d="M239.4,428h14.5c-2.3-17.4-4.2-35-5.6-52.5-4.4,16.9-7.3,34.6-8.8,52.5Z"/><path class="st0" d="M487.3,216.8h0c-66.4,23.9-106,104.2-104.9,157.2,7.7-39.7,25.7-59.9,45.3-82.1,37.9-44.7,98.7-69,160.3-63.7h0c27.3,2.1,65.4,9.6,85,21.8v-1.6c-21.4-19.4-51-33.7-81.1-40-34.6-7.8-71.5-3.7-104.7,8.5Z"/><path class="st0" d="M89.6,267.8c-41.3,21.1-68.9,61.1-82,111.6,19.2-32.6,46.1-56.3,79.5-66.9,74.9-23.7,161.1,25.3,219.9,115.5h97.2c-82.3-138.1-218.4-209.4-314.6-160.2Z"/><path class="st0" d="M513.9,19.2c-135.9,35.3-219.2,156.3-234.6,267.9,25.1-76.6,95.7-139.4,178.6-160.9,99.9-25.9,165.2,16.2,215.1,96.5V17.7c-49.5-12.4-104.2-12.8-159.1,1.4Z"/></svg>');
  width: 38%;
  opacity: 0.5;
  height: auto;
  position: absolute;
  right: 0;
  bottom: -3px;
}
.single-ranch-broker .tm-container {
  display: flex;
  align-items: center;
  margin: 0 auto;
  gap: 15rem;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .single-ranch-broker .tm-container {
    gap: 10rem;
  }
}
@media screen and (max-width: 1300px) {
  .single-ranch-broker .tm-container {
    gap: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .single-ranch-broker .tm-container {
    flex-direction: column;
  }
}

.single-ranch-broker__details h2 {
  color: var(--navy-blue);
  margin: 0;
}
.single-ranch-broker__details h2::after {
  display: none;
}

.single-ranch-broker__divider {
  height: 2px;
  background-color: var(--gold);
  width: 10rem;
  margin: 3rem 0;
}

.single-ranch-broker__position {
  font-size: var(--text-30);
  font-family: var(--font-garamond);
  text-transform: lowercase;
}

.single-ranch-broker__image {
  min-width: 58.2rem;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .single-ranch-broker__image {
    min-width: 50rem;
  }
}
@media screen and (max-width: 500px) {
  .single-ranch-broker__image {
    min-width: unset;
  }
}

.single-ranch-broker__content {
  margin-bottom: 5rem;
}

.connect-with-us {
  position: relative;
  margin: 20rem 0;
  padding-inline: var(--padding-inline);
}
@media screen and (max-width: 1200px) {
  .connect-with-us {
    margin: 13rem 0;
  }
}
@media screen and (max-width: 767px) {
  .connect-with-us {
    margin: 0;
    padding: 15rem 4rem 0;
  }
}

.connect-with-us__mobile-bg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .connect-with-us__mobile-bg {
    display: block;
  }
}

.connect-with-us__mobile-bg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.connect-with-us .tm-container {
  background-color: rgba(29, 28, 27, 0.8);
  color: var(--beige-light);
  max-width: calc(var(--max-width) - var(--padding-inline) * 2);
  padding-inline: 0;
}

.connect-with-us__content {
  padding: var(--padding-inline);
  padding-bottom: 6.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .connect-with-us__content h2 {
    margin-bottom: 4rem;
  }
}
.connect-with-us__content h2::after {
  display: none;
}

.connect-with-us__content .button {
  color: var(--beige-light);
}

.investor-portal {
  background-color: var(--navy-blue-darker);
  padding-top: 34rem;
  padding-bottom: 17rem;
  position: relative;
}
@media screen and (max-width: 500px) {
  .investor-portal {
    padding-top: 30rem;
    padding-bottom: 13rem;
  }
}

.investor-portal__container {
  position: relative;
}

.topo-lines-investor {
  position: fixed;
  right: 0;
  top: 0;
  opacity: 0.1;
  max-width: 82.3rem;
}

.investor-portal__login-form {
  text-align: center;
  position: relative;
  width: 70rem;
  margin: 0 auto;
}
.investor-portal__login-form h1 {
  margin: 0;
  font-size: var(--text-43);
}
.investor-portal__login-form h1::after {
  display: none;
}
.investor-portal__login-form input[type=password] {
  color: var(--beige-light);
  padding: 0.8rem 1.5rem;
  font-size: var(--text-18);
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
}
.investor-portal__login-form input[type=password]:focus {
  border-bottom: 3px solid rgba(255, 255, 255, 0.5);
  outline: none;
}
.investor-portal__login-form input[type=password]::-moz-placeholder {
  color: var(--beige-light);
  font-size: var(--text-18);
  font-weight: 100;
}
.investor-portal__login-form input[type=password]::placeholder {
  color: var(--beige-light);
  font-size: var(--text-18);
  font-weight: 100;
}
@media screen and (max-width: 767px) {
  .investor-portal__login-form {
    width: auto;
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

.investor-portal__form-pre-title {
  color: var(--beige);
  font-size: var(--text-30);
  font-family: var(--font-garamond);
  text-transform: lowercase;
  position: relative;
  padding: 0 1rem;
  display: inline-block;
}
.investor-portal__form-pre-title::before, .investor-portal__form-pre-title::after {
  display: block;
  width: 68px;
  height: 2px;
  background-color: var(--gold);
  content: "";
  position: absolute;
  top: 23px;
}
.investor-portal__form-pre-title::before {
  left: -80px;
}
.investor-portal__form-pre-title::after {
  right: -80px;
}

.investor-portal__request-access {
  background-color: var(--navy-blue);
  color: var(--beige-light);
  position: relative;
  padding: 3rem 4rem;
}
.investor-portal__request-access p {
  position: relative;
  z-index: 2;
}
.investor-portal__request-access .button {
  position: relative;
  z-index: 2;
  color: var(--beige-light);
  margin-bottom: 3rem;
}

.ppw-post-password-container .ppw-ppf-desc {
  display: none;
}

.ppwp-wrong-pw-error {
  margin-bottom: 3rem;
}

.ppw-pwd-submit-btn {
  background-color: rgba(223, 183, 110, 0.1);
  color: var(--gold);
  font-size: var(--text-16);
  text-transform: uppercase;
  border-bottom: 3px solid var(--gold);
  width: 12rem;
  line-height: 1;
  cursor: pointer;
  transition: all 0.3s ease;
}
.ppw-pwd-submit-btn:hover {
  background-color: rgba(223, 183, 110, 0.25);
}

.ppw-ppf-field-container {
  max-width: 40rem;
  display: flex;
  gap: 0.5rem;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.ppw-pwd-label {
  width: 100%;
  font-size: 0;
}

.investor-portal__private {
  color: var(--beige-light);
}

.investor-portal__private__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 7rem;
}
@media screen and (max-width: 767px) {
  .investor-portal__private__title {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 2rem;
  }
}
.investor-portal__private__title > .button {
  height: -moz-fit-content;
  height: fit-content;
  color: var(--white);
}

.investor-portal__private__title h1 {
  font-size: var(--text-43);
  margin: 0;
}
.investor-portal__private__title h1::after {
  display: none;
}
@media screen and (max-width: 500px) {
  .investor-portal__private__title h1 {
    margin-bottom: 4rem;
  }
}

.investor-portal__private__diligence-access {
  margin-bottom: 9rem;
}
@media screen and (max-width: 500px) {
  .investor-portal__private__diligence-access {
    margin-bottom: 6rem;
  }
}

.diligence-access {
  background-color: var(--navy-blue);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 7.5rem 10rem;
}
@media screen and (max-width: 1300px) {
  .diligence-access {
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .diligence-access {
    padding: 6rem 7rem;
  }
}

.diligence-access__left,
.diligence-access__right {
  position: relative;
  z-index: 2;
}

.diligence-access__left {
  width: 30%;
}
@media screen and (max-width: 1500px) {
  .diligence-access__left {
    width: 40%;
  }
}
@media screen and (max-width: 1300px) {
  .diligence-access__left {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
  }
}

.investor-portal__private__ranch-listing-empty {
  background-image: url("../../../assets/dist/images/investor-portal-no-listings-background.webp");
  background-size: cover;
  text-align: center;
  position: relative;
}
.investor-portal__private__ranch-listing-empty h3::after {
  display: none;
}
.investor-portal__private__ranch-listing-empty::before {
  content: "";
  display: block;
  background-color: rgba(4, 39, 61, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.diligence-access__left h3,
.investor-portal__private__ranch-listing-header h3,
.ranch-listing-empty h3 {
  margin: 0;
}
.diligence-access__left h3::after,
.investor-portal__private__ranch-listing-header h3::after,
.ranch-listing-empty h3::after {
  display: none;
}

.ranch-listing-empty {
  position: relative;
  z-index: 2;
  padding: 13.5rem 4rem;
}
@media screen and (max-width: 500px) {
  .ranch-listing-empty {
    padding: 10rem 3.5rem;
  }
}

.ranch-listing-empty h3 {
  position: relative;
  z-index: 3;
  margin-bottom: 1.5rem;
}

.ranch-listing-empty__description {
  color: var(--beige);
  font-size: var(--text-30);
  font-family: var(--font-garamond);
  text-transform: lowercase;
  position: relative;
  z-index: 3;
}

.investor-portal__private__ranch-listing {
  margin-bottom: 11.5rem;
}
@media screen and (max-width: 500px) {
  .investor-portal__private__ranch-listing {
    margin-bottom: 8rem;
  }
}

.investor-portal__buyer-profiles .ranch-card {
  margin: 0;
}

.investor-portal__buyer-profiles-wrapper {
  margin-bottom: 11.5rem;
}
.investor-portal__buyer-profiles-wrapper .investor-portal__private__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.investor-portal__buyer-profiles-wrapper .button span {
  color: var(--beige-light);
}

@media screen and (max-width: 1100px) {
  .investor-portal__private__ranch-listing .ranch-list-wrapper-scroll {
    margin-left: -4rem;
    margin-right: -4rem;
  }
}

@media screen and (max-width: 1700px) {
  .investor-portal__private__ranch-listing .ranch-list {
    margin-left: 0;
    margin-right: 0;
  }
}

.diligence-access__right {
  display: flex;
  align-items: center;
  gap: 3rem;
  justify-content: space-between;
  width: 70%;
}
@media screen and (max-width: 1500px) {
  .diligence-access__right {
    width: 60%;
  }
}
@media screen and (max-width: 1300px) {
  .diligence-access__right {
    flex-direction: column;
    width: 100%;
    justify-content: center;
  }
}

.diligence-access__right-desc {
  border-left: 2px solid rgba(247, 240, 232, 0.2);
  padding-left: 6rem;
  max-width: 44rem;
}
@media screen and (max-width: 1300px) {
  .diligence-access__right-desc {
    padding-left: 0;
    max-width: none;
    border-left: 0;
  }
}

.diligence-access__right-desc p {
  margin: 0.5rem 0;
}

.diligence-access__right-action-btn .button,
.investor-portal__private__ranch-listing-header .button {
  color: var(--beige-light);
}

.investor-portal__private__ranch-listing-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 767px) {
  .investor-portal__private__ranch-listing-header {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .investor-portal__private__ranch-listing-header h3 {
    margin-bottom: 1.5rem;
    text-align: center;
  }
}

.investor-portal__private__ranch-listing .ranch-card {
  background-color: var(--navy-blue);
}
.investor-portal__private__ranch-listing .ranch-card:last-child {
  margin-bottom: 0;
}

.investor-portal__private__ranch-listing .ranch-card__details {
  padding: 5.8rem 11rem 10rem 8rem;
}
@media screen and (max-width: 1300px) {
  .investor-portal__private__ranch-listing .ranch-card__details {
    padding: 5.8rem 8rem 10rem 5rem;
  }
}
@media screen and (max-width: 1100px) {
  .investor-portal__private__ranch-listing .ranch-card__details {
    padding: 1.8rem 8rem 7rem 7rem;
  }
}
@media screen and (max-width: 500px) {
  .investor-portal__private__ranch-listing .ranch-card__details {
    padding: 1.8rem 5rem 6rem 5rem;
  }
}

.investor-portal__private__connect-with-us {
  background-color: var(--navy-blue);
  padding: 7rem 3rem 6.5rem;
  margin-bottom: -4rem;
}

.investor-portal__private__connect-with-us h3 {
  margin: 0;
}
.investor-portal__private__connect-with-us h3::after {
  display: none;
}

.investor-portal__private__connect-with-us .connect-with-us-private {
  max-width: 45rem;
  margin: 0 auto;
  text-align: center;
}

.investor-portal__private__connect-with-us .connect-with-us-private .button {
  color: var(--beige-light);
}

.post-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3rem;
}
@media screen and (max-width: 1200px) {
  .post-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .post-list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.published-date,
.published-by,
.reading-time {
  position: relative;
}

.published-date {
  padding-left: 4.5rem;
}
@media screen and (max-width: 767px) {
  .published-date {
    padding-left: 4.5rem;
  }
}
.published-date::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 26.49 22.476"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { stroke-width: 1.5px; } .st0, .st1, .st2 { fill: none; } .st0, .st2 { stroke: %23dfb76e; } .st2 { stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; } </style></defs><g id="icon-articlebar-published"><g id="Rectangle_2334"><rect class="st1" y=".0005" width="26.491" height="22.476" rx="4.603" ry="4.603"/><rect class="st0" x=".75" y=".7505" width="24.991" height="20.976" rx="3.853" ry="3.853"/></g><line id="Line_2908" class="st0" x1="22.7578" y1="6.4067" x2="26.4898" y2="6.4067"/><line id="Line_2909" class="st0" y1="6.4067" x2="15.177" y2="6.4067"/><path id="Path_2944" class="st2" d="M8.3173,13.3726l3.561,4.581,8.353-13.14"/></g></svg>');
  width: 27px;
  position: absolute;
  left: 0;
  top: -1px;
}

.published-by {
  padding-left: 3.6rem;
}
@media screen and (max-width: 767px) {
  .published-by {
    padding-left: 4.5rem;
  }
}
.published-by::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 21.018 22.803"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: none; stroke: %23dfb76e; stroke-width: 1.5px; } </style></defs><g id="icon-articlebar-author"><path id="Path_2572" class="st0" d="M10.508,12.2937h0c-5.389.0006-9.7574,4.369-9.758,9.758h19.517c-.0006-5.389-4.369-9.7574-9.758-9.758"/><path id="Path_2573" class="st0" d="M6.4898,2.3765C8.7793.1583,12.4335.2162,14.6516,2.5057c2.2182,2.2895,2.1603,5.9437-.1291,8.1618-2.289,2.2177-5.9423,2.1604-8.1607-.128-2.2185-2.2883-2.162-5.9419.1264-8.1604.0005-.0005.0011-.001.0016-.0016"/></g></svg>');
  width: 21px;
  position: absolute;
  left: 0;
  top: -1px;
}
@media screen and (max-width: 767px) {
  .published-by::before {
    left: 2px;
  }
}

.reading-time {
  padding-left: 3.6rem;
}
@media screen and (max-width: 767px) {
  .reading-time {
    padding-left: 4.5rem;
  }
}
.reading-time::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 22.859 22.86"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1, .st2 { fill: none; } .st0, .st2 { stroke: %23dfb76e; stroke-width: 1.5px; } .st2 { stroke-linecap: round; } </style></defs><g id="icon-articlebar-read-time"><g id="Ellipse_85"><circle class="st1" cx="11.43" cy="11.4305" r="11.43"/><circle class="st0" cx="11.43" cy="11.4305" r="10.68"/></g><line id="Line_2906" class="st2" x1="11.4297" y1="4.6768" x2="11.4297" y2="12.9898"/><line id="Line_2907" class="st2" x1="15.5857" y1="8.8335" x2="11.4297" y2="12.9895"/></g></svg>');
  width: 22px;
  position: absolute;
  left: 0;
  top: -1px;
}
@media screen and (max-width: 767px) {
  .reading-time::before {
    left: 2px;
  }
}

.page-wrapper--single .media--video {
  margin-bottom: 7rem;
}

.page-wrapper--single .text-block ul li::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="logo-element-curl" version="1.1" viewBox="0 0 59.808 51.999"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: none; } .st1 { fill: %23fff; } .st2 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st0" width="59.808" height="51.998"/></clipPath></defs><g class="st2"><g id="Group_5"><path id="Path_21" class="st1" d="M32.924,8.6c8.179-2.123,13.185,1.988,16.992,9.281,0,0,1.752-1.275,5.191.664,1.1687.3235,2.398-.2582,2.889-1.367.7719-1.8425,1.3442-3.7625,1.707-5.727.1226-1.179.1336-2.3669.033-3.548C55.106,1.534,46.083-1.568,37.024.784c-9.935,2.579-16.03,11.427-17.156,19.587,2.1344-5.8435,7.0234-10.2513,13.056-11.771"/><path id="Path_22" class="st1" d="M6,18.964c-3.019,1.542-5.04,4.47-6,8.164,1.2576-2.3002,3.3311-4.0458,5.812-4.893,7.3-2.315,16.075,4.827,19.6,15.952,1.4628,4.4107,1.8263,9.1119,1.059,13.695,1.3803.2084,2.7882.1404,4.142-.2,1.1277-.3194,2.145-.9448,2.939-1.807.5871-5.9334-.6082-11.9072-3.433-17.158-5.829-11.426-16.631-17.582-24.119-13.753"/><path id="Path_23" class="st1" d="M25.685,51.302c-5.312-7.122-7.363-15.742-8.086-24.465-2.216,8.5.634,19.365,8.086,24.465"/><path id="Path_24" class="st1" d="M35.08,15.233c-4.858,1.75-7.75,7.622-7.668,11.5.472-2.2906,1.6266-4.3845,3.312-6.006,2.9356-3.3394,7.293-5.0709,11.72-4.657,2.337.176,5.742.9,6.82,2.071-1.7741-1.8034-4.0497-3.0313-6.531-3.524-2.5582-.5245-5.2128-.309-7.653.621"/></g></g></svg>');
}

.single-insight-related {
  padding-bottom: 13rem;
}
@media screen and (max-width: 767px) {
  .single-insight-related {
    padding-bottom: 8rem;
  }
}

@media screen and (max-width: 767px) {
  .single-insight-related .article__top {
    background-color: var(--navy-blue-darker);
  }
}

.single-insight-related__post-list {
  display: grid;
  grid-gap: 3rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .single-insight-related__post-list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.single-insight-related__header {
  background-color: rgba(223, 183, 110, 0.75);
  border-bottom: 6px solid var(--gold);
  text-align: center;
  padding: 3.7rem 3rem;
  margin-bottom: 3.5rem;
}

.single-insight-related__header h2 {
  color: var(--navy-blue);
  margin: 0;
}
.single-insight-related__header h2::after {
  display: none;
}

.single-insight-author {
  background-color: rgba(29, 28, 27, 0.8);
  padding: 5rem;
  display: flex;
  gap: 7.5rem;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .single-insight-author {
    flex-direction: column;
  }
}
@media screen and (max-width: 500px) {
  .single-insight-author {
    padding: 3rem 2.5rem;
  }
}

.single-insight-author__description-pre-title {
  color: var(--beige);
  font-size: var(--text-30);
  font-family: var(--font-garamond);
  text-transform: lowercase;
}

.single-insight-author__description h2 {
  margin-top: 1rem;
}

.single-insight-author__bio {
  position: relative;
  min-width: 30rem;
}

.single-insight__footer {
  padding-top: 13rem;
  padding-bottom: 13rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .single-insight__footer {
    padding-top: 8rem;
    padding-bottom: 0;
  }
}

.single-insight__mobile-bg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .single-insight__mobile-bg {
    display: block;
  }
}

.single-insight__mobile-bg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.page-404 {
  display: grid;
  place-content: center;
  height: 90vh;
  color: var(--beige-light);
}

.page-404__container {
  text-align: center;
}

.page-404__error {
  font-size: clamp(9rem, 8vw, 12rem);
  font-family: var(--font-heavy);
  margin: 0;
  margin-bottom: 5rem;
  line-height: 0.8;
}

.page-404__title {
  margin: 0 0 3rem;
  font-family: var(--font-regular);
  font-size: clamp(4rem, 6vw, 6rem);
}

.page-404__text {
  max-width: 600px;
  margin: 0 auto 2rem;
}

.page-404 .button--secondary-cta {
  color: var(--beige-light);
}

.contact-form .forminator-custom-form {
  background-color: var(--navy-blue);
  padding: 4rem;
}

.contact-form {
  position: relative;
}
.contact-form .forminator-repeater-label {
  display: none;
}
.contact-form .forminator-merge-tags .forminator-label {
  display: none;
}
.contact-form p {
  margin: 0 0 2rem;
  color: var(--gold);
  text-transform: uppercase;
  font-size: var(--text-30);
}
.contact-form .forminator-grouped-fields {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  gap: 10px;
}
.contact-form .forminator-row-last .forminator-field {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .contact-form .forminator-row-last .forminator-field {
    justify-content: flex-start;
  }
}

.contact-form .topo-lines-dark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.1;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.grecaptcha-badge {
  display: none !important;
}

@media screen and (max-width: 800px) {
  .page-wrapper--contact {
    padding: 0 !important;
  }
}

.intake-form-wrapper {
  padding-top: 34rem;
  padding-bottom: 17rem;
  position: relative;
}

.intake-form__title {
  font-size: var(--text-50);
}

:root {
  --max-width: 1700px;
  --max-width-wide: 1640px;
  --max-width-narrow: 1200px;
}

.tm-container {
  max-width: var(--max-width);
  padding-inline: var(--padding-inline);
}

.tm-container--wide {
  max-width: var(--max-width-wide);
  padding-left: 0;
  padding-right: 0;
}
.tm-container--narrow {
  max-width: var(--max-width-narrow);
}

.flexible-layout--ranch {
  max-width: 1820px;
  margin: 0 auto 5rem auto;
  padding: 0;
}
@media screen and (max-width: 1100px) {
  .flexible-layout--ranch {
    margin-bottom: 0;
  }
}

.tm-container--center {
  margin: 0 auto;
}

.page-wrapper {
  max-width: 1820px;
  margin: 0 auto 5rem;
  padding-block: var(--padding-inline);
  background-color: rgba(4, 39, 61, 0.9);
  padding-top: 8.5rem;
  position: relative;
}
@media screen and (max-width: 1700px) {
  .page-wrapper {
    padding-inline: var(--padding-inline);
  }
}
@media screen and (max-width: 767px) {
  .page-wrapper {
    margin-bottom: 0;
    background-color: var(--navy-blue-darker);
  }
}
.page-wrapper--contact {
  background: none;
}

.page-wrapper--single {
  background-color: var(--navy-blue);
  padding-top: 15.5rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .page-wrapper--single {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
}

.has-sidebar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4rem;
}

.page-content {
  max-width: 1100px;
  margin: 0 auto;
  color: white;
}

@media screen and (max-width: 800px) {
  .sidebar {
    grid-column: span 3;
  }
  .page-content {
    grid-column: span 3;
  }
}
.block-wrapper {
  margin: 0 0 3rem;
  position: relative;
  z-index: 1;
}

.dropdown-group {
  clear: both;
  margin-block-end: var(--bottom-spacing);
}

.dropdown {
  width: 100%;
  margin-block-end: 1rem;
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  border-left: 2px solid var(--gold);
}

.dropdown-label__wrapper {
  padding: 2.3rem 3.5rem;
  font-size: var(--text-25);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.dropdown__label {
  margin: 0;
  padding-right: 3rem;
  font-size: var(--text-25);
  letter-spacing: 0.5px;
  color: var(--color-body-text);
}
@media screen and (max-width: 767px) {
  .dropdown__label {
    font-size: var(--text-22);
  }
}
.dropdown__label::after {
  display: none;
}

.dropdown__icon {
  display: block;
  position: relative;
  top: 0.3rem;
}
.dropdown__icon svg {
  width: 27px;
  min-width: 27px;
  stroke: var(--gold);
  stroke-width: 2px;
}

.dropdown__box {
  transition: max-height 0.3s ease-out;
  overflow: hidden;
  max-height: 0;
}

.dropdown__content {
  padding: 0 6rem 3rem 0;
  color: var(--color-body-text);
}
.dropdown__content p:last-child {
  margin: 0;
}

.dropdown__inner {
  margin-inline-start: 3.5rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.dropdown__inner .cta-block {
  margin: 0;
}

.is-dropdown-active .dropdown__icon {
  transform: rotate(180deg);
}
.is-dropdown-active .dropdown__inner {
  opacity: 1;
}

.embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  margin-block-end: var(--bottom-spacing);
}

.embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: unset;
}

.quote {
  position: relative;
  color: var(--beige-light);
  background-image: linear-gradient(rgba(4, 39, 61, 0.75), rgba(4, 39, 61, 0.75)), url("../images/home-bg-mountains.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 6rem 9rem 12rem;
  clear: both;
  margin: 0;
  margin-block-end: var(--bottom-spacing);
}
@media screen and (max-width: 767px) {
  .quote {
    padding: 6rem 7rem 10rem;
  }
}

.quote__content {
  font-size: var(--text-35);
  font-weight: 500;
  line-height: 1.3;
}

.quote__attribution,
.quote__content {
  position: relative;
  z-index: 2;
}

.quote__attribution {
  font-size: var(--text-16);
  text-transform: uppercase;
  letter-spacing: 1.12px;
  color: var(--gold);
  font-style: normal;
}

.quote__content p {
  line-height: 1.3;
}

/**  List Styles **/
.text-block {
  clear: both;
}
.text-block ul,
.text-block ol {
  list-style: none;
  padding: 0;
  padding-left: 5rem;
  clear: both;
  margin: 0;
  margin-block-end: var(--bottom-spacing);
}
.text-block ul ul,
.text-block ul ol,
.text-block ol ul,
.text-block ol ol {
  margin-top: 1rem;
  padding-left: 2.5rem;
}
.text-block ul li,
.text-block ol li {
  position: relative;
  margin: 3rem 0 0;
}
.text-block ul li::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="logo-element-curl" version="1.1" viewBox="0 0 59.808 51.999"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: none; } .st1 { fill: %2304273D; } .st2 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st0" width="59.808" height="51.998"/></clipPath></defs><g class="st2"><g id="Group_5"><path id="Path_21" class="st1" d="M32.924,8.6c8.179-2.123,13.185,1.988,16.992,9.281,0,0,1.752-1.275,5.191.664,1.1687.3235,2.398-.2582,2.889-1.367.7719-1.8425,1.3442-3.7625,1.707-5.727.1226-1.179.1336-2.3669.033-3.548C55.106,1.534,46.083-1.568,37.024.784c-9.935,2.579-16.03,11.427-17.156,19.587,2.1344-5.8435,7.0234-10.2513,13.056-11.771"/><path id="Path_22" class="st1" d="M6,18.964c-3.019,1.542-5.04,4.47-6,8.164,1.2576-2.3002,3.3311-4.0458,5.812-4.893,7.3-2.315,16.075,4.827,19.6,15.952,1.4628,4.4107,1.8263,9.1119,1.059,13.695,1.3803.2084,2.7882.1404,4.142-.2,1.1277-.3194,2.145-.9448,2.939-1.807.5871-5.9334-.6082-11.9072-3.433-17.158-5.829-11.426-16.631-17.582-24.119-13.753"/><path id="Path_23" class="st1" d="M25.685,51.302c-5.312-7.122-7.363-15.742-8.086-24.465-2.216,8.5.634,19.365,8.086,24.465"/><path id="Path_24" class="st1" d="M35.08,15.233c-4.858,1.75-7.75,7.622-7.668,11.5.472-2.2906,1.6266-4.3845,3.312-6.006,2.9356-3.3394,7.293-5.0709,11.72-4.657,2.337.176,5.742.9,6.82,2.071-1.7741-1.8034-4.0497-3.0313-6.531-3.524-2.5582-.5245-5.2128-.309-7.653.621"/></g></g></svg>');
  display: block;
  position: absolute;
  left: -5rem;
  width: 30px;
}
@media screen and (max-width: 1100px) {
  .text-block ul li::before {
    width: 25px;
    top: -2px;
  }
}
.text-block ul li ul {
  margin: 0;
  list-style: disc;
}
.text-block ul li ul li::before {
  display: none;
}
.text-block ul li ul ul {
  list-style: circle;
}
.text-block ol {
  counter-reset: item;
  padding-left: 4.5rem;
}
.text-block ol li {
  counter-increment: item;
  padding-left: 0.5rem;
}
.text-block ol li::before {
  content: counter(item);
  color: var(--gold);
  font-family: var(--font-aviano);
  display: block;
  font-size: var(--text-20);
  border-right: 2px solid var(--gold);
  font-weight: 500;
  position: absolute;
  left: -5rem;
  text-align: center;
  width: 3.8rem;
  top: 0;
  padding-top: 0.25rem;
  padding-right: 0;
  line-height: 0.9;
}
.text-block ol ol {
  margin: 0;
  list-style: lower-latin;
}
.text-block ol ol li::before {
  display: none;
}
.text-block ol ol ol {
  list-style: lower-roman;
}

/**  Text Styles **/
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5 {
  margin: 0;
  margin-block-end: var(--bottom-spacing);
  margin-block-start: 4rem;
}
.text-block a:not(.button) {
  color: var(--gold);
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.text-block a:not(.button):hover {
  text-decoration: none;
}

.block-remove-header-undr1 h1::after,
.block-remove-header-undr1 h2::after,
.block-remove-header-undr1 h3::after,
.block-remove-header-undr1 h4::after {
  display: none;
}

.image-block {
  margin-block-end: var(--bottom-spacing);
  position: relative;
  z-index: 1;
}
.image-block a {
  display: inline-block;
}
.image-block img {
  -o-object-fit: cover;
     object-fit: cover;
}

.image-block--ratio-default img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.image-block--border-decoration {
  display: block;
  border: 2px solid var(--gold);
  position: absolute;
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
  left: 2rem;
  top: 2rem;
  z-index: 1;
}

.image-block--ratio-landscape img {
  aspect-ratio: 4/3;
}

.image-block--ratio-wide-landscape img {
  aspect-ratio: 16/9;
}

.image-block--ratio-square img {
  aspect-ratio: 1/1;
}

.spacer {
  display: block;
  clear: both;
}

.button-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
  margin-block-end: var(--bottom-spacing);
}

.button-group--align-center {
  justify-content: center;
}

.button-group--align-right {
  justify-content: flex-end;
}

.media {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(1rem, 3vw, 3rem);
  background-color: var(--grey);
  padding: 4rem 3rem;
  border-radius: 2rem;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  .media {
    padding: 3rem;
    gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.media:hover .media__icon {
  transform: scale(1.05);
}
.media a {
  color: inherit;
  flex: 50;
}

.media__icon {
  transition: all 0.3s ease;
}

.media--pdf .media__icon {
  width: 75px;
}
@media screen and (max-width: 500px) {
  .media--pdf .media__icon {
    width: 50px;
  }
}

.media--video {
  position: relative;
  padding: 0;
  cursor: unset;
}

.media--video > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.media__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
}

.media__header--video {
  position: absolute;
  width: 8.5rem;
  height: 8.5rem;
  z-index: 1;
  cursor: pointer;
  left: calc(50% - 4.25rem);
  top: calc(50% - 4.25rem);
}
.media__header--video::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" version="1.1" viewBox="0 0 117 117"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: %23f7f0e8; } .st1 { fill: none; stroke: %23dfb76e; stroke-width: 2px; } .st2 { fill: url(%23linear-gradient); } </style><linearGradient id="linear-gradient" x1="-476.3889" y1="1011.2991" x2="-476.3889" y2="1010.2991" gradientTransform="translate(55796 118322) scale(117 -117)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%2304273d" stop-opacity="0"/><stop offset="1" stop-color="%2304273d"/></linearGradient></defs><g id="icon-play-gradient"><g id="Ellipse_2"><circle class="st2" cx="58.5" cy="58.5" r="58.5"/><circle class="st1" cx="58.5" cy="58.5" r="57.5"/></g><path id="Polygon_2" class="st0" d="M80.425,55.893c1.4395.8203,1.9415,2.6523,1.1212,4.0918-.2664.4675-.6537.8548-1.1212,1.1212l-33.94,19.338c-1.4396.8201-3.2715.318-4.0917-1.1217-.2577-.4523-.3932-.9638-.3933-1.4843v-38.676c-.0002-1.6569,1.3428-3.0001,2.9997-3.0003.5209,0,1.0328.1355,1.4853.3933l33.94,19.338Z"/></g></svg>');
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.media__header--video:hover::before {
  transform: scale(1.05);
}

.media__pretitle {
  margin-block-end: 1rem;
  text-transform: uppercase;
  font-family: var(--font-regular);
  font-weight: 700;
  font-size: var(--text-16);
  letter-spacing: 2.4px;
}
@media screen and (max-width: 500px) {
  .media__pretitle {
    display: none;
  }
}

.media__pretitle--mobile {
  display: none;
  margin-block-end: 0;
}
@media screen and (max-width: 500px) {
  .media__pretitle--mobile {
    display: block;
  }
}

.media__title {
  margin: 0;
  font-size: var(--text-30);
}

.button {
  display: inline-block;
  border: 2px solid var(--gold);
  padding: 1rem 2rem;
  color: var(--color-body-text);
  letter-spacing: 1.12px;
  font-size: var(--text-16);
  font-weight: 300;
  clear: both;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
}
.button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -170%;
  width: 150%;
  height: 100%;
  background: rgba(4, 39, 61, 0.3);
  transform: skewX(-20deg);
  transition: left 0.5s ease;
  z-index: 0;
}
.button:hover::before {
  left: -10%;
}

.button > span {
  position: relative;
  z-index: 1;
}

.button--login a {
  padding-right: 4rem !important;
}
@media screen and (max-width: 1100px) {
  .button--login a {
    padding-right: 0 !important;
  }
}
.button--login a::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" version="1.1" viewBox="0 0 13.466 16.598"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { stroke-miterlimit: 10; } .st0, .st1, .st2 { fill: none; } .st0, .st2 { stroke: %23f7f0e8; stroke-width: 1.5px; } .st2 { stroke-linejoin: round; } .st3 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st1" width="13.466" height="16.598"/></clipPath></defs><g id="icon-login"><g id="Group_2501"><g id="Group_2505"><path id="Path_1657" class="st2" d="M2.662,5.402V.783h10.021v15.032H2.662v-4.541"/></g></g><path id="Path_1658" class="st0" d="M5.794,4.8541l3.445,3.445-3.445,3.445"/><g id="Group_2503"><g class="st3"><g id="Group_2502"><line id="Line_222" class="st0" x1="9.004" y1="8.377" y2="8.377"/></g></g></g></g></svg>');
  position: absolute;
  display: block;
  width: 1.4rem;
  right: 1.5rem;
  top: 0.9rem;
}
@media screen and (max-width: 1100px) {
  .button--login a::after {
    width: 18px;
  }
}

.button--login.logged-in {
  padding-right: 2rem;
}
.button--login.logged-in::after {
  display: none;
}

.button--logout {
  padding-right: 4rem;
}
@media screen and (max-width: 1100px) {
  .button--logout {
    padding-right: 0 !important;
  }
}
.button--logout::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" version="1.1" viewBox="0 0 13.466 16.598"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { stroke-miterlimit: 10; } .st0, .st1, .st2 { fill: none; } .st0, .st2 { stroke: %23f7f0e8; stroke-width: 1.5px; } .st2 { stroke-linejoin: round; } .st3 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st1" width="13.466" height="16.598"/></clipPath></defs><g id="icon-login"><g id="Group_2501"><g id="Group_2505"><path id="Path_1657" class="st2" d="M2.662,5.402V.783h10.021v15.032H2.662v-4.541"/></g></g><path id="Path_1658" class="st0" d="M5.794,4.8541l3.445,3.445-3.445,3.445"/><g id="Group_2503"><g class="st3"><g id="Group_2502"><line id="Line_222" class="st0" x1="9.004" y1="8.377" y2="8.377"/></g></g></g></g></svg>');
  position: absolute;
  display: block;
  width: 1.4rem;
  right: 1.5rem;
  top: 0.9rem;
}
@media screen and (max-width: 1100px) {
  .button--logout::after {
    width: 18px;
  }
}

.button--secondary-cta {
  border: 0;
  border-bottom: 2px solid var(--gold);
  letter-spacing: 1.12px;
  position: relative;
  transition: all 0.5s ease;
  padding: 0.7rem 0;
  overflow: visible;
}
.button--secondary-cta::before {
  opacity: 0;
  border-bottom: 2px solid var(--gold);
  position: absolute;
  width: 2rem;
  bottom: -2px;
  top: unset;
  right: 1rem;
  left: unset;
  transform: unset;
  transition: all 0.4s ease;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .button--secondary-cta::before {
    display: none;
  }
}
.button--secondary-cta::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" version="1.1" viewBox="0 0 12 12"><defs><style> .cls-1 { fill: none; stroke: %23F7F0E8; stroke-width: 2px; } </style></defs><g id="icon-plus"><line vector-effect="non-scaling-stroke" id="Line_75" data-name="Line 75" class="cls-1" x1="6" x2="6" y2="12"/><line vector-effect="non-scaling-stroke" id="Line_76" data-name="Line 76" class="cls-1" y1="6" x2="12" y2="6"/></g></svg>');
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  transition: all 0.4s ease;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .button--secondary-cta::after {
    display: none;
  }
}
.button--secondary-cta:hover::after {
  opacity: 1;
  right: -2.3rem;
  transform: translateY(55%) rotate(90deg);
}
.button--secondary-cta:hover::before {
  left: unset;
  opacity: 1;
  right: -2rem;
}

.load-more-btn-wrapper {
  display: flex;
  justify-content: center;
  margin: 5rem 0 2rem;
}
.load-more-btn-wrapper .load-more-btn {
  color: var(--beige-light);
}
.load-more-btn-wrapper .load-more-btn:disabled {
  cursor: default;
  opacity: 0.6;
}

.article {
  color: var(--color-body-text);
  overflow: hidden;
  box-shadow: var(--box-shadow);
  width: 100%;
}

.article__link {
  display: flex;
  position: relative;
  height: 100%;
}

.article__top {
  background-color: rgba(4, 39, 61, 0.9);
  padding: 6rem 6rem 10rem 6rem;
  height: 25rem;
}
@media screen and (max-width: 1300px) {
  .article__top {
    padding: 6rem 4rem 10rem 4rem;
  }
}

@media screen and (max-width: 767px) {
  .page-wrapper .post-list .article__top {
    background-color: var(--navy-blue);
  }
}

.article__bottom {
  background-color: var(--white);
  padding: 3.5rem 6rem 5rem;
  height: calc(100% - 25rem);
}
@media screen and (max-width: 1300px) {
  .article__bottom {
    padding: 3.5rem 4rem 5.5rem;
  }
}

.article--sidebar {
  margin: 0 0 2rem;
}

.article__image {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}

.article__title {
  color: var(--gold) !important;
  font-size: var(--text-26);
  font-family: var(--font-regular);
  font-weight: 500;
  letter-spacing: 0.78px;
  margin-top: 3rem;
  text-transform: none;
}
.article__title::after {
  display: none;
}
@media screen and (max-width: 1500px) {
  .article__title {
    font-size: var(--text-24);
  }
}

.article__subtext {
  display: inline-block;
}

.article__categories {
  margin-top: 0.5rem;
}

.article__category {
  font-size: var(--text-16);
  color: var(--beige-light);
  font-weight: 300;
  letter-spacing: 1.12px;
  text-transform: uppercase;
  position: relative;
  padding-left: 5rem;
}
.article__category.article::before, .article__category.video::before {
  position: absolute;
  width: 3.3rem;
  height: 3.3rem;
  left: 0;
  bottom: -0.7rem;
}
.article__category.article::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 33 33"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st2 { fill: %23f7f0e8; } .st1 { stroke: %23dfb76e; stroke-width: 2px; } </style></defs><g id="icon-blog-article"><g id="Ellipse_2"><circle class="st0" cx="16.5" cy="16.5" r="16.5"/><circle class="st1" cx="16.5" cy="16.5" r="15.5"/></g><path id="Path_1997" class="st2" d="M9.735,19.288c-.9252-1.1005-1.4407-2.4874-1.459-3.925,0-3.741,3.682-6.775,8.224-6.775s8.224,3.034,8.224,6.775c0,3.461-3.149,6.315-7.215,6.725-.316.031-.482.21-.409.608l.176,1.281c.056.408-.206.514-.454.379s-4.746-2.229-7.087-5.068"/></g></svg>');
}
.article__category.video::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 33 33"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st2 { fill: %23f7f0e8; } .st1 { stroke: %23dfb76e; stroke-width: 2px; } </style></defs><g id="icon-blog-video"><g id="Ellipse_2"><circle class="st0" cx="16.5" cy="16.5" r="16.5"/><circle class="st1" cx="16.5" cy="16.5" r="15.5"/></g><path id="Polygon_2" class="st2" d="M22.377,15.621c.4857.2628.6664.8697.4036,1.3554-.0925.1709-.2327.3111-.4036.4036l-8.9,4.821c-.4854.2634-1.0925.0835-1.3559-.4019-.0796-.1468-.1213-.3111-.1211-.4781v-9.642c.0002-.5523.4482-.9998,1.0004-.9996.1661,0,.3295.0415.4756.1206l8.901,4.821Z"/></g></svg>');
}
.article__category::after {
  content: ", ";
}
.article__category:last-child::after {
  display: none;
}

.article__excerpt {
  color: var(--color-body-text);
  font-size: var(--text-18);
}
.article__excerpt p {
  margin: 0;
}

p.article__excerpt {
  margin-block-start: 0;
}

.article__button {
  position: absolute;
  right: 5rem;
  bottom: 5rem;
  width: 1.5rem;
  height: 1.7rem;
}
.article__button::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" version="1.1" viewBox="0 0 12 12"><defs><style> .cls-1 { fill: none; stroke: %23DFB76E; stroke-width: 2px; } </style></defs><g id="icon-plus"><line vector-effect="non-scaling-stroke" id="Line_75" data-name="Line 75" class="cls-1" x1="6" x2="6" y2="12"/><line vector-effect="non-scaling-stroke" id="Line_76" data-name="Line 76" class="cls-1" y1="6" x2="12" y2="6"/></g></svg>');
  position: absolute;
  right: 0;
  top: 0;
  width: 1.5rem;
  display: block;
  transition: transform 0.4s ease;
  transform: translateY(0%) rotate(0deg);
}

.article__hover-border {
  display: block;
  border: 2px solid var(--gold);
  position: absolute;
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
  left: 2rem;
  top: 2rem;
  z-index: 1;
  transition: all 0.2s ease-in;
}

.article__link:hover .article__hover-border {
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  left: 1rem;
  top: 1rem;
}
@media screen and (max-width: 1100px) {
  .article__link:hover .article__hover-border {
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
    left: 2rem;
    top: 2rem;
  }
}
.article__link:hover::after {
  background-color: rgba(4, 39, 61, 0.65);
}
.article__link:hover .article__button::after {
  transform: translateY(0%) rotate(180deg);
}

.footer {
  background-image: url("../../../assets/dist/images/footer-bg.webp");
  background-size: cover;
  background-position: right center;
  text-align: center;
  font-size: var(--text-18);
  position: relative;
}
@media screen and (max-width: 767px) {
  .footer {
    background-image: url("../../../assets/dist/images/footer-bg-mobile.webp");
    background-size: 800px auto;
    background-repeat: no-repeat;
    background-color: var(--navy-blue);
    background-position: center bottom;
  }
}

.footer-mobile-bg {
  display: none;
}
@media screen and (max-width: 767px) {
  .footer-mobile-bg {
    display: block;
  }
}

.footer__mobile-img {
  display: none;
}
@media screen and (max-width: 767px) {
  .footer__mobile-img {
    display: block;
    position: absolute;
    width: 800px;
  }
}

.footer-bg-overlay {
  background: linear-gradient(135deg, rgb(4, 39, 61) 0%, rgba(4, 39, 61, 0) 100%);
  position: relative;
}
.footer-bg-overlay .topo-lines {
  position: absolute;
  left: 0;
  height: 100%;
  width: auto;
  opacity: 0.1;
}
@media screen and (max-width: 767px) {
  .footer-bg-overlay .topo-lines {
    display: none;
  }
}

.topo-lines-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .topo-lines-mobile {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    width: 75%;
    opacity: 0.1;
  }
}

.footer__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30rem 0 24rem;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .footer__container {
    padding: 16rem 0 9rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__container {
    padding: 25rem 0 9rem;
    z-index: 1;
  }
}

.footer__truemarket {
  font-family: var(--font-regular);
  font-size: var(--text-16);
}

.newsletter {
  text-align: left;
  padding-left: 23rem;
  margin-bottom: 6.5rem;
}
@media screen and (max-width: 1300px) {
  .newsletter {
    padding-left: 15rem;
  }
}
@media screen and (max-width: 1100px) {
  .newsletter {
    padding-left: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .newsletter {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .newsletter__innercontainer {
    width: 80%;
  }
}

.newsletter__container {
  display: flex;
  align-items: end;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .newsletter__container {
    gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }
}

.newsletter__heading {
  margin-top: 0;
  font-size: var(--text-26);
  text-transform: uppercase;
  color: var(--gold);
  font-family: var(--font-aviano);
  position: relative;
  padding-left: 4rem;
}
@media screen and (max-width: 767px) {
  .newsletter__heading {
    padding-left: 0;
    font-size: var(--text-32);
  }
}
.newsletter__heading::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="logo-element-curl" version="1.1" viewBox="0 0 59.808 51.999"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: none; } .st1 { fill: %23f7f0e8; } .st2 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st0" width="59.808" height="51.998"/></clipPath></defs><g class="st2"><g id="Group_5"><path id="Path_21" class="st1" d="M32.924,8.6c8.179-2.123,13.185,1.988,16.992,9.281,0,0,1.752-1.275,5.191.664,1.1687.3235,2.398-.2582,2.889-1.367.7719-1.8425,1.3442-3.7625,1.707-5.727.1226-1.179.1336-2.3669.033-3.548C55.106,1.534,46.083-1.568,37.024.784c-9.935,2.579-16.03,11.427-17.156,19.587,2.1344-5.8435,7.0234-10.2513,13.056-11.771"/><path id="Path_22" class="st1" d="M6,18.964c-3.019,1.542-5.04,4.47-6,8.164,1.2576-2.3002,3.3311-4.0458,5.812-4.893,7.3-2.315,16.075,4.827,19.6,15.952,1.4628,4.4107,1.8263,9.1119,1.059,13.695,1.3803.2084,2.7882.1404,4.142-.2,1.1277-.3194,2.145-.9448,2.939-1.807.5871-5.9334-.6082-11.9072-3.433-17.158-5.829-11.426-16.631-17.582-24.119-13.753"/><path id="Path_23" class="st1" d="M25.685,51.302c-5.312-7.122-7.363-15.742-8.086-24.465-2.216,8.5.634,19.365,8.086,24.465"/><path id="Path_24" class="st1" d="M35.08,15.233c-4.858,1.75-7.75,7.622-7.668,11.5.472-2.2906,1.6266-4.3845,3.312-6.006,2.9356-3.3394,7.293-5.0709,11.72-4.657,2.337.176,5.742.9,6.82,2.071-1.7741-1.8034-4.0497-3.0313-6.531-3.524-2.5582-.5245-5.2128-.309-7.653.621"/></g></g></svg>');
  position: absolute;
  width: 9.4rem;
  left: -3.5rem;
  bottom: -1rem;
}
@media screen and (max-width: 767px) {
  .newsletter__heading::before {
    width: 5.5rem;
    left: -2rem;
    top: -6rem;
  }
}

.newsletter__paragraph {
  color: white;
  font-size: var(--text-18);
  padding-left: 3rem;
  margin-left: 1rem;
  border-left: 2px solid var(--gold);
  max-width: 46rem;
  font-weight: 100;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .newsletter__paragraph {
    font-size: var(--text-20);
    font-weight: 100;
    line-height: 3.2rem;
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .newsletter__form .forminator-custom-form {
    position: relative;
  }
  .newsletter__form .forminator-custom-form .forminator-response-message {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(calc(-100% - 10px));
  }
  .newsletter__form .forminator-custom-form .forminator-has_error {
    position: relative;
  }
  .newsletter__form .forminator-custom-form .forminator-error-message {
    position: absolute;
    bottom: 0;
    transform: translateY(calc(100% + 10px));
    margin: 0;
  }
}

.newsletter__form {
  margin-bottom: 1.5rem;
}
.newsletter__form .forminator-label {
  display: none;
}
.newsletter__form .forminator-field-captcha {
  visibility: hidden;
}
.newsletter__form .forminator-row {
  float: left;
  margin-right: 3rem !important;
}
.newsletter__form .forminator-input {
  background-color: rgba(4, 39, 61, 0.85);
  margin: 0;
  width: 270px !important;
}
@media screen and (max-width: 767px) {
  .newsletter__form .forminator-input {
    background-color: rgba(255, 255, 255, 0.1);
    width: 60vw !important;
  }
}
.newsletter__form .forminator-input::-moz-placeholder {
  color: white;
  font-size: var(--text-18);
  font-weight: 100;
}
.newsletter__form .forminator-input::placeholder {
  color: white;
  font-size: var(--text-18);
  font-weight: 100;
}
.newsletter__form .forminator-button-submit.forminator-button {
  color: var(--gold);
  font-size: var(--text-16);
  text-transform: uppercase;
  border-bottom: 3px solid var(--gold);
  width: 12rem;
  line-height: 1;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 300;
  padding: 1.35rem;
}
@media screen and (max-width: 550px) {
  .newsletter__form .forminator-button-submit.forminator-button {
    margin-top: 2rem;
  }
}
.newsletter__form .forminator-button-submit.forminator-button::before {
  display: none;
}
.newsletter__form .forminator-button-submit.forminator-button:hover {
  background-color: rgba(223, 183, 110, 0.25) !important;
  color: var(--gold) !important;
}
.newsletter__form .forminator-ui.forminator-custom-form[data-design=basic] .forminator-input {
  color: white;
}

.footer__menu {
  margin-bottom: 4.5rem;
}
@media screen and (max-width: 767px) {
  .footer__menu {
    margin-bottom: 5rem;
  }
}
.footer__menu .footer-navigation {
  background-color: rgba(4, 39, 61, 0.8);
  display: flex;
  gap: 5rem;
  list-style: none;
  padding: 3rem 5rem 3rem 23rem;
  margin: 0;
}
@media screen and (max-width: 1300px) {
  .footer__menu .footer-navigation {
    padding: 3rem 5rem 3rem 15rem;
    gap: 3.5rem;
  }
}
@media screen and (max-width: 1100px) {
  .footer__menu .footer-navigation {
    padding: 3rem 5rem 3rem 6rem;
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__menu .footer-navigation {
    background-color: transparent;
    flex-direction: column;
    padding-left: 3rem;
    border-left: 2px solid var(--gold);
    margin-left: 4rem;
    align-items: flex-start;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.footer__menu .footer-navigation a {
  color: var(--beige-light);
  font-size: var(--text-16);
  letter-spacing: 1.12px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .footer__menu .footer-navigation a {
    font-size: var(--text-18);
  }
}
.footer__menu .footer-navigation a:hover {
  color: var(--gold);
}

.footer__copyright {
  display: flex;
  gap: 5rem;
  align-items: center;
  color: white;
  padding-left: 23rem;
  font-weight: 100;
}
@media screen and (max-width: 1300px) {
  .footer__copyright {
    padding-left: 15rem;
  }
}
@media screen and (max-width: 1100px) {
  .footer__copyright {
    padding-left: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__copyright {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding-left: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .footer__copyright p {
    font-size: var(--text-20);
  }
}
.footer__copyright a {
  color: var(--gold);
  font-size: var(--text-18);
}
@media screen and (max-width: 767px) {
  .footer__copyright a {
    font-size: var(--text-20);
  }
}
.footer__copyright a:hover {
  text-decoration: underline;
}

form input,
form textarea,
form select {
  display: block;
  padding: 1rem;
  width: 100%;
  font-size: inherit;
  color: inherit;
  margin-block-end: 3rem;
  border: none;
  background-color: var(--grey);
  webkit-appearance: none;
  border-radius: 0;
}
form input::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder {
  -moz-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  font-size: inherit;
}
form input::placeholder,
form textarea::placeholder,
form select::placeholder {
  transition: opacity 0.3s ease;
  font-size: inherit;
}
form input:focus::-moz-placeholder, form textarea:focus::-moz-placeholder, form select:focus::-moz-placeholder {
  opacity: 0;
}
form input:focus::placeholder,
form textarea:focus::placeholder,
form select:focus::placeholder {
  opacity: 0;
}
form .forminator-field[role=group] {
  margin-block-end: 3rem;
}
form textarea {
  resize: none;
}
form label {
  font-size: inherit;
  font-family: var(--font-regular);
}
form input[type=checkbox] {
  display: inline;
  width: auto;
}

.asterisk {
  color: red;
}

.forminator-custom-form .forminator-ui {
  position: relative;
  z-index: 1;
}
.forminator-custom-form *::-moz-placeholder {
  color: white;
}
.forminator-custom-form *::placeholder {
  color: white;
}
.forminator-custom-form input[type=text],
.forminator-custom-form input[type=email],
.forminator-custom-form .forminator-input,
.forminator-custom-form textarea {
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
  background-color: var(--navy-blue-darker);
  display: block;
  z-index: 5;
  position: relative;
}
.forminator-custom-form input[type=text]:focus,
.forminator-custom-form input[type=email]:focus,
.forminator-custom-form .forminator-input:focus,
.forminator-custom-form textarea:focus {
  border-color: rgba(255, 255, 255, 0.5);
  outline: none;
}
.forminator-custom-form label.forminator-radio {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.forminator-custom-form input[type=radio] {
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  border: 1px solid var(--gold);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
}
.forminator-custom-form input[type=radio]:checked::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--gold);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.forminator-custom-form .forminator-field[role=radiogroup] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-block-end: 3rem;
}
.forminator-custom-form .forminator-textarea {
  margin-block-end: 1rem;
}
.forminator-custom-form .forminator-field-textarea > .forminator-field {
  margin-block-end: 3rem;
}
.forminator-custom-form .forminator-button-submit {
  display: block;
  padding: 0.75rem 1.5rem 0.6rem;
  background: rgba(223, 183, 110, 0.1);
  border: none;
  border-bottom: 3px solid var(--gold);
  color: var(--gold);
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: all 0.2s ease;
  overflow: clip;
  margin: 0;
  font-family: inherit;
  font-weight: 500;
}
.forminator-custom-form .forminator-button-submit::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--gold);
  position: absolute;
  inset: 0;
  transform: translateY(100%);
  z-index: -1;
  transition: all 0.2s ease;
  visibility: hidden;
  left: 0;
}
.forminator-custom-form .forminator-button-submit:hover {
  color: white;
}
.forminator-custom-form .forminator-button-submit:hover::before {
  left: 0;
  transform: translateY(0);
  visibility: visible;
}

.forminator-label,
.forminator-checkbox-label {
  color: var(--gold);
  display: inline-block;
}

.forminator-label {
  margin-bottom: 1rem;
}

.forminator-checkbox-label,
.forminator-radio-label {
  color: var(--white);
}

.forminator-custom-form input,
.forminator-custom-form textarea {
  color: white;
}

/* Visually hide the labels */
.forminator-label--hide label {
  clip-path: inset(100%);
  clip: rect(1px 1px 1px 1px);
  /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  /* added line */
  width: 1px;
}

.forminator-row:has(.forminator-field-group) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.5rem;
}
@media screen and (max-width: 800px) {
  .forminator-row:has(.forminator-field-group) {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}

.forminator-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.forminator-checkbox:last-of-type {
  margin-bottom: 1rem;
}
.forminator-checkbox input:hover,
.forminator-checkbox .forminator-checkbox-label:hover {
  cursor: pointer;
}

.forminator-button {
  color: var(--gold);
}

.forminator-required {
  color: var(--gold);
}

.forminator-checkbox input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--gold);
  text-align: center;
  color: var(--gold);
  line-height: 1;
  position: relative;
}
.forminator-checkbox input[type=checkbox]::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  font-size: 20px;
  display: block;
}

.forminator-checkbox input[type=checkbox]:checked::before {
  content: "✓";
}

.forminator-row,
.forminator-col {
  margin: 0 !important;
  padding: 0 !important;
}

.forminator-row {
  gap: 2rem;
}

.forminator-error-message {
  display: block;
  color: white;
  font-size: 70%;
  margin-block-end: 1rem;
  font-size: var(--text-16);
}

.forminator-checkbox--vertical .forminator-field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.forminator-show.forminator-success, .forminator-show.forminator-loading {
  margin-bottom: 2rem;
  position: relative;
  background-color: var(--navy-blue-darker);
  color: white;
  padding: 2rem;
}
.forminator-show p {
  margin: 0;
  padding: 0;
}

.forminator-error:has(ul),
.forminator-error:has(p) {
  position: relative;
  background-color: var(--navy-blue-darker);
  color: white;
  padding: 2rem;
  margin-bottom: 2rem;
}
.forminator-error:has(ul) ul,
.forminator-error:has(p) ul {
  margin: 0;
  padding: 0 0 0 2rem;
}

.forminator-field-html {
  width: -moz-fit-content;
  width: fit-content;
}
.forminator-field-html .forminator-field {
  width: -moz-fit-content;
  width: fit-content;
}
.forminator-field-html .forminator-label {
  display: none;
}
.forminator-field-html p {
  color: var(--white);
  margin: 0;
  font-size: var(--text-18);
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.3;
}
.forminator-field-html a {
  color: var(--gold);
  font-size: inherit;
}

div.forminator-row--inline {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  flex: unset !important;
}
div.forminator-row--inline .forminator-field {
  margin-block-end: 0;
}
div.forminator-row--inline label,
div.forminator-row--inline .forminator-field {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0 !important;
}

.forminator-field-consent {
  margin-block-end: 3rem !important;
}
.forminator-field-consent * {
  color: var(--white);
}
.forminator-field-consent a {
  color: var(--gold);
}
.forminator-field-consent p {
  margin: 0;
  line-height: 1.4;
}
.forminator-field-consent input[type=checkbox],
.forminator-field-consent .forminator-checkbox {
  margin: 0;
}
.forminator-field-consent .forminator-checkbox {
  height: -moz-fit-content;
  height: fit-content;
}
.forminator-field-consent .forminator-checkbox__wrapper {
  display: flex;
  gap: 0.5rem;
}

.forminator-consent__label {
  cursor: pointer;
}

.forminator-row--hide-label .forminator-label {
  display: none;
}

@media all and (max-width: 800px) {
  .forminator-2-col .forminator-grouped-fields {
    grid-template-columns: 1fr;
  }
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 4rem 0;
  transition: all 0.5s ease, transform 0.5s ease;
  z-index: 999;
}
@media screen and (max-width: 1100px) {
  .header {
    padding: 2rem 0;
  }
}
.header .header__floating-logo {
  height: 0;
}
@media screen and (max-width: 1100px) {
  .header .header__floating-logo {
    opacity: 0 !important;
  }
}
.header.sticky-visible {
  position: fixed;
  opacity: 1;
  transform: translateY(0);
  padding: 1.5rem 0;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
}
.header.sticky-visible .header__floating-logo {
  opacity: 1;
  height: auto;
}
.header.sticky-visible .header__fixed-logo {
  opacity: 0;
}
.header.sticky-visible .header__logo .header__fixed-logo {
  height: 0;
}
.header.sticky-hidden {
  opacity: 0;
  transition: all 0.5s ease;
  transform: translateY(-100%);
  pointer-events: none;
}

.is-menu-open .header {
  position: fixed;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 1rem;
}

.header__navigation {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1700px) {
  .header__navigation {
    padding-right: 4rem;
  }
}
@media screen and (max-width: 1100px) {
  .header__navigation {
    padding-right: 30px;
  }
}

.header__logo {
  position: relative;
  z-index: 999;
  color: var(--black);
}
@media screen and (max-width: 1700px) {
  .header__logo {
    margin-left: 4rem;
  }
}
.header__logo img {
  width: 174px;
  height: auto;
}
@media screen and (max-width: 1100px) {
  .header__logo img {
    width: 120px;
  }
}
.header__logo img.header__floating-logo {
  width: 6.5rem;
}

.header__floating-logo {
  opacity: 0;
}

.is-header-scrolled .header {
  background-color: var(--navy-blue);
}
@media screen and (max-width: 1100px) {
  .is-header-scrolled .header {
    background-color: transparent;
    box-shadow: none;
  }
}

.hero {
  position: relative;
}
.hero::after {
  content: "";
  display: block;
  height: 51.5rem;
  width: 100%;
  background: transparent linear-gradient(180deg, var(--navy-blue) 0%, rgba(4, 39, 61, 0) 100%) 0% 0% no-repeat padding-box;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .hero::after {
    height: 22rem;
    z-index: 1;
    position: absolute;
  }
}

.hero__img-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .hero__img-background {
    position: absolute;
  }
}
.hero__img-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero__content {
  padding-top: 40vh;
  display: flex;
  justify-content: space-between;
  margin-bottom: 13rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .hero__content {
    flex-direction: column;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 500px) {
  .hero__content {
    padding-top: 30vh;
  }
}

.hero__content--single-insight {
  position: relative;
  z-index: 1;
  padding-top: 40vh;
  max-width: 1820px;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 1700px) {
  .hero__content--single-insight {
    padding-inline: var(--padding-inline);
  }
}
@media screen and (max-width: 767px) {
  .hero__content--single-insight {
    padding-top: 30vh;
    padding-bottom: 5rem;
  }
}

.hero__single-insight-content {
  background-color: rgba(29, 28, 27, 0.8);
  padding: 4rem 3rem 3.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hero__single-insight-content {
    padding-inline: var(--padding-inline);
    text-align: left;
  }
}

.hero__post-meta {
  background-color: rgba(29, 28, 27, 0.3);
  color: white;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 3rem;
  height: 7.4rem;
  margin-bottom: -7.4rem;
}
@media screen and (max-width: 767px) {
  .hero__post-meta {
    background-color: rgba(29, 28, 27, 0.8);
    align-items: self-start;
    flex-direction: column;
    height: unset;
    margin-bottom: 0;
    padding-inline: var(--padding-inline);
    padding-bottom: 5rem;
  }
}

.hero__single-insight-content h1 {
  font-size: var(--text-35);
  max-width: 1100px;
  margin: 0 auto;
  line-height: 1.1;
}
.hero__single-insight-content h1::after {
  display: none;
}

.hero__categories {
  margin-bottom: 3rem;
}

.hero__content h1,
.hero__content h4 {
  text-transform: uppercase;
  font-family: var(--font-aviano);
  color: var(--gold);
  letter-spacing: 0.5px;
}
.hero__content h1::after,
.hero__content h4::after {
  display: none;
}

.hero__content h1 {
  font-size: var(--text-43);
  line-height: 1.3;
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 1300px) {
  .hero__content h1 {
    line-height: 1.2;
    font-size: var(--text-35);
  }
}

.hero__content h4 {
  font-size: var(--text-30);
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}
.hero__content-left-block {
  background-color: rgba(29, 28, 27, 0.8);
  padding: 1rem 10rem 7rem 15rem;
  width: 59%;
}
@media screen and (max-width: 1600px) {
  .hero__content-left-block {
    padding: 1rem 8rem 7rem 12rem;
  }
}
@media screen and (max-width: 1400px) {
  .hero__content-left-block {
    padding: 1rem 5rem 3rem 5rem;
  }
}
@media screen and (max-width: 1300px) {
  .hero__content-left-block {
    padding: 1rem 4rem 3rem 4rem;
  }
}
@media screen and (max-width: 1100px) {
  .hero__content-left-block {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .hero__content-left-block {
    width: calc(100% - 4rem);
    margin-bottom: 4.5rem;
  }
}

.hero__serving-content {
  padding-left: 12rem;
  position: relative;
  color: var(--beige);
  font-size: var(--text-18);
  font-weight: 100;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .hero__serving-content {
    padding-left: 0;
    padding-top: 0;
    font-size: var(--text-22);
  }
}
.hero__serving-content::before {
  width: 9.3rem;
  display: block;
  background-color: var(--gold);
  top: 1.3rem;
  left: 0;
  position: absolute;
  content: "";
  height: 2px;
}
@media screen and (max-width: 767px) {
  .hero__serving-content::before {
    display: none;
  }
}

.hero__content-right-block {
  background-color: rgba(4, 39, 61, 0.9);
  display: flex;
  align-items: center;
  gap: 4.5rem;
  padding: 5rem 7rem;
  position: relative;
  width: 39%;
}
@media screen and (max-width: 1600px) {
  .hero__content-right-block {
    padding: 5rem 5rem;
  }
}
@media screen and (max-width: 1400px) {
  .hero__content-right-block {
    padding: 3rem 5rem;
  }
}
@media screen and (max-width: 1300px) {
  .hero__content-right-block {
    gap: 3rem;
    padding: 3rem 4rem;
  }
}
@media screen and (max-width: 1100px) {
  .hero__content-right-block {
    width: 43%;
  }
}
@media screen and (max-width: 767px) {
  .hero__content-right-block {
    background-color: var(--navy-blue-darker);
    flex-direction: column-reverse;
    align-items: flex-start;
    width: 100%;
    gap: 0;
    padding-right: 10rem;
    padding-bottom: 1rem;
    padding-top: 5rem;
  }
}
.hero__content-right-block .play-video-btn {
  position: relative;
  width: 11.7rem;
  min-width: 11.7rem;
  height: 11.7rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .hero__content-right-block .play-video-btn {
    width: 48px;
    height: 48px;
    min-width: unset;
    top: -38px;
    z-index: 1;
  }
}
.hero__content-right-block .play-video-btn::before {
  display: block;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 117 117"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st2 { fill: %23f7f0e8; } .st1 { stroke: %23dfb76e; stroke-width: 2px; } </style></defs><g id="icon-play"><g id="Ellipse_5"><circle class="st0" cx="58.5" cy="58.5" r="58.5"/><circle class="st1" cx="58.5" cy="58.5" r="57.5"/></g><path id="Polygon_3" class="st2" d="M80.425,55.893c1.4395.8203,1.9415,2.6523,1.1212,4.0918-.2664.4675-.6537.8548-1.1212,1.1212l-33.94,19.338c-1.4396.8201-3.2715.318-4.0917-1.1217-.2577-.4523-.3932-.9638-.3933-1.4843v-38.676c-.0002-1.6569,1.3428-3.0001,2.9997-3.0003.5209,0,1.0328.1355,1.4853.3933l33.94,19.338Z"/></g></svg>');
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .hero__content-right-block .play-video-btn::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" version="1.1" viewBox="0 0 33 33"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0, .st1 { fill: none; } .st2 { fill: %23f7f0e8; } .st1 { stroke: %23dfb76e; stroke-width: 2px; } </style></defs><g id="icon-blog-video"><g id="Ellipse_2"><circle class="st0" cx="16.5" cy="16.5" r="16.5"/><circle class="st1" cx="16.5" cy="16.5" r="15.5"/></g><path id="Polygon_2" class="st2" d="M22.377,15.621c.4857.2628.6664.8697.4036,1.3554-.0925.1709-.2327.3111-.4036.4036l-8.9,4.821c-.4854.2634-1.0925.0835-1.3559-.4019-.0796-.1468-.1213-.3111-.1211-.4781v-9.642c.0002-.5523.4482-.9998,1.0004-.9996.1661,0,.3295.0415.4756.1206l8.901,4.821Z"/></g></svg>');
  }
}
.hero__content-right-block .play-video-btn:hover::before {
  transform: scale(1.05);
}
.hero__content-right-block .content {
  position: relative;
  max-width: 45%;
}
@media screen and (max-width: 1100px) {
  .hero__content-right-block .content {
    max-width: 100%;
  }
}
.hero__content-right-block .pre-title {
  color: var(--beige);
  font-size: var(--text-30);
  font-family: var(--font-garamond);
  text-transform: lowercase;
}
.hero__content-right-block .hero__serving-content {
  padding-left: 8.4rem;
}
@media screen and (max-width: 767px) {
  .hero__content-right-block .hero__serving-content {
    padding-top: 15px;
  }
}
.hero__content-right-block .hero__serving-content::before {
  width: 5.7rem;
}
.hero__content-right-block .topo-lines {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: 100%;
  opacity: 0.1;
}
@media screen and (max-width: 767px) {
  .hero__content-right-block .topo-lines {
    display: none;
  }
}

@media screen and (max-width: 1100px) {
  .desktop-navigation {
    display: none;
  }
}
.desktop-navigation .navigation {
  align-items: center;
}
.desktop-navigation .menu-item {
  margin-left: 2rem;
  position: relative;
  cursor: pointer;
}
.desktop-navigation .menu-item:not(.button)::before {
  content: "";
  position: absolute;
  bottom: -0.4rem;
  left: 0;
  width: 0%;
  height: 2px;
  background: var(--gold);
  transition: var(--transition-bounce);
}
.desktop-navigation .menu-item a {
  display: block;
  color: var(--beige-light);
  position: relative;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.12px;
  transition: all 0.3s ease;
}
.desktop-navigation .menu-item.button {
  color: var(--beige-light);
  padding: 0;
}
.desktop-navigation .menu-item.button a {
  padding: 1rem 2rem 0.7rem;
}
.desktop-navigation .menu-item:hover:not(.button)::before {
  width: 50%;
}
.desktop-navigation .menu-item.current_page_item::before {
  width: 100%;
}
.desktop-navigation .menu-item-has-children {
  position: relative;
}
.desktop-navigation .menu-item-has-children::before {
  content: "";
  display: block;
  height: 40px !important;
  width: 100% !important;
  position: absolute;
  top: 1rem;
  opacity: 0;
}
.desktop-navigation .menu-item-has-children .menu-item a {
  transition: all 0.3s ease;
}
.desktop-navigation .menu-item-has-children .menu-item a:hover {
  color: var(--gold);
}
.desktop-navigation .menu-item-has-children a::after {
  bottom: 2px;
}
.desktop-navigation .menu-item-has-children:hover a::after {
  transform: rotate(180deg) translateY(-0.6rem);
}
.desktop-navigation .menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scaleY(1) translate3d(0, 0, 0);
}
.desktop-navigation .sub-menu {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 3rem;
  left: 0;
  padding: 2rem;
  width: 255px;
  transition: all 0.3s ease;
  background: var(--navy-blue);
  transform-origin: center top;
  border-bottom: 6px solid var(--gold);
  z-index: 990;
  list-style: none;
}
.desktop-navigation .sub-menu::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="logo-element-curl" version="1.1" viewBox="0 0 59.808 51.999"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: none; } .st1 { fill: %23f7f0e8; } .st2 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st0" width="59.808" height="51.998"/></clipPath></defs><g class="st2"><g id="Group_5"><path id="Path_21" class="st1" d="M32.924,8.6c8.179-2.123,13.185,1.988,16.992,9.281,0,0,1.752-1.275,5.191.664,1.1687.3235,2.398-.2582,2.889-1.367.7719-1.8425,1.3442-3.7625,1.707-5.727.1226-1.179.1336-2.3669.033-3.548C55.106,1.534,46.083-1.568,37.024.784c-9.935,2.579-16.03,11.427-17.156,19.587,2.1344-5.8435,7.0234-10.2513,13.056-11.771"/><path id="Path_22" class="st1" d="M6,18.964c-3.019,1.542-5.04,4.47-6,8.164,1.2576-2.3002,3.3311-4.0458,5.812-4.893,7.3-2.315,16.075,4.827,19.6,15.952,1.4628,4.4107,1.8263,9.1119,1.059,13.695,1.3803.2084,2.7882.1404,4.142-.2,1.1277-.3194,2.145-.9448,2.939-1.807.5871-5.9334-.6082-11.9072-3.433-17.158-5.829-11.426-16.631-17.582-24.119-13.753"/><path id="Path_23" class="st1" d="M25.685,51.302c-5.312-7.122-7.363-15.742-8.086-24.465-2.216,8.5.634,19.365,8.086,24.465"/><path id="Path_24" class="st1" d="M35.08,15.233c-4.858,1.75-7.75,7.622-7.668,11.5.472-2.2906,1.6266-4.3845,3.312-6.006,2.9356-3.3394,7.293-5.0709,11.72-4.657,2.337.176,5.742.9,6.82,2.071-1.7741-1.8034-4.0497-3.0313-6.531-3.524-2.5582-.5245-5.2128-.309-7.653.621"/></g></g></svg>');
  position: absolute;
  width: 6rem;
  right: -1.5rem;
  bottom: -2rem;
}
.desktop-navigation .sub-menu .menu-item a {
  font-size: var(--text-14);
}
.desktop-navigation .sub-menu .sub-menu {
  position: relative;
  box-shadow: none;
  top: 0;
  width: 100%;
  padding: 1.5rem 0 0 1.5rem;
}

.menu-item-has-children a {
  padding-right: 2.5rem;
}
.menu-item-has-children a::after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.06 6.59"><path d="m10.53.53-5 5-5-5" style="fill:none;stroke:%23DFB76E;stroke-miterlimit:10;stroke-width:1.5px"/></svg>');
  display: block;
  width: 12px;
  position: absolute;
  bottom: 0.5rem;
  right: 0;
  transition: 0.2s ease all;
}
@media screen and (max-width: 1100px) {
  .menu-item-has-children a::after {
    right: -1rem;
    width: 14px;
    bottom: 0;
  }
}
.menu-item-has-children a:not(.sub-menu a) {
  pointer-events: none;
  position: relative;
}

.navigation {
  margin: 0;
  list-style: none;
  display: flex;
  gap: 4.5rem;
}
@media screen and (max-width: 1200px) {
  .navigation {
    gap: 2.5rem;
  }
}
.navigation .menu-item {
  margin: 0;
}

.sub-menu .menu-item {
  margin: 0 0 1rem;
}
.sub-menu .menu-item:last-child {
  margin: 0;
}
.sub-menu .menu-item::before {
  display: none;
}
.sub-menu .menu-item a::after {
  display: none;
}

.mobile-navigation {
  display: none;
  position: absolute;
  z-index: 995;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 12rem 0 4rem 0;
  background: var(--navy-blue);
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1607843137);
  opacity: 0;
  transform: translateY(-100%);
  transition: all 0.5s ease, opacity 0.4s ease;
}
@media screen and (max-width: 1100px) {
  .mobile-navigation {
    display: block;
  }
}
.mobile-navigation .menu {
  margin-top: 6rem;
  padding-left: 0;
}
.mobile-navigation .menu-item {
  position: relative;
  flex-direction: column;
  font-size: var(--text-26);
  margin: 0 0 2.5rem 4rem;
  text-transform: uppercase;
  font-weight: 300;
}
.mobile-navigation .menu-item a {
  color: var(--beige-light);
}
.mobile-navigation .menu-item.button {
  display: block;
  padding-left: 5rem;
  padding-right: 5rem;
  width: 280px;
  margin-left: 4rem;
  margin-bottom: 1.5rem;
  text-align: center;
  margin-top: 10rem;
}
@media screen and (max-width: 500px) {
  .mobile-navigation .menu-item.button {
    width: 250px;
  }
}
.mobile-navigation .menu-item.button--login {
  margin-top: 0rem;
  padding-right: 8rem;
}
.mobile-navigation .menu-item.button--login::after {
  right: 90px;
}
.mobile-navigation .sub-menu {
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.4s ease;
  list-style: none;
  padding-left: 2rem;
  padding-top: 0;
  border-left: 2px solid var(--gold);
}
.mobile-navigation .sub-menu .menu-item {
  margin: 0 0 1rem;
}
.mobile-navigation .sub-menu .menu-item a {
  font-size: var(--text-20);
  margin-left: 1rem;
}
.mobile-navigation__logo-element-curl-mobile-menu {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.1;
  width: 80%;
}
.mobile-navigation .menu-main-menu-container {
  position: relative;
  z-index: 1;
}

.menu {
  list-style: none;
}
.menu li::before {
  display: none;
}

.is-submenu-open .sub-menu {
  opacity: 1;
  visibility: visible;
  max-height: 1000px;
  margin-top: 3rem;
}
.is-submenu-open a::after {
  transform: rotate(180deg) translateY(-0.6rem);
}

.is-menu-open .mobile-navigation {
  opacity: 1;
  transform: translateY(0%);
}

.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wp-pagenavi {
  display: flex;
  gap: 1rem;
}

.sidebar__category {
  display: block;
  margin: 0 0 2rem;
}
.sidebar__category:last-child {
  margin: 0;
}

.burger {
  display: none;
  border: 2px solid var(--gold);
  width: 55px;
  height: 55px;
  border-radius: 50%;
}
@media screen and (max-width: 1100px) {
  .burger {
    background-color: var(--navy-blue);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    right: 30px;
    top: 25px;
    transform: translateY(-0.2rem);
    z-index: 999;
    margin-top: 0.5rem;
  }
}

.burger__line {
  display: block;
  width: 19px;
  height: 2px;
  background-color: var(--beige-light);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: absolute;
  top: 50%;
}
.burger__line:nth-child(1) {
  transform: translateY(-8px);
}
.burger__line:nth-child(3) {
  transform: translateY(8px);
}

.burger__line--shorter {
  width: 25px;
}

.is-burger-active .burger__line--shorter {
  opacity: 0;
}
.is-burger-active .burger__line:nth-child(1) {
  width: 25px;
  transform: rotate(43deg);
}
.is-burger-active .burger__line:nth-child(3) {
  width: 25px;
  transform: rotate(-43deg);
}

.flexible-layout-wrapper {
  position: relative;
}

.flexible-section {
  position: relative;
  padding-block: 9rem;
  padding-inline: 4rem;
  max-width: 1820px;
  margin: 0 auto 5rem auto;
  position: relative;
  /* Remove bottom margin from last block in a column */
}
@media screen and (max-width: 1100px) {
  .flexible-section {
    padding-block: 8rem;
  }
}
@media screen and (max-width: 800px) {
  .flexible-section {
    padding-block: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .flexible-section {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 500px) {
  .flexible-section {
    padding-block: 4rem;
  }
}
.flexible-section .block-wrapper .text-block *:first-child {
  margin-block-start: 0;
}
.flexible-section .block-wrapper:last-of-type {
  margin-bottom: 0;
  /* Remove bottom margin from last element in last block in a column */
}
.flexible-section .post-list {
  margin-block-end: 4rem;
}
.flexible-section .button {
  color: inherit;
}

.flexible-section--remove-bottom-spacing {
  padding-block-end: 1rem;
}

.flexible-section--remove-space-below-section {
  margin-bottom: 0;
}

.wrapper {
  grid-column: 2/span 1;
  /* centers in the middle column */
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.flexible-section--remove-top-spacing {
  padding-block-start: 1rem;
}

.flexible-section--reduce-width .tm-container {
  max-width: 900px;
}
@media screen and (max-width: 1100px) {
  .flexible-section--reduce-width .tm-container {
    max-width: 100%;
  }
}

.flexible-section__title {
  font-size: var(--text-43);
  text-align: center;
  margin-bottom: 8rem;
}

.flexible-section--full-width {
  max-width: 100%;
}

.flexible-section--has-bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--white);
}
.flexible-section--has-bg-image .text-block {
  text-shadow: #000 0px 0px 10px;
}

.flexible-section--parallax {
  background-attachment: fixed;
}

.flexible-section-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

/* LIGHT --------------------------------------------------------------------------------------------------------------------- */
.flexible-section--light {
  background-color: var(--beige-light);
  position: relative;
}
.flexible-section--light::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" version="1.1" viewBox="0 0 673 428"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: %23fff; } </style></defs><path class="st0" d="M239.4,428h14.5c-2.3-17.4-4.2-35-5.6-52.5-4.4,16.9-7.3,34.6-8.8,52.5Z"/><path class="st0" d="M487.3,216.8h0c-66.4,23.9-106,104.2-104.9,157.2,7.7-39.7,25.7-59.9,45.3-82.1,37.9-44.7,98.7-69,160.3-63.7h0c27.3,2.1,65.4,9.6,85,21.8v-1.6c-21.4-19.4-51-33.7-81.1-40-34.6-7.8-71.5-3.7-104.7,8.5Z"/><path class="st0" d="M89.6,267.8c-41.3,21.1-68.9,61.1-82,111.6,19.2-32.6,46.1-56.3,79.5-66.9,74.9-23.7,161.1,25.3,219.9,115.5h97.2c-82.3-138.1-218.4-209.4-314.6-160.2Z"/><path class="st0" d="M513.9,19.2c-135.9,35.3-219.2,156.3-234.6,267.9,25.1-76.6,95.7-139.4,178.6-160.9,99.9-25.9,165.2,16.2,215.1,96.5V17.7c-49.5-12.4-104.2-12.8-159.1,1.4Z"/></svg>');
  width: 38%;
  opacity: 0.5;
  height: auto;
  position: absolute;
  right: 0;
  bottom: -3px;
}
@media screen and (max-width: 767px) {
  .flexible-section--light::before {
    width: 50%;
  }
}
.flexible-section--light .media {
  background: var(--white);
}
.flexible-section--light h1,
.flexible-section--light h2,
.flexible-section--light h3,
.flexible-section--light h4,
.flexible-section--light h5,
.flexible-section--light h6 {
  color: var(--navy-blue);
}
.flexible-section--light .text-block a:not(.button) {
  color: var(--navy-blue);
}
.flexible-section--light h1 em,
.flexible-section--light h2 em,
.flexible-section--light h3 em,
.flexible-section--light h4 em,
.flexible-section--light h5 em,
.flexible-section--light h6 em {
  color: var(--gold);
}
.flexible-section--light .button.button--primary-cta::before {
  background: rgba(255, 255, 255, 0.5);
}
.flexible-section--light .article__top {
  background-color: rgb(4, 39, 61);
}

.flexible-section--semi-transparent-more {
  background-color: rgba(0, 0, 0, 0.1);
}

/* DARK --------------------------------------------------------------------------------------------------------------------- */
.flexible-section--dark,
.flexible-section--semi-transparent {
  background-color: var(--navy-blue);
  color: var(--beige-light);
}
.flexible-section--dark .media,
.flexible-section--semi-transparent .media {
  background-color: var(--white);
  color: var(--black);
}
.flexible-section--dark .button:not(.article .button, .dropdown__label, .dropdown__inner),
.flexible-section--semi-transparent .button:not(.article .button, .dropdown__label, .dropdown__inner) {
  border-color: var(--white);
  color: var(--white);
}
.flexible-section--dark .button:not(.article .button, .dropdown__label, .dropdown__inner)::before,
.flexible-section--semi-transparent .button:not(.article .button, .dropdown__label, .dropdown__inner)::before {
  border-color: var(--gold);
}
.flexible-section--dark .button--secondary-cta,
.flexible-section--semi-transparent .button--secondary-cta {
  border-color: var(--gold) !important;
}
.flexible-section--dark .dropdown,
.flexible-section--semi-transparent .dropdown {
  background-color: rgba(255, 255, 255, 0.05);
}
.flexible-section--dark .dropdown__label,
.flexible-section--semi-transparent .dropdown__label {
  color: var(--gold);
}
.flexible-section--dark .dropdown__content,
.flexible-section--semi-transparent .dropdown__content {
  color: var(--beige-light);
}
.flexible-section--dark .text-block ul li::before,
.flexible-section--semi-transparent .text-block ul li::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="logo-element-curl" version="1.1" viewBox="0 0 59.808 51.999"><!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --><defs><style> .st0 { fill: none; } .st1 { fill: %23F7F0E8; } .st2 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st0" width="59.808" height="51.998"/></clipPath></defs><g class="st2"><g id="Group_5"><path id="Path_21" class="st1" d="M32.924,8.6c8.179-2.123,13.185,1.988,16.992,9.281,0,0,1.752-1.275,5.191.664,1.1687.3235,2.398-.2582,2.889-1.367.7719-1.8425,1.3442-3.7625,1.707-5.727.1226-1.179.1336-2.3669.033-3.548C55.106,1.534,46.083-1.568,37.024.784c-9.935,2.579-16.03,11.427-17.156,19.587,2.1344-5.8435,7.0234-10.2513,13.056-11.771"/><path id="Path_22" class="st1" d="M6,18.964c-3.019,1.542-5.04,4.47-6,8.164,1.2576-2.3002,3.3311-4.0458,5.812-4.893,7.3-2.315,16.075,4.827,19.6,15.952,1.4628,4.4107,1.8263,9.1119,1.059,13.695,1.3803.2084,2.7882.1404,4.142-.2,1.1277-.3194,2.145-.9448,2.939-1.807.5871-5.9334-.6082-11.9072-3.433-17.158-5.829-11.426-16.631-17.582-24.119-13.753"/><path id="Path_23" class="st1" d="M25.685,51.302c-5.312-7.122-7.363-15.742-8.086-24.465-2.216,8.5.634,19.365,8.086,24.465"/><path id="Path_24" class="st1" d="M35.08,15.233c-4.858,1.75-7.75,7.622-7.668,11.5.472-2.2906,1.6266-4.3845,3.312-6.006,2.9356-3.3394,7.293-5.0709,11.72-4.657,2.337.176,5.742.9,6.82,2.071-1.7741-1.8034-4.0497-3.0313-6.531-3.524-2.5582-.5245-5.2128-.309-7.653.621"/></g></g></svg>');
}

.flexible-section--dark .button.button--primary-cta:not(.article .button, .dropdown__label, .dropdown__inner) {
  border-color: var(--gold);
  color: var(--white);
}
.flexible-section--dark .button.button--primary-cta:not(.article .button, .dropdown__label, .dropdown__inner):hover::before {
  background: rgba(255, 255, 255, 0.1);
}
.flexible-section--dark .article__top {
  background-color: rgba(255, 255, 255, 0.05);
}

.flexible-section--semi-transparent {
  background-color: rgba(29, 28, 27, 0.8);
  color: var(--beige-light);
}
@media screen and (max-width: 767px) {
  .flexible-section--semi-transparent {
    background-color: rgb(29, 28, 27);
  }
}
.flexible-section--semi-transparent .button:not(.article .button, .dropdown__label, .dropdown__inner) {
  border-color: var(--gold);
  color: var(--white);
}
.flexible-section--semi-transparent .button:not(.article .button, .dropdown__label, .dropdown__inner)::before {
  border-color: var(--gold);
  background-color: rgba(255, 255, 255, 0.1);
}
.flexible-section--semi-transparent .button--secondary-cta:not(.article .button, .dropdown__label, .dropdown__inner)::before {
  background-color: transparent;
}

.flexible-section--no-bg {
  background: transparent;
}

.flexible-section--black {
  background-color: var(--black);
  color: var(--white);
}

.flexible-section--dark .topo-lines-dark {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
  max-width: 600px;
}
@media screen and (max-width: 767px) {
  .flexible-section--dark .topo-lines-dark {
    display: none;
  }
}

.flexible-section--semi-transparent .topo-lines-dark,
.flexible-section--light .topo-lines-dark,
.flexible-section--semi-transparent .topo-lines-mobile-top,
.flexible-section--light .topo-lines-mobile-top {
  display: none;
}

.flexible-section--dark .topo-lines-mobile-top {
  display: none;
}
@media screen and (max-width: 767px) {
  .flexible-section--dark .topo-lines-mobile-top {
    opacity: 0.1;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.flexible-section__container {
  display: grid;
  gap: clamp(2rem, 7vw, 12rem);
}

.flexible-section__container--less-gap {
  gap: clamp(1rem, 4vw, 6rem);
}

@media screen and (max-width: 800px) {
  .flexible-section__container--reverse .flexbile-section__column:first-child {
    order: 2;
  }
  .flexible-section__container--reverse .flexbile-section__column:last-child {
    order: 1;
  }
}

.flexible-section__container--center {
  align-items: center;
}

.flexible-section__container--flex-end {
  align-items: flex-end;
}

.flexible-section__container--2-cols {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 800px) {
  .flexible-section__container--2-cols {
    grid-template-columns: 1fr;
  }
}

.flexible-section__container--3-cols,
.flexible-section__container--2-thirds-1-third,
.flexible-section__container--1-third-2-thirds {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 800px) {
  .flexible-section__container--3-cols,
  .flexible-section__container--2-thirds-1-third,
  .flexible-section__container--1-third-2-thirds {
    grid-template-columns: 1fr;
  }
}

.flexible-section__container--4-cols {
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 1100px) {
  .flexible-section__container--3-cols,
  .flexible-section__container--4-cols,
  .flexible-section__container--2_thirds_1_third,
  .flexible-section__container--1_third_2_thirds {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 960px) {
  .flexible-section__container--3-cols,
  .flexible-section__container--4-cols,
  .flexible-section__container--2_thirds_1_third,
  .flexible-section__container--1_third_2_thirds {
    grid-template-columns: 1fr;
  }
}

.flexible-section__container--3-cols.has-two-child {
  position: relative;
  left: 17%;
}
@media screen and (max-width: 1400px) {
  .flexible-section__container--3-cols.has-two-child {
    left: 18%;
  }
}
@media screen and (max-width: 1100px) {
  .flexible-section__container--3-cols.has-two-child {
    left: unset;
  }
}

.flexible-section__container--2-thirds-1-third:not(.flexible-section__container--3-cols) .flexbile-section__column:nth-child(1) {
  grid-column: span 2;
}

.flexible-section__container--1-third-2-thirds:not(.flexible-section__container--3-cols) .flexbile-section__column:nth-child(2) {
  grid-column: span 2;
}

.edit-section-btn {
  position: absolute;
  top: 3rem;
  right: 4rem;
  color: #000;
  padding: 5px 10px;
  font-size: 12px;
  text-decoration: none;
  z-index: 100;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0.7;
  transition: all 0.2s ease;
}
.edit-section-btn img {
  width: 20px;
}
.edit-section-btn:hover {
  background: rgb(255, 255, 255);
  opacity: 0.9;
}

.category__item--is-active {
  background-color: var(--grey);
  padding: 1rem;
}

.horizontal-categories {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  row-gap: 1rem;
  grid-column: span 3;
}

.horizontal-categories__title {
  margin: 0;
}

.horizontal-categories__container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
}

.modal {
  display: block; /** <-- Required to make the animation work */
  max-width: 1400px;
  width: 90%;
  opacity: 0;
  transform: translateY(15%);
  transition: transform 0.4s ease, opacity 0.2s ease;
  border: none;
  visibility: hidden;
  overflow: visible;
}
@media screen and (max-width: 500px) {
  .modal {
    width: 94%;
  }
}

.modal::backdrop {
  background: rgba(30, 68, 103, 0.8);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.modal[open] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.close-modal {
  background-color: var(--gold);
  border-radius: 50%;
  position: absolute;
  top: -16px;
  right: -16px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  outline: none;
  transition: transform 0.4s ease;
}
.close-modal:hover {
  transform: scale(1.05);
}
.close-modal::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" version="1.1" viewBox="0 0 12 12"><defs><style> .cls-1 { fill: none; stroke: %23FFFFFF; stroke-width: 2px; } </style></defs><g id="icon-plus"><line vector-effect="non-scaling-stroke" id="Line_75" data-name="Line 75" class="cls-1" x1="6" x2="6" y2="12"/><line vector-effect="non-scaling-stroke" id="Line_76" data-name="Line 76" class="cls-1" y1="6" x2="12" y2="6"/></g></svg>');
  position: absolute;
  right: 10px;
  top: 5px;
  width: 15px;
  display: block;
  transform: translateY(0%) rotate(45deg);
}
@media screen and (max-width: 1100px) {
  .close-modal::after {
    top: 8px;
  }
}
@media screen and (max-width: 500px) {
  .close-modal {
    top: -40px;
    right: 0px;
  }
}

.modal--video {
  padding: 0;
}
.modal--video .modal__content {
  aspect-ratio: 16/9;
}
.modal--video iframe {
  width: 100%;
  height: 100%;
}

.modal--nda {
  background-color: var(--navy-blue);
  padding: 5rem;
}
@media screen and (max-width: 800px) {
  .modal--nda {
    padding: 2.5rem;
  }
}
.modal--nda::backdrop {
  background: rgba(3, 33, 52, 0.8);
}
.modal--nda .nda-agreement {
  display: block;
  overflow-y: auto;
  max-height: 45vh;
  margin-block-end: 2rem;
  padding: 2rem !important;
  background-color: var(--navy-blue-darker);
  scrollbar-color: var(--gold) var(--navy-blue-darker);
  scrollbar-width: thin;
}
.modal--nda .nda-agreement p,
.modal--nda .nda-agreement li {
  margin: 0 0 1rem;
  color: var(--white);
}
.modal--nda .nda-agreement p:last-child,
.modal--nda .nda-agreement li:last-child {
  margin: 0;
}
.modal--nda .nda-agreement h4 {
  font-family: var(--font-garamond);
  margin: 0 0 2rem;
}
.modal--nda .forminator-custom-form label {
  font-size: var(--text-18) !important;
  font-weight: 200 !important;
}
.modal--nda .forminator-custom-form input {
  border: none !important;
  border-bottom: 3px solid rgba(255, 255, 255, 0.3) !important;
  font-weight: 200 !important;
}
.modal--nda .forminator-custom-form .forminator-row {
  gap: 1rem;
}
.modal--nda .forminator-custom-form .forminator-field,
.modal--nda .forminator-custom-form .forminator-field-html {
  margin-block-end: 1.5rem !important;
}
.modal--nda .forminator-custom-form .disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none;
}
.modal--nda .forminator-custom-form .forminator-button-submit {
  display: inline-block;
  border: 2px solid var(--gold) !important;
  padding: 1rem 2rem !important;
  color: var(--white) !important;
  letter-spacing: 1.12px !important;
  font-size: var(--text-16) !important;
  font-weight: 300 !important;
  clear: both;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  background: none !important;
}
.modal--nda .forminator-custom-form .forminator-button-submit:hover {
  color: var(--navy-blue) !important;
}

.gallery {
  display: grid;
  gap: 1rem;
  margin-block: 3rem;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

@media screen and (max-width: 1400px) {
  .gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}

#contact-broker,
#request-support {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#contact-broker .forminator-custom-form,
#request-support .forminator-custom-form {
  background-color: var(--navy-blue);
  padding: 4rem;
}
#contact-broker .topo-lines-dark,
#request-support .topo-lines-dark {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.1;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
#contact-broker .forminator-edit-module,
#request-support .forminator-edit-module {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 500px) {
  #contact-broker .close-modal,
  #request-support .close-modal {
    top: -10px;
    right: -10px;
  }
}
#contact-broker .modal__content,
#request-support .modal__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: unset;
}
#contact-broker .forminator-custom-form,
#request-support .forminator-custom-form {
  background-color: var(--navy-blue);
  padding: 4rem;
  width: 800px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 800px) {
  #contact-broker .forminator-custom-form,
  #request-support .forminator-custom-form {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  #contact-broker,
  #request-support {
    width: 90%;
  }
}

.forminator-custom-form .forminator-field-name .forminator-row {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 800px) {
  .forminator-custom-form .forminator-field-name .forminator-row {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.forminator-custom-form .forminator-field-name .forminator-row .forminator-col {
  width: 100% !important;
  max-width: 100% !important;
}

.hidden {
  display: none;
}

.hidden--visually {
  clip-path: inset(100%);
  clip: rect(1px 1px 1px 1px);
  /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  /* added line */
  width: 1px;
}

.alignleft {
  float: left;
  margin: 0 1rem 1rem 0;
}

.alignright {
  float: right;
  margin: 0 0 1rem 1rem;
}

.aligncenter {
  margin: 3rem auto;
}
