/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/BannerContact/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.banner-contact {
  width: 100%;
  display: flex;
  height: calc(554 / var(--base-size) * 100vw);
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 879px) {
  .banner-contact {
    height: calc(862 / var(--base-size) * 100vw);
    padding-top: calc(66 / var(--base-size) * 100vw);
    align-items: flex-start;
  }
}
.banner-contact figure {
  top: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
  position: absolute;
}
.banner-contact figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-contact .content {
  z-index: 3;
  color: #F7F7F7;
  position: relative;
}
.banner-contact .content h2 {
  font-size: calc(43 / var(--base-size) * 100vw);
  margin-bottom: calc(21 / var(--base-size) * 100vw);
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .banner-contact .content h2 {
    font-size: calc(33 / var(--base-size) * 100vw);
    color: #F2F2F2;
    margin-bottom: calc(13 / var(--base-size) * 100vw);
  }
}
.banner-contact .content-b {
  margin-bottom: calc(42 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .banner-contact .content-b {
    font-size: calc(17 / var(--base-size) * 100vw);
    color: #F2F2F2;
    margin-bottom: calc(37 / var(--base-size) * 100vw);
    line-height: calc(22.93 / var(--base-size) * 100vw);
    font-family: var(--font-main-bold);
  }
}
@media only screen and (max-width: 879px) {
  .banner-contact .primary-button a {
    width: calc(207 / var(--base-size) * 100vw);
    height: calc(49 / var(--base-size) * 100vw);
    font-size: calc(18 / var(--base-size) * 100vw);
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/HeroBanner/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.hero-banner {
  overflow: hidden;
  position: relative;
  height: calc(100vh - calc(var(--header-size) / var(--base-size) * 100vw));
}
.hero-banner .scroll-indicator {
  z-index: 9;
}
.hero-banner .main-hero-banner {
  width: 100vw;
  overflow: hidden;
  position: relative;
  background-color: #000;
  height: calc(100vh - calc(var(--header-size) / var(--base-size) * 100vw));
}
.hero-banner .main-hero-banner .slider-item {
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
  height: calc(100vh - calc(var(--header-size) / var(--base-size) * 100vw));
}
.hero-banner .main-hero-banner .slider-item.active {
  z-index: 6;
  pointer-events: all;
}
.hero-banner .main-hero-banner .slider-item.prev {
  z-index: 5;
}
.hero-banner .main-hero-banner.edit-mode {
  display: flex;
  overflow: auto;
}
.hero-banner .main-hero-banner.edit-mode .slider-item {
  flex: 0 0 100vw;
  position: relative;
}
.hero-banner .main-hero-banner.edit-mode .slider-item .title,
.hero-banner .main-hero-banner.edit-mode .slider-item .caption {
  opacity: 1;
}
.hero-banner .main-hero-banner .parallax {
  width: 100vw;
  overflow: hidden;
  height: calc(100vh - calc(var(--header-size) / var(--base-size) * 100vw));
}
.hero-banner .main-hero-banner .parallax.mobile {
  display: none;
}
@media only screen and (max-width: 879px) {
  .hero-banner .main-hero-banner .parallax.desktop {
    display: none;
  }
  .hero-banner .main-hero-banner .parallax.mobile {
    display: block;
  }
}
.hero-banner .main-hero-banner .parallax img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 104vh !important;
}
.hero-banner .main-hero-banner .title {
  top: 40%;
  opacity: 0;
  z-index: 9;
  left: calc(120 / var(--base-size) * 100vw);
  color: #FFF;
  right: calc(120 / var(--base-size) * 100vw);
  position: absolute;
  justify-content: space-between;
}
.hero-banner .main-hero-banner .title a {
  color: #FFF;
  font-size: calc(15 / var(--base-size) * 100vw);
  display: inline-block;
  mix-blend-mode: difference;
  border-radius: calc(var(--br-button) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .hero-banner .main-hero-banner .title {
    top: 40vh;
    left: calc(20 / var(--base-size) * 100vw);
    right: calc(20 / var(--base-size) * 100vw);
    display: block;
  }
}
.hero-banner .main-hero-banner .title h2 {
  font-weight: 200;
  max-width: calc(800 / var(--base-size) * 100vw);
  font-size: calc(60 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .hero-banner .main-hero-banner .title h2 {
    font-size: calc(30 / var(--base-size) * 100vw);
  }
}
.hero-banner .main-hero-banner .caption {
  top: 50%;
  opacity: 0;
  z-index: 9;
  color: #FFF;
  right: calc(120 / var(--base-size) * 100vw);
  position: absolute;
  font-size: calc(17 / var(--base-size) * 100vw);
  padding-top: calc(250 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .hero-banner .main-hero-banner .caption {
    top: 30%;
    left: calc(20 / var(--base-size) * 100vw);
    padding-top: 0;
    max-width: 50vw;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/NewsLetterForm/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.sign-up-newsletter {
  width: 100vw;
  height: calc(330 / var(--base-size) * 100vw);
  position: relative;
}
@media only screen and (max-width: 879px) {
  .sign-up-newsletter {
    height: auto;
    display: flex;
    flex-direction: column-reverse;
  }
  .sign-up-newsletter.flip-image {
    flex-direction: column;
  }
}
.sign-up-newsletter .container {
  z-index: 2;
  height: 100%;
  display: flex;
  padding-top: calc(40 / var(--base-size) * 100vw);
  position: relative;
  justify-content: flex-end;
}
@media only screen and (max-width: 879px) {
  .sign-up-newsletter .container {
    height: auto;
    display: block;
    padding: 0 calc(20 / var(--base-size) * 100vw);
    margin-top: calc(51 / var(--base-size) * 100vw);
    padding-bottom: calc(76 / var(--base-size) * 100vw);
  }
}
.sign-up-newsletter .container .inner {
  flex: 0 0 calc(520 / var(--base-size) * 100vw);
}
.sign-up-newsletter .container .inner .title {
  font-family: var(--font-main-bold);
  font-size: calc(33 / var(--base-size) * 100vw);
  color: #0C0C0C;
}
.sign-up-newsletter .container .inner form {
  width: 100%;
  margin-top: calc(31 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .sign-up-newsletter .container .inner form {
    margin-top: calc(63 / var(--base-size) * 100vw);
  }
}
.sign-up-newsletter .container .inner form .mc-field-group {
  width: 100%;
}
.sign-up-newsletter .container .inner form .mc-field-group input {
  border: none;
  width: 100%;
  height: calc(31 / var(--base-size) * 100vw);
  font-size: calc(17 / var(--base-size) * 100vw);
  padding-bottom: calc(16 / var(--base-size) * 100vw);
  line-height: calc(25.49 / var(--base-size) * 100vw);
  background-color: transparent;
  border-bottom: 1px solid #0C0C0C;
}
.sign-up-newsletter .container .inner form .mc-field-group input::-moz-placeholder {
  opacity: 0.5;
  color: #0C0C0C;
}
.sign-up-newsletter .container .inner form .mc-field-group input::placeholder {
  opacity: 0.5;
  color: #0C0C0C;
}
.sign-up-newsletter .container .inner form .primary-button {
  cursor: pointer;
  margin-top: calc(27 / var(--base-size) * 100vw);
  position: relative;
}
.sign-up-newsletter .container .inner form .primary-button button {
  width: calc(260 / var(--base-size) * 100vw);
}
.sign-up-newsletter figure {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
@media only screen and (max-width: 879px) {
  .sign-up-newsletter figure {
    height: calc(265 / var(--base-size) * 100vw);
    position: relative;
  }
}
.sign-up-newsletter figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/Partners/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.partners {
  padding: calc(38 / var(--base-size) * 100vw) 0;
  background-color: #161616;
}
@media only screen and (max-width: 879px) {
  .partners .container {
    padding: 0;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.partners .container-inner {
  gap: calc(117 / var(--base-size) * 100vw);
  display: grid;
  grid-template-columns: auto auto auto auto auto;
}
@media only screen and (max-width: 879px) {
  .partners .container-inner {
    gap: 0;
    padding: 0;
    display: flex;
    height: calc(107 / var(--base-size) * 100vw);
    width: -moz-fit-content;
    width: fit-content;
  }
}
.partners .container a {
  display: block;
}
@media only screen and (max-width: 879px) {
  .partners .container a {
    display: flex;
    align-items: center;
  }
  .partners .container a:nth-of-type(1) img, .partners .container a:nth-of-type(6) img {
    width: auto;
    height: calc(49 / var(--base-size) * 100vw);
  }
  .partners .container a:nth-of-type(2) img, .partners .container a:nth-of-type(7) img {
    height: calc(52 / var(--base-size) * 100vw);
  }
  .partners .container a:nth-of-type(3) img, .partners .container a:nth-of-type(8) img {
    height: calc(54 / var(--base-size) * 100vw);
  }
  .partners .container a:nth-of-type(4) img, .partners .container a:nth-of-type(9) img {
    height: calc(21 / var(--base-size) * 100vw);
  }
  .partners .container a:nth-of-type(5) img, .partners .container a:nth-of-type(10) img {
    height: calc(33 / var(--base-size) * 100vw);
  }
}
.partners .container figure {
  width: auto;
  height: calc(74 / var(--base-size) * 100vw);
}
.partners .container figure img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 879px) {
  .partners .container figure {
    height: auto;
    display: block;
    overflow: visible;
    padding: 0 calc(15 / var(--base-size) * 100vw);
  }
  .partners .container figure img {
    flex: 0 auto;
    width: auto;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/TwoColumnTextAlt/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.two-column-text-alt {
  width: 100vw;
  display: flex;
  height: calc(576 / var(--base-size) * 100vw);
  position: relative;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 879px) {
  .two-column-text-alt {
    height: auto;
    display: block;
    overflow: hidden;
    padding-top: calc(55 / var(--base-size) * 100vw);
    background: #F7F7F7;
  }
}
.two-column-text-alt .content {
  z-index: 2;
  position: relative;
  color: #0C0C0C;
}
.two-column-text-alt .content-a {
  margin-bottom: calc(2 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-text-alt .content-a {
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
    margin-bottom: 0;
  }
}
.two-column-text-alt .content-b {
  margin-bottom: calc(34 / var(--base-size) * 100vw);
  letter-spacing: 0.025em;
}
@media only screen and (max-width: 879px) {
  .two-column-text-alt .content-b {
    font-size: calc(22 / var(--base-size) * 100vw);
    margin-bottom: calc(26 / var(--base-size) * 100vw);
  }
}
.two-column-text-alt .content-c {
  max-width: calc(700 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-text-alt .content-c {
    font-size: calc(16 / var(--base-size) * 100vw);
  }
}
.two-column-text-alt figure {
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}
@media only screen and (max-width: 879px) {
  .two-column-text-alt figure {
    overflow: visible !important;
    margin-top: 25%;
    position: relative;
    height: calc(298 / var(--base-size) * 100vw);
  }
}
.two-column-text-alt figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.two-column-text-alt.reverse .content {
  padding-left: calc(655 / var(--base-size) * 100vw);
}
.two-column-text-alt.reverse .content-c {
  margin-right: calc(-20 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-text-alt.reverse .content-c {
    margin-right: 0;
  }
}
@media only screen and (max-width: 879px) {
  .two-column-text-alt.reverse .content {
    padding-left: 0;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/TwoGridColumnCard/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.two-grid-column-card {
  padding: calc(116 / var(--base-size) * 100vw) 0;
  background-color: #0C0C0C;
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card {
    padding: calc(67 / var(--base-size) * 100vw) 0 calc(83 / var(--base-size) * 100vw);
    border-bottom: 1px solid #93EA4E;
  }
}
.two-grid-column-card .content-a {
  color: #FFF;
  text-align: center;
  font-size: calc(55 / var(--base-size) * 100vw);
  margin-bottom: calc(136 / var(--base-size) * 100vw);
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card .content-a {
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
    color: #F7F7F7;
    margin-bottom: calc(48 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card .content-b {
  gap: calc(165 / var(--base-size) * 100vw);
  display: grid;
  row-gap: calc(138 / var(--base-size) * 100vw);
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card .content-b {
    gap: calc(32 / var(--base-size) * 100vw);
    display: flex;
    padding: 0 calc(20 / var(--base-size) * 100vw);
    margin: 0 calc(-20 / var(--base-size) * 100vw);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .two-grid-column-card .content-b > * {
    scroll-snap-align: center;
    flex-shrink: 0;
  }
  .two-grid-column-card .content-b::-webkit-scrollbar {
    display: none;
  }
}
.two-grid-column-card .content-b .card-wrapper {
  color: #FFF;
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card .content-b .card-wrapper {
    flex: 0 0 calc(265 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card .content-b .card-wrapper figure {
  width: 100%;
  height: calc(188 / var(--base-size) * 100vw);
  border-radius: calc(10 / var(--base-size) * 100vw);
  margin-bottom: calc(53 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card .content-b .card-wrapper figure {
    height: calc(160 / var(--base-size) * 100vw);
    margin-bottom: calc(37 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card .content-b .card-wrapper figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(10 / var(--base-size) * 100vw);
}
.two-grid-column-card .content-b .card-wrapper h2 {
  font-size: calc(38 / var(--base-size) * 100vw);
  margin-bottom: calc(16 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card .content-b .card-wrapper h2 {
    font-size: calc(26 / var(--base-size) * 100vw);
    color: #FFFFFF;
    margin-bottom: calc(12 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card .content-b .card-wrapper-a-b {
  font-size: calc(25 / var(--base-size) * 100vw);
  color: rgba(242, 242, 242, 0.93);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card .content-b .card-wrapper-a-b {
    font-size: calc(16 / var(--base-size) * 100vw);
    line-height: calc(21 / var(--base-size) * 100vw);
    opacity: 0.93;
    max-width: calc(260 / var(--base-size) * 100vw);
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/ArticleListing/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/BannerCardSlider/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.banner-card-slider {
  height: calc(803 / var(--base-size) * 100vw);
  padding-top: calc(90 / var(--base-size) * 100vw);
  background-color: #111111;
}
@media only screen and (max-width: 879px) {
  .banner-card-slider {
    padding-top: calc(45 / var(--base-size) * 100vw);
    height: 100vh;
  }
}
.banner-card-slider h2 {
  font-size: calc(60 / var(--base-size) * 100vw);
  color: #FFFFFF;
  text-align: center;
  margin-bottom: calc(66 / var(--base-size) * 100vw);
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .banner-card-slider h2 {
    margin: 0 auto calc(30 / var(--base-size) * 100vw);
    font-size: calc(38 / var(--base-size) * 100vw);
    color: #F2F2F2;
    max-width: calc(216 / var(--base-size) * 100vw);
  }
}
.banner-card-slider-wrapper {
  width: calc(881 / var(--base-size) * 100vw);
  margin: 0 auto;
  display: flex;
}
.banner-card-slider-wrapper.edit-mode {
  width: 100%;
  gap: calc(10 / var(--base-size) * 100vw);
  overflow: hidden;
  overflow-x: auto;
}
@media only screen and (max-width: 879px) {
  .banner-card-slider-wrapper {
    gap: calc(40.8 / var(--base-size) * 100vw);
    width: -moz-max-content;
    width: max-content;
    align-items: center;
    animation: cardMarque 65s linear infinite;
  }
}
.banner-card-slider-wrapper .card-slider {
  z-index: 5;
  width: calc(881 / var(--base-size) * 100vw);
  flex: 0 0 calc(881 / var(--base-size) * 100vw);
  opacity: 0;
  overflow: hidden;
  position: relative;
  border-radius: calc(26 / var(--base-size) * 100vw);
  transform-origin: center;
}
.banner-card-slider-wrapper .card-slider.active {
  opacity: 1;
}
@media only screen and (max-width: 879px) {
  .banner-card-slider-wrapper .card-slider {
    opacity: 1;
    width: calc(287 / var(--base-size) * 100vw);
    height: calc(427 / var(--base-size) * 100vw);
    flex: 0 0 calc(287 / var(--base-size) * 100vw);
  }
  .banner-card-slider-wrapper .card-slider:nth-of-type(even) {
    height: calc(259 / var(--base-size) * 100vw);
  }
  .banner-card-slider-wrapper .card-slider:nth-of-type(3n) {
    height: calc(374 / var(--base-size) * 100vw);
  }
}
.banner-card-slider-wrapper .card-slider figure {
  width: 100%;
  height: calc(427 / var(--base-size) * 100vw);
  border-radius: calc(26 / var(--base-size) * 100vw);
  overflow: hidden;
}
@media only screen and (max-width: 879px) {
  .banner-card-slider-wrapper .card-slider figure {
    height: calc(427 / var(--base-size) * 100vw);
  }
}
.banner-card-slider-wrapper .card-slider figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-card-slider-wrapper .card-slider .title {
  bottom: 0;
  width: 100%;
  opacity: 0;
  gap: calc(8 / var(--base-size) * 100vw);
  height: calc(60 / var(--base-size) * 100vw);
  display: flex;
  color: #F7F7F7;
  position: absolute;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: calc(18 / var(--base-size) * 100vw);
  transform: translateY(100%);
  background: rgba(12, 12, 12, 0.5);
  transition: all 0.45s var(--cubic-bezier);
}
@media only screen and (max-width: 879px) {
  .banner-card-slider-wrapper .card-slider .title {
    gap: calc(4 / var(--base-size) * 100vw);
    opacity: 1;
    transform: none;
    height: calc(72 / var(--base-size) * 100vw);
    padding-top: calc(4 / var(--base-size) * 100vw);
    padding-bottom: 0;
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
  }
}
.banner-card-slider-wrapper .card-slider .title .name {
  font-size: calc(28 / var(--base-size) * 100vw);
  line-height: calc(20 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .banner-card-slider-wrapper .card-slider .title .name {
    width: 100%;
    text-align: center;
    font-size: calc(28 / var(--base-size) * 100vw);
  }
}
.banner-card-slider-wrapper .card-slider .title .band {
  font-size: calc(17 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .banner-card-slider-wrapper .card-slider .title .band {
    width: 100%;
    text-align: center;
  }
}
.banner-card-slider-wrapper .card-slider.swiper-slide-fully-visible {
  opacity: 1;
}
.banner-card-slider-wrapper .card-slider.swiper-slide-fully-visible .title {
  opacity: 1;
  transform: translateY(0);
}
.banner-card-slider.edit-mode .title {
  opacity: 1;
  transform: none;
}

@keyframes cardMarque {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/BannerStyleOne/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.biography-detail .section {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.biography-detail .section.hero-image figure {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
}
.biography-detail .section.hero-image figure img {
  width: 100%;
  height: 100%;
  opacity: 0.8;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  position: absolute;
}
.biography-detail .section.hero-image .content {
  z-index: 2;
  width: 100vw;
  height: 100%;
  color: #FFF;
  display: flex;
  pointer-events: none;
  text-align: center;
  position: relative;
  flex-direction: column;
  padding-bottom: calc(144 / var(--base-size) * 100vw);
  justify-content: flex-end;
}
.biography-detail .section.hero-image .content-a, .biography-detail .section.hero-image .content-b {
  pointer-events: all;
}
.biography-detail .section.hero-image .content-a {
  margin-bottom: calc(72 / var(--base-size) * 100vw);
}
.biography-detail .section.section-two {
  display: block;
}
.biography-detail .section.section-two .label {
  top: calc(164 / var(--base-size) * 100vw);
  left: calc(50 / var(--base-size) * 100vw);
  z-index: 8;
  position: absolute;
}
.biography-detail .section.section-two .main-gallery {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.biography-detail .section.section-two .main-gallery figure {
  position: absolute;
}
.biography-detail .section.section-two .main-gallery figure img {
  width: 100%;
  height: auto;
}
.biography-detail .section.section-two .main-gallery figure:nth-of-type(1) {
  left: calc(50 / var(--base-size) * 100vw);
  top: calc(280 / var(--base-size) * 100vw);
  width: calc(356 / var(--base-size) * 100vw);
}
.biography-detail .section.section-two .main-gallery figure:nth-of-type(2) {
  top: calc(56 / var(--base-size) * 100vw);
  width: calc(186 / var(--base-size) * 100vw);
  right: calc(206 / var(--base-size) * 100vw);
}
.biography-detail .section.section-two .main-gallery figure:nth-of-type(3) {
  bottom: calc(56 / var(--base-size) * 100vw);
  width: calc(186 / var(--base-size) * 100vw);
  right: calc(-105 / var(--base-size) * 100vw);
  width: calc(351 / var(--base-size) * 100vw);
}
.biography-detail .section.section-two .main-title {
  z-index: 3;
  left: calc(545 / var(--base-size) * 100vw);
  display: flex;
  height: 100%;
  pointer-events: none;
  align-items: center;
  position: absolute;
  max-width: calc(546 / var(--base-size) * 100vw);
}
.biography-detail .section.section-two .main-title_a {
  position: relative;
  padding-top: calc(32 / var(--base-size) * 100vw);
  pointer-events: all;
}
.biography-detail .section.section-two .main-title .s2 {
  color: #21409A;
  text-indent: calc(100 / var(--base-size) * 100vw);
  margin-bottom: calc(62 / var(--base-size) * 100vw);
  text-transform: uppercase;
}
.biography-detail .section.section-two .main-title .description {
  position: relative;
  padding-right: calc(92 / var(--base-size) * 100vw);
  padding-left: calc(116 / var(--base-size) * 100vw);
}
.biography-detail .section.section-two .main-title .description::before {
  top: calc(6 / var(--base-size) * 100vw);
  left: 0;
  content: "";
  width: calc(56 / var(--base-size) * 100vw);
  height: calc(1 / var(--base-size) * 100vw);
  position: absolute;
  background-color: #0E1A2C;
}
.biography-detail .section.section-two .main-title svg {
  top: 0;
  left: calc(32 / var(--base-size) * 100vw);
  height: calc(32 / var(--base-size) * 100vw);
  width: calc(27.5 / var(--base-size) * 100vw);
  position: absolute;
}
.biography-detail .section.section-three {
  background-color: #0E1A2C;
}
.biography-detail .section.section-three figure {
  height: 100%;
  grid-column: 1/6;
}
.biography-detail .section.section-three figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biography-detail .section.section-three .content {
  height: 100%;
  color: #A0C8F3;
  display: flex;
  grid-column: 6/13;
  position: relative;
  flex-direction: column;
  padding: calc(64 / var(--base-size) * 100vw) calc(56 / var(--base-size) * 100vw) calc(96 / var(--base-size) * 100vw) calc(40 / var(--base-size) * 100vw);
  justify-content: space-between;
}
.biography-detail .section.section-three .content .main-title {
  text-transform: uppercase;
}
.biography-detail .section.section-three .content svg {
  top: calc(72 / var(--base-size) * 100vw);
  right: calc(56 / var(--base-size) * 100vw);
  width: calc(24 / var(--base-size) * 100vw);
  height: calc(24 / var(--base-size) * 100vw);
  position: absolute;
}
.biography-detail .section.section-three .content .edu-i {
  width: 100%;
  display: grid;
  padding: calc(16 / var(--base-size) * 100vw) 0 calc(24 / var(--base-size) * 100vw);
  border-top: 1px solid rgba(160, 200, 243, 0.5);
  grid-template-columns: calc(78 / var(--base-size) * 100vw) 1fr;
}
.biography-detail .section.section-three .content .edu-i_c {
  display: grid;
  grid-template-columns: 1fr calc(392 / var(--base-size) * 100vw);
}
.biography-detail .section.section-three .content .edu-i_c__a {
  display: grid;
  margin-bottom: calc(16 / var(--base-size) * 100vw);
  padding-bottom: calc(16 / var(--base-size) * 100vw);
  grid-template-columns: 1fr calc(80 / var(--base-size) * 100vw);
  border-bottom: 1px solid rgba(160, 200, 243, 0.5);
}
.biography-detail .section.section-three .content .edu-i_c__a:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.biography-detail .section.section-four {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.biography-detail .section.section-four figure {
  width: 100%;
  height: 100vh;
  grid-column: 1/13;
}
.biography-detail .section.section-four figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biography-detail .section.section-five {
  width: 100vw;
  overflow: auto hidden;
}
.biography-detail .section.section-five .a {
  display: flex;
  height: 100vh;
  width: -moz-fit-content;
  width: fit-content;
}
.biography-detail .section.section-five .a-a {
  flex: 0 0 50vw;
}
.biography-detail .section.section-five .a-a_a {
  flex: 0 0 50vw;
}
.biography-detail .section.section-five .a-a_a__a {
  gap: calc(24 / var(--base-size) * 100vw);
  display: flex;
  align-items: center;
  padding-top: calc(40 / var(--base-size) * 100vw);
  margin-bottom: calc(74 / var(--base-size) * 100vw);
  justify-content: space-between;
}
.biography-detail .section.section-five .a-a_a__a::before, .biography-detail .section.section-five .a-a_a__a::after {
  content: "";
  height: calc(1 / var(--base-size) * 100vw);
  flex: 1 auto;
  display: block;
  background-color: rgba(33, 64, 154, 0.3);
}
.biography-detail .section.section-five .a-a_a__a svg {
  width: calc(27.5 / var(--base-size) * 100vw);
  height: calc(32 / var(--base-size) * 100vw);
}
.biography-detail .section.section-five .a-a_b, .biography-detail .section.section-five .a-a_c, .biography-detail .section.section-five .a-a_d {
  margin: 0 auto;
  text-align: center;
}
.biography-detail .section.section-five .a-a_c {
  width: calc(195 / var(--base-size) * 100vw);
  height: calc(244 / var(--base-size) * 100vw);
  margin: calc(64 / var(--base-size) * 100vw) auto;
}
.biography-detail .section.section-five .a-a_c img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biography-detail .section.section-five .a-b {
  flex: 0 auto;
  min-width: 50vw;
  background-color: #D3DCF5;
}
.biography-detail .section.section-five .a-b_a {
  gap: calc(16 / var(--base-size) * 100vw);
  height: 100vh;
  display: flex;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: calc(222 / var(--base-size) * 100vw);
  padding-left: calc(96 / var(--base-size) * 100vw);
  background-color: #D3DCF5;
}
.biography-detail .section.section-five .a-b_a:before {
  left: 0;
  top: calc(230 / var(--base-size) * 100vw);
  content: "";
  width: calc(80 / var(--base-size) * 100vw);
  height: calc(1 / var(--base-size) * 100vw);
  display: block;
  position: absolute;
  background-color: rgba(33, 64, 154, 0.3);
}
.biography-detail .section.section-five .a-b_a .h-i {
  width: calc(243 / var(--base-size) * 100vw);
  flex: 0 0 calc(243 / var(--base-size) * 100vw);
}
.biography-detail .section.section-five .a-b_a .h-i_a {
  gap: calc(16 / var(--base-size) * 100vw);
  display: flex;
  align-items: center;
  margin-bottom: calc(40 / var(--base-size) * 100vw);
  justify-content: space-between;
}
.biography-detail .section.section-five .a-b_a .h-i_a svg {
  flex: 0 0 calc(16 / var(--base-size) * 100vw);
}
.biography-detail .section.section-five .a-b_a .h-i_a:after {
  content: "";
  flex: 1 auto;
  height: calc(1 / var(--base-size) * 100vw);
  display: block;
  background-color: rgba(33, 64, 154, 0.3);
}
.biography-detail .section.section-five .a-b_a .h-i figure {
  width: calc(195 / var(--base-size) * 100vw);
  height: calc(244 / var(--base-size) * 100vw);
  margin-bottom: calc(24 / var(--base-size) * 100vw);
}
.biography-detail .section.section-five .a-b_a .h-i figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biography-detail .section.section-five .a-b_a .h-i_b__c {
  color: #21409A;
  margin-bottom: calc(16 / var(--base-size) * 100vw);
}
.biography-detail .section.section-five .a-b_a .h-i_b__d {
  color: #0E1A2C;
}
.biography-detail .section.section-six {
  width: 100vw;
  position: relative;
  overflow: auto hidden;
  background-color: #21409A;
}
.biography-detail .section.section-six .a {
  height: 100vh;
  color: #FFFFFF;
  display: flex;
  padding: calc(56 / var(--base-size) * 100vw);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.biography-detail .section.section-six .a-a {
  width: calc(535 / var(--base-size) * 100vw);
  flex: 0 0 calc(535 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-a_a {
  margin-bottom: calc(88 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-a_b {
  gap: calc(32 / var(--base-size) * 100vw);
  display: flex;
  margin-right: calc(80 / var(--base-size) * 100vw);
  margin-bottom: calc(88 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-a_b > svg {
  height: calc(16 / var(--base-size) * 100vw);
  flex: 0 0 calc(16 / var(--base-size) * 100vw);
  margin-top: calc(2 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-a_b > svg path {
  fill: #FFF;
}
.biography-detail .section.section-six .a-a_b figure {
  width: calc(254 / var(--base-size) * 100vw);
  height: calc(172 / var(--base-size) * 100vw);
  flex: 0 0 calc(254 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-a_b figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biography-detail .section.section-six .a-b {
  height: 100%;
  flex: 0 0 calc(488 / var(--base-size) * 100vw);
  position: relative;
}
.biography-detail .section.section-six .a-b figure {
  width: 100%;
  height: 100%;
}
.biography-detail .section.section-six .a-b figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biography-detail .section.section-six .a-c {
  width: auto;
  flex: 0 0 auto;
  min-width: calc(552 / var(--base-size) * 100vw);
  position: relative;
  padding-left: calc(80 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-c > svg {
  top: 0;
  left: calc(32 / var(--base-size) * 100vw);
  width: calc(16 / var(--base-size) * 100vw);
  height: calc(16 / var(--base-size) * 100vw);
  position: absolute;
}
.biography-detail .section.section-six .a-c > svg path {
  fill: #FFF;
}
.biography-detail .section.section-six .a-c_a {
  margin-bottom: calc(56 / var(--base-size) * 100vw);
  text-transform: uppercase;
}
.biography-detail .section.section-six .a-c_b {
  margin-bottom: calc(96 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-c_c {
  position: relative;
  padding-left: calc(151 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-c_c__a {
  top: 0;
  width: calc(254 / var(--base-size) * 100vw);
  left: calc(-161 / var(--base-size) * 100vw);
  height: calc(172 / var(--base-size) * 100vw);
  position: absolute;
}
.biography-detail .section.section-six .a-c_c__a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biography-detail .section.section-six .a-d {
  gap: calc(24 / var(--base-size) * 100vw);
  height: 100%;
  display: flex;
  width: calc(776 / var(--base-size) * 100vw);
  flex: 0 0 calc(776 / var(--base-size) * 100vw);
  margin-left: calc(140 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-d img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biography-detail .section.section-six .a-d_a {
  height: calc(325 / var(--base-size) * 100vw);
  flex: 0 0 calc(264 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-d_b {
  height: 100%;
  flex: 0 0 calc(488 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-e {
  color: #FFF;
  width: calc(773 / var(--base-size) * 100vw);
  flex: 0 0 calc(773 / var(--base-size) * 100vw);
  padding-left: calc(24 / var(--base-size) * 100vw);
  position: relative;
}
.biography-detail .section.section-six .a-e_a, .biography-detail .section.section-six .a-e_b {
  max-width: calc(476 / var(--base-size) * 100vw);
  margin-left: calc(132 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-e_a {
  margin-bottom: calc(76 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-e_c {
  bottom: 0;
  left: calc(24 / var(--base-size) * 100vw);
  height: calc(325 / var(--base-size) * 100vw);
  position: absolute;
  padding-left: calc(344 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-e_c figure {
  top: 0;
  left: 0;
  width: calc(264 / var(--base-size) * 100vw);
  height: calc(325 / var(--base-size) * 100vw);
  position: absolute;
}
.biography-detail .section.section-six .a-e_c figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.biography-detail .section.section-six .a-e_c > svg {
  height: calc(32 / var(--base-size) * 100vw);
  width: calc(27.5 / var(--base-size) * 100vw);
  margin-bottom: calc(64 / var(--base-size) * 100vw);
}
.biography-detail .section.section-six .a-e_c > svg path {
  fill: #FFF;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/Dealer/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.dealer-location {
  padding: calc(92 / var(--base-size) * 100vw) 0 calc(137 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .dealer-location {
    padding-top: calc(67 / var(--base-size) * 100vw);
    padding-bottom: 0;
  }
}
.dealer-location .main-title {
  font-size: calc(40 / var(--base-size) * 100vw);
  margin-bottom: calc(70 / var(--base-size) * 100vw);
  padding-bottom: calc(6 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
  border-bottom: 1.5px solid var(--color-green);
}
@media only screen and (max-width: 879px) {
  .dealer-location .main-title {
    font-size: calc(25 / var(--base-size) * 100vw);
    color: #111111;
    margin-bottom: calc(43 / var(--base-size) * 100vw);
  }
}
.dealer-location .location {
  gap: calc(103 / var(--base-size) * 100vw);
  row-gap: calc(80 / var(--base-size) * 100vw);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 879px) {
  .dealer-location .location {
    display: block;
  }
}
@media only screen and (max-width: 879px) {
  .dealer-location .location-item {
    margin-bottom: calc(48 / var(--base-size) * 100vw);
  }
  .dealer-location .location-item:last-child {
    margin-bottom: 0;
  }
}
.dealer-location .location-item .title {
  font-size: calc(32 / var(--base-size) * 100vw);
  margin-bottom: calc(16 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .dealer-location .location-item .title {
    font-size: calc(20 / var(--base-size) * 100vw);
    margin-bottom: calc(11 / var(--base-size) * 100vw);
  }
}
.dealer-location .location-item .address span.p {
  content: "";
  display: block;
  margin-bottom: 0;
  padding-bottom: calc(9 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .dealer-location .location-item .address {
    font-size: calc(16 / var(--base-size) * 100vw);
    line-height: 1.1;
  }
}
.dealer-location .location-item .primary-button {
  margin-top: calc(23 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .dealer-location .location-item .primary-button {
    margin-top: calc(25 / var(--base-size) * 100vw);
  }
}
.dealer-location .location-item .primary-button a {
  width: calc(225 / var(--base-size) * 100vw);
  height: calc(44 / var(--base-size) * 100vw);
  font-size: calc(17 / var(--base-size) * 100vw);
  color: #0C0C0C;
}
@media only screen and (max-width: 879px) {
  .dealer-location .location-item .primary-button a {
    gap: calc(3 / var(--base-size) * 100vw);
    width: calc(201 / var(--base-size) * 100vw);
    height: calc(39 / var(--base-size) * 100vw);
    font-size: calc(15 / var(--base-size) * 100vw);
  }
  .dealer-location .location-item .primary-button a svg {
    width: calc(10 / var(--base-size) * 100vw);
    height: calc(13 / var(--base-size) * 100vw);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/FeaturedTextAlt/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.featured-text-alt {
  display: flex;
  height: calc(554 / var(--base-size) * 100vw);
  position: relative;
  align-items: center;
  justify-content: center;
  border-top: 1.5px solid var(--color-green);
}
@media only screen and (max-width: 879px) {
  .featured-text-alt {
    border-top: 0;
    padding-top: calc(56 / var(--base-size) * 100vw);
    height: 100vh !important;
    display: block !important;
    background-color: #262626;
  }
}
.featured-text-alt .content {
  z-index: 2;
  color: #F7F7F7;
  position: relative;
}
@media only screen and (max-width: 879px) {
  .featured-text-alt .content {
    margin-bottom: calc(26 / var(--base-size) * 100vw);
  }
}
.featured-text-alt .content_b {
  max-width: calc(660 / var(--base-size) * 100vw);
  margin-bottom: calc(51 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .featured-text-alt .content_b {
    font-size: calc(33 / var(--base-size) * 100vw);
    color: #F9F9F9;
    line-height: 1.2;
  }
}
.featured-text-alt figure {
  z-index: 1;
  width: 100vw;
  height: calc(607 / var(--base-size) * 100vw);
  position: absolute;
}
@media only screen and (max-width: 879px) {
  .featured-text-alt figure {
    top: 0;
    height: 100vh !important;
  }
}
.featured-text-alt figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.featured-text-alt.type-a .content_b {
  font-size: calc(49 / var(--base-size) * 100vw);
  line-height: calc(65 / var(--base-size) * 100vw);
  color: #F2F2F2;
}
@media only screen and (max-width: 879px) {
  .featured-text-alt.type-a .content_b {
    font-size: calc(33 / var(--base-size) * 100vw) !important;
    color: #F9F9F9 !important;
    line-height: 1.2 !important;
    margin-bottom: calc(29 / var(--base-size) * 100vw) !important;
  }
}
.featured-text-alt.type-a .primary-button a {
  width: calc(332 / var(--base-size) * 100vw);
  height: calc(64.7 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .featured-text-alt.type-a .primary-button a {
    width: calc(259 / var(--base-size) * 100vw) !important;
    height: calc(50 / var(--base-size) * 100vw) !important;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/FeaturedTitle/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.featured-title {
  padding: calc(55 / var(--base-size) * 100vw) 0 calc(50 / var(--base-size) * 100vw);
  background-color: #1E1E1E;
}
@media only screen and (max-width: 879px) {
  .featured-title {
    padding: calc(52 / var(--base-size) * 100vw) 0;
  }
}
.featured-title .container {
  display: flex;
  color: #F7F7F7;
  justify-content: space-between;
}
@media only screen and (max-width: 879px) {
  .featured-title .container {
    display: block;
  }
}
.featured-title .container .title {
  font-size: calc(45 / var(--base-size) * 100vw);
  flex: 0 0 calc(416 / var(--base-size) * 100vw);
  margin-bottom: 0;
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .featured-title .container .title {
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
    color: #F9F9F9;
    margin-bottom: calc(13 / var(--base-size) * 100vw);
  }
}
.featured-title .container .description {
  padding-top: calc(3 / var(--base-size) * 100vw);
  padding-left: calc(2 / var(--base-size) * 100vw);
  font-size: calc(24 / var(--base-size) * 100vw);
  flex: 0 0 calc(517 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .featured-title .container .description {
    font-size: calc(16 / var(--base-size) * 100vw);
    color: #F9F9F9;
    font-family: var(--font-main);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/RegularBanner/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.full-width-banner {
  width: 100vw;
  height: calc(338 / var(--base-size) * 100vw);
  border-top: 1.5px solid var(--color-green);
}
.full-width-banner figure {
  width: 100vw;
  height: calc(338 / var(--base-size) * 100vw);
}
.full-width-banner figure img {
  width: 100vw;
  height: calc(338 / var(--base-size) * 100vw);
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 879px) {
  .full-width-banner figure img {
    height: 100%;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/TokoPediaBanner/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.tokopedia-banner {
  width: 100%;
  padding: calc(61 / var(--base-size) * 100vw) 0;
  border-top: calc(1.5 / var(--base-size) * 100vw) solid #93EA4E;
}
@media only screen and (max-width: 879px) {
  .tokopedia-banner {
    padding: calc(55 / var(--base-size) * 100vw) 0 calc(68 / var(--base-size) * 100vw);
  }
}
.tokopedia-banner .grid-inner-wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0 calc(20 / var(--base-size) * 100vw);
  max-width: calc(1240 / var(--base-size) * 100vw);
  color: #000000;
}
@media only screen and (max-width: 879px) {
  .tokopedia-banner .grid-inner-wrapper {
    color: #111111;
  }
}
.tokopedia-banner .grid-inner-wrapper .small-title {
  width: 100%;
  font-size: calc(29 / var(--base-size) * 100vw);
  padding-bottom: calc(10 / var(--base-size) * 100vw);
  margin-bottom: calc(31 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
  border-bottom: calc(1.5 / var(--base-size) * 100vw) solid #93EA4E;
}
@media only screen and (max-width: 879px) {
  .tokopedia-banner .grid-inner-wrapper .small-title {
    padding-bottom: calc(7 / var(--base-size) * 100vw);
    margin-bottom: calc(21 / var(--base-size) * 100vw);
    font-size: calc(22 / var(--base-size) * 100vw);
  }
}
.tokopedia-banner .grid-inner-wrapper .main-title {
  font-size: calc(50 / var(--base-size) * 100vw);
  margin-bottom: calc(14 / var(--base-size) * 100vw);
  transform: translateX(-2);
  letter-spacing: -0.009em;
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .tokopedia-banner .grid-inner-wrapper .main-title {
    font-size: calc(33 / var(--base-size) * 100vw);
    transform: none;
    letter-spacing: 0;
    line-height: calc(39 / var(--base-size) * 100vw);
    margin-bottom: calc(16 / var(--base-size) * 100vw);
  }
}
.tokopedia-banner .grid-inner-wrapper svg {
  width: calc(266 / var(--base-size) * 100vw);
  height: calc(58 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .tokopedia-banner .grid-inner-wrapper svg {
    width: calc(195 / var(--base-size) * 100vw);
    height: calc(42 / var(--base-size) * 100vw);
    margin-bottom: calc(30 / var(--base-size) * 100vw);
  }
}
.tokopedia-banner .grid-inner-wrapper .sub-description {
  font-family: var(--font-main-bold);
  font-size: calc(24 / var(--base-size) * 100vw);
  padding-top: calc(10 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .tokopedia-banner .grid-inner-wrapper .sub-description {
    padding-top: 0;
    font-size: calc(20 / var(--base-size) * 100vw);
    line-height: calc(22.93 / var(--base-size) * 100vw);
    color: #111111;
    margin-bottom: calc(11 / var(--base-size) * 100vw);
  }
}
.tokopedia-banner .grid-inner-wrapper .column-text {
  display: grid;
  grid-template-columns: calc(714 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 879px) {
  .tokopedia-banner .grid-inner-wrapper .column-text {
    display: block;
  }
}
.tokopedia-banner .grid-inner-wrapper .column-text .left {
  padding-right: calc(97 / var(--base-size) * 100vw);
  transform: translateX(-2);
}
@media only screen and (max-width: 879px) {
  .tokopedia-banner .grid-inner-wrapper .column-text .left {
    padding-right: 0;
    transform: none;
  }
}
.tokopedia-banner .grid-inner-wrapper .column-text .right .primary-button a {
  width: calc(330 / var(--base-size) * 100vw);
  height: calc(65 / var(--base-size) * 100vw);
  font-size: calc(25 / var(--base-size) * 100vw);
  color: #0C0C0C;
}
@media only screen and (max-width: 879px) {
  .tokopedia-banner .grid-inner-wrapper .column-text .right .primary-button a {
    width: 100%;
    height: calc(50 / var(--base-size) * 100vw);
    font-size: calc(20 / var(--base-size) * 100vw);
    color: #0C0C0C;
  }
  .tokopedia-banner .grid-inner-wrapper .column-text .right .primary-button a svg {
    margin-bottom: 0;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/TwoColumnOffice/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.two-column-card-office {
  padding: calc(107 / var(--base-size) * 100vw) 0 calc(107 / var(--base-size) * 100vw);
  background-color: #161616;
}
@media only screen and (max-width: 879px) {
  .two-column-card-office {
    padding-top: 0;
    padding-bottom: calc(8 / var(--base-size) * 100vw);
  }
}
.two-column-card-office .container {
  color: #FFF;
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container {
    padding: 0;
  }
}
.two-column-card-office .container h2 {
  text-align: center;
}
.two-column-card-office .container .column {
  display: flex;
  margin-top: calc(96 / var(--base-size) * 100vw);
  justify-content: space-between;
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column {
    margin-top: 0;
    display: block;
  }
}
.two-column-card-office .container .column-item {
  flex: 0 0 calc(517 / var(--base-size) * 100vw);
}
.two-column-card-office .container .column-item figure {
  width: 100%;
  height: auto;
  height: calc(187 / var(--base-size) * 100vw);
  border-radius: calc(8 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item figure {
    height: calc(234 / var(--base-size) * 100vw);
    border-radius: 0;
  }
}
.two-column-card-office .container .column-item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(8 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item figure img {
    border-radius: 0;
  }
}
.two-column-card-office .container .column-item-a {
  padding: calc(32 / var(--base-size) * 100vw) 0;
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item-a {
    padding: calc(34 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) calc(55 / var(--base-size) * 100vw);
  }
}
.two-column-card-office .container .column-item-a-a {
  font-size: calc(38 / var(--base-size) * 100vw);
  margin-bottom: calc(25 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item-a-a {
    font-size: calc(26 / var(--base-size) * 100vw);
    margin-bottom: calc(29 / var(--base-size) * 100vw);
  }
}
.two-column-card-office .container .column-item-a-b {
  color: #F2F2F2;
  font-size: calc(25 / var(--base-size) * 100vw);
  margin-bottom: calc(6 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item-a-b {
    font-size: calc(20 / var(--base-size) * 100vw);
    margin-bottom: calc(12 / var(--base-size) * 100vw);
  }
}
.two-column-card-office .container .column-item-a-c {
  color: #C4C4C4;
  font-size: calc(25 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item-a-c {
    font-size: calc(16 / var(--base-size) * 100vw);
    line-height: calc(18 / var(--base-size) * 100vw);
  }
}
.two-column-card-office .container .column-item-a-c span.p {
  content: "";
  display: block;
  margin-bottom: 0;
  padding-bottom: calc(9 / var(--base-size) * 100vw);
}
.two-column-card-office .container .column-item-a-d {
  margin-top: calc(10 / var(--base-size) * 100vw);
}
.two-column-card-office .container .column-item-a-d-a {
  gap: calc(8 / var(--base-size) * 100vw);
  display: flex;
  margin-bottom: calc(5 / var(--base-size) * 100vw);
  font-size: calc(22 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item-a-d-a {
    font-size: calc(16 / var(--base-size) * 100vw);
    margin-bottom: 0;
  }
}
.two-column-card-office .container .column-item-a-d-a-a {
  color: #C4C4C4;
  letter-spacing: calc(-0.4 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
  opacity: 0.93;
}
.two-column-card-office .container .column-item-a-d-a-b {
  font-size: calc(22 / var(--base-size) * 100vw);
  color: #C4C4C4;
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item-a-d-a-b {
    font-size: calc(16 / var(--base-size) * 100vw);
  }
}
.two-column-card-office .container .column-item-a-d-a-b a {
  font-size: calc(22 / var(--base-size) * 100vw);
  color: #C4C4C4;
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item-a-d-a-b a {
    font-size: calc(16 / var(--base-size) * 100vw);
  }
}
.two-column-card-office .container .column-item-a .primary-button {
  margin-top: calc(28 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item-a .primary-button {
    display: none;
  }
}
.two-column-card-office .container .column-item-a .primary-button a {
  width: calc(225 / var(--base-size) * 100vw);
  height: calc(44 / var(--base-size) * 100vw);
  font-size: calc(17 / var(--base-size) * 100vw);
  color: #93EA4E;
}
.two-column-card-office .container .column-item-a .primary-button a svg path {
  fill: transparent;
  stroke: #93EA4E;
}
@media only screen and (min-width: 879px) {
  .two-column-card-office .container .column-item-a .primary-button:hover a {
    color: #000;
  }
  .two-column-card-office .container .column-item-a .primary-button:hover svg path {
    fill: #000;
    stroke: transparent;
  }
}
.two-column-card-office .container .column-item:last-child .column-item-a-a {
  margin-bottom: calc(20 / var(--base-size) * 100vw);
}
.two-column-card-office .container .column-item:last-child .column-item-a-c {
  line-height: 1.5;
}
@media only screen and (max-width: 879px) {
  .two-column-card-office .container .column-item:last-child .column-item-a-a {
    margin-bottom: calc(32 / var(--base-size) * 100vw);
  }
  .two-column-card-office .container .column-item:last-child .column-item-a-c {
    line-height: calc(26 / var(--base-size) * 100vw);
  }
  .two-column-card-office .container .column-item:last-child .column-item-a-d {
    margin-top: calc(4 / var(--base-size) * 100vw);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/ContactPage/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.page-contact .dealer-locator .dealer-location:last-child {
  padding-top: 0;
  padding-bottom: calc(129 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .page-contact .dealer-locator .dealer-location:last-child {
    padding-top: calc(87 / var(--base-size) * 100vw);
    padding-bottom: calc(70 / var(--base-size) * 100vw);
  }
}
.page-contact .full-width-banner {
  border-top: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/HeaderContentText/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.header-content-a {
  font-size: calc(29 / var(--base-size) * 100vw);
  padding-bottom: calc(10 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
  border-bottom: 1.5px solid var(--color-green);
}
@media only screen and (max-width: 879px) {
  .header-content-a {
    font-size: calc(22 / var(--base-size) * 100vw);
    color: #111111;
    padding-bottom: calc(7 / var(--base-size) * 100vw);
  }
}
.header-content-b {
  gap: calc(63 / var(--base-size) * 100vw);
  display: grid;
  padding-top: calc(32 / var(--base-size) * 100vw);
  grid-template-columns: 1fr calc(489 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .header-content-b {
    padding-top: calc(22 / var(--base-size) * 100vw);
    display: block;
  }
}
.header-content-b-a {
  margin-bottom: 0;
  font-size: calc(50 / var(--base-size) * 100vw);
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .header-content-b-a {
    font-size: calc(33 / var(--base-size) * 100vw) !important;
    line-height: calc(39 / var(--base-size) * 100vw) !important;
  }
}
.header-content-b-b {
  display: flex;
  font-size: calc(24 / var(--base-size) * 100vw);
  padding-top: calc(10 / var(--base-size) * 100vw);
  justify-content: flex-end;
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .header-content-b-b {
    padding-top: calc(14 / var(--base-size) * 100vw);
    font-size: calc(20 / var(--base-size) * 100vw);
    line-height: calc(22.93 / var(--base-size) * 100vw);
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/FeaturedSlider/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.featured-slider {
  width: 100vw;
  color: #F7F7F7;
  padding-top: calc(80 / var(--base-size) * 100vw);
  overflow: hidden;
  background-color: #0C0C0C;
}
.featured-slider .header-content-a {
  color: #F7F7F7;
}
.featured-slider .swiper-pagination {
  display: none;
}
@media only screen and (max-width: 879px) {
  .featured-slider .swiper-pagination {
    gap: calc(5 / var(--base-size) * 100vw);
    z-index: 7;
    display: flex;
    bottom: calc(42 / var(--base-size) * 100vw);
    position: absolute;
    width: 100vw !important;
    justify-content: center;
  }
  .featured-slider .swiper-pagination span {
    opacity: 0.5;
    width: calc(45 / var(--base-size) * 100vw);
    height: calc(3.6 / var(--base-size) * 100vw);
    background-color: #93EA4E;
  }
  .featured-slider .swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;
  }
}
.featured-slider .slider {
  position: relative;
  margin-top: calc(92 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .featured-slider .slider {
    margin-top: calc(67 / var(--base-size) * 100vw);
  }
}
.featured-slider .slider .navigation {
  left: 0;
  right: 0;
  width: 100%;
  z-index: 5;
  top: calc(326 / var(--base-size) * 100vw);
  display: flex;
  margin: 0 auto;
  position: absolute;
  justify-content: space-between;
  padding: 0 calc(24 / var(--base-size) * 100vw);
  max-width: calc(1249 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .featured-slider .slider .navigation {
    display: none;
  }
}
.featured-slider .slider .navigation .nav {
  opacity: 0;
  width: calc(73 / var(--base-size) * 100vw);
  cursor: pointer;
  height: calc(73 / var(--base-size) * 100vw);
  pointer-events: none;
}
.featured-slider .slider .navigation .nav:not(.swiper-button-disabled) {
  opacity: 1;
  pointer-events: all;
}
.featured-slider .slider .navigation .nav.swiper-button-prev {
  transform: rotate(180deg);
}
.featured-slider .slider .navigation .nav svg {
  width: calc(73 / var(--base-size) * 100vw);
  height: calc(73 / var(--base-size) * 100vw);
}
.featured-slider .slider .swiper-wrapper {
  display: flex;
}
.featured-slider .slider .swiper-wrapper .swiper-slide {
  flex: 0 0 100vw;
  height: calc(727 / var(--base-size) * 100vw);
  position: relative;
}
@media only screen and (max-width: 879px) {
  .featured-slider .slider .swiper-wrapper .swiper-slide {
    height: 100vh;
  }
}
.featured-slider .slider .swiper-wrapper .swiper-slide:after {
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  z-index: 3;
  position: absolute;
  height: calc(363 / var(--base-size) * 100vw);
  background: linear-gradient(180deg, rgba(12, 12, 12, 0) 0.15%, rgb(0, 0, 0) 100%);
}
@media only screen and (max-width: 879px) {
  .featured-slider .slider .swiper-wrapper .swiper-slide:after {
    top: 0;
    z-index: 4;
    bottom: unset;
    height: calc(645 / var(--base-size) * 100vw);
    transform: rotate(180deg);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 8.32%, rgb(0, 0, 0) 100%);
  }
}
.featured-slider .slider .swiper-wrapper .swiper-slide .content {
  z-index: 5;
  height: 100%;
  display: flex;
  position: relative;
  padding-bottom: calc(76 / var(--base-size) * 100vw);
  flex-direction: column;
  justify-content: flex-end;
  font-family: var(--font-main);
}
@media only screen and (max-width: 879px) {
  .featured-slider .slider .swiper-wrapper .swiper-slide .content {
    padding-top: calc(49 / var(--base-size) * 100vw);
    justify-content: flex-start;
  }
}
.featured-slider .slider .swiper-wrapper .swiper-slide .content-a {
  font-size: calc(30 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .featured-slider .slider .swiper-wrapper .swiper-slide .content-a {
    font-size: calc(22 / var(--base-size) * 100vw);
    color: #F9F9F9;
  }
}
.featured-slider .slider .swiper-wrapper .swiper-slide .content-b {
  font-size: calc(26 / var(--base-size) * 100vw);
  margin-bottom: calc(20 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .featured-slider .slider .swiper-wrapper .swiper-slide .content-b {
    font-size: calc(18 / var(--base-size) * 100vw);
    color: #F7F7F7;
    margin-bottom: calc(18 / var(--base-size) * 100vw);
  }
}
.featured-slider .slider .swiper-wrapper .swiper-slide .content-c {
  font-size: calc(19 / var(--base-size) * 100vw);
  max-width: calc(420 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .featured-slider .slider .swiper-wrapper .swiper-slide .content-c {
    font-size: calc(16 / var(--base-size) * 100vw);
    color: #F9F9F9;
  }
}
.featured-slider .slider .swiper-wrapper .swiper-slide figure {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 100%;
  position: absolute;
}
.featured-slider .slider .swiper-wrapper .swiper-slide figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/FeaturedText/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.featured-text {
  display: flex;
  height: calc(607 / var(--base-size) * 100vw);
  position: relative;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 879px) {
  .featured-text {
    height: 100vh;
    display: block;
    padding-top: calc(60 / var(--base-size) * 100vw);
    align-items: flex-start;
  }
}
.featured-text .content {
  z-index: 2;
  position: relative;
  color: #0C0C0C;
}
.featured-text .content_a {
  max-width: calc(564 / var(--base-size) * 100vw);
  margin-bottom: calc(8 / var(--base-size) * 100vw);
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 879px) {
  .featured-text .content_a {
    font-size: calc(22 / var(--base-size) * 100vw);
  }
}
.featured-text .content_b {
  max-width: calc(580 / var(--base-size) * 100vw);
  margin-bottom: calc(28 / var(--base-size) * 100vw);
  letter-spacing: -0.015em;
}
@media only screen and (max-width: 879px) {
  .featured-text .content_b {
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
  }
}
.featured-text .content_c {
  max-width: calc(564 / var(--base-size) * 100vw);
  margin-bottom: calc(36 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .featured-text .content_c {
    font-size: calc(16 / var(--base-size) * 100vw);
    margin-bottom: calc(26 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 879px) {
  .featured-text .primary-button a {
    gap: calc(5 / var(--base-size) * 100vw);
    width: calc(207 / var(--base-size) * 100vw);
    font-size: calc(18 / var(--base-size) * 100vw);
    color: #0C0C0C;
  }
}
.featured-text figure {
  z-index: 1;
  width: 100vw;
  height: calc(607 / var(--base-size) * 100vw);
  position: absolute;
}
@media only screen and (max-width: 879px) {
  .featured-text figure {
    top: 0;
    height: 100%;
  }
}
.featured-text figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/FeaturedTextAlt2/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.featured-text-alt-2 {
  display: flex;
  height: auto;
  position: relative;
  padding: calc(161 / var(--base-size) * 100vw) calc(359 / var(--base-size) * 100vw) 0;
  align-items: center;
  background-color: #0C0C0C;
  border-top: 1.5px solid var(--color-green);
}
@media only screen and (max-width: 879px) {
  .featured-text-alt-2 {
    display: block;
    padding: calc(66 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw);
  }
}
.featured-text-alt-2 .content {
  z-index: 2;
  color: #F7F7F7;
  position: relative;
}
.featured-text-alt-2 .content .header-label {
  font-size: calc(28 / var(--base-size) * 100vw);
  color: #93EA4E;
  margin-bottom: calc(12 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
.featured-text-alt-2 .content-c {
  display: flex;
  gap: calc(70 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .featured-text-alt-2 .content-c {
    display: block;
  }
}
.featured-text-alt-2 .content-c h2 {
  flex: 0 0 calc(600 / var(--base-size) * 100vw);
  width: calc(600 / var(--base-size) * 100vw);
  font-size: calc(45 / var(--base-size) * 100vw);
  color: #F2F2F2;
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .featured-text-alt-2 .content-c h2 {
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
    color: #FFFFFF;
  }
}
.featured-text-alt-2 .content-c .description {
  opacity: 0.93;
  padding-top: calc(3 / var(--base-size) * 100vw);
  font-size: calc(27 / var(--base-size) * 100vw);
  color: #F2F2F2;
  line-height: 1.4;
}
@media only screen and (max-width: 879px) {
  .featured-text-alt-2 .content-c .description {
    font-size: calc(18 / var(--base-size) * 100vw);
    color: #FFFFFF;
    line-height: normal;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/FeaturedTextAlt3/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.featured-text-alt {
  display: flex;
  height: calc(554 / var(--base-size) * 100vw);
  position: relative;
  align-items: center;
  justify-content: center;
  border-top: 1.5px solid var(--color-green);
}
.featured-text-alt .content {
  z-index: 2;
  color: #F7F7F7;
  position: relative;
}
.featured-text-alt .content_b {
  max-width: calc(660 / var(--base-size) * 100vw);
  margin-bottom: calc(42 / var(--base-size) * 100vw);
}
.featured-text-alt figure {
  z-index: 1;
  width: 100vw;
  height: calc(607 / var(--base-size) * 100vw);
  position: absolute;
}
.featured-text-alt figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.featured-text-alt.type-a {
  height: calc(704 / var(--base-size) * 100vw);
}
.featured-text-alt.type-a .content_b {
  font-size: calc(49 / var(--base-size) * 100vw);
  line-height: calc(65 / var(--base-size) * 100vw);
  color: #F2F2F2;
}
.featured-text-alt.type-a .primary-button a {
  width: calc(332 / var(--base-size) * 100vw);
  height: calc(64.7 / var(--base-size) * 100vw);
}
.featured-text-alt.type-a figure {
  height: calc(704 / var(--base-size) * 100vw);
}
.featured-text-alt.no-border {
  border-top: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/GallerySection/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.property-gallery {
  width: 100vw;
  height: auto;
  overflow: hidden;
  padding: calc(79 / var(--base-size) * 100vw) 0;
}
.property-gallery .swiper {
  display: flex;
  animation: infiniteMarque 30s linear infinite;
  width: -moz-fit-content;
  width: fit-content;
}
.property-gallery .swiper .swiper-wrapper {
  will-change: transform;
  display: flex;
}
.property-gallery .swiper .swiper-wrapper .swiper-slide {
  display: flex;
  height: calc(576 / var(--base-size) * 100vw);
  align-items: center;
}
.property-gallery .swiper .swiper-wrapper .swiper-slide figure {
  padding: 0 calc(50 / var(--base-size) * 100vw);
  width: 100%;
  height: 100%;
}
.property-gallery .swiper .swiper-wrapper .swiper-slide figure img {
  width: auto;
  height: 100%;
}
.property-gallery .swiper .swiper-wrapper .swiper-slide:nth-of-type(2n) figure {
  padding: calc(67 / var(--base-size) * 100vw) calc(50 / var(--base-size) * 100vw);
}
.property-gallery .swiper .swiper-wrapper .swiper-slide:nth-of-type(3n) figure {
  padding: calc(100 / var(--base-size) * 100vw) calc(50 / var(--base-size) * 100vw);
}

@keyframes infiniteMarque {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/ThreeColumnCardTitleCTA/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.three-column-card-title-cta {
  color: #000000;
  padding: calc(125 / var(--base-size) * 100vw) 0 calc(157 / var(--base-size) * 100vw);
  background-color: #F9F9F9;
}
@media only screen and (max-width: 879px) {
  .three-column-card-title-cta {
    padding-top: calc(72 / var(--base-size) * 100vw);
    padding-bottom: calc(82 / var(--base-size) * 100vw);
  }
}
.three-column-card-title-cta .content {
  gap: calc(109 / var(--base-size) * 100vw);
  color: #000000;
}
.three-column-card-title-cta .content .list-wrapper {
  gap: calc(103 / var(--base-size) * 100vw);
  display: grid;
  margin-top: calc(73 / var(--base-size) * 100vw);
  grid-template-columns: calc(331 / var(--base-size) * 100vw) calc(331 / var(--base-size) * 100vw) calc(331 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card-title-cta .content .list-wrapper {
    display: block;
    margin-top: calc(65 / var(--base-size) * 100vw);
  }
}
.three-column-card-title-cta .content .list-wrapper figure {
  width: 100%;
  height: calc(161 / var(--base-size) * 100vw);
  margin-bottom: calc(39 / var(--base-size) * 100vw);
  border-radius: calc(8 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card-title-cta .content .list-wrapper figure {
    height: calc(177 / var(--base-size) * 100vw);
    margin-bottom: calc(28 / var(--base-size) * 100vw);
  }
}
.three-column-card-title-cta .content .list-wrapper figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(8 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card-title-cta .content .list-wrapper .list {
    width: 100%;
  }
}
.three-column-card-title-cta .content .list-wrapper .list_b {
  margin-bottom: calc(19 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .three-column-card-title-cta .content .list-wrapper .list_b {
    margin-bottom: calc(10 / var(--base-size) * 100vw);
    font-size: calc(26 / var(--base-size) * 100vw);
    color: #0C0C0C;
  }
}
.three-column-card-title-cta .content .list-wrapper .list_c {
  min-height: calc(126 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card-title-cta .content .list-wrapper .list_c {
    opacity: 0.93;
    font-size: calc(16 / var(--base-size) * 100vw);
    color: #0C0C0C;
    min-height: unset;
    margin-bottom: calc(49 / var(--base-size) * 100vw);
  }
}
.three-column-card-title-cta .content .list-wrapper .primary-button {
  margin-top: calc(40 / var(--base-size) * 100vw);
}
.three-column-card-title-cta .content-c {
  text-align: center;
  margin-top: calc(122 / var(--base-size) * 100vw);
}
.three-column-card-title-cta .content .primary-button {
  display: flex;
  margin-top: calc(34 / var(--base-size) * 100vw);
  justify-content: center;
}
@media only screen and (max-width: 879px) {
  .three-column-card-title-cta .footer-cta-e {
    margin-top: calc(13 / var(--base-size) * 100vw);
    margin-bottom: 0;
  }
  .three-column-card-title-cta .footer-cta .primary-button {
    margin-top: calc(21 / var(--base-size) * 100vw);
  }
  .three-column-card-title-cta .footer-cta .primary-button a {
    width: 100%;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/HomeLifestyle/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.home-lifestyle-section-1 {
  padding: calc(197 / var(--base-size) * 100vw) 0;
  background-color: #111111;
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 {
    padding-top: calc(78 / var(--base-size) * 100vw);
    padding-bottom: calc(66 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-1 .header {
  width: 100%;
  gap: calc(68 / var(--base-size) * 100vw);
  row-gap: 0;
  display: grid;
  margin: 0 auto;
  max-width: calc(1200 / var(--base-size) * 100vw);
  grid-template-columns: calc(600 / var(--base-size) * 100vw) calc(537 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .header {
    display: block;
    padding: 0 calc(20 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-1 .header-label {
  grid-column: 1/3;
  font-size: calc(28 / var(--base-size) * 100vw);
  color: #93EA4E;
  margin-bottom: calc(12 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .header-label {
    font-size: calc(22 / var(--base-size) * 100vw);
    margin-bottom: calc(10 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-1 .header-title {
  font-size: calc(45 / var(--base-size) * 100vw);
  color: #F2F2F2;
  margin-bottom: 0;
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .header-title {
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
    margin-bottom: calc(13 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-1 .header-description {
  padding-top: calc(5 / var(--base-size) * 100vw);
  font-size: calc(27 / var(--base-size) * 100vw);
  line-height: calc(32 / var(--base-size) * 100vw);
  color: #F2F2F2;
  opacity: 0.93;
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .header-description {
    font-size: calc(18 / var(--base-size) * 100vw);
    color: #FFFFFF;
    line-height: 1.2;
  }
}
.home-lifestyle-section-1 .card-wrapper {
  gap: calc(60 / var(--base-size) * 100vw);
  width: 100%;
  margin: 0 auto;
  display: grid;
  margin-top: calc(118 / var(--base-size) * 100vw);
  max-width: calc(1200 / var(--base-size) * 100vw);
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .card-wrapper {
    gap: calc(40 / var(--base-size) * 100vw);
    display: flex;
    padding: 0 calc(20 / var(--base-size) * 100vw);
    margin-top: calc(63 / var(--base-size) * 100vw);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .home-lifestyle-section-1 .card-wrapper > * {
    scroll-snap-align: center;
    flex-shrink: 0;
  }
  .home-lifestyle-section-1 .card-wrapper::-webkit-scrollbar {
    display: none;
  }
}
.home-lifestyle-section-1 .card-wrapper-item {
  width: 100%;
  height: calc(708 / var(--base-size) * 100vw);
  position: relative;
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .card-wrapper-item {
    height: calc(465 / var(--base-size) * 100vw);
    flex: 0 0 calc(262 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-1 .card-wrapper-item figure {
  width: 100%;
  z-index: 2;
  height: 100%;
  position: relative;
  border-radius: calc(23 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .card-wrapper-item figure {
    border-radius: calc(14 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-1 .card-wrapper-item figure:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.75;
  position: absolute;
  background: linear-gradient(180deg, rgba(64, 41, 2, 0) 0%, rgba(51, 32, 1, 0.51) 28.68%, rgba(46, 29, 1, 0.98) 55.36%, rgb(46, 29, 1) 77.28%, rgb(46, 29, 1) 89.31%);
  border-radius: calc(23 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .card-wrapper-item figure:after {
    opacity: 0.9;
    border-radius: calc(14 / var(--base-size) * 100vw);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 14.71%, rgb(0, 0, 0) 100%);
  }
}
.home-lifestyle-section-1 .card-wrapper-item figure.dark-overlay:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.98) 55.36%, rgb(0, 0, 0) 77.28%, rgb(0, 0, 0) 89.31%);
}
.home-lifestyle-section-1 .card-wrapper-item figure img {
  width: 100%;
  height: calc(708 / var(--base-size) * 100vw);
  -o-object-fit: cover;
     object-fit: cover;
}
.home-lifestyle-section-1 .card-wrapper-item .card-catalog-content {
  top: 30%;
  bottom: 0;
  z-index: 3;
  width: 100%;
  display: flex;
  height: auto;
  color: #FFFFFF;
  position: absolute;
  flex-direction: column;
  padding: 0 calc(37 / var(--base-size) * 100vw) calc(38 / var(--base-size) * 100vw);
  justify-content: flex-end;
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .card-wrapper-item .card-catalog-content {
    padding: calc(8 / var(--base-size) * 100vw) calc(15 / var(--base-size) * 100vw) calc(30 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-1 .card-wrapper-item .card-catalog-content .title {
  font-size: calc(38 / var(--base-size) * 100vw);
  letter-spacing: calc(-0.23 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .card-wrapper-item .card-catalog-content .title {
    font-size: calc(26 / var(--base-size) * 100vw);
    line-height: calc(28 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-1 .card-wrapper-item .card-catalog-content .description {
  color: #f2f2f2;
  font-size: calc(25 / var(--base-size) * 100vw);
  margin-top: calc(11 / var(--base-size) * 100vw);
  letter-spacing: calc(-0.05 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .card-wrapper-item .card-catalog-content .description {
    margin-top: calc(6 / var(--base-size) * 100vw);
    font-size: calc(16 / var(--base-size) * 100vw);
    line-height: 21px;
  }
}
.home-lifestyle-section-1 .card-wrapper-item .card-catalog-content a {
  display: flex;
  width: calc(225 / var(--base-size) * 100vw);
  height: calc(65 / var(--base-size) * 100vw);
  color: #F2F2F2;
  margin-top: calc(27 / var(--base-size) * 100vw);
  font-size: calc(25 / var(--base-size) * 100vw);
  align-items: center;
  justify-content: center;
  border: 1px solid #F2F2F2;
  transition: all 0.95s var(--cubic-bezier);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-1 .card-wrapper-item .card-catalog-content a {
    width: calc(174 / var(--base-size) * 100vw);
    height: calc(49 / var(--base-size) * 100vw);
    margin-top: calc(25 / var(--base-size) * 100vw);
    font-size: calc(18 / var(--base-size) * 100vw);
  }
}
@media only screen and (min-width: 879px) {
  .home-lifestyle-section-1 .card-wrapper-item .card-catalog-content a:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: #93EA4E;
  }
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-2 {
    background: #262626;
  }
}
.home-lifestyle-section-2 .banner {
  z-index: 1;
  width: 100%;
  height: calc(570 / var(--base-size) * 100vw);
  position: relative;
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-2 .banner {
    height: 100vh;
    padding-top: calc(62 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-2 .banner figure {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.home-lifestyle-section-2 .banner figure img {
  width: 100%;
}
.home-lifestyle-section-2 .banner-content {
  z-index: 3;
  width: 100%;
  display: flex;
  margin: 0 auto;
  height: calc(570 / var(--base-size) * 100vw);
  position: relative;
  max-width: calc(1200 / var(--base-size) * 100vw);
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-2 .banner-content {
    height: auto;
    display: block;
    padding: 0 calc(20 / var(--base-size) * 100vw);
    margin-bottom: calc(15 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-2 .banner-content .title {
  color: #F7F7F7;
  margin-bottom: 0;
  font-size: calc(45 / var(--base-size) * 100vw);
  max-width: calc(600 / var(--base-size) * 100vw);
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-2 .banner-content .title {
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
    color: #F9F9F9;
  }
}
.home-lifestyle-section-2 .banner-content .desc {
  color: #FFFFFF;
  max-width: calc(600 / var(--base-size) * 100vw);
  font-size: calc(26 / var(--base-size) * 100vw);
  margin-top: calc(30 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-2 .banner-content .desc {
    font-size: calc(18 / var(--base-size) * 100vw);
    margin-top: calc(22 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-2 .download-catalog {
  display: flex;
  height: calc(332 / var(--base-size) * 100vw);
  align-items: center;
  justify-content: center;
  background-color: #111111;
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-2 .download-catalog {
    height: auto;
    display: block;
    padding: calc(66 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) calc(79 / var(--base-size) * 100vw);
  }
}
.home-lifestyle-section-2 .download-catalog .inner {
  width: 100%;
  display: flex;
  max-width: calc(1200 / var(--base-size) * 100vw);
  justify-content: space-between;
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-2 .download-catalog .inner {
    display: block;
  }
}
.home-lifestyle-section-2 .download-catalog .inner .title {
  color: #FFFFFF;
  font-size: calc(41 / var(--base-size) * 100vw);
  max-width: calc(600 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-2 .download-catalog .inner .title {
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
    margin-bottom: calc(30 / var(--base-size) * 100vw);
    font-family: var(--font-main-black);
  }
}
.home-lifestyle-section-2 .download-catalog .inner .primary-button {
  padding-top: calc(7 / var(--base-size) * 100vw);
}
.home-lifestyle-section-2 .download-catalog .inner .primary-button a {
  gap: calc(16 / var(--base-size) * 100vw);
  width: calc(523 / var(--base-size) * 100vw);
  height: calc(88 / var(--base-size) * 100vw);
  color: #93EA4E;
  border-width: 3px;
  font-size: calc(31 / var(--base-size) * 100vw);
  box-shadow: 0 0 calc(6.7 / var(--base-size) * 100vw) #93ea4e, inset 0 0 calc(6.7 / var(--base-size) * 100vw) #93ea4e;
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-2 .download-catalog .inner .primary-button a {
    width: 100%;
    gap: calc(16 / var(--base-size) * 100vw);
    height: calc(52 / var(--base-size) * 100vw);
    font-size: calc(18 / var(--base-size) * 100vw);
    color: #F2F2F2;
  }
}
.home-lifestyle-section-2 .download-catalog .inner .primary-button a svg {
  width: calc(37 / var(--base-size) * 100vw);
  height: calc(37 / var(--base-size) * 100vw);
  flex: 0 0 calc(37 / var(--base-size) * 100vw);
  transform: rotate(90deg);
}
@media only screen and (max-width: 879px) {
  .home-lifestyle-section-2 .download-catalog .inner .primary-button a svg {
    width: calc(13 / var(--base-size) * 100vw);
    height: calc(17 / var(--base-size) * 100vw);
    transform: none;
    flex: 0 0 calc(13 / var(--base-size) * 100vw);
  }
}
@media only screen and (min-width: 879px) {
  .home-lifestyle-section-2 .download-catalog .inner .primary-button a:hover {
    color: #000;
  }
  .home-lifestyle-section-2 .download-catalog .inner .primary-button a:hover svg {
    transform: none;
  }
}
.home-lifestyle-section-3 .list-wrapper figure {
  height: calc(233.5 / var(--base-size) * 100vw) !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/ThreeColumnCard/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.three-column-card {
  padding: calc(125 / var(--base-size) * 100vw) 0 calc(157 / var(--base-size) * 100vw);
  background-color: #0C0C0C;
}
@media only screen and (max-width: 879px) {
  .three-column-card {
    padding-top: calc(82 / var(--base-size) * 100vw);
    padding-bottom: calc(108 / var(--base-size) * 100vw);
  }
}
.three-column-card .container {
  gap: calc(109 / var(--base-size) * 100vw);
  color: #F7F7F7;
}
@media only screen and (max-width: 879px) {
  .three-column-card .container {
    padding: 0;
  }
}
.three-column-card .container .h2 {
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 879px) {
  .three-column-card .container .h2 {
    margin-bottom: 0;
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
  }
}
.three-column-card .container .list-wrapper {
  display: flex;
  margin-top: calc(81 / var(--base-size) * 100vw);
  justify-content: space-between;
}
@media only screen and (max-width: 879px) {
  .three-column-card .container .list-wrapper {
    padding: 0 calc(23 / var(--base-size) * 100vw);
    margin-top: calc(60 / var(--base-size) * 100vw);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .three-column-card .container .list-wrapper > * {
    scroll-snap-align: center;
    flex-shrink: 0;
  }
  .three-column-card .container .list-wrapper::-webkit-scrollbar {
    display: none;
  }
}
.three-column-card .container .list-wrapper figure {
  width: 100%;
  height: calc(161 / var(--base-size) * 100vw);
  margin-bottom: calc(57 / var(--base-size) * 100vw);
  border-radius: calc(8 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card .container .list-wrapper figure {
    margin-bottom: calc(37 / var(--base-size) * 100vw);
  }
}
.three-column-card .container .list-wrapper figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(8 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card .container .list-wrapper figure img {
    height: calc(160 / var(--base-size) * 100vw);
  }
}
.three-column-card .container .list-wrapper .list {
  width: calc(331 / var(--base-size) * 100vw);
  flex: 0 0 calc(331 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card .container .list-wrapper .list {
    width: calc(265 / var(--base-size) * 100vw);
    flex: 0 0 calc(265 / var(--base-size) * 100vw);
    margin-right: calc(33 / var(--base-size) * 100vw);
  }
}
.three-column-card .container .list-wrapper .list_b {
  font-family: var(--font-main-bold);
  margin-bottom: calc(19 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card .container .list-wrapper .list_b {
    max-width: 63%;
    font-size: calc(26 / var(--base-size) * 100vw);
    margin-bottom: calc(13 / var(--base-size) * 100vw);
  }
}
.three-column-card .container .list-wrapper .list_c {
  min-height: calc(131 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card .container .list-wrapper .list_c {
    opacity: 0.93;
    height: calc(102 / var(--base-size) * 100vw);
    font-size: calc(16 / var(--base-size) * 100vw);
    line-height: calc(21 / var(--base-size) * 100vw);
    color: #F2F2F2;
    margin-bottom: 0;
    min-height: unset;
  }
}
.three-column-card .container .list-wrapper .list:nth-of-type(2) .list_c {
  max-width: calc(307 / var(--base-size) * 100vw);
}
.three-column-card .container .list-wrapper .list:last-child .list_c {
  max-width: calc(311 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card .container .list-wrapper .list:last-child {
    margin-right: calc(20 / var(--base-size) * 100vw);
  }
}
.three-column-card .container .list-wrapper .primary-button {
  margin-top: calc(40 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .three-column-card .container .list-wrapper .primary-button {
    margin-top: 0;
  }
  .three-column-card .container .list-wrapper .primary-button a {
    width: calc(207 / var(--base-size) * 100vw);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/TwoColumnCard/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.two-column-card {
  color: #111;
  margin-top: calc(100 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-card {
    margin: 0 calc(-20 / var(--base-size) * 100vw);
  }
}
.two-column-card .container {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 879px) {
  .two-column-card .container {
    padding: 0;
  }
}
.two-column-card .container h2 {
  font-size: calc(var(--f-size-sub) / var(--base-size) * 100vw);
  font-weight: 500;
}
@media only screen and (max-width: 879px) {
  .two-column-card .container h2 {
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
    margin-bottom: 0;
  }
}
.two-column-card .container .column {
  gap: calc(20 / var(--base-size) * 100vw);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 879px) {
  .two-column-card .container .column {
    gap: calc(20 / var(--base-size) * 100vw);
    padding: 0 calc(20 / var(--base-size) * 100vw);
    margin-top: calc(40 / var(--base-size) * 100vw);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .two-column-card .container .column > * {
    scroll-snap-align: center;
    flex-shrink: 0;
  }
  .two-column-card .container .column::-webkit-scrollbar {
    display: none;
  }
}
.two-column-card .container .column-item {
  gap: calc(50 / var(--base-size) * 100vw);
  position: relative;
  margin-bottom: calc(77 / var(--base-size) * 100vw);
}
.two-column-card .container .column-item:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 879px) {
  .two-column-card .container .column-item {
    gap: calc(10 / var(--base-size) * 100vw);
    display: flex;
    width: 80vw;
    height: auto;
    position: relative;
    flex-direction: column;
  }
}
.two-column-card .container .column-item figure {
  width: 100%;
  height: calc(271 / var(--base-size) * 100vw);
  border-radius: calc(8 / var(--base-size) * 100vw);
  margin-bottom: calc(20 / var(--base-size) * 100vw);
}
.two-column-card .container .column-item figure::before {
  content: "";
  bottom: 0;
  z-index: 3;
  width: 100%;
  height: calc(200 / var(--base-size) * 100vw);
  position: absolute;
  pointer-events: none;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-mask-image: linear-gradient(to top, black 20%, transparent 100%);
          mask-image: linear-gradient(to top, black 20%, transparent 100%);
}
@media only screen and (max-width: 879px) {
  .two-column-card .container .column-item figure {
    top: 0;
    left: 0;
    order: 1;
    width: 100%;
    height: 50vw;
    margin-bottom: 0;
  }
}
.two-column-card .container .column-item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.two-column-card .container .column-item .price-container {
  display: flex;
  gap: calc(15 / var(--base-size) * 100vw);
  font-size: calc(18 / var(--base-size) * 100vw);
  align-items: center;
}
@media only screen and (max-width: 879px) {
  .two-column-card .container .column-item .price-container {
    font-size: calc(14 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 879px) {
  .two-column-card .container .column-item-a {
    order: 4;
  }
}
.two-column-card .container .column-item-header {
  z-index: 6;
  top: calc(160 / var(--base-size) * 100vw);
  color: #FFF;
  padding: calc(20 / var(--base-size) * 100vw);
  position: absolute;
  margin-bottom: calc(20 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-card .container .column-item-header {
    order: 2;
    top: 36vw;
    width: 100%;
    padding: 0 calc(20 / var(--base-size) * 100vw);
    margin-bottom: 0;
  }
  .two-column-card .container .column-item-header .button-booking {
    font-size: calc(16 / var(--base-size) * 100vw);
  }
}
.two-column-card .container .column-item-note {
  margin: calc(20 / var(--base-size) * 100vw) 0;
  color: var(--color-gold);
}
@media only screen and (max-width: 879px) {
  .two-column-card .container .column-item-note {
    order: 3;
    margin: 0;
  }
}
.two-column-card .container .column-item-price-disc {
  color: red;
  text-decoration: line-through;
}
.two-column-card .container .column-item-title {
  font-weight: 400;
  font-size: calc(22 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-card .container .column-item-title {
    margin: calc(10 / var(--base-size) * 100vw) 0;
    font-size: calc(18 / var(--base-size) * 100vw);
  }
}
.two-column-card .container .column-item-desc {
  min-height: calc(120 / var(--base-size) * 100vw);
  padding-right: calc(120 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-card .container .column-item-desc {
    opacity: 0.6;
    font-size: calc(14 / var(--base-size) * 100vw);
    margin-top: calc(15 / var(--base-size) * 100vw);
    padding-right: calc(60 / var(--base-size) * 100vw);
  }
}
.two-column-card .container .column-item-button {
  cursor: pointer;
  font-size: calc(25 / var(--base-size) * 100vw);
  margin-top: calc(20 / var(--base-size) * 100vw);
  color: var(--color-gold);
}
@media only screen and (max-width: 879px) {
  .two-column-card .container .column-item-button {
    margin-bottom: 0;
    font-size: calc(18 / var(--base-size) * 100vw);
  }
}
.two-column-card .container .column-item .primary-button a {
  font-size: calc(20 / var(--base-size) * 100vw);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/TwoColumnText/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.two-column-text {
  padding: calc(150 / var(--base-size) * 100vw) 0;
  background-color: #0C0C0C;
}
@media only screen and (max-width: 879px) {
  .two-column-text {
    padding: calc(93 / var(--base-size) * 100vw) 0;
  }
}
.two-column-text .container {
  gap: calc(97 / var(--base-size) * 100vw);
  color: #FFF;
  display: grid;
  grid-template-columns: 1fr calc(520 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-text .container {
    display: block;
  }
}
.two-column-text .container h2 {
  letter-spacing: -0.0057em;
}
@media only screen and (max-width: 879px) {
  .two-column-text .container h2 {
    font-size: calc(33 / var(--base-size) * 100vw);
    color: #F2F2F2;
    margin-bottom: calc(10 / var(--base-size) * 100vw);
  }
}
.two-column-text .container .primary-button {
  margin-top: calc(38 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-text .container .primary-button {
    margin-top: calc(40 / var(--base-size) * 100vw);
  }
  .two-column-text .container .primary-button a {
    width: calc(207 / var(--base-size) * 100vw);
    font-family: var(--font-main);
  }
}
.two-column-text .container .content-b {
  padding-top: calc(4 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-column-text .container .content-b {
    padding-top: 0;
    font-size: calc(17 / var(--base-size) * 100vw);
    color: #F2F2F2;
    max-width: calc(312 / var(--base-size) * 100vw);
    line-height: calc(24 / var(--base-size) * 100vw);
    font-family: var(--font-main-bold);
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/KecakDanceTicket/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.regular-booking-button {
  width: 100%;
  height: auto;
  display: flex;
  height: calc(50 / var(--base-size) * 100vw);
  margin: calc(100 / var(--base-size) * 100vw) 0;
  padding: 0 calc(120 / var(--base-size) * 100vw);
  align-items: center;
  justify-content: space-between;
}
.regular-booking-button .button-booking {
  cursor: pointer;
  position: relative;
  color: var(--color-gold);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/MobileLandingPage/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.popup-landing-page {
  inset: 0;
  z-index: 9;
  height: auto;
  display: none;
  position: fixed;
  top: calc(var(--header-size) / var(--base-size) * 100vw);
  background-color: #0c0c0c;
}
.popup-landing-page::after {
  content: "";
  left: 0;
  z-index: 8;
  width: 100%;
  bottom: calc(107 / var(--base-size) * 100vw);
  height: calc(80 / var(--base-size) * 100vw);
  display: none;
  background-color: #0c0c0c;
  position: absolute;
  background: #0C0C0C;
  pointer-events: none;
  background: linear-gradient(0deg, #161616 0%, rgba(12, 12, 12, 0) 100%);
}
@media only screen and (max-height: 766px) {
  .popup-landing-page::after {
    display: block;
  }
}
@media only screen and (max-width: 879px) {
  .popup-landing-page {
    display: flex;
    row-gap: 0;
    flex-direction: column;
    justify-content: space-between;
  }
}
.popup-landing-page figure {
  width: 100%;
  height: calc(146 / var(--base-size) * 100vw);
  overflow: hidden;
  flex: 0 0 calc(146 / var(--base-size) * 100vw);
}
.popup-landing-page figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup-landing-page .partners {
  padding: 0;
  height: calc(107 / var(--base-size) * 100vw);
  flex: 0 0 calc(107 / var(--base-size) * 100vw);
  background-color: #161616;
}
.popup-landing-page .menu {
  flex: 1 auto;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  padding: calc(56 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) 0;
}
.popup-landing-page .menu-scroll {
  height: 100%;
}
.popup-landing-page .menu ul {
  padding: 0;
  row-gap: 0;
  gap: calc(20 / var(--base-size) * 100vw);
  display: flex;
  flex-direction: column;
}
.popup-landing-page .menu ul li a {
  width: 100%;
  display: block;
  height: calc(50 / var(--base-size) * 100vw);
  text-align: center;
  line-height: calc(48 / var(--base-size) * 100vw);
  border: calc(1.3 / var(--base-size) * 100vw) solid #93ea4e;
  font-size: calc(19 / var(--base-size) * 100vw);
  color: #F2F2F2;
}
.popup-landing-page .menu .primary-button {
  margin-top: calc(23 / var(--base-size) * 100vw);
  padding-bottom: calc(43 / var(--base-size) * 100vw);
}
@media only screen and (max-height: 766px) {
  .popup-landing-page .menu .primary-button {
    padding-bottom: calc(123 / var(--base-size) * 100vw);
  }
}
.popup-landing-page .menu .primary-button a {
  border: none;
  height: auto;
  width: 100%;
  color: #9B9B9B;
  line-height: normal;
  font-size: calc(18 / var(--base-size) * 100vw);
}
.popup-landing-page .menu .primary-button a svg path {
  fill: #5b5b5b;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/NewsListing/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.post-listing {
  padding: calc(200 / var(--base-size) * 100vw) 0;
  background-color: #21409A;
}
@media only screen and (max-width: 879px) {
  .post-listing {
    padding: calc(144 / var(--base-size) * 100vw) 0;
  }
}
.post-listing .post-heading {
  margin-bottom: calc(64 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .post-listing .post-heading {
    margin-bottom: calc(40 / var(--base-size) * 100vw);
  }
}
.post-listing .post-heading h2 {
  color: #FFF;
  grid-column: 1/13;
  font-weight: 200;
  margin-bottom: 0;
  padding-left: calc(72 / var(--base-size) * 100vw);
  text-transform: uppercase;
}
@media only screen and (max-width: 879px) {
  .post-listing .post-heading h2 {
    padding-left: 20px;
  }
}
.post-listing .button-more {
  margin-top: calc(112 / var(--base-size) * 100vw);
  padding: 0 calc(72 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .post-listing .button-more {
    margin-top: calc(96 / var(--base-size) * 100vw);
    padding: 0 calc(20 / var(--base-size) * 100vw);
  }
}
.post-listing .button-more .button-wrapper {
  grid-column: 5/9;
  padding-left: calc(91 / var(--base-size) * 100vw);
  padding-bottom: calc(22 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .post-listing .button-more .button-wrapper {
    padding-left: 0;
    padding-bottom: 0;
  }
}
.post-listing .button-more a {
  width: 100%;
  color: #FFF;
  display: flex;
  align-items: center;
  padding-bottom: calc(22 / var(--base-size) * 100vw);
  text-transform: uppercase;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.post-listing .button-more a svg {
  opacity: 0.5;
  width: calc(18 / var(--base-size) * 100vw);
  height: calc(18 / var(--base-size) * 100vw);
}
.post-listing .latest-post-wrapper {
  position: relative;
}
.post-listing ul {
  top: 0;
  padding: 0;
  position: static;
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.post-listing ul .article {
  height: calc(360 / var(--base-size) * 100vw);
  padding: calc(40 / var(--base-size) * 100vw) 0;
  position: absolute;
  padding-left: calc(72 / var(--base-size) * 100vw);
  padding-right: calc(72 / var(--base-size) * 100vw);
  background-color: #21409A;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 879px) {
  .post-listing ul .article {
    padding: calc(40 / var(--base-size) * 100vw) calc(var(--wrapper-padding) / var(--base-size) * 100vw);
  }
}
.post-listing ul .article_a {
  color: #FFF;
  grid-column: 1/3;
}
.post-listing ul .article_a_a {
  margin-bottom: calc(20 / var(--base-size) * 100vw);
}
.post-listing ul .article_b {
  gap: calc(40 / var(--base-size) * 100vw);
  display: grid;
  grid-column: 5/12;
  padding-left: calc(91 / var(--base-size) * 100vw);
  grid-template-columns: calc(375 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 879px) {
  .post-listing ul .article_b {
    display: block;
    padding-left: 0;
  }
}
.post-listing ul .article_b_a img {
  width: 100%;
  height: calc(264 / var(--base-size) * 100vw);
  -o-object-fit: cover;
     object-fit: cover;
}
.post-listing ul .article_b_b {
  color: #FFF;
}
.post-listing ul .article_b_b_a {
  gap: 8px;
  margin: calc(32 / var(--base-size) * 100vw) 0 calc(24 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .post-listing ul .article_b_b_a {
    display: flex;
  }
}
.post-listing ul .article_b_b_a .item {
  padding: calc(8 / var(--base-size) * 100vw);
  font-size: calc(12 / var(--base-size) * 100vw);
  font-weight: 400;
  line-height: calc(14.32 / var(--base-size) * 100vw);
  letter-spacing: 0.1em;
  background-color: rgba(255, 255, 255, 0.2);
}
.post-listing ul .article_b_b h2 {
  position: relative;
  padding-bottom: calc(32 / var(--base-size) * 100vw);
  margin-bottom: calc(32 / var(--base-size) * 100vw);
}
.post-listing ul .article_b_b h2::after {
  left: 0;
  bottom: 0;
  content: "";
  width: calc(36 / var(--base-size) * 100vw);
  height: calc(1 / var(--base-size) * 100vw);
  position: absolute;
  background-color: #FFF;
}
.post-listing ul .article_b_b a {
  color: #FFF;
  gap: calc(14 / var(--base-size) * 100vw);
  display: flex;
  align-items: center;
}
.post-listing ul .article_b_b a svg {
  width: calc(14 / var(--base-size) * 100vw);
  height: calc(14 / var(--base-size) * 100vw);
}
.post-listing ul .article_b_b a svg path {
  fill: #FFF;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/PackagesListing/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.artist-listing {
  padding: calc(44 / var(--base-size) * 100vw) calc(359 / var(--base-size) * 100vw);
  background-color: #0C0C0C;
}
@media only screen and (max-width: 879px) {
  .artist-listing {
    padding: 0 calc(20 / var(--base-size) * 100vw);
  }
}
.artist-listing-card {
  display: grid;
  width: calc(1201 / var(--base-size) * 100vw);
  overflow: hidden;
  margin-bottom: calc(122 / var(--base-size) * 100vw);
  grid-template-columns: calc(598 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 879px) {
  .artist-listing-card {
    width: 100%;
    display: block;
    margin-bottom: 0;
    overflow: visible;
  }
}
.artist-listing-card .thumbnail {
  z-index: 3;
  width: 100%;
  height: calc(327 / var(--base-size) * 100vw);
  overflow: hidden;
  position: relative;
  border-radius: calc(18 / var(--base-size) * 100vw);
}
.artist-listing-card .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.artist-listing-card .detail {
  z-index: 1;
  position: relative;
  padding: calc(28 / var(--base-size) * 100vw) 0 0 calc(71 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .artist-listing-card .detail {
    display: flex;
    padding: 0 0 calc(83 / var(--base-size) * 100vw);
    flex-direction: column;
  }
}
.artist-listing-card .detail:after {
  top: 0;
  height: 100%;
  content: "";
  left: calc(-86 / var(--base-size) * 100vw);
  opacity: 0.06;
  width: calc(688 / var(--base-size) * 100vw);
  position: absolute;
  filter: blur(calc(14 / var(--base-size) * 100vw));
  background: linear-gradient(90deg, var(--color-accent-artist) 0.44%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
@media only screen and (max-width: 879px) {
  .artist-listing-card .detail:after {
    left: 0;
    z-index: -1;
    width: 100%;
    top: calc(-93 / var(--base-size) * 100vw);
    opacity: 0.07;
    height: calc(447 / var(--base-size) * 100vw);
    filter: blur(calc(16 / var(--base-size) * 100vw));
    background: linear-gradient(180deg, rgb(147, 234, 78) 0.44%, rgba(147, 234, 78, 0.1) 90.05%, rgba(147, 234, 78, 0) 100%);
  }
}
.artist-listing-card .detail .primary-button {
  right: 0;
  top: calc(33 / var(--base-size) * 100vw);
  position: absolute;
}
@media only screen and (max-width: 879px) {
  .artist-listing-card .detail .primary-button {
    top: 0;
    order: 4;
    position: relative;
    margin-top: calc(36 / var(--base-size) * 100vw);
  }
}
.artist-listing-card .detail .primary-button a {
  width: calc(158 / var(--base-size) * 100vw);
  font-size: calc(16 / var(--base-size) * 100vw);
  color: #F2F2F2;
}
@media only screen and (max-width: 879px) {
  .artist-listing-card .detail .primary-button a {
    width: calc(273 / var(--base-size) * 100vw);
    height: calc(48 / var(--base-size) * 100vw);
    margin: 0 auto;
  }
}
@media only screen and (min-width: 879px) {
  .artist-listing-card .detail .primary-button a:hover {
    color: #000;
  }
  .artist-listing-card .detail .primary-button a:hover svg path {
    fill: #000;
  }
}
.artist-listing-card .detail .header {
  margin-bottom: calc(42 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .artist-listing-card .detail .header {
    margin-bottom: calc(20 / var(--base-size) * 100vw);
    padding-top: calc(35 / var(--base-size) * 100vw);
    text-align: center;
  }
}
.artist-listing-card .detail .header h2 {
  color: #FFFFFF;
  margin-bottom: 0;
  font-size: calc(37 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .artist-listing-card .detail .header h2 {
    font-weight: bold;
    font-size: calc(30 / var(--base-size) * 100vw);
    color: #FFFFFF;
  }
}
.artist-listing-card .detail .header .band {
  font-size: calc(24 / var(--base-size) * 100vw);
  color: #93EA4E;
}
@media only screen and (max-width: 879px) {
  .artist-listing-card .detail .header .band {
    font-size: calc(20 / var(--base-size) * 100vw);
  }
}
.artist-listing-card .detail .quote {
  display: flex;
  width: calc(455 / var(--base-size) * 100vw);
  height: calc(63 / var(--base-size) * 100vw);
  padding-left: calc(24 / var(--base-size) * 100vw);
  position: relative;
  align-items: center;
  background: #212121;
  border-radius: calc(15 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .artist-listing-card .detail .quote {
    width: calc(314 / var(--base-size) * 100vw);
    margin: 0 auto;
    padding: 0 calc(27 / var(--base-size) * 100vw);
    font-size: calc(17 / var(--base-size) * 100vw);
  }
}
.artist-listing-card .detail .quote svg {
  left: calc(-9 / var(--base-size) * 100vw);
  top: calc(-12 / var(--base-size) * 100vw);
  width: calc(25 / var(--base-size) * 100vw);
  position: absolute;
  filter: drop-shadow(0 0 calc(8 / var(--base-size) * 100vw) #4BFF00);
}
@media only screen and (max-width: 879px) {
  .artist-listing-card .detail .quote svg {
    width: calc(17 / var(--base-size) * 100vw);
    left: calc(-2 / var(--base-size) * 100vw);
    top: calc(-5 / var(--base-size) * 100vw);
  }
}
.artist-listing-card .detail .quote svg path {
  fill: #93EA4E !important;
}
.artist-listing-card .detail .quote-a {
  font-size: calc(18 / var(--base-size) * 100vw);
  color: #FAFBF3;
}
.artist-listing-card .detail .excerpt {
  opacity: 0.93;
  color: #E2E2E2;
  padding-top: calc(15 / var(--base-size) * 100vw);
  font-size: calc(20 / var(--base-size) * 100vw);
  line-height: calc(25 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .artist-listing-card .detail .excerpt {
    margin: 0 auto;
    padding-top: calc(18 / var(--base-size) * 100vw);
    max-width: calc(258 / var(--base-size) * 100vw);
    transform: translateX(calc(4 / var(--base-size) * 100vw));
    font-size: calc(16 / var(--base-size) * 100vw);
    line-height: calc(21 / var(--base-size) * 100vw);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/PrimaryButton/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.com-button-booking-wrapper {
  margin-top: calc(20 / var(--base-size) * 100vw);
}
.com-button-booking-wrapper .detail-wrapper {
  display: flex;
  height: calc(60 / var(--base-size) * 100vw);
  display: flex;
  padding: 0 calc(20 / var(--base-size) * 100vw);
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--color-bamboo);
}
.com-button-booking-wrapper .detail-wrapper a {
  display: block;
  color: var(--color-gold);
}
.com-button-booking-wrapper .detail-wrapper .group-detail {
  gap: calc(10 / var(--base-size) * 100vw);
  display: flex;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/ProductGallery/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.product-gallery {
  padding: calc(94 / var(--base-size) * 100vw) 0 calc(88 / var(--base-size) * 100vw);
  background-color: #232323;
}
@media only screen and (max-width: 879px) {
  .product-gallery {
    padding-top: calc(68 / var(--base-size) * 100vw);
    padding-bottom: calc(78 / var(--base-size) * 100vw);
  }
}
.product-gallery h2 {
  width: calc(545 / var(--base-size) * 100vw);
  margin: 0 auto;
  color: #FFFFFF;
  font-size: calc(45 / var(--base-size) * 100vw);
  text-align: center;
  margin-bottom: calc(43 / var(--base-size) * 100vw);
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .product-gallery h2 {
    width: 100%;
    padding: 0 calc(20 / var(--base-size) * 100vw);
    font-size: calc(33 / var(--base-size) * 100vw);
    color: #F9F9F9;
    margin-bottom: calc(34 / var(--base-size) * 100vw);
  }
}
.product-gallery .marque__inner {
  gap: calc(30 / var(--base-size) * 100vw);
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  animation: infiniteMarqueProduct 20s linear infinite;
}
.product-gallery .marque__inner .gallery {
  width: calc(216 / var(--base-size) * 100vw);
  height: calc(216 / var(--base-size) * 100vw);
  flex: 0 0 calc(216 / var(--base-size) * 100vw);
  background-color: #FFF;
  border-radius: calc(12.5 / var(--base-size) * 100vw);
}
.product-gallery .marque__inner .gallery figure {
  width: 100%;
  height: 100%;
  padding: 0 calc(25 / var(--base-size) * 100vw);
}
.product-gallery .marque__inner .gallery figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-gallery .primary-button {
  margin: 0 auto;
  display: flex;
  margin-top: calc(60 / var(--base-size) * 100vw);
  justify-content: center;
}
@media only screen and (max-width: 879px) {
  .product-gallery .primary-button {
    margin-top: calc(39 / var(--base-size) * 100vw);
  }
}
.product-gallery .primary-button a {
  width: calc(332 / var(--base-size) * 100vw);
  height: calc(64 / var(--base-size) * 100vw);
  flex: 0 0 calc(332 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .product-gallery .primary-button a {
    width: calc(260 / var(--base-size) * 100vw);
    height: calc(50.7 / var(--base-size) * 100vw);
    flex: 0 0 calc(260 / var(--base-size) * 100vw);
  }
}

@keyframes infiniteMarqueProduct {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-33.333%);
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/Program/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.grid-card {
  width: 100vw;
  height: auto;
  padding: calc(200 / var(--base-size) * 100vw) 0;
  position: relative;
  background-color: #D3DCF5;
  grid-template-rows: auto auto auto auto auto auto auto;
}
@media only screen and (max-width: 879px) {
  .grid-card {
    display: flex;
    flex-direction: column;
    padding: calc(144 / var(--base-size) * 100vw) calc(var(--wrapper-padding) / var(--base-size) * 100vw);
  }
}
.grid-card .heading {
  left: 0;
  z-index: 1;
  top: calc(273 / var(--base-size) * 100vw);
  width: 100vw;
  height: auto;
  position: absolute;
  text-transform: uppercase;
}
.grid-card .heading-title {
  width: 100%;
  gap: calc(12 / var(--base-size) * 100vw);
  display: flex;
  height: calc(152 / var(--base-size) * 100vw);
  color: #21409A;
  justify-content: center;
}
.grid-card .heading-title .h1 {
  line-height: calc(152 / var(--base-size) * 100vw);
}
.grid-card .heading-title .container {
  width: calc(228 / var(--base-size) * 100vw);
}
.grid-card .heading .button-more {
  left: 0;
  right: 0;
  z-index: 3;
  display: flex;
  margin: calc(75 / var(--base-size) * 100vw) auto 0;
  width: calc(301 / var(--base-size) * 100vw);
  height: calc(36 / var(--base-size) * 100vw);
  justify-content: flex-end;
}
@media only screen and (max-width: 879px) {
  .grid-card .heading .button-more {
    order: 30;
    width: 100%;
    height: calc(26 / var(--base-size) * 100vw);
    margin-top: calc(80 / var(--base-size) * 100vw);
    justify-content: flex-start;
  }
}
.grid-card .heading .button-more .inner-wrapper {
  width: calc(264 / var(--base-size) * 100vw);
  display: flex;
  position: relative;
  justify-content: space-between;
  border-bottom: 1px solid rgba(14, 26, 44, 0.5);
}
@media only screen and (max-width: 879px) {
  .grid-card .heading .button-more .inner-wrapper {
    width: 100%;
  }
}
.grid-card .heading .button-more .inner-wrapper svg {
  left: 0;
  width: calc(18 / var(--base-size) * 100vw);
  height: calc(18 / var(--base-size) * 100vw);
  pointer-events: none;
}
@media only screen and (max-width: 879px) {
  .grid-card .heading .button-more .inner-wrapper svg {
    position: relative;
  }
}
.grid-card .heading .button-more .inner-wrapper svg path {
  fill: #0E1A2C;
}
.grid-card .heading .button-more .inner-wrapper a {
  width: 100%;
  width: 100%;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 879px) {
  .grid-card .heading {
    width: 100%;
    margin-bottom: calc(80 / var(--base-size) * 100vw);
    position: relative;
  }
}
.grid-card .card-wrapper {
  z-index: 3;
  position: relative;
}
.grid-card .card-wrapper .card {
  /*
  * for dashboard reset
  */
  box-shadow: none;
  border: none;
  margin-top: 0;
  max-width: unset;
  min-width: unset;
  position: relative;
  padding: 0 !important;
  background-color: transparent;
}
.grid-card .card-wrapper .card_a {
  left: 0;
  bottom: 0;
  z-index: 9;
  width: 100%;
  color: #FFF;
  position: absolute;
  flex-direction: column;
  padding: 0 calc(32 / var(--base-size) * 100vw) calc(48 / var(--base-size) * 100vw);
}
.grid-card .card-wrapper .card_a_a {
  margin-bottom: calc(24 / var(--base-size) * 100vw);
}
.grid-card .card-wrapper .card_b figure {
  width: 100%;
}
.grid-card .card-wrapper .card_b figure img {
  width: 100%;
  height: auto;
}
.grid-card .card-wrapper .card_b figure.will-animate {
  position: absolute;
}
.grid-card .card-wrapper .card_b figure.will-animate img {
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.grid-card .card-wrapper:nth-of-type(1) {
  gap: calc(24 / var(--base-size) * 100vw);
  grid-column: 7/12;
  padding-left: calc(51 / var(--base-size) * 100vw);
  padding-right: calc(53 / var(--base-size) * 100vw);
}
.grid-card .card-wrapper:nth-of-type(1) .card_a {
  display: none;
}
.grid-card .card-wrapper:nth-of-type(1) .card_b {
  width: 100%;
}
.grid-card .card-wrapper:nth-of-type(1) .card_b figure {
  width: 100%;
}
.grid-card .card-wrapper:nth-of-type(1) .card_b figure img {
  width: 100%;
  height: auto;
}
.grid-card .card-wrapper:nth-of-type(2) {
  margin-top: calc(18 / var(--base-size) * 100vw);
  grid-column: 1/5;
  padding-left: calc(64 / var(--base-size) * 100vw);
  padding-right: calc(42 / var(--base-size) * 100vw);
}
.grid-card .card-wrapper:nth-of-type(2) .card_a {
  display: none;
}
.grid-card .card-wrapper:nth-of-type(2) .card_b {
  width: 100%;
}
.grid-card .card-wrapper:nth-of-type(2) .card_b figure {
  width: 100%;
}
.grid-card .card-wrapper:nth-of-type(2) .card_b figure img {
  width: 100%;
  height: auto;
}
.grid-card .card-wrapper:nth-of-type(3) {
  grid-row: 3;
  gap: calc(24 / var(--base-size) * 100vw);
  z-index: 4;
  margin-top: calc(46 / var(--base-size) * 100vw);
  grid-column: 7/13;
  padding-left: calc(103 / var(--base-size) * 100vw);
  padding-right: calc(47 / var(--base-size) * 100vw);
}
.grid-card .card-wrapper:nth-of-type(3) .card_b {
  width: 100%;
}
.grid-card .card-wrapper:nth-of-type(3) .card_b figure {
  width: 100%;
}
.grid-card .card-wrapper:nth-of-type(3) .card_b figure img {
  width: 100%;
  height: auto;
}
.grid-card .card-wrapper:nth-of-type(4) {
  grid-row: 3;
  padding-right: calc(20 / var(--base-size) * 100vw);
  padding-left: calc(20 / var(--base-size) * 100vw);
  padding-top: calc(262 / var(--base-size) * 100vw);
  grid-column: 3/6;
}
.grid-card .card-wrapper:nth-of-type(5) {
  grid-row: 4;
  margin-top: calc(96 / var(--base-size) * 100vw);
  grid-column: 8/12;
  padding-left: calc(40 / var(--base-size) * 100vw);
  padding-right: calc(62 / var(--base-size) * 100vw);
}
.grid-card .card-wrapper:nth-of-type(6) {
  grid-row: 5;
  margin-top: calc(140 / var(--base-size) * 100vw);
  grid-column: 1/6;
  padding-right: calc(107 / var(--base-size) * 100vw);
  padding-left: calc(64 / var(--base-size) * 100vw);
}
.grid-card .card-wrapper:nth-of-type(7) {
  grid-row: 6;
  margin-top: calc(96 / var(--base-size) * 100vw);
  grid-column: 9/13;
  padding-left: calc(96 / var(--base-size) * 100vw);
  padding-right: calc(96 / var(--base-size) * 100vw);
}
.grid-card .card-wrapper:nth-of-type(8) {
  grid-row: 6;
  margin-top: calc(321 / var(--base-size) * 100vw);
  grid-column: 2/5;
  padding-right: calc(6 / var(--base-size) * 100vw);
  padding-left: calc(86 / var(--base-size) * 100vw);
}
.grid-card .card-wrapper:nth-of-type(9) {
  grid-row: 7;
  margin-top: calc(104 / var(--base-size) * 100vw);
  grid-column: 5/10;
  padding-left: calc(14 / var(--base-size) * 100vw);
  padding-right: calc(32 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .grid-card .card-wrapper {
    width: 100%;
    display: flex;
    gap: calc(20 / var(--base-size) * 100vw) !important;
    transform: none !important;
    margin: 0 0 calc(40 / var(--base-size) * 100vw) !important;
    padding: 0 !important;
    flex-direction: column-reverse !important;
  }
  .grid-card .card-wrapper .card_a {
    padding: 0 !important;
  }
  .grid-card .card-wrapper .card_b {
    flex: 0 auto !important;
    width: 100% !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/TravelGuideDetail/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.b-2-g .two-grid-column-card-title-cta {
  background-color: #1E1E1E;
  border-top: 1px solid #93EA4E;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/TwoGridColumnCardTitleCTA/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.two-grid-column-card-title-cta {
  color: #F7F7F7;
  padding: calc(156 / var(--base-size) * 100vw) 0 calc(176 / var(--base-size) * 100vw);
  background-color: #111111;
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta {
    padding: calc(67 / var(--base-size) * 100vw) 0 calc(76 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta .content-a {
  color: var(--color-green);
  font-size: calc(28 / var(--base-size) * 100vw);
  margin-bottom: calc(13 / var(--base-size) * 100vw);
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta .content-a {
    font-size: calc(22 / var(--base-size) * 100vw);
    color: #93EA4E;
    margin-bottom: calc(9 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta .content-b {
  font-size: calc(45 / var(--base-size) * 100vw);
  max-width: calc(720 / var(--base-size) * 100vw);
  margin-bottom: calc(27 / var(--base-size) * 100vw);
  font-family: var(--font-main-black);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta .content-b {
    color: #FFFFFF;
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(37 / var(--base-size) * 100vw);
    margin-bottom: calc(18 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta .content-c {
  max-width: calc(650 / var(--base-size) * 100vw);
  font-size: calc(29 / var(--base-size) * 100vw);
  margin-bottom: calc(126 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta .content-c {
    color: #FFFFFF;
    font-size: calc(18 / var(--base-size) * 100vw);
    margin-bottom: calc(52 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta .content-d {
  gap: calc(165 / var(--base-size) * 100vw);
  row-gap: calc(159 / var(--base-size) * 100vw);
  display: grid;
  row-gap: calc(100 / var(--base-size) * 100vw);
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta .content-d {
    gap: calc(32 / var(--base-size) * 100vw);
    display: flex;
    padding: 0 calc(20 / var(--base-size) * 100vw);
    margin: 0 calc(-20 / var(--base-size) * 100vw);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .two-grid-column-card-title-cta .content-d > * {
    scroll-snap-align: center;
    flex-shrink: 0;
  }
  .two-grid-column-card-title-cta .content-d::-webkit-scrollbar {
    display: none;
  }
}
.two-grid-column-card-title-cta .content-d .card-wrapper {
  color: #FFF;
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta .content-d .card-wrapper {
    flex: 0 0 calc(265 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta .content-d .card-wrapper figure {
  width: 100%;
  height: calc(187 / var(--base-size) * 100vw);
  border-radius: calc(10 / var(--base-size) * 100vw);
  margin-bottom: calc(41 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta .content-d .card-wrapper figure {
    margin-bottom: calc(38 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta .content-d .card-wrapper figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: calc(10 / var(--base-size) * 100vw);
}
.two-grid-column-card-title-cta .content-d .card-wrapper-a h2 {
  font-size: calc(38 / var(--base-size) * 100vw);
  margin-bottom: calc(14 / var(--base-size) * 100vw);
  letter-spacing: -0.01em;
  font-family: var(--font-main-bold);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta .content-d .card-wrapper-a h2 {
    max-width: calc(202 / var(--base-size) * 100vw);
    font-size: calc(26 / var(--base-size) * 100vw);
    color: #FFFFFF;
    margin-bottom: calc(11 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta .content-d .card-wrapper-a-b {
  font-size: calc(25 / var(--base-size) * 100vw);
  color: rgba(242, 242, 242, 0.93);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta .content-d .card-wrapper-a-b {
    font-size: calc(16 / var(--base-size) * 100vw);
    line-height: calc(21 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta .content .footer-cta-e {
  margin-top: calc(131 / var(--base-size) * 100vw);
  margin-bottom: calc(26 / var(--base-size) * 100vw);
  color: #FFF;
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta .content .footer-cta-e {
    margin: 0 auto;
    max-width: calc(320 / var(--base-size) * 100vw);
    margin-top: calc(65 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta .content .footer-cta .primary-button a {
  width: calc(332 / var(--base-size) * 100vw);
  color: #F2F2F2;
}
@media only screen and (min-width: 879px) {
  .two-grid-column-card-title-cta .content .footer-cta .primary-button:hover a {
    color: #000;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./blocks/src/components/TwoGridColumnCardTitleCTAAlt/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
  * Colors
  **/
  --color-gold: #9d850e;
  --color-bamboo: #EDE9DA;
  --color-clay: #AFA59F;
  --color-soft-dark: #3B3B3B;
  --color-sand: #F6E7D8;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
.two-grid-column-card-title-cta-alt {
  padding: calc(116 / var(--base-size) * 100vw) 0;
  background-color: #F9F9F9;
  border-top: 1.5px solid #5B5B5B;
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta-alt {
    border-top: 0;
    padding-top: calc(68 / var(--base-size) * 100vw);
    padding-bottom: calc(75 / var(--base-size) * 100vw);
    background-color: #FFF;
  }
}
.two-grid-column-card-title-cta-alt .content-d {
  gap: calc(70 / var(--base-size) * 100vw);
  display: grid;
  margin-top: calc(87 / var(--base-size) * 100vw);
  grid-template-columns: 1fr calc(563 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta-alt .content-d {
    display: block;
    margin: calc(56 / var(--base-size) * 100vw) calc(-20 / var(--base-size) * 100vw) 0;
  }
}
.two-grid-column-card-title-cta-alt .content-d .card-wrapper {
  gap: calc(46 / var(--base-size) * 100vw);
  display: grid;
  grid-template-columns: calc(186 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta-alt .content-d .card-wrapper {
    display: block;
  }
}
.two-grid-column-card-title-cta-alt .content-d .card-wrapper figure {
  width: 100%;
  height: 100%;
  border-radius: calc(9 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta-alt .content-d .card-wrapper figure {
    border-radius: 0;
    height: calc(234 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta-alt .content-d .card-wrapper figure img {
  width: 100%;
  height: 100%;
  border-radius: calc(9 / var(--base-size) * 100vw);
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta-alt .content-d .card-wrapper figure img {
    border-radius: 0;
  }
}
.two-grid-column-card-title-cta-alt .content-d .card-wrapper-a {
  padding: calc(26 / var(--base-size) * 100vw) 0;
  color: #0C0C0C;
}
.two-grid-column-card-title-cta-alt .content-d .card-wrapper-a h2 {
  font-family: var(--font-main-bold);
  margin-bottom: calc(16 / var(--base-size) * 100vw);
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta-alt .content-d .card-wrapper-a {
    padding: calc(27 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) calc(75 / var(--base-size) * 100vw);
  }
  .two-grid-column-card-title-cta-alt .content-d .card-wrapper-a h2 {
    font-size: calc(26 / var(--base-size) * 100vw);
    letter-spacing: 0;
    margin-bottom: calc(11 / var(--base-size) * 100vw);
    font-family: var(--font-main-bold);
  }
  .two-grid-column-card-title-cta-alt .content-d .card-wrapper-a-a {
    margin-bottom: calc(12 / var(--base-size) * 100vw);
  }
  .two-grid-column-card-title-cta-alt .content-d .card-wrapper-a-b {
    font-size: calc(16 / var(--base-size) * 100vw);
    opacity: 0.93;
    padding-right: calc(10 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-title-cta-alt .footer-cta-e {
  margin-top: calc(94 / var(--base-size) * 100vw);
  margin-bottom: calc(29 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .two-grid-column-card-title-cta-alt .footer-cta-e {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/*# sourceMappingURL=style-block.css.map*/