/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/helper/InlineLinkEditor/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.link-editor-wrapper {
  position: relative;
}
.link-editor-wrapper .editor {
  left: 0;
  top: 0;
  width: 100vw;
  display: flex;
  padding: 10px;
  height: 100vh;
  position: fixed;
  align-items: center;
  z-index: 9999999999999;
  justify-content: center;
  background-color: rgba(17, 17, 17, 0.6);
}
.link-editor-wrapper .editor label {
  color: #fff !important;
}
.link-editor-wrapper .editor .click-area {
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  position: absolute;
}
.link-editor-wrapper .editor .input-wrapper {
  z-index: 8;
  width: 290px;
  position: relative;
}
.link-editor-wrapper .editor .input-wrapper input,
.link-editor-wrapper .editor .input-wrapper * {
  border: none;
}
.link-editor-wrapper .editor .input-wrapper .block-editor-url-input__button-modal-line {
  display: flex;
  background: #fff;
  justify-content: space-between;
}
.link-editor-wrapper .editor .input-wrapper .block-editor-url-input__button-modal-line .block-editor-url-input {
  flex: 1 auto;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/PrimaryButton/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/BannerContact/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.banner-contact {
  width: 100%;
  height: auto;
  position: relative;
  border-top: 1px solid #7a7a7a;
}
.banner-contact figure {
  top: 0;
  z-index: 1;
  width: 100vw;
  height: calc(513 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .banner-contact figure {
    height: calc(329.7 / var(--base-size) * 100vw);
  }
}
.banner-contact figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-contact .content {
  z-index: 3;
  display: flex;
  height: calc(487 / var(--base-size) * 100vw);
  color: #f7f7f7;
  position: relative;
  align-items: center;
  background-color: #231e14;
  padding-left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .banner-contact .content {
    height: auto;
    display: block;
    padding-top: calc(83 / var(--base-size) * 100vw);
    padding-bottom: calc(88 / var(--base-size) * 100vw);
    padding-left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.banner-contact .content figure {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.banner-contact .content-a {
  z-index: 3;
  width: 100%;
  display: grid;
  padding-top: calc(43 / var(--base-size) * 100vw);
  position: relative;
  border-top: 2px solid #937d4d;
  grid-template-columns: 1fr calc(690 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .banner-contact .content-a {
    display: block;
    padding-top: calc(28 / var(--base-size) * 100vw);
    padding-right: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.banner-contact .content-a-a {
  color: #ffffff;
  font-size: calc(35 / var(--base-size) * 100vw);
  max-width: calc(646 / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .banner-contact .content-a-a {
    font-size: calc(30 / var(--base-size) * 100vw);
    color: #ffffff;
    margin-bottom: calc(49 / var(--base-size) * 100vw);
  }
}
.banner-contact .content-a-b {
  padding-top: calc(17 / var(--base-size) * 100vw);
}
.banner-contact .content-a-b-a {
  font-size: calc(27 / var(--base-size) * 100vw);
  color: #fff6e1;
  max-width: calc(323 / var(--base-size) * 100vw);
  margin-bottom: calc(23 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .banner-contact .content-a-b-a {
    width: 100%;
    color: #fff6e1;
    text-align: center;
    font-size: calc(25 / var(--base-size) * 100vw);
    letter-spacing: 0.01em;
  }
}
.banner-contact .content-a-b .primary-button a {
  padding: 0;
  gap: calc(13 / var(--base-size) * 100vw);
  color: #efefef;
  height: calc(60 / var(--base-size) * 100vw);
  width: calc(307 / var(--base-size) * 100vw);
  font-size: calc(21 / var(--base-size) * 100vw);
  padding-bottom: calc(3 / var(--base-size) * 100vw);
  justify-content: center;
  letter-spacing: calc(-0.29 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .banner-contact .content-a-b .primary-button a {
    width: 100%;
    justify-content: center;
  }
}
.banner-contact .content-a-b .primary-button a svg {
  width: calc(16 / var(--base-size) * 100vw);
  flex: 0 0 calc(16 / var(--base-size) * 100vw);
  height: calc(16 / var(--base-size) * 100vw);
}
.banner-contact .content-a-b .primary-button a svg path {
  fill: #ba9d63;
}

.footer-partner-contact-block {
  border-top: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/FeaturedText/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.featured-text {
  position: relative;
  padding-top: calc(129 / var(--base-size) * 100vw);
  background-color: var(--color-dark);
}
@media only screen and (max-width: 860px) {
  .featured-text {
    padding-top: calc(53 / var(--base-size) * 100vw);
  }
}
.featured-text .decor {
  position: absolute;
}
.featured-text .decor-1,
.featured-text .decor-2 {
  top: 0;
  height: 100%;
  width: 1.5px;
  left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
  z-index: 4;
  background-color: #7a7a7a;
}
.featured-text .decor-2 {
  left: calc(958 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-text .decor-1 {
    left: calc(21 / var(--base-size) * 100vw);
    background-color: #7f6e41;
  }
}
.featured-text .decor-3 {
  z-index: 2;
  width: calc(37 / var(--base-size) * 100vw);
  height: calc(77.6 / var(--base-size) * 100vw);
  left: calc((var(--g-outer-padding) - 37) / var(--base-size) * 100vw);
  background-color: #937d4d;
}
.featured-text .decor-3.updated {
  height: calc(130 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-text .decor-3 {
    left: 0;
    display: none;
  }
}
.featured-text .title {
  z-index: 4;
  display: flex;
  font-weight: 800;
  color: #ffffff;
  font-size: calc(40 / var(--base-size) * 100vw);
  height: calc(77.6 / var(--base-size) * 100vw);
  position: relative;
  align-items: flex-end;
  padding-bottom: calc(6 / var(--base-size) * 100vw);
  padding-left: calc(356 / var(--base-size) * 100vw);
  border-top: 1.5px solid #7a7a7a;
  border-bottom: 1.5px solid #7a7a7a;
}
.featured-text .title.desktop {
  height: calc(130 / var(--base-size) * 100vw);
}
.featured-text .title.mobile {
  display: none;
}
@media only screen and (max-width: 860px) {
  .featured-text .title {
    border: 0;
    height: auto;
    padding-left: 0;
    font-size: calc(32 / var(--base-size) * 100vw);
    color: #ffffff;
    max-width: calc(275 / var(--base-size) * 100vw);
    padding-left: calc(41 / var(--base-size) * 100vw);
    padding-bottom: calc(24 / var(--base-size) * 100vw);
  }
  .featured-text .title.mobile {
    display: flex;
  }
}
.featured-text .content {
  display: grid;
  padding-left: calc(328 / var(--base-size) * 100vw);
  grid-template-columns: 1fr calc(959 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-text .content {
    display: flex;
    padding-left: 0;
    border-bottom: 2px solid #7f6e41;
    flex-direction: column-reverse;
  }
}
.featured-text .content .desc {
  font-weight: 400;
  color: #efefef;
  font-size: calc(16 / var(--base-size) * 100vw);
  max-width: calc(483 / var(--base-size) * 100vw);
  line-height: calc(23 / var(--base-size) * 100vw);
  padding: calc(32 / var(--base-size) * 100vw) 0 0 calc(32 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-text .content .desc {
    margin-top: calc(28 / var(--base-size) * 100vw);
    padding-top: calc(20 / var(--base-size) * 100vw);
    padding-left: calc(48 / var(--base-size) * 100vw);
    padding-right: calc(21 / var(--base-size) * 100vw);
    padding-bottom: calc(105 / var(--base-size) * 100vw);
    border-top: 1.5px solid #7a7a7a;
  }
}
.featured-text .content figure {
  width: 100%;
  height: calc(372 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-text .content figure {
    border-top: 1.45px solid #7f6e41;
    border-bottom: 1.45px solid #7f6e41;
    height: calc(165 / var(--base-size) * 100vw);
  }
}
.featured-text .content figure img {
  width: 100%;
}
.featured-text.partner-featured-text .title,
.featured-text.partner-featured-text .desc {
  max-width: unset;
}
@media only screen and (max-width: 860px) {
  .featured-text.new-dev-update {
    padding-top: calc(55 / var(--base-size) * 100vw);
  }
}
.featured-text.new-dev-update .title {
  font-size: calc(40 / var(--base-size) * 100vw);
  line-height: calc(48 / var(--base-size) * 100vw);
  padding-left: calc(359 / var(--base-size) * 100vw);
  padding-bottom: calc(11 / var(--base-size) * 100vw);
  letter-spacing: -0.008em;
}
@media only screen and (max-width: 860px) {
  .featured-text.new-dev-update .title {
    max-width: unset;
    font-size: calc(32 / var(--base-size) * 100vw);
    line-height: calc(38 / var(--base-size) * 100vw);
    padding-left: calc(41 / var(--base-size) * 100vw);
    padding-bottom: calc(22 / var(--base-size) * 100vw);
  }
}
.featured-text.new-dev-update .desc {
  font-size: calc(20 / var(--base-size) * 100vw);
  max-width: unset;
  line-height: calc(24 / var(--base-size) * 100vw);
  padding-top: calc(35 / var(--base-size) * 100vw);
  letter-spacing: 0.005em;
}
@media only screen and (max-width: 860px) {
  .featured-text.new-dev-update .desc {
    font-size: calc(16 / var(--base-size) * 100vw);
    line-height: calc(23 / var(--base-size) * 100vw);
    padding-top: calc(20 / var(--base-size) * 100vw);
    padding-bottom: calc(114 / var(--base-size) * 100vw);
  }
}
.featured-text.new-dev-update .desc .p {
  margin-bottom: calc(16 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-text.new-dev-update .desc .p {
    margin-bottom: calc(10 / var(--base-size) * 100vw);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/FeaturedTitle/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.featured-title {
  padding: calc(110 / var(--base-size) * 100vw) 0;
}
@media only screen and (max-width: 860px) {
  .featured-title {
    padding-top: calc(43 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container {
  grid-column: 4/14;
  color: #f7f7f7;
  position: relative;
  padding: 0 calc(18 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container {
    padding: 0 calc(19 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container.top-content {
  display: flex;
  min-height: calc(232 / var(--base-size) * 100vw);
  align-items: center;
  padding-top: calc(20 / var(--base-size) * 100vw);
  flex-direction: column;
  margin-bottom: calc(66 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container.top-content {
    display: block;
    margin-bottom: calc(64 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container.top-content svg {
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  width: calc(247 / var(--base-size) * 100vw);
  margin: 0 auto;
  opacity: 0.18;
  pointer-events: none;
  position: absolute;
  transform: translateX(calc(10 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container.top-content svg {
    opacity: 1;
    margin: 0 0 calc(6 / var(--base-size) * 100vw);
    left: unset;
    width: calc(70.6 / var(--base-size) * 100vw);
    height: calc(66 / var(--base-size) * 100vw);
    transform: none;
    position: relative;
  }
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container.columb-card {
    padding: calc(72 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) 0;
    border-top: 2px solid #7a7a7a;
  }
}
.featured-title .main-container .card-item {
  display: grid;
  row-gap: calc(49 / var(--base-size) * 100vw);
  margin-bottom: calc(94 / var(--base-size) * 100vw);
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .card-item {
    display: block;
    margin-bottom: calc(51 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container .card-item-a {
  gap: calc(34 / var(--base-size) * 100vw);
  display: flex;
  padding-left: calc(20 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .card-item-a {
    gap: calc(10 / var(--base-size) * 100vw);
    padding-left: 0;
    margin-bottom: calc(45 / var(--base-size) * 100vw);
    flex-direction: column-reverse;
  }
  .featured-title .main-container .card-item-a:last-child {
    margin-bottom: 0;
  }
}
.featured-title .main-container .card-item-a:nth-of-type(even) {
  padding-left: calc(26 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .card-item-a:nth-of-type(even) {
    padding-left: 0;
  }
}
.featured-title .main-container .card-item-a svg {
  width: calc(45 / var(--base-size) * 100vw);
  height: calc(45 / var(--base-size) * 100vw);
  margin-top: calc(4 / var(--base-size) * 100vw);
  transform: translateY(calc(5 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .card-item-a svg {
    transform: 0;
    width: calc(35.4 / var(--base-size) * 100vw);
    height: calc(35.4 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container .card-item-a-a {
  color: #353535;
  max-width: calc(455 / 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: 860px) {
  .featured-title .main-container .card-item-a-a {
    font-size: calc(21 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container .card-item-a-a-a {
  font-weight: var(--font-bold);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .card-item-a-a-b {
    font-size: calc(18 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container .card-item-a-a .button-link {
  display: flex;
  padding-top: calc(9 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .card-item-a-a .button-link {
    padding-top: calc(3 / var(--base-size) * 100vw);
    margin-bottom: calc(13 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container .card-item-a-a .button-link a {
  gap: calc(8 / var(--base-size) * 100vw);
  display: flex;
  color: #937d4d;
  font-size: calc(20 / var(--base-size) * 100vw);
  position: relative;
  line-height: calc(25 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .card-item-a-a .button-link a {
    padding-bottom: calc(2 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container .card-item-a-a .button-link a::after {
  left: 0;
  width: 100%;
  content: "";
  bottom: calc(-1 / var(--base-size) * 100vw);
  height: calc(1 / var(--base-size) * 100vw);
  position: absolute;
  background-color: #937d4d;
}
.featured-title .main-container .card-item-a-a .button-link a svg {
  width: calc(10 / var(--base-size) * 100vw);
  height: calc(10 / var(--base-size) * 100vw);
  flex: 0 0 calc(10 / var(--base-size) * 100vw);
  transform: translateY(calc(8 / var(--base-size) * 100vw));
  transition: transform 0.5s var(--cubic-bezier);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .card-item-a-a .button-link a svg {
    width: calc(12 / var(--base-size) * 100vw);
    height: calc(12 / var(--base-size) * 100vw);
    flex: 0 0 calc(12 / var(--base-size) * 100vw);
    transform: translateY(calc(8 / var(--base-size) * 100vw));
  }
}
@media only screen and (min-width: 879px) {
  .featured-title .main-container .card-item-a-a .button-link a:hover svg {
    transform: translateX(calc(4 / var(--base-size) * 100vw)) translateY(calc(5 / var(--base-size) * 100vw));
  }
}
.featured-title .main-container .title {
  font-weight: var(--font-extra);
  font-size: calc(46 / var(--base-size) * 100vw);
  color: #6b5b38;
  margin-bottom: calc(28 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .title {
    color: #231e14;
    font-size: calc(36 / var(--base-size) * 100vw);
    margin-bottom: calc(35 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container .description {
  margin: 0 auto;
  font-weight: var(--font-semi-bold);
  font-size: calc(24 / var(--base-size) * 100vw);
  color: #161616;
  text-align: center;
  max-width: calc(662 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .description {
    text-align: left;
    font-size: calc(24 / var(--base-size) * 100vw);
    color: #353535;
  }
}
.featured-title .main-container .text-top-button {
  font-size: calc(24 / var(--base-size) * 100vw);
  color: #000000;
  text-align: center;
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .text-top-button {
    font-size: calc(21 / var(--base-size) * 100vw);
    color: #000000;
    margin: 0 auto;
    max-width: calc(247 / var(--base-size) * 100vw);
  }
}
.featured-title .main-container .primary-button {
  display: flex;
  margin-top: calc(27 / var(--base-size) * 100vw);
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .featured-title .main-container .primary-button {
    width: 100%;
  }
  .featured-title .main-container .primary-button a {
    width: 100%;
    justify-content: center;
  }
}
.featured-title.no-footer {
  padding-bottom: calc(99 / var(--base-size) * 100vw);
}
.featured-title.no-footer .main-container {
  margin-bottom: 0;
}
.featured-title.no-description {
  row-gap: 0;
}
@media only screen and (max-width: 860px) {
  .featured-title.no-description {
    padding-bottom: calc(44 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .featured-title.no-description .main-container .text-top-button {
    max-width: unset;
  }
}
.featured-title.no-description .main-container.top-content {
  padding-top: 0;
  flex-direction: row;
  margin-bottom: calc(54 / var(--base-size) * 100vw);
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .featured-title.no-description .main-container.top-content {
    min-height: auto;
    margin-bottom: calc(60 / var(--base-size) * 100vw);
  }
  .featured-title.no-description .main-container.top-content svg {
    margin-bottom: calc(8 / var(--base-size) * 100vw);
  }
}
.featured-title.no-description .main-container.top-content .title {
  margin-bottom: 0;
  font-size: calc(60 / var(--base-size) * 100vw);
  color: #6b5b38;
  letter-spacing: -0.009em;
}
@media only screen and (max-width: 860px) {
  .featured-title.no-description .main-container.top-content .title {
    font-size: calc(36 / var(--base-size) * 100vw);
    color: #231e14;
  }
}
.featured-title.no-description .main-container.columb-card {
  padding: 0;
}
@media only screen and (max-width: 860px) {
  .featured-title.no-description .main-container.columb-card {
    border-top: 0;
    padding: 0 calc(20 / var(--base-size) * 100vw);
  }
}
.featured-title.no-description .main-container.columb-card .card-item {
  margin-bottom: calc(63 / var(--base-size) * 100vw);
}
.featured-title.no-description .main-container.columb-card .card-item-a svg path {
  fill: #6b5b38;
}
@media only screen and (max-width: 860px) {
  .featured-title.no-description .main-container.columb-card .card-item-a svg path {
    fill: #ba9d63;
  }
}
.featured-title.no-description .main-container.columb-card .card-item-a:nth-of-type(even) {
  padding-left: calc(37 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title.no-description .main-container.columb-card .card-item-a:nth-of-type(even) {
    padding-left: 0;
  }
}
.featured-title.no-description .main-container.columb-card .card-item-a-a {
  max-width: calc(485 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title.no-description .main-container.columb-card .card-item-a-a-a {
    margin-bottom: calc(7 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .featured-title.no-description .main-container.columb-card .card-item-a-a-b {
    line-height: calc(20 / var(--base-size) * 100vw);
    margin-bottom: calc(8 / var(--base-size) * 100vw);
  }
}
.featured-title.new-ui {
  padding-top: calc(95 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui {
    padding-top: calc(66 / var(--base-size) * 100vw);
  }
}
.featured-title.new-ui .main-container {
  padding: 0;
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .main-container {
    padding: 0 calc(20 / var(--base-size) * 100vw) !important;
  }
  .featured-title.new-ui .main-container.columb-card {
    padding-top: calc(59 / var(--base-size) * 100vw) !important;
  }
}
.featured-title.new-ui .main-container .card-item {
  gap: calc(73 / var(--base-size) * 100vw);
  width: calc(1155 / var(--base-size) * 100vw);
  row-gap: calc(76 / var(--base-size) * 100vw);
  max-width: unset;
  margin: 0 auto calc(71 / var(--base-size) * 100vw);
  grid-template-columns: calc(551 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .main-container .card-item {
    width: 100%;
    margin-bottom: calc(46 / var(--base-size) * 100vw);
  }
}
.featured-title.new-ui .main-container .card-item-a {
  padding-left: 0;
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .main-container .card-item-a {
    gap: calc(6 / var(--base-size) * 100vw);
    margin-bottom: calc(39 / var(--base-size) * 100vw);
  }
  .featured-title.new-ui .main-container .card-item-a:last-child {
    margin-bottom: 0;
  }
}
.featured-title.new-ui .main-container .card-item-a svg {
  flex: 0 0 calc(43 / var(--base-size) * 100vw);
  padding-left: 0;
  margin-top: calc(2 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .main-container .card-item-a svg {
    width: calc(37 / var(--base-size) * 100vw);
  }
}
.featured-title.new-ui .main-container .card-item-a-a {
  max-width: unset;
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .main-container .card-item-a-a-a {
    margin-bottom: calc(8 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .main-container .card-item-a-a-b {
    line-height: calc(21 / var(--base-size) * 100vw);
  }
}
.featured-title.new-ui .main-container.top-content {
  padding-top: calc(40 / var(--base-size) * 100vw);
  margin-bottom: calc(75 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .main-container.top-content {
    margin-bottom: calc(64 / var(--base-size) * 100vw);
  }
}
.featured-title.new-ui .main-container.top-content svg {
  width: calc(292 / var(--base-size) * 100vw);
  height: calc(273 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .main-container.top-content svg {
    width: calc(70 / var(--base-size) * 100vw);
    height: calc(66 / var(--base-size) * 100vw);
  }
}
.featured-title.new-ui .title {
  margin-bottom: calc(23 / var(--base-size) * 100vw);
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .title {
    margin-bottom: calc(34 / var(--base-size) * 100vw);
  }
}
.featured-title.new-ui .description {
  max-width: calc(706 / var(--base-size) * 100vw);
  line-height: calc(32 / var(--base-size) * 100vw);
  letter-spacing: -0.002em;
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .description {
    line-height: calc(29 / var(--base-size) * 100vw);
  }
}
.featured-title.new-ui .primary-button {
  margin-top: calc(29 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .primary-button {
    margin-top: calc(19 / var(--base-size) * 100vw);
  }
}
.featured-title.new-ui .primary-button a {
  padding: 0 calc(22 / var(--base-size) * 100vw);
  letter-spacing: -0.003em;
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui .primary-button a {
    gap: calc(10 / var(--base-size) * 100vw);
    font-size: calc(21 / var(--base-size) * 100vw);
    line-height: calc(25 / var(--base-size) * 100vw);
    letter-spacing: -0.01em;
  }
}
.featured-title.new-ui.partner-section .main-container .card-item {
  row-gap: calc(65 / var(--base-size) * 100vw);
}
.featured-title.new-ui-partner-page .title {
  letter-spacing: -0.005em !important;
  transform: translateX(calc(4 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui-partner-page .title {
    transform: none;
  }
}
.featured-title.new-ui-partner-page .top-content {
  margin-bottom: calc(44 / var(--base-size) * 100vw);
}
.featured-title.new-ui-partner-page .columb-card {
  max-width: unset;
  width: calc(1188 / var(--base-size) * 100vw);
  margin-left: calc(34 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui-partner-page .columb-card {
    width: 100%;
    margin-left: 0;
  }
}
.featured-title.new-ui-partner-page .columb-card .card-item {
  gap: calc(42 / var(--base-size) * 100vw);
  row-gap: calc(65 / var(--base-size) * 100vw);
  margin-bottom: calc(60 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui-partner-page .columb-card .card-item {
    margin-bottom: calc(36 / var(--base-size) * 100vw) !important;
  }
}
.featured-title.new-ui-partner-page .columb-card .card-item-a {
  max-width: unset !important;
  padding-left: 0 !important;
}
.featured-title.new-ui-partner-page .columb-card .card-item-a-a {
  max-width: unset !important;
}
.featured-title.new-ui-partner-page .columb-card .card-item-a-a-b {
  letter-spacing: -0.001em;
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui-partner-page .columb-card .card-item-a-a-b {
    letter-spacing: 0;
    line-height: calc(21 / var(--base-size) * 100vw) !important;
    margin-bottom: calc(8 / var(--base-size) * 100vw) !important;
  }
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui-partner-page .columb-card .card-item-a-a-a {
    margin-bottom: calc(7 / var(--base-size) * 100vw) !important;
  }
}
.featured-title.new-ui-partner-page .columb-card .card-item-a svg {
  margin-top: 0;
  flex: 0 0 calc(42 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui-partner-page .columb-card .card-item-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);
  }
}
.featured-title.new-ui-partner-page .columb-card .card-item-a:nth-of-type(2) .button-link {
  display: none;
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui-partner-page .columb-card .card-item-a:nth-of-type(2) .button-link {
    display: flex;
  }
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui-partner-page .columb-card .card-item-a:nth-of-type(3) .button-link {
    display: none;
  }
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui-partner-page .text-top-button {
    padding: calc(6 / var(--base-size) * 100vw) calc(58 / var(--base-size) * 100vw) 0;
  }
}
@media only screen and (max-width: 860px) {
  .featured-title.new-ui-partner-page .primary-button {
    margin-top: calc(18 / var(--base-size) * 100vw);
  }
  .featured-title.new-ui-partner-page .primary-button a {
    font-size: calc(21 / var(--base-size) * 100vw);
    letter-spacing: -0.01em;
    padding-bottom: calc(2 / var(--base-size) * 100vw);
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/HeroBanner/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.hero-banner {
  display: grid;
  height: calc(800 / var(--base-size) * 100vw);
  grid-template-columns: calc(1125 / var(--base-size) * 100vw) 1fr;
  border-bottom: 2.6px solid var(--color-gold);
}
@media only screen and (max-width: 860px) {
  .hero-banner.new-ui-pipeline-page .content-a-b {
    margin-bottom: calc(41 / var(--base-size) * 100vw);
    letter-spacing: -0.005em;
  }
}
.hero-banner img {
  width: 100%;
  height: 100%;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 860px) {
  .hero-banner img {
    left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 860px) {
  .hero-banner {
    display: flex;
    height: auto;
    flex-direction: column-reverse;
  }
  .hero-banner .background {
    width: 100vw;
    height: calc(354 / var(--base-size) * 100vw);
    flex: 0 0 calc(354 / var(--base-size) * 100vw);
    border-bottom: 2.6px solid var(--color-gold);
  }
}
.hero-banner .content {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  padding-left: calc(358 / var(--base-size) * 100vw);
  padding-right: calc(85 / var(--base-size) * 100vw);
}
.hero-banner .content.hero-alt {
  padding-right: 0;
}
@media only screen and (max-width: 860px) {
  .hero-banner .content.hero-alt {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 860px) {
  .hero-banner .content {
    padding: calc(56 / var(--base-size) * 100vw) calc(var(--g-padding-container) / var(--base-size) * 100vw) calc(51 / var(--base-size) * 100vw) !important;
  }
}
.hero-banner .content .h1 {
  font-weight: 800;
  font-size: calc(64 / var(--base-size) * 100vw);
  color: #353535;
  margin-bottom: calc(31 / var(--base-size) * 100vw);
  letter-spacing: -0.009em;
  line-height: calc(64.71 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .hero-banner .content .h1 {
    margin-bottom: calc(12 / var(--base-size) * 100vw);
    font-size: calc(37 / var(--base-size) * 100vw);
    line-height: calc(43 / var(--base-size) * 100vw);
  }
}
.hero-banner .content::before {
  top: 0;
  right: 0;
  width: 1px;
  border-right: var(--g-border);
  content: "";
  height: 100%;
  position: absolute;
}
@media only screen and (max-width: 860px) {
  .hero-banner .content::before {
    display: none;
  }
}
.hero-banner .content:after {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: radial-gradient(circle closest-corner at center, rgb(255, 255, 255) 52.61%, rgba(253, 253, 253, 0.81) 62.14%, rgba(244, 244, 244, 0.7) 67.51%, rgba(231, 231, 231, 0.61) 71.86%, rgba(211, 211, 211, 0.53) 75.66%, rgba(185, 185, 185, 0.46) 79.09%, rgba(154, 154, 154, 0.4) 82.27%, rgba(116, 116, 116, 0.34) 85.25%, rgba(73, 73, 73, 0.28) 88.07%, rgba(25, 25, 25, 0.22) 90.67%, rgba(0, 0, 0, 0.2) 91.88%);
  opacity: 0.9;
}
.hero-banner .content-a {
  z-index: 9;
  width: 100%;
  position: relative;
}
.hero-banner .content-a .label {
  width: 100%;
  font-size: calc(26 / var(--base-size) * 100vw);
  margin-bottom: calc(16 / var(--base-size) * 100vw);
  padding-bottom: calc(6 / var(--base-size) * 100vw);
  color: var(--color-gold);
  letter-spacing: -0.01em;
  font-weight: var(--font-semi-bold);
  border-bottom: 2.7px solid var(--color-gold);
}
@media only screen and (max-width: 860px) {
  .hero-banner .content-a .label {
    font-size: calc(22 / var(--base-size) * 100vw);
    margin-bottom: calc(13 / var(--base-size) * 100vw);
  }
}
.hero-banner .content-a-b {
  font-weight: 700;
  font-size: calc(31 / var(--base-size) * 100vw);
  padding-right: calc(26 / var(--base-size) * 100vw);
  margin: calc(20 / var(--base-size) * 100vw) 0;
  color: var(--color-gold);
  font-weight: var(--font-bold);
}
@media only screen and (max-width: 860px) {
  .hero-banner .content-a-b {
    padding-right: 0;
    margin-top: calc(11 / var(--base-size) * 100vw);
    padding-left: calc(2 / var(--base-size) * 100vw);
    font-size: calc(21 / var(--base-size) * 100vw);
    line-height: calc(26 / var(--base-size) * 100vw);
    margin-bottom: calc(38 / var(--base-size) * 100vw);
  }
}
.hero-banner .content-a--inner {
  padding-right: calc(85 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .hero-banner .content-a--inner {
    padding-right: calc(47 / var(--base-size) * 100vw);
  }
}
.hero-banner .content-a--inner .h1 {
  margin-bottom: calc(24 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .hero-banner .content-a--inner .h1 {
    font-size: calc(37 / var(--base-size) * 100vw);
    margin-bottom: calc(9 / var(--base-size) * 100vw);
  }
}
.hero-banner .content-a--inner .content-a-b {
  margin-bottom: calc(46 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .hero-banner .content-a--inner .content-a-b {
    font-size: calc(21 / var(--base-size) * 100vw);
    margin-top: calc(12 / var(--base-size) * 100vw);
    margin-bottom: calc(36 / var(--base-size) * 100vw);
    letter-spacing: -0.006em;
  }
}
.hero-banner .content-a--inner .buttons-action {
  gap: calc(28 / var(--base-size) * 100vw);
  display: flex;
}
@media only screen and (max-width: 860px) {
  .hero-banner .content-a--inner .buttons-action {
    display: block;
  }
  .hero-banner .content-a--inner .buttons-action .primary-button {
    width: calc(228 / var(--base-size) * 100vw);
  }
}
.hero-banner .content-a--inner .buttons-action .button-gold {
  background-color: var(--color-gold);
}
@media only screen and (max-width: 860px) {
  .hero-banner .content-a--inner .buttons-action .button-gold {
    margin-top: calc(18 / var(--base-size) * 100vw);
  }
}
.hero-banner .content-a--inner .buttons-action .button-gold a {
  z-index: 1;
  color: #fff;
}
.hero-banner .content-a--inner .buttons-action .button-gold a::before {
  background-color: #fff;
}
.hero-banner .content-a--inner .buttons-action .button-gold a svg path {
  stroke: #ffe2ae;
}
@media only screen and (min-width: 879px) {
  .hero-banner .content-a--inner .buttons-action .button-gold a:hover {
    color: var(--color-gold);
  }
  .hero-banner .content-a--inner .buttons-action .button-gold a:hover svg path {
    stroke: var(--color-gold);
  }
}
@media only screen and (max-width: 860px) {
  .hero-banner .content-a .primary-button {
    margin-left: calc(3 / var(--base-size) * 100vw);
  }
  .hero-banner .content-a .primary-button a {
    width: calc(228 / var(--base-size) * 100vw);
    height: calc(49 / var(--base-size) * 100vw);
    justify-content: center;
  }
}
@media only screen and (max-width: 860px) {
  .hero-banner.new-ui-home-page .content {
    padding-top: calc(52 / var(--base-size) * 100vw) !important;
    padding-left: calc(18 / var(--base-size) * 100vw) !important;
  }
  .hero-banner.new-ui-home-page .content h1 {
    line-height: calc(46 / var(--base-size) * 100vw);
    font-size: calc(42 / var(--base-size) * 100vw);
    margin-bottom: calc(30 / var(--base-size) * 100vw);
  }
  .hero-banner.new-ui-home-page .content .b1 {
    font-size: calc(28 / var(--base-size) * 100vw);
    line-height: calc(32 / var(--base-size) * 100vw);
    margin-bottom: calc(33 / var(--base-size) * 100vw);
  }
}

@media only screen and (max-width: 860px) {
  .hero-banner.new-ui-hero-banner .content {
    padding-top: calc(43 / var(--base-size) * 100vw) !important;
  }
}
.hero-banner.new-ui-hero-banner .content-a_a {
  margin-bottom: calc(11 / var(--base-size) * 100vw) !important;
}
@media only screen and (max-width: 860px) {
  .hero-banner.new-ui-hero-banner .content-a_a {
    line-height: calc(52 / var(--base-size) * 100vw) !important;
    font-size: calc(48 / var(--base-size) * 100vw) !important;
  }
}
@media only screen and (max-width: 860px) {
  .hero-banner.new-ui-hero-banner .content-a-b {
    font-size: calc(28 / var(--base-size) * 100vw);
    line-height: calc(32 / var(--base-size) * 100vw);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/RegularBanner/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.full-width-banner {
  width: 100vw;
  display: flex;
  height: calc(463 / var(--base-size) * 100vw);
  position: relative;
  align-items: center;
  justify-content: center;
  border-top: 2.5px solid #e5e3df;
  border-bottom: 2.5px solid #e5e3df;
}
@media only screen and (max-width: 860px) {
  .full-width-banner {
    height: calc(406 / var(--base-size) * 100vw);
    border-color: #7f6e41;
  }
}
.full-width-banner .title {
  z-index: 4;
  color: #414042;
  color: #414042;
  position: relative;
  font-size: calc(48 / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .full-width-banner .title {
    color: #414042;
    padding: 0 calc(20 / var(--base-size) * 100vw);
    font-size: calc(48 / var(--base-size) * 100vw);
    text-align: center;
    max-width: calc(350 / var(--base-size) * 100vw);
  }
}
.full-width-banner figure {
  width: 100vw;
  height: calc(463 / var(--base-size) * 100vw);
  position: absolute;
}
.full-width-banner figure img {
  width: 100vw;
  height: calc(463 / var(--base-size) * 100vw);
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 860px) {
  .full-width-banner figure img {
    height: 100%;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/TwoColumnSideTextWithBackground/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.featured-content {
  display: grid;
  grid-template-columns: calc(959 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 860px) {
  .featured-content {
    display: block;
  }
}
.featured-content .parallax {
  width: 100%;
  height: calc(487 / var(--base-size) * 100vw);
  overflow: hidden;
}
@media only screen and (max-width: 860px) {
  .featured-content .parallax {
    height: calc(345 / var(--base-size) * 100vw);
  }
}
.featured-content .parallax img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.featured-content .content {
  display: flex;
  align-items: center;
  position: relative;
}
.featured-content .content figure {
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  position: absolute;
}
.featured-content .content-inner {
  width: 100%;
  z-index: 2;
  position: relative;
  padding-left: calc(69 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-content .content-inner {
    padding: calc(55 / var(--base-size) * 100vw) 0 calc(87 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw);
  }
}
.featured-content .content-inner .label {
  color: #937d4d;
  font-size: calc(24 / var(--base-size) * 100vw);
  margin-bottom: calc(6 / var(--base-size) * 100vw);
  letter-spacing: -0.005em;
  font-weight: var(--font-bold);
}
@media only screen and (max-width: 860px) {
  .featured-content .content-inner .label {
    font-size: calc(22 / var(--base-size) * 100vw);
    line-height: calc(24 / var(--base-size) * 100vw);
    margin-bottom: calc(9 / var(--base-size) * 100vw);
  }
}
.featured-content .content-inner .title {
  width: 100%;
  color: #231e14;
  font-size: calc(40 / var(--base-size) * 100vw);
  line-height: calc(45 / var(--base-size) * 100vw);
  margin-bottom: calc(32 / var(--base-size) * 100vw);
  padding-bottom: calc(12 / var(--base-size) * 100vw);
  letter-spacing: -0.005em;
  font-weight: var(--font-extra);
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #937d4d;
}
@media only screen and (max-width: 860px) {
  .featured-content .content-inner .title {
    font-size: calc(37 / var(--base-size) * 100vw);
    padding-bottom: calc(14 / var(--base-size) * 100vw);
    padding-bottom: calc(16 / var(--base-size) * 100vw);
    line-height: calc(44 / var(--base-size) * 100vw);
  }
}
.featured-content .content-inner .description {
  font-size: calc(20 / var(--base-size) * 100vw);
  max-width: calc(475 / var(--base-size) * 100vw);
  line-height: calc(24 / var(--base-size) * 100vw);
  letter-spacing: -0.005em;
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .featured-content .content-inner .description {
    font-size: calc(18 / var(--base-size) * 100vw);
    line-height: calc(23 / var(--base-size) * 100vw);
    padding-right: calc(21 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .featured-content.new-ui .content-inner {
    padding-top: calc(88 / var(--base-size) * 100vw);
    padding-bottom: calc(92 / var(--base-size) * 100vw);
  }
  .featured-content.new-ui .content-inner .title {
    margin-bottom: calc(33 / var(--base-size) * 100vw);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/TwoColumnText/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.two-column-text {
  position: relative;
  padding: calc(146 / var(--base-size) * 100vw) 0;
}
@media only screen and (max-width: 860px) {
  .two-column-text {
    padding-top: 0;
    padding-bottom: calc(57 / var(--base-size) * 100vw);
    border-bottom: 2px solid #7f6e41;
  }
}
.two-column-text .decor {
  position: absolute;
}
.two-column-text .decor.decor-1, .two-column-text .decor.decor-2, .two-column-text .decor.decor-3 {
  top: 0;
  z-index: 4;
  width: 1px;
  height: 100%;
  background-color: #7a7a7a;
}
.two-column-text .decor.decor-1 {
  left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-text .decor.decor-1 {
    display: none;
  }
}
.two-column-text .decor.decor-2 {
  width: 2px;
  left: 50vw;
  background-color: #937d4d;
}
@media only screen and (max-width: 860px) {
  .two-column-text .decor.decor-2 {
    left: calc(21 / var(--base-size) * 100vw);
    display: none;
    max-height: calc(512 / var(--base-size) * 100vw);
  }
}
.two-column-text .decor.decor-3 {
  right: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-text .decor.decor-3 {
    display: none;
  }
}
.two-column-text .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.two-column-text .content.header {
  position: relative;
  border-top: 1px solid #7a7a7a;
  border-bottom: 1px solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .two-column-text .content.header {
    display: flex;
    border-width: 2px;
    flex-direction: column-reverse;
  }
}
.two-column-text .content.header::before {
  left: 0;
  content: "";
  height: 100%;
  position: absolute;
  width: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
  background-color: #7f6e41;
}
@media only screen and (max-width: 860px) {
  .two-column-text .content.header::before {
    width: calc(21 / var(--base-size) * 100vw);
  }
}
.two-column-text .content.header .label {
  color: #727272;
  font-size: calc(24 / var(--base-size) * 100vw);
  margin-top: calc(34 / var(--base-size) * 100vw);
  line-height: calc(24.16 / var(--base-size) * 100vw);
  padding-left: calc(27 / var(--base-size) * 100vw);
  font-weight: var(--font-bold);
}
.two-column-text .content.header h2 {
  margin-bottom: 0;
  color: #1a1a1c;
  font-size: calc(50 / var(--base-size) * 100vw);
  line-height: 1.1;
  margin-bottom: calc(7 / var(--base-size) * 100vw);
  letter-spacing: calc(0.95 / var(--base-size) * 100vw);
  text-transform: uppercase;
  padding-left: calc(27 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
.two-column-text .content.header figure {
  width: 100%;
  height: calc(123 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-text .content.header figure {
    height: calc(108 / var(--base-size) * 100vw);
  }
  .two-column-text .content.header figure::before {
    content: "";
    width: 2px;
    left: calc(20 / var(--base-size) * 100vw);
    height: 100%;
    z-index: 9;
    position: absolute;
    background-color: #937d4d;
  }
}
.two-column-text .content.header figure img {
  width: 100%;
  height: calc(123 / var(--base-size) * 100vw);
  -o-object-fit: cover;
     object-fit: cover;
}
.two-column-text .content .left {
  color: #727272;
  padding-left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-text .content .left {
    position: relative;
    padding-left: calc(12 / var(--base-size) * 100vw);
  }
  .two-column-text .content .left::before {
    top: 0;
    content: "";
    width: 2px;
    left: calc(20 / var(--base-size) * 100vw);
    height: 100%;
    z-index: 9;
    position: absolute;
    background-color: #937d4d;
  }
  .two-column-text .content .left .label {
    font-size: calc(18 / var(--base-size) * 100vw);
    margin-top: calc(37 / var(--base-size) * 100vw);
    line-height: calc(24.16 / var(--base-size) * 100vw);
    font-weight: var(--font-bold);
  }
  .two-column-text .content .left .title {
    font-size: calc(39 / var(--base-size) * 100vw);
    margin-bottom: calc(10 / var(--base-size) * 100vw);
  }
}
.two-column-text .content.body {
  margin-bottom: 0;
}
@media only screen and (max-width: 860px) {
  .two-column-text .content.body {
    display: block;
  }
}
.two-column-text .content.body .left {
  color: #4c3d1d;
  font-size: calc(20 / var(--base-size) * 100vw);
  padding-top: calc(45 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .two-column-text .content.body .left {
    font-size: calc(19 / var(--base-size) * 100vw);
    padding-top: calc(26 / var(--base-size) * 100vw);
    padding-right: calc(20 / var(--base-size) * 100vw);
    padding-bottom: calc(77 / var(--base-size) * 100vw);
    border-bottom: 2px solid #7f6e41;
  }
}
.two-column-text .content.body .left .description {
  padding-left: calc(30 / var(--base-size) * 100vw);
  max-width: calc(500 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-text .content.body .left .description {
    padding-left: calc(35 / var(--base-size) * 100vw);
  }
}
.two-column-text .content.body .item {
  padding-left: calc(23 / var(--base-size) * 100vw);
  padding-top: calc(41 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-text .content.body .item {
    padding-top: calc(51 / var(--base-size) * 100vw);
    padding-left: calc(16 / var(--base-size) * 100vw);
    padding-right: calc(14 / var(--base-size) * 100vw);
  }
}
.two-column-text .content.body .item-a {
  gap: calc(26 / var(--base-size) * 100vw);
  display: flex;
  margin-bottom: calc(25 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-text .content.body .item-a {
    margin-bottom: calc(47 / var(--base-size) * 100vw);
  }
  .two-column-text .content.body .item-a:last-child {
    margin-bottom: 0;
  }
}
.two-column-text .content.body .item-a .arrow {
  display: flex;
  height: calc(40 / var(--base-size) * 100vw);
  flex: 0 0 calc(43 / var(--base-size) * 100vw);
  margin-top: calc(4 / var(--base-size) * 100vw);
  align-items: center;
  transform: translateX(calc(4 / var(--base-size) * 100vw));
  justify-content: center;
  border: 1.5px solid #afafaf;
}
.two-column-text .content.body .item-a .arrow svg {
  width: calc(23 / var(--base-size) * 100vw);
  height: calc(23 / var(--base-size) * 100vw);
}
.two-column-text .content.body .item-a-a {
  max-width: calc(485 / var(--base-size) * 100vw);
  font-size: calc(20 / var(--base-size) * 100vw);
  line-height: calc(25 / var(--base-size) * 100vw);
  color: #353535;
}
.two-column-text .content.body .item-a-a-a {
  font-weight: var(--font-bold);
}
@media only screen and (max-width: 860px) {
  .two-column-text .content.body .item-a-a-a {
    line-height: calc(21 / var(--base-size) * 100vw);
    font-size: calc(19 / var(--base-size) * 100vw);
    letter-spacing: -0.02em;
    margin-bottom: calc(3 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .two-column-text .content.body .item-a-a-b {
    line-height: calc(21 / var(--base-size) * 100vw);
    font-size: calc(16 / var(--base-size) * 100vw);
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/BannerContactAlt/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.banner-contact-alt {
  display: flex;
  height: calc(444 / var(--base-size) * 100vw);
  align-items: center;
  position: relative;
  border-top: 2px solid #937d4d;
  border-bottom: 2px solid #937d4d;
}
@media only screen and (max-width: 860px) {
  .banner-contact-alt {
    height: auto;
    padding-top: calc(55 / var(--base-size) * 100vw);
    padding-bottom: calc(82 / var(--base-size) * 100vw);
    flex-direction: column-reverse;
  }
}
.banner-contact-alt .content {
  z-index: 2;
  position: relative;
  margin-left: calc(360 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .banner-contact-alt .content {
    margin-left: 0;
    padding: 0 calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.banner-contact-alt .content .title {
  font-weight: var(--font-extra);
  font-size: calc(50 / var(--base-size) * 100vw);
  color: #333333;
}
@media only screen and (max-width: 860px) {
  .banner-contact-alt .content .title {
    margin-top: calc(40 / var(--base-size) * 100vw);
    font-size: calc(37 / var(--base-size) * 100vw);
    line-height: calc(42 / var(--base-size) * 100vw);
    color: #353535;
    max-width: calc(233 / var(--base-size) * 100vw);
  }
}
.banner-contact-alt .content .description {
  color: #6b5b39;
  font-size: calc(31 / var(--base-size) * 100vw);
  margin-top: calc(20 / var(--base-size) * 100vw);
  max-width: calc(575 / var(--base-size) * 100vw);
  font-weight: var(--font-bold);
}
@media only screen and (max-width: 860px) {
  .banner-contact-alt .content .description {
    font-size: calc(21 / var(--base-size) * 100vw);
    line-height: calc(25 / var(--base-size) * 100vw);
    margin-top: calc(12 / var(--base-size) * 100vw);
  }
}
.banner-contact-alt .content .primary-button {
  margin-top: calc(32 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .banner-contact-alt .content .primary-button {
    margin-top: calc(34 / var(--base-size) * 100vw);
  }
  .banner-contact-alt .content .primary-button a {
    width: 100%;
    height: calc(60 / var(--base-size) * 100vw);
    justify-content: center;
  }
}
.banner-contact-alt figure {
  top: 0;
  z-index: 1;
  width: calc(524 / var(--base-size) * 100vw);
  display: flex;
  left: calc(1010 / var(--base-size) * 100vw);
  height: 100%;
  position: absolute;
  align-items: center;
  overflow: visible !important;
}
@media only screen and (max-width: 860px) {
  .banner-contact-alt figure {
    left: 0;
    width: 100vw;
    position: relative;
    justify-content: center;
  }
}
.banner-contact-alt figure img {
  width: 100%;
  transform: translateY(-20%);
  height: calc(349.6 / var(--base-size) * 100vw) !important;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 860px) {
  .banner-contact-alt figure img {
    width: calc(338 / var(--base-size) * 100vw);
    -o-object-fit: contain;
       object-fit: contain;
    height: calc(226 / var(--base-size) * 100vw) !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/ImageLeftSideText/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.image-left-side-text {
  display: grid;
  height: calc(487 / var(--base-size) * 100vw);
  overflow: hidden;
  grid-template-columns: calc(960 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 860px) {
  .image-left-side-text {
    height: auto;
    display: block;
  }
}
.image-left-side-text .banner {
  width: 100%;
  height: calc(487 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .image-left-side-text .banner {
    height: calc(386 / var(--base-size) * 100vw);
  }
}
.image-left-side-text .banner figure {
  height: calc(487 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .image-left-side-text .banner figure {
    height: calc(386 / var(--base-size) * 100vw);
  }
}
.image-left-side-text .banner img {
  width: 100%;
}
.image-left-side-text .right-text {
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  padding: calc(59 / var(--base-size) * 100vw) 0 calc(59 / var(--base-size) * 100vw) calc(68 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .image-left-side-text .right-text {
    padding: calc(60 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) calc(63 / var(--base-size) * 100vw);
    padding-right: 0;
  }
}
.image-left-side-text .right-text .background {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: calc(487 / var(--base-size) * 100vw);
  position: absolute;
  background-color: #231e14;
}
@media only screen and (max-width: 860px) {
  .image-left-side-text .right-text .background {
    height: 100%;
  }
}
.image-left-side-text .right-text .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-left-side-text .right-text p {
  margin-bottom: 0;
}
.image-left-side-text .right-text .label {
  z-index: 2;
  position: relative;
  font-size: calc(24 / var(--base-size) * 100vw);
  color: #ccb58b;
  margin-bottom: calc(8 / var(--base-size) * 100vw);
  line-height: calc(24.16 / var(--base-size) * 100vw);
  font-weight: var(--font-bold);
}
@media only screen and (max-width: 860px) {
  .image-left-side-text .right-text .label {
    font-size: calc(22 / var(--base-size) * 100vw);
    line-height: calc(24.16 / var(--base-size) * 100vw);
  }
}
.image-left-side-text .right-text .title {
  z-index: 2;
  position: relative;
  margin-bottom: calc(32 / var(--base-size) * 100vw);
  padding-bottom: calc(12 / var(--base-size) * 100vw);
  border-bottom: 2px solid #937d4d;
}
@media only screen and (max-width: 860px) {
  .image-left-side-text .right-text .title {
    margin-bottom: calc(43 / var(--base-size) * 100vw);
    padding-bottom: calc(19 / var(--base-size) * 100vw);
  }
}
.image-left-side-text .right-text .title h2 {
  color: #ffffff;
  margin-bottom: 0;
  font-size: calc(40 / var(--base-size) * 100vw);
  max-width: calc(447 / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
  line-height: calc(45 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .image-left-side-text .right-text .title h2 {
    font-size: calc(37 / var(--base-size) * 100vw);
    line-height: calc(44 / var(--base-size) * 100vw);
  }
}
.image-left-side-text .right-text .description {
  z-index: 2;
  position: relative;
  color: #efefef;
  max-width: calc(476 / var(--base-size) * 100vw);
  font-size: calc(20 / var(--base-size) * 100vw);
  margin-bottom: calc(26 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .image-left-side-text .right-text .description {
    padding-right: calc(20 / var(--base-size) * 100vw);
    font-size: calc(18 / var(--base-size) * 100vw);
    line-height: calc(23 / var(--base-size) * 100vw);
  }
}
.image-left-side-text .right-text .hightlight {
  z-index: 2;
  position: relative;
  display: flex;
  width: calc(253 / var(--base-size) * 100vw);
  color: #fff;
  height: calc(49 / var(--base-size) * 100vw);
  color: #efefef;
  font-size: calc(19 / var(--base-size) * 100vw);
  align-items: center;
  margin-bottom: calc(11 / var(--base-size) * 100vw);
  background: #937d4d;
  justify-content: center;
  letter-spacing: calc(-0.27 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .image-left-side-text .right-text .hightlight {
    font-size: calc(18 / var(--base-size) * 100vw);
    letter-spacing: calc(-0.25 / var(--base-size) * 100vw);
  }
}
.image-left-side-text .right-text .bottom-text {
  z-index: 2;
  position: relative;
  color: #efefef;
  font-size: calc(14 / var(--base-size) * 100vw);
  letter-spacing: calc(-0.2 / var(--base-size) * 100vw);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/TwoColumnCard/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.two-column-card {
  position: relative;
  padding: calc(121 / var(--base-size) * 100vw) 0 calc(180 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-card {
    padding: calc(89 / var(--base-size) * 100vw) 0 calc(56 / var(--base-size) * 100vw);
  }
}
.two-column-card:before, .two-column-card::after {
  top: 0;
  z-index: 3;
  content: "";
  width: 2px;
  opacity: 0.5;
  height: 100%;
  position: absolute;
  background-color: #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .two-column-card:before, .two-column-card::after {
    display: none;
  }
}
.two-column-card::before {
  left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
.two-column-card::after {
  right: calc(358 / var(--base-size) * 100vw);
}
.two-column-card h2 {
  color: #231e14;
  font-size: calc(40 / var(--base-size) * 100vw);
  border-bottom: 2px solid #7f6e41;
  padding: 0 calc((var(--g-outer-padding) + 28) / var(--base-size) * 100vw) calc(18 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-card h2 {
    font-size: calc(36 / var(--base-size) * 100vw);
    color: #231e14;
    padding: 0 calc(var(--g-padding-container) / var(--base-size) * 100vw) calc(32 / var(--base-size) * 100vw);
  }
}
.two-column-card .column-item {
  display: flex;
  margin: calc(52 / var(--base-size) * 100vw) 0;
  justify-content: space-between;
  border-top: 2px solid #7f6e41;
  border-bottom: 2px solid #7f6e41;
  padding-left: calc((var(--g-outer-padding) + 32) / var(--base-size) * 100vw);
  padding-right: calc(358 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-card .column-item {
    padding-left: 0;
    padding-right: 0;
    flex-direction: column-reverse;
  }
}
.two-column-card .column-item:last-child {
  margin-bottom: 0;
}
.two-column-card .column-item-a {
  gap: calc(30 / var(--base-size) * 100vw);
  flex: 1 auto;
  display: flex;
  padding: calc(31 / var(--base-size) * 100vw) 0;
}
@media only screen and (max-width: 860px) {
  .two-column-card .column-item-a {
    gap: calc(23 / var(--base-size) * 100vw);
    flex-direction: column-reverse;
    padding: calc(24 / var(--base-size) * 100vw) calc(var(--g-padding-container) / var(--base-size) * 100vw) calc(74 / var(--base-size) * 100vw);
  }
}
.two-column-card .column-item-a svg {
  width: calc(42 / var(--base-size) * 100vw);
  height: calc(42 / var(--base-size) * 100vw);
  flex: 0 0 calc(42 / var(--base-size) * 100vw);
  transform: translateY(calc(6 / var(--base-size) * 100vw));
}
.two-column-card .column-item-a .content {
  color: #353535;
  font-size: calc(22 / var(--base-size) * 100vw);
  max-width: calc(518 / var(--base-size) * 100vw);
  line-height: calc(26 / var(--base-size) * 100vw);
}
.two-column-card .column-item-a .content .b2 {
  font-size: calc(24 / var(--base-size) * 100vw);
  margin-bottom: calc(5 / var(--base-size) * 100vw);
  font-weight: var(--font-bold);
}
@media only screen and (max-width: 860px) {
  .two-column-card .column-item-a .content .b2 {
    font-size: calc(21 / var(--base-size) * 100vw);
    margin-bottom: calc(4 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .two-column-card .column-item-a--b {
    font-size: calc(18 / var(--base-size) * 100vw);
    line-height: calc(22 / var(--base-size) * 100vw);
  }
}
.two-column-card .column-item figure {
  height: calc(239 / var(--base-size) * 100vw);
  flex: 0 0 calc(576 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-card .column-item figure {
    height: calc(189 / var(--base-size) * 100vw);
    flex: 0 0 calc(189 / var(--base-size) * 100vw);
  }
}
.two-column-card .column-item figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.two-column-card .column-item:nth-of-type(even) {
  padding-left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
  flex-direction: row-reverse;
}
@media only screen and (max-width: 860px) {
  .two-column-card .column-item:nth-of-type(even) {
    padding: 0;
    flex-direction: column-reverse;
  }
}
.two-column-card .column-item:nth-of-type(even) .column-item-a {
  flex: 0 0 calc(576 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-column-card .column-item:nth-of-type(even) .column-item-a {
    flex: 0 auto;
  }
}
.two-column-card .column-item:nth-of-type(even) .column-item-a .content {
  max-width: calc(473 / var(--base-size) * 100vw);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/TwoGridColumnCard/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.two-grid-column-card {
  padding: calc(77 / var(--base-size) * 100vw) 0 calc(119 / var(--base-size) * 100vw);
  position: relative;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card {
    padding-top: calc(63 / var(--base-size) * 100vw);
    padding-bottom: 0;
  }
}
.two-grid-column-card:after, .two-grid-column-card::before {
  width: 2px;
  top: calc(77 / var(--base-size) * 100vw);
  bottom: calc(119 / var(--base-size) * 100vw);
  height: auto;
  content: "";
  position: absolute;
  background-color: #937d4d;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card:after, .two-grid-column-card::before {
    display: none;
  }
}
.two-grid-column-card::before {
  left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
.two-grid-column-card:after {
  right: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
.two-grid-column-card .content {
  display: grid;
  border-bottom: 2px solid #937d4d;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card .content {
    display: block;
    border-bottom: 0;
  }
}
.two-grid-column-card .content .card-wrapper-a {
  gap: calc(28 / var(--base-size) * 100vw);
  width: 100%;
  display: flex;
  height: calc(92.6 / var(--base-size) * 100vw);
  position: relative;
  align-items: center;
  border-top: 2px solid rgba(65, 64, 66, 0.4);
  border-bottom: 2px solid rgba(65, 64, 66, 0.4);
  padding: 0 calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card .content .card-wrapper-a {
    gap: calc(14 / var(--base-size) * 100vw);
    height: auto;
    align-items: flex-start;
    padding: calc(31 / var(--base-size) * 100vw) calc(var(--g-padding-container) / var(--base-size) * 100vw) calc(28 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card .content .card-wrapper-a .icon {
  width: calc(43 / var(--base-size) * 100vw);
  display: flex;
  height: calc(40 / var(--base-size) * 100vw);
  margin-left: calc(28 / var(--base-size) * 100vw);
  align-items: center;
  border: 1.5px solid #afafaf;
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card .content .card-wrapper-a .icon {
    margin: 0;
    height: calc(44 / var(--base-size) * 100vw);
    flex: 0 0 calc(47.5 / var(--base-size) * 100vw);
    transform: translateY(calc(7 / var(--base-size) * 100vw));
  }
}
.two-grid-column-card .content .card-wrapper-a .icon svg {
  width: calc(24 / var(--base-size) * 100vw);
  height: calc(24 / var(--base-size) * 100vw);
}
.two-grid-column-card .content .card-wrapper-a h2 {
  font-size: calc(35 / var(--base-size) * 100vw);
  color: #231e14;
  margin-bottom: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card .content .card-wrapper-a h2 {
    font-size: calc(30 / var(--base-size) * 100vw);
    line-height: calc(36 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card .content .card-wrapper-b {
  padding: 0 calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card .content .card-wrapper-b {
    padding: calc(25 / var(--base-size) * 100vw) calc(var(--g-padding-container) / var(--base-size) * 100vw) calc(68 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card .content .card-wrapper-b .description {
  height: calc(221 / var(--base-size) * 100vw);
  max-width: calc(589 / var(--base-size) * 100vw);
  padding-top: calc(18 / var(--base-size) * 100vw);
  padding-left: calc(98 / var(--base-size) * 100vw);
  font-size: calc(21 / var(--base-size) * 100vw);
  color: #3d3122;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card .content .card-wrapper-b .description {
    padding: 0;
    height: auto;
    font-size: calc(18 / var(--base-size) * 100vw);
    color: #353535;
  }
}
.two-grid-column-card .content .card-wrapper:nth-of-type(even) .card-wrapper-a {
  padding-left: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card .content .card-wrapper:nth-of-type(even) .card-wrapper-a {
    padding-left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
  .two-grid-column-card .content .card-wrapper:nth-of-type(even) .card-wrapper-a:before {
    content: "";
    height: 100%;
    position: absolute;
    background-color: #937d4d;
    width: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
    right: 0;
    top: 0;
    width: calc(21 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card .content .card-wrapper:nth-of-type(even) .card-wrapper-b {
  padding-left: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card .content .card-wrapper:nth-of-type(even) .card-wrapper-b {
    padding-left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.two-grid-column-card .content .card-wrapper:nth-of-type(odd) {
  border-right: 2px solid #937d4d;
}
.two-grid-column-card .content .card-wrapper:nth-of-type(odd) .card-wrapper-a {
  padding-right: 0;
}
.two-grid-column-card .content .card-wrapper:nth-of-type(odd) .card-wrapper-a:before {
  left: 0;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #937d4d;
  width: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card .content .card-wrapper:nth-of-type(odd) .card-wrapper-a:before {
    right: 0;
    top: 0;
    left: unset;
    width: calc(21 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card .content .card-wrapper:nth-of-type(odd) .card-wrapper-b {
  padding-right: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card .content .card-wrapper:nth-of-type(odd) .card-wrapper-b {
    padding-right: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.two-grid-column-card.new-ui .content .card-wrapper-a h2 {
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card.new-ui .content .card-wrapper-b {
    letter-spacing: -0.002em;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/BannerWithLabel/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.background-with-label {
  width: 100vw;
  height: calc(800 / var(--base-size) * 100vw);
  position: relative;
}
@media only screen and (max-width: 860px) {
  .background-with-label {
    height: auto;
  }
}
.background-with-label figure {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 860px) {
  .background-with-label figure {
    height: calc(362 / var(--base-size) * 100vw);
  }
}
.background-with-label figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.background-with-label .label {
  bottom: 0;
  z-index: 99;
  height: calc(55 / var(--base-size) * 100vw);
  display: flex;
  width: calc(600 / var(--base-size) * 100vw);
  left: calc(960 / var(--base-size) * 100vw);
  color: #f7f7f7;
  font-size: calc(28 / var(--base-size) * 100vw);
  align-items: center;
  position: absolute;
  line-height: calc(33 / var(--base-size) * 100vw);
  letter-spacing: -0.006em;
  justify-content: center;
  background-color: #262013;
}
@media only screen and (max-width: 860px) {
  .background-with-label .label {
    left: 0;
    width: 100%;
    font-size: calc(18 / var(--base-size) * 100vw);
    position: relative;
    letter-spacing: -0.017em;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/BannerWithTitle/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.banner-with-title {
  width: 100vw;
  height: calc(361 / var(--base-size) * 100vw);
  position: relative;
  border-bottom: calc(2.6 / var(--base-size) * 100vw) solid var(--color-gold);
}
@media only screen and (max-width: 860px) {
  .banner-with-title {
    height: calc(320 / var(--base-size) * 100vw);
  }
}
.banner-with-title .title {
  z-index: 9;
  width: 100%;
  height: 100%;
  display: flex;
  color: #414042;
  font-size: calc(50 / var(--base-size) * 100vw);
  align-items: center;
  position: relative;
  font-weight: var(--font-extra);
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .banner-with-title .title {
    font-size: calc(40 / var(--base-size) * 100vw);
    text-align: center;
    line-height: calc(48 / var(--base-size) * 100vw);
  }
}
.banner-with-title figure {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.banner-with-title figure img {
  width: 100%;
  height: 100%;
  background-size: cover;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/PartnerList/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.partner-gallery {
  padding: calc(98 / var(--base-size) * 100vw) 0;
}
@media only screen and (max-width: 860px) {
  .partner-gallery {
    padding-top: calc(69 / var(--base-size) * 100vw);
    padding-bottom: calc(57 / var(--base-size) * 100vw);
    background-color: #fff;
  }
}
.partner-gallery h2 {
  width: 100%;
  text-align: center;
  color: #6b5b38;
  font-size: calc(30 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .partner-gallery h2 {
    color: #353535;
    font-size: calc(18 / var(--base-size) * 100vw);
    line-height: calc(21 / var(--base-size) * 100vw);
  }
}
.partner-gallery .partner-logo-container {
  gap: 0;
  display: flex;
  margin-top: calc(55 / var(--base-size) * 100vw);
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .partner-gallery .partner-logo-container {
    margin-top: calc(83 / var(--base-size) * 100vw);
    align-items: center;
    flex-direction: column;
  }
}
.partner-gallery .partner-logo-container .logo:nth-of-type(1) {
  flex: 0 0 calc(240 / var(--base-size) * 100vw);
  width: calc(240 / var(--base-size) * 100vw);
  margin-right: calc(85 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .partner-gallery .partner-logo-container .logo:nth-of-type(1) {
    margin-right: 0;
    width: calc(240 / var(--base-size) * 100vw);
    flex: 0 0 auto;
    margin-bottom: calc(57 / var(--base-size) * 100vw);
  }
}
.partner-gallery .partner-logo-container .logo:nth-of-type(2) {
  flex: 0 0 calc(300 / var(--base-size) * 100vw);
  width: calc(300 / var(--base-size) * 100vw);
  margin-right: calc(95 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .partner-gallery .partner-logo-container .logo:nth-of-type(2) {
    margin-right: 0;
    flex: 0 0 auto;
    margin-bottom: calc(39 / var(--base-size) * 100vw);
  }
}
.partner-gallery .partner-logo-container .logo:nth-of-type(3) {
  flex: 0 0 calc(231 / var(--base-size) * 100vw);
  width: calc(231 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .partner-gallery .partner-logo-container .logo:nth-of-type(3) {
    flex: 0 0 auto;
    margin-bottom: calc(-3 / var(--base-size) * 100vw);
  }
}
.partner-gallery .partner-logo-container .logo:nth-of-type(4) {
  flex: 0 0 calc(200 / var(--base-size) * 100vw);
  margin-left: calc(78 / var(--base-size) * 100vw);
  width: calc(200 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .partner-gallery .partner-logo-container .logo:nth-of-type(4) {
    margin-left: 0;
    flex: 0 0 auto;
  }
}
.partner-gallery .partner-logo-container .logo figure {
  width: 100%;
  height: auto;
}
.partner-gallery .partner-logo-container .logo figure img {
  width: 100%;
  height: auto;
}
.partner-gallery.new-ui {
  padding: calc(112 / var(--base-size) * 100vw) 0 calc(106 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui {
    padding: calc(69 / var(--base-size) * 100vw) 0 calc(79 / var(--base-size) * 100vw);
  }
}
.partner-gallery.new-ui h2 {
  margin-bottom: calc(79 / var(--base-size) * 100vw);
  letter-spacing: -0.005em;
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui h2 {
    margin-bottom: calc(82 / var(--base-size) * 100vw);
  }
}
.partner-gallery.new-ui .partner-logo-container {
  display: grid;
  margin: 0 auto;
  row-gap: calc(44 / var(--base-size) * 100vw);
  max-width: calc(1068 / var(--base-size) * 100vw);
  transform: translateX(calc(7 / var(--base-size) * 100vw));
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container {
    display: block;
    transform: none;
  }
}
.partner-gallery.new-ui .partner-logo-container .logo {
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-gallery.new-ui .partner-logo-container .logo figure {
  width: 100%;
  height: calc(218 / var(--base-size) * 100vw);
}
.partner-gallery.new-ui .partner-logo-container .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo img {
    height: auto;
  }
}
.partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(1) {
  justify-content: flex-start;
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(1) {
    justify-content: center;
    margin-bottom: calc(56 / var(--base-size) * 100vw);
  }
}
.partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(1) figure {
  width: calc(261 / var(--base-size) * 100vw);
  height: calc(100 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(1) figure {
    width: calc(240 / var(--base-size) * 100vw);
    height: auto;
  }
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(2) {
    margin-bottom: calc(41 / var(--base-size) * 100vw);
  }
}
.partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(2) figure {
  width: calc(328 / var(--base-size) * 100vw);
  height: calc(77 / var(--base-size) * 100vw);
  transform: translateX(calc(-6 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(2) figure {
    width: calc(300 / var(--base-size) * 100vw);
    height: auto;
    transform: none;
  }
}
.partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(3) {
  justify-content: flex-end;
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(3) {
    margin-bottom: 0;
    justify-content: center;
  }
}
.partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(3) figure {
  width: calc(252 / var(--base-size) * 100vw);
  height: calc(171 / var(--base-size) * 100vw);
  transform: translateX(calc(-21 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(3) figure {
    width: calc(231 / var(--base-size) * 100vw);
    height: auto;
    transform: none;
  }
}
.partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(4) {
  justify-content: flex-start;
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(4) {
    margin-bottom: calc(41 / var(--base-size) * 100vw);
    justify-content: center;
  }
}
.partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(4) figure {
  width: calc(218 / var(--base-size) * 100vw);
  height: calc(218 / var(--base-size) * 100vw);
  transform: translateX(calc(13 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(4) figure {
    width: calc(200 / var(--base-size) * 100vw);
    height: calc(200 / var(--base-size) * 100vw);
    transform: none;
  }
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(5) {
    margin-bottom: calc(69 / var(--base-size) * 100vw);
  }
}
.partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(5) figure {
  width: calc(304 / var(--base-size) * 100vw);
  height: calc(105 / var(--base-size) * 100vw);
  transform: translateX(calc(-5 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(5) figure {
    width: calc(251 / var(--base-size) * 100vw);
    height: calc(87 / var(--base-size) * 100vw);
    transform: none;
  }
}
.partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(6) {
  justify-content: flex-end;
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(6) {
    justify-content: center;
  }
}
.partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(6) figure {
  width: calc(282 / var(--base-size) * 100vw);
  height: calc(160 / var(--base-size) * 100vw);
  transform: translateX(calc(-5 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .partner-gallery.new-ui .partner-logo-container .logo:nth-of-type(6) figure {
    width: calc(261 / var(--base-size) * 100vw);
    height: calc(148 / var(--base-size) * 100vw);
    transform: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/RegularBannerHalfText/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.full-width-banner-two-column {
  width: 100vw;
  height: auto;
  position: relative;
  background-color: #16130d;
  border-top: 2.5px solid #7f6e41;
  border-bottom: 2.5px solid #7f6e41;
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column {
    height: auto;
    border-color: #7f6e41;
  }
}
.full-width-banner-two-column .title {
  z-index: 4;
  color: #bc9f6c;
  position: relative;
  font-size: calc(35 / var(--base-size) * 100vw);
  margin-top: calc(-5 / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column .title {
    padding: 0;
    margin-top: 0;
    font-size: calc(37 / var(--base-size) * 100vw);
  }
}
.full-width-banner-two-column .description {
  font-size: calc(24 / var(--base-size) * 100vw);
  color: #e5e5e5;
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column .description {
    font-size: calc(18 / var(--base-size) * 100vw);
  }
}
.full-width-banner-two-column figure {
  width: 100%;
  height: calc(362 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column figure {
    height: calc(329 / var(--base-size) * 100vw);
  }
}
.full-width-banner-two-column figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column figure img {
    height: 100%;
  }
}
.full-width-banner-two-column .content-wrapper {
  display: grid;
  grid-template-columns: calc(960 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column .content-wrapper {
    display: block;
  }
}
.full-width-banner-two-column .content-wrapper-detail {
  display: flex;
  height: calc(362 / var(--base-size) * 100vw);
  flex-direction: column;
  justify-content: center;
  padding: 0 calc(99 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column .content-wrapper-detail {
    height: auto !important;
    padding: calc(49 / var(--base-size) * 100vw) calc(21 / var(--base-size) * 100vw) calc(82 / var(--base-size) * 100vw);
  }
}
.full-width-banner-two-column .content-wrapper-detail .description {
  margin-top: calc(23 / var(--base-size) * 100vw);
  max-width: calc(490 / var(--base-size) * 100vw);
  line-height: calc(28 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column .content-wrapper-detail .description {
    margin-top: calc(24 / var(--base-size) * 100vw);
    line-height: calc(23 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column.investing-banner {
    height: auto;
  }
  .full-width-banner-two-column.investing-banner .content-wrapper-detail {
    padding-bottom: calc(49 / var(--base-size) * 100vw);
  }
}
.full-width-banner-two-column.investing-banner figure {
  height: calc(423 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column.investing-banner figure {
    height: calc(329 / var(--base-size) * 100vw);
  }
}
.full-width-banner-two-column.investing-banner figure img {
  height: calc(423 / var(--base-size) * 100vw);
}
.full-width-banner-two-column.investing-banner .content-wrapper-detail {
  height: calc(423 / var(--base-size) * 100vw);
  padding-left: calc(91 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .full-width-banner-two-column.investing-banner .content-wrapper-detail {
    padding-left: calc(21 / var(--base-size) * 100vw);
  }
}
.full-width-banner-two-column.investing-banner .content-wrapper-detail .title {
  margin-top: calc(-3 / var(--base-size) * 100vw);
}

@media only screen and (max-width: 860px) {
  .partner-banner-visiton-section .content-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
}
.partner-banner-visiton-section .content-wrapper-detail {
  margin-top: calc(-6 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .partner-banner-visiton-section .content-wrapper-detail {
    margin-top: calc(2 / var(--base-size) * 100vw);
    padding-bottom: calc(101 / var(--base-size) * 100vw);
  }
}
.partner-banner-visiton-section .content-wrapper-detail .title {
  color: #fff;
}
@media only screen and (max-width: 860px) {
  .partner-banner-visiton-section .content-wrapper-detail .title {
    font-size: calc(30 / var(--base-size) * 100vw);
    line-height: calc(44 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .partner-banner-visiton-section .content-wrapper-detail .description {
    font-size: calc(18 / var(--base-size) * 100vw);
    line-height: calc(23 / var(--base-size) * 100vw);
    margin-top: calc(16 / var(--base-size) * 100vw);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/TitleWithLogo/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.featured-title-with-logo {
  padding: calc(110 / var(--base-size) * 100vw) 0;
}
@media only screen and (max-width: 860px) {
  .featured-title-with-logo {
    padding-top: calc(43 / var(--base-size) * 100vw);
  }
}
.featured-title-with-logo .main-container {
  grid-column: 4/14;
  color: #f7f7f7;
  position: relative;
  padding: 0 calc(18 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title-with-logo .main-container {
    padding: 0 calc(21 / var(--base-size) * 100vw);
  }
}
.featured-title-with-logo .main-container.top-content {
  display: flex;
  min-height: calc(232 / var(--base-size) * 100vw);
  align-items: center;
  padding-top: calc(20 / var(--base-size) * 100vw);
  flex-direction: column;
  margin-bottom: calc(66 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title-with-logo .main-container.top-content {
    display: block;
    padding-top: calc(26 / var(--base-size) * 100vw);
    margin-bottom: calc(64 / var(--base-size) * 100vw);
  }
}
.featured-title-with-logo .main-container.top-content .content-wrapper {
  text-align: center;
  margin-top: calc(14 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title-with-logo .main-container.top-content .content-wrapper {
    text-align: left;
  }
}
.featured-title-with-logo .main-container.top-content .content-wrapper .label {
  color: #937d4d;
  font-size: calc(28 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .featured-title-with-logo .main-container.top-content .content-wrapper .label {
    margin-bottom: calc(5 / var(--base-size) * 100vw);
    font-size: calc(18 / var(--base-size) * 100vw);
  }
}
.featured-title-with-logo .main-container.top-content svg {
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  width: calc(299 / var(--base-size) * 100vw);
  margin: 0 auto;
  opacity: 0.18;
  pointer-events: none;
  position: absolute;
  transform: translateX(calc(10 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .featured-title-with-logo .main-container.top-content svg {
    opacity: 1;
    left: unset;
    height: calc(66 / var(--base-size) * 100vw);
    width: calc(70.6 / var(--base-size) * 100vw);
    transform: none;
    margin: 0 0 calc(3 / var(--base-size) * 100vw);
    position: relative;
  }
}
@media only screen and (max-width: 860px) {
  .featured-title-with-logo .main-container.columb-card {
    padding: calc(72 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) 0;
    border-top: 2px solid #7a7a7a;
  }
}
.featured-title-with-logo .main-container .title {
  font-weight: var(--font-extra);
  font-size: calc(46 / var(--base-size) * 100vw);
  color: #6b5b38;
  line-height: calc(49 / var(--base-size) * 100vw);
  margin-bottom: calc(26 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title-with-logo .main-container .title {
    color: #231e14;
    font-size: calc(36 / var(--base-size) * 100vw);
    line-height: calc(40 / var(--base-size) * 100vw);
    margin-bottom: calc(38 / var(--base-size) * 100vw);
  }
}
.featured-title-with-logo .main-container .description {
  margin: 0 auto;
  font-size: calc(24 / var(--base-size) * 100vw);
  color: #161616;
  text-align: center;
  max-width: calc(735 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .featured-title-with-logo .main-container .description {
    text-align: left;
    color: #353535;
  }
}
.featured-title-with-logo.no-footer {
  padding-bottom: calc(99 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title-with-logo.no-footer {
    padding-bottom: calc(8 / var(--base-size) * 100vw);
  }
}
.featured-title-with-logo.no-footer .main-container {
  margin-bottom: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/TwoGridColumnCardAlt/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.two-grid-column-card-alt {
  padding: calc(31 / var(--base-size) * 100vw) 0 0;
  position: relative;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt {
    padding-top: calc(63 / var(--base-size) * 100vw);
    padding-bottom: 0;
  }
}
.two-grid-column-card-alt:after, .two-grid-column-card-alt::before {
  width: calc(2 / var(--base-size) * 100vw);
  top: calc(31 / var(--base-size) * 100vw);
  z-index: 1;
  bottom: 0;
  height: auto;
  content: "";
  position: absolute;
  background-color: #bfbfbf;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt:after, .two-grid-column-card-alt::before {
    display: none;
  }
}
.two-grid-column-card-alt::before {
  left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
.two-grid-column-card-alt:after {
  right: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
.two-grid-column-card-alt .content {
  z-index: 2;
  display: grid;
  position: relative;
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #937d4d;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content {
    display: block;
    border-bottom: 0;
  }
}
.two-grid-column-card-alt .content .card-wrapper-a {
  gap: calc(28 / var(--base-size) * 100vw);
  width: 100%;
  display: flex;
  height: calc(92.6 / var(--base-size) * 100vw);
  position: relative;
  align-items: center;
  border-top: calc(2 / var(--base-size) * 100vw) solid rgba(65, 64, 66, 0.4);
  border-bottom: calc(2 / var(--base-size) * 100vw) solid rgba(65, 64, 66, 0.4);
  padding: 0 calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-a {
    gap: calc(14 / var(--base-size) * 100vw);
    height: auto;
    align-items: flex-start;
    padding: calc(31 / var(--base-size) * 100vw) calc(var(--g-padding-container) / var(--base-size) * 100vw) calc(25 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-a .icon {
  width: calc(43 / var(--base-size) * 100vw);
  display: flex;
  height: calc(40 / var(--base-size) * 100vw);
  margin-left: calc(28 / var(--base-size) * 100vw);
  align-items: center;
  border: 1.5px solid #afafaf;
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-a .icon {
    margin: 0;
    height: calc(44 / var(--base-size) * 100vw);
    flex: 0 0 calc(47.5 / var(--base-size) * 100vw);
    transform: translateY(calc(7 / var(--base-size) * 100vw));
  }
}
.two-grid-column-card-alt .content .card-wrapper-a .icon svg {
  width: calc(24 / var(--base-size) * 100vw);
  height: calc(24 / var(--base-size) * 100vw);
}
.two-grid-column-card-alt .content .card-wrapper-a h2 {
  font-size: calc(35 / var(--base-size) * 100vw);
  color: #231e14;
  margin-bottom: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-a h2 {
    font-size: calc(30 / var(--base-size) * 100vw);
    line-height: calc(36 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-b {
  padding: 0 calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b {
    padding: calc(22 / var(--base-size) * 100vw) calc(var(--g-padding-container) / var(--base-size) * 100vw) calc(68 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description {
  height: calc(221 / var(--base-size) * 100vw);
  max-width: calc(589 / var(--base-size) * 100vw);
  padding-top: calc(18 / var(--base-size) * 100vw);
  padding-left: calc(98 / var(--base-size) * 100vw);
  font-size: calc(21 / var(--base-size) * 100vw);
  color: #3d3122;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description {
    padding: 0;
    height: auto;
    font-size: calc(18 / var(--base-size) * 100vw);
    color: #353535;
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description.amenity-list-wrapper {
  padding-left: calc(55 / var(--base-size) * 100vw);
  padding-top: calc(22 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description.amenity-list-wrapper {
    padding-top: 0;
    padding-left: calc(15 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list {
  gap: 0;
  margin: 0;
  row-gap: calc(2 / var(--base-size) * 100vw);
  display: grid;
  padding-left: 0;
  max-width: calc(506 / var(--base-size) * 100vw);
  grid-auto-flow: column;
  counter-reset: list-counter;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, auto);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list {
    grid-auto-flow: unset;
    grid-template-columns: 1fr;
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li {
  gap: calc(16 / var(--base-size) * 100vw);
  display: flex;
  color: #3d3122;
  list-style: none;
  font-size: calc(21 / var(--base-size) * 100vw);
  position: relative;
  counter-increment: list-counter;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li {
    line-height: calc(23 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li::before {
  top: 0;
  left: calc(-10 / var(--base-size) * 100vw);
  width: calc(30 / var(--base-size) * 100vw);
  color: #937d4d;
  display: block;
  text-align: right;
  position: relative;
  content: counter(list-counter);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li::before {
    left: calc(-10 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li::after {
  top: 0;
  content: ".";
  left: 0;
  width: calc(30 / var(--base-size) * 100vw);
  color: #937d4d;
  display: block;
  text-align: right;
  position: absolute;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li::after {
    left: 0;
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li .num {
  display: none;
  flex: 0 0 calc(30 / var(--base-size) * 100vw);
  color: #937d4d;
  opacity: 0.2;
  justify-content: space-between;
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li .num .amenity-item {
  flex: 0 0 calc(20 / var(--base-size) * 100vw);
  text-align: right;
  justify-content: flex-end;
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(even) .card-wrapper-a {
  padding-left: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(even) .card-wrapper-a {
    padding-left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(even) .card-wrapper-a:before {
    content: "";
    height: 100%;
    position: absolute;
    background-color: #937d4d;
    width: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
    right: 0;
    top: 0;
    width: calc(21 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(even) .card-wrapper-b {
  padding-left: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(even) .card-wrapper-b {
    padding-left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) {
  border-right: calc(2 / var(--base-size) * 100vw) solid #bfbfbf;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) {
    border-right: 0;
  }
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) .card-wrapper-a {
  padding-right: 0;
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) .card-wrapper-a:before {
  left: 0;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #937d4d;
  width: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) .card-wrapper-a:before {
    right: 0;
    top: 0;
    left: unset;
    width: calc(21 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) .card-wrapper-b {
  padding-right: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) .card-wrapper-b {
    padding-right: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:last-child {
    padding-bottom: calc(10 / var(--base-size) * 100vw);
    border-bottom: calc(2 / var(--base-size) * 100vw) solid var(--color-gold);
  }
}
.two-grid-column-card-alt .timeline-list {
  margin-bottom: calc(9 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .timeline-list {
    margin-bottom: calc(23 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .timeline-list:first-child {
    margin-top: calc(11 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .timeline-list:last-child {
  margin-bottom: 0;
}
.two-grid-column-card-alt .timeline-list .group {
  gap: calc(23 / var(--base-size) * 100vw);
  display: grid;
  font-size: calc(21 / var(--base-size) * 100vw);
  grid-template-columns: calc(170 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .timeline-list .group {
    display: block;
    font-size: calc(18 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .timeline-list .group .value {
  font-weight: var(--font-semi-bold);
  color: #937d4d;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .timeline-list .group .value {
    margin-top: calc(3 / var(--base-size) * 100vw);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/SliderGallery/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.slider-gallery {
  margin-top: calc(130 / var(--base-size) * 100vw);
  padding-bottom: calc(90 / var(--base-size) * 100vw);
  border-bottom: 2px solid #bfbfbf;
}
@media only screen and (max-width: 860px) {
  .slider-gallery {
    margin: calc(57 / var(--base-size) * 100vw) 0 0;
    padding-bottom: calc(55 / var(--base-size) * 100vw);
  }
}
.slider-gallery .swiper {
  position: relative;
}
.slider-gallery .swiper .swiper-slide {
  opacity: 0.3;
  width: calc(1099 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .slider-gallery .swiper .swiper-slide {
    width: calc(337 / var(--base-size) * 100vw);
  }
}
.slider-gallery .swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.slider-gallery .swiper figure {
  width: calc(1099 / var(--base-size) * 100vw);
  height: calc(618 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .slider-gallery .swiper figure {
    width: calc(337 / var(--base-size) * 100vw);
    height: calc(189 / var(--base-size) * 100vw);
  }
}
.slider-gallery .swiper figure img {
  width: 100%;
  height: 100%;
}
.slider-gallery .pagination {
  gap: calc(15 / var(--base-size) * 100vw);
  display: flex;
  margin-top: calc(58 / var(--base-size) * 100vw);
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .slider-gallery .pagination {
    gap: calc(11 / var(--base-size) * 100vw);
    margin-top: calc(34 / var(--base-size) * 100vw);
  }
}
.slider-gallery .pagination-item {
  width: calc(10 / var(--base-size) * 100vw);
  height: calc(10 / var(--base-size) * 100vw);
  cursor: pointer;
  border-radius: calc(6 / var(--base-size) * 100vw);
  transition: all 0.3s ease;
  background-color: #edd5a9;
}
@media only screen and (max-width: 860px) {
  .slider-gallery .pagination-item {
    width: calc(9 / var(--base-size) * 100vw);
    height: calc(9 / var(--base-size) * 100vw);
  }
}
.slider-gallery .pagination-item.selected {
  background-color: #ba9d63;
}
.slider-gallery .pagination-item.active:not(.selected) {
  width: calc(56 / var(--base-size) * 100vw);
  flex: 0 0 calc(56 / var(--base-size) * 100vw);
  overflow: hidden;
  border-radius: calc(6 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .slider-gallery .pagination-item.active:not(.selected) {
    width: calc(56 / var(--base-size) * 100vw);
    flex: 0 0 calc(56 / var(--base-size) * 100vw);
  }
}
.slider-gallery .pagination-item.active:not(.selected) .progress-bar {
  width: 100%;
  height: 100%;
  border-radius: calc(30 / var(--base-size) * 100vw);
  background-color: #ba9d63;
  transform: translateX(-100%);
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/VisionList/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.vision-list .inner-block-wrapper {
  height: 100%;
  margin: 0 auto;
  display: flex;
  width: calc(1234 / var(--base-size) * 100vw);
  justify-content: space-between;
  border-right: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
  border-left: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .vision-list .inner-block-wrapper {
    width: 100%;
    border: none;
    flex-direction: column-reverse;
  }
}
.vision-list-inner .header {
  height: calc(188 / var(--base-size) * 100vw);
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #bfbfbf;
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .header {
    height: calc(217 / var(--base-size) * 100vw);
    border-color: #7f6e41;
  }
  .vision-list-inner .header.has-header-cta {
    height: auto;
    padding-bottom: calc(32 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .header .inner-block-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  padding: calc(17 / var(--base-size) * 100vw) calc(26 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .header .inner-block-wrapper {
    padding-left: calc(21 / var(--base-size) * 100vw);
    padding-bottom: calc(24 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .header .inner-block-wrapper.with-cta {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .header .inner-block-wrapper.with-cta {
    display: block;
  }
}
.vision-list-inner .header .inner-block-wrapper.with-cta .content {
  flex: 1 auto;
  padding: 0 calc(26 / var(--base-size) * 100vw) calc(15 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .header .inner-block-wrapper.with-cta .content {
    height: calc(210 / var(--base-size) * 100vw);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: calc(23 / var(--base-size) * 100vw);
    padding-bottom: calc(43 / var(--base-size) * 100vw);
  }
  .vision-list-inner .header .inner-block-wrapper.with-cta .content .header-label {
    letter-spacing: -0.007em;
  }
  .vision-list-inner .header .inner-block-wrapper.with-cta .content .header-title {
    margin-top: calc(4 / var(--base-size) * 100vw);
    letter-spacing: -0.008em;
  }
}
.vision-list-inner .header .inner-block-wrapper.with-cta .header-cta {
  color: #fff;
  height: 100%;
  display: flex;
  flex: 0 0 calc(576 / var(--base-size) * 100vw);
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #937d4d;
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .header .inner-block-wrapper.with-cta .header-cta {
    height: calc(188 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .header .inner-block-wrapper.with-cta .header-cta .cta-title {
  margin-top: calc(2 / var(--base-size) * 100vw);
  font-size: calc(24 / var(--base-size) * 100vw);
  line-height: calc(25 / var(--base-size) * 100vw);
  margin-bottom: calc(16 / var(--base-size) * 100vw);
  letter-spacing: -0.005em;
  font-weight: var(--font-bold);
  transform: translateY(calc(1 / var(--base-size) * 100vw)) translateX(calc(-1 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .header .inner-block-wrapper.with-cta .header-cta .cta-title {
    font-size: calc(22 / var(--base-size) * 100vw);
    line-height: calc(25 / var(--base-size) * 100vw);
    margin-bottom: calc(19 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .header .inner-block-wrapper.with-cta .header-cta .primary-button a {
  color: #fff;
  width: calc(210 / var(--base-size) * 100vw);
  height: calc(49 / var(--base-size) * 100vw);
  padding-top: calc(1 / var(--base-size) * 100vw);
  font-size: calc(19 / var(--base-size) * 100vw);
  line-height: calc(22 / var(--base-size) * 100vw);
  padding-left: calc(49 / var(--base-size) * 100vw);
  letter-spacing: -0.01em;
  border: calc(1 / var(--base-size) * 100vw) solid #fff;
  transform: translateX(calc(-7 / var(--base-size) * 100vw));
}
.vision-list-inner .header .inner-block-wrapper.with-cta .header-cta .primary-button a::before {
  background-color: #fff;
}
.vision-list-inner .header .inner-block-wrapper.with-cta .header-cta .primary-button a svg path {
  fill: #ffe2ae;
}
@media only screen and (min-width: 879px) {
  .vision-list-inner .header .inner-block-wrapper.with-cta .header-cta .primary-button a:hover {
    color: #937d4d;
  }
  .vision-list-inner .header .inner-block-wrapper.with-cta .header-cta .primary-button a:hover svg path {
    fill: #937d4d !important;
  }
}
.vision-list-inner .header-label {
  font-size: calc(28 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
  color: var(--color-gold);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .header-label {
    font-size: calc(22 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .header-title {
  color: #414042;
  font-size: calc(48 / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .header-title {
    font-size: calc(36 / var(--base-size) * 100vw);
    margin-top: calc(5 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .item-wrapper {
  width: 100%;
  display: flex;
  margin-top: calc(54 / var(--base-size) * 100vw);
  justify-content: space-between;
  border-top: calc(2 / var(--base-size) * 100vw) solid #bfbfbf;
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #bfbfbf;
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .item-wrapper {
    border-color: #7f6e41;
  }
}
.vision-list-inner .item-wrapper .box {
  flex: 1 auto;
}
.vision-list-inner .item-wrapper .box.content-thumb {
  max-width: calc(576 / var(--base-size) * 100vw);
  flex: 0 0 calc(576 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .item-wrapper .box.content-thumb {
    flex: 0 0 calc(189 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .item-wrapper .box.content-wrapper {
  gap: calc(27 / var(--base-size) * 100vw);
  flex: 1 auto;
  display: flex;
  color: #353535;
  padding: calc(30 / var(--base-size) * 100vw) calc(31 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .item-wrapper .box.content-wrapper {
    padding: calc(24 / var(--base-size) * 100vw) calc(17 / var(--base-size) * 100vw) calc(66 / var(--base-size) * 100vw);
    flex-direction: column-reverse;
  }
}
.vision-list-inner .item-wrapper .box.content-wrapper .content {
  padding-right: calc(10 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .item-wrapper .box.content-wrapper .content {
    padding-right: 0;
  }
}
.vision-list-inner .item-wrapper .box.content-wrapper .list-title {
  font-size: calc(24 / var(--base-size) * 100vw);
  margin-bottom: calc(6 / var(--base-size) * 100vw);
  font-weight: var(--font-bold);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .item-wrapper .box.content-wrapper .list-title {
    font-size: calc(21 / var(--base-size) * 100vw);
    line-height: calc(25 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .item-wrapper .box.content-wrapper .list-desc {
  font-size: calc(22 / var(--base-size) * 100vw);
  line-height: calc(26 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .item-wrapper .box.content-wrapper .list-desc {
    font-size: calc(18 / var(--base-size) * 100vw);
    line-height: calc(21 / var(--base-size) * 100vw);
    margin-bottom: calc(24 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .item-wrapper .box.content-wrapper svg {
  width: calc(44 / var(--base-size) * 100vw);
  height: calc(44 / var(--base-size) * 100vw);
  flex: 0 0 calc(44 / var(--base-size) * 100vw);
  transform: translateY(calc(7 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .item-wrapper .box.content-wrapper svg {
    transform: none;
    margin-top: calc(2 / var(--base-size) * 100vw);
    margin-left: calc(3 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .item-wrapper .box.content-wrapper svg path {
  fill: #939393;
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .item-wrapper .box.content-wrapper svg path {
    fill: #ba9d63;
  }
}
.vision-list-inner .item-wrapper .box figure {
  width: 100%;
  height: calc(239 / var(--base-size) * 100vw);
  -o-object-fit: cover;
     object-fit: cover;
}
.vision-list-inner .item-wrapper .box figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.vision-list-inner .item-wrapper:nth-of-type(even) .inner-block-wrapper {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .item-wrapper:nth-of-type(even) .inner-block-wrapper {
    flex-direction: column-reverse;
  }
}
.vision-list-inner .item-wrapper:nth-of-type(even) .inner-block-wrapper .content-wrapper {
  padding-left: calc(2 / var(--base-size) * 100vw);
  padding-right: 0;
  flex: 0 0 calc(576 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .item-wrapper:nth-of-type(even) .inner-block-wrapper .content-wrapper {
    flex: 1 auto;
    padding: calc(24 / var(--base-size) * 100vw) calc(17 / var(--base-size) * 100vw) calc(66 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .footer-container .inner-block-wrapper {
  gap: calc(27 / var(--base-size) * 100vw);
  height: calc(287 / var(--base-size) * 100vw);
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .footer-container .inner-block-wrapper {
    height: calc(247 / var(--base-size) * 100vw);
    padding-top: calc(55 / var(--base-size) * 100vw);
    justify-content: flex-start;
  }
}
.vision-list-inner .footer-container .inner-block-wrapper .title {
  font-size: calc(24 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .footer-container .inner-block-wrapper .title {
    font-size: calc(21 / var(--base-size) * 100vw);
    line-height: calc(25 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .footer-container .inner-block-wrapper .primary-button {
    width: 100%;
    padding: 0 calc(17 / var(--base-size) * 100vw);
  }
  .vision-list-inner .footer-container .inner-block-wrapper .primary-button a {
    width: 100%;
    justify-content: center;
  }
}
.vision-list-inner .footer-container.with-slider .inner-block-wrapper {
  border: none;
  gap: calc(21 / var(--base-size) * 100vw);
  height: calc(278 / var(--base-size) * 100vw);
  margin-top: calc(-2 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .footer-container.with-slider .inner-block-wrapper {
    height: calc(266 / var(--base-size) * 100vw);
  }
}
.vision-list-inner .footer-container.with-slider .inner-block-wrapper .title {
  font-size: calc(30 / var(--base-size) * 100vw);
  line-height: calc(36 / var(--base-size) * 100vw);
  margin-top: calc(-7 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .footer-container.with-slider .inner-block-wrapper .title {
    margin-top: calc(17 / var(--base-size) * 100vw);
    font-size: calc(23 / var(--base-size) * 100vw);
    line-height: calc(27 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .footer-container.with-slider .inner-block-wrapper .primary-button {
    display: flex;
    justify-content: center;
  }
}
.vision-list-inner .footer-container.with-slider .inner-block-wrapper .primary-button a {
  height: calc(55 / var(--base-size) * 100vw);
  padding: 0 calc(29 / var(--base-size) * 100vw);
  letter-spacing: 0.021em;
}
@media only screen and (max-width: 860px) {
  .vision-list-inner .footer-container.with-slider .inner-block-wrapper .primary-button a {
    height: calc(63 / var(--base-size) * 100vw);
    width: calc(333 / var(--base-size) * 100vw);
    letter-spacing: 0.041em;
    padding: 0 calc(26 / var(--base-size) * 100vw);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/TwoGridColumnCardAltDynamic/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.two-grid-column-card-alt {
  padding: calc(31 / var(--base-size) * 100vw) 0 0;
  position: relative;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt {
    padding-top: calc(63 / var(--base-size) * 100vw);
    padding-bottom: 0;
  }
}
.two-grid-column-card-alt:after, .two-grid-column-card-alt::before {
  width: calc(2 / var(--base-size) * 100vw);
  top: calc(31 / var(--base-size) * 100vw);
  z-index: 1;
  bottom: 0;
  height: auto;
  content: "";
  position: absolute;
  background-color: #bfbfbf;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt:after, .two-grid-column-card-alt::before {
    display: none;
  }
}
.two-grid-column-card-alt::before {
  left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
.two-grid-column-card-alt:after {
  right: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
.two-grid-column-card-alt .content {
  z-index: 2;
  display: grid;
  position: relative;
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #937d4d;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content {
    display: block;
    border-bottom: 0;
  }
}
.two-grid-column-card-alt .content .card-wrapper-a {
  gap: calc(28 / var(--base-size) * 100vw);
  width: 100%;
  display: flex;
  height: calc(92.6 / var(--base-size) * 100vw);
  position: relative;
  align-items: center;
  border-top: calc(2 / var(--base-size) * 100vw) solid rgba(65, 64, 66, 0.4);
  border-bottom: calc(2 / var(--base-size) * 100vw) solid rgba(65, 64, 66, 0.4);
  padding: 0 calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-a {
    gap: calc(14 / var(--base-size) * 100vw);
    height: auto;
    align-items: flex-start;
    padding: calc(31 / var(--base-size) * 100vw) calc(var(--g-padding-container) / var(--base-size) * 100vw) calc(25 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-a .icon {
  width: calc(43 / var(--base-size) * 100vw);
  display: flex;
  height: calc(40 / var(--base-size) * 100vw);
  margin-left: calc(28 / var(--base-size) * 100vw);
  align-items: center;
  border: 1.5px solid #afafaf;
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-a .icon {
    margin: 0;
    height: calc(44 / var(--base-size) * 100vw);
    flex: 0 0 calc(47.5 / var(--base-size) * 100vw);
    transform: translateY(calc(7 / var(--base-size) * 100vw));
  }
}
.two-grid-column-card-alt .content .card-wrapper-a .icon svg {
  width: calc(24 / var(--base-size) * 100vw);
  height: calc(24 / var(--base-size) * 100vw);
}
.two-grid-column-card-alt .content .card-wrapper-a h2 {
  font-size: calc(35 / var(--base-size) * 100vw);
  color: #231e14;
  margin-bottom: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-a h2 {
    font-size: calc(30 / var(--base-size) * 100vw);
    line-height: calc(36 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-b {
  padding: 0 calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b {
    padding: calc(22 / var(--base-size) * 100vw) calc(var(--g-padding-container) / var(--base-size) * 100vw) calc(68 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description {
  height: calc(221 / var(--base-size) * 100vw);
  max-width: calc(589 / var(--base-size) * 100vw);
  padding-top: calc(18 / var(--base-size) * 100vw);
  padding-left: calc(98 / var(--base-size) * 100vw);
  font-size: calc(21 / var(--base-size) * 100vw);
  color: #3d3122;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description {
    padding: 0;
    height: auto;
    font-size: calc(18 / var(--base-size) * 100vw);
    color: #353535;
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description.amenity-list-wrapper {
  padding-left: calc(55 / var(--base-size) * 100vw);
  padding-top: calc(22 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description.amenity-list-wrapper {
    padding-top: 0;
    padding-left: calc(15 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list {
  gap: 0;
  margin: 0;
  row-gap: calc(2 / var(--base-size) * 100vw);
  display: grid;
  padding-left: 0;
  max-width: calc(506 / var(--base-size) * 100vw);
  grid-auto-flow: column;
  counter-reset: list-counter;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, auto);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list {
    grid-auto-flow: unset;
    grid-template-columns: 1fr;
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li {
  gap: calc(16 / var(--base-size) * 100vw);
  display: flex;
  color: #3d3122;
  list-style: none;
  font-size: calc(21 / var(--base-size) * 100vw);
  position: relative;
  counter-increment: list-counter;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li {
    line-height: calc(23 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li::before {
  top: 0;
  left: calc(-10 / var(--base-size) * 100vw);
  width: calc(30 / var(--base-size) * 100vw);
  color: #937d4d;
  display: block;
  text-align: right;
  position: relative;
  content: counter(list-counter);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li::before {
    left: calc(-10 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li::after {
  top: 0;
  content: ".";
  left: 0;
  width: calc(30 / var(--base-size) * 100vw);
  color: #937d4d;
  display: block;
  text-align: right;
  position: absolute;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li::after {
    left: 0;
  }
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li .num {
  display: none;
  flex: 0 0 calc(30 / var(--base-size) * 100vw);
  color: #937d4d;
  opacity: 0.2;
  justify-content: space-between;
}
.two-grid-column-card-alt .content .card-wrapper-b .description .amenity-list li .num .amenity-item {
  flex: 0 0 calc(20 / var(--base-size) * 100vw);
  text-align: right;
  justify-content: flex-end;
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(even) .card-wrapper-a {
  padding-left: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(even) .card-wrapper-a {
    padding-left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(even) .card-wrapper-a:before {
    content: "";
    height: 100%;
    position: absolute;
    background-color: #937d4d;
    width: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
    right: 0;
    top: 0;
    width: calc(21 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(even) .card-wrapper-b {
  padding-left: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(even) .card-wrapper-b {
    padding-left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) {
  border-right: calc(2 / var(--base-size) * 100vw) solid #bfbfbf;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) {
    border-right: 0;
  }
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) .card-wrapper-a {
  padding-right: 0;
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) .card-wrapper-a:before {
  left: 0;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #937d4d;
  width: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) .card-wrapper-a:before {
    right: 0;
    top: 0;
    left: unset;
    width: calc(21 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) .card-wrapper-b {
  padding-right: 0;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:nth-of-type(odd) .card-wrapper-b {
    padding-right: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .content .card-wrapper:last-child {
    padding-bottom: calc(10 / var(--base-size) * 100vw);
    border-bottom: calc(2 / var(--base-size) * 100vw) solid var(--color-gold);
  }
}
.two-grid-column-card-alt .timeline-list {
  margin-bottom: calc(9 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .timeline-list {
    margin-bottom: calc(23 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .timeline-list:first-child {
    margin-top: calc(11 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .timeline-list:last-child {
  margin-bottom: 0;
}
.two-grid-column-card-alt .timeline-list .group {
  gap: calc(23 / var(--base-size) * 100vw);
  display: grid;
  font-size: calc(21 / var(--base-size) * 100vw);
  grid-template-columns: calc(170 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .timeline-list .group {
    display: block;
    font-size: calc(18 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt .timeline-list .group .value {
  font-weight: var(--font-semi-bold);
  color: #937d4d;
}
@media only screen and (max-width: 860px) {
  .two-grid-column-card-alt .timeline-list .group .value {
    margin-top: calc(3 / var(--base-size) * 100vw);
  }
}
.two-grid-column-card-alt.new-ui .timeline-list .group {
  gap: calc(31 / var(--base-size) * 100vw);
  grid-template-columns: calc(225 / var(--base-size) * 100vw) 1fr;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/BannerOffice/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.banner-office {
  display: grid;
  gap: calc(104 / var(--base-size) * 100vw);
  height: calc(416 / var(--base-size) * 100vw);
  border-bottom: 1px solid #937d4d;
  border-top: 1px solid #937d4d;
  grid-template-columns: calc(1125 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 860px) {
  .banner-office {
    height: auto;
    display: block;
    overflow: hidden;
    border-bottom: 2px solid #937d4d;
  }
}
.banner-office figure {
  width: calc(1125 / var(--base-size) * 100vw);
  height: calc(416 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .banner-office figure {
    border-bottom: 2px solid #937d4d;
    transform: translateX(calc(-128 / var(--base-size) * 100vw));
  }
}
.banner-office figure img {
  width: 100%;
}
.banner-office .content {
  color: #231e14;
  padding-top: calc(48 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .banner-office .content {
    padding: calc(38 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) calc(65 / var(--base-size) * 100vw);
  }
}
.banner-office .content h2 {
  font-size: calc(40 / var(--base-size) * 100vw);
  margin-bottom: calc(17 / var(--base-size) * 100vw);
  line-height: calc(64.71 / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .banner-office .content h2 {
    font-size: calc(33 / var(--base-size) * 100vw);
    margin-bottom: calc(4 / var(--base-size) * 100vw);
    color: #231e14;
  }
}
.banner-office .content .description {
  font-size: calc(24 / var(--base-size) * 100vw);
  line-height: calc(31 / var(--base-size) * 100vw);
  margin-bottom: calc(35 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .banner-office .content .description {
    font-size: calc(21 / var(--base-size) * 100vw);
    line-height: calc(28 / var(--base-size) * 100vw);
    margin-bottom: calc(46 / var(--base-size) * 100vw);
  }
}
.banner-office .content .contact {
  font-size: calc(26 / var(--base-size) * 100vw);
  line-height: calc(32 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .banner-office .content .contact {
    font-size: calc(23 / var(--base-size) * 100vw);
    line-height: calc(31 / var(--base-size) * 100vw);
    color: #0c0c0c;
  }
}
.banner-office .content .contact a {
  color: #937d4d;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/ContactForm/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.contact-form {
  width: 100vw;
  position: relative;
  padding-bottom: calc(124 / var(--base-size) * 100vw);
  background-color: #231e14;
}
.contact-form figure {
  inset: 0;
  z-index: 1;
  height: 100%;
  width: 100vw;
  position: absolute;
}
.contact-form figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-form-content {
  gap: calc(150 / var(--base-size) * 100vw);
  z-index: 2;
  display: grid;
  position: relative;
  padding: 0 calc(360 / var(--base-size) * 100vw);
  margin-top: calc(125 / var(--base-size) * 100vw);
  grid-template-columns: calc(450 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 860px) {
  .contact-form-content {
    display: block;
    margin-top: calc(70 / var(--base-size) * 100vw);
    padding: 0 calc(20 / var(--base-size) * 100vw);
  }
}
.contact-form-content h2 {
  font-size: calc(35 / var(--base-size) * 100vw);
  color: #f7f7f7;
  margin-bottom: calc(18 / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .contact-form-content h2 {
    font-size: calc(32 / var(--base-size) * 100vw);
  }
}
.contact-form-content .description {
  font-size: calc(21 / var(--base-size) * 100vw);
  color: #f7f7f7;
}
@media only screen and (max-width: 860px) {
  .contact-form-content .description {
    font-size: calc(19 / var(--base-size) * 100vw);
    line-height: calc(25 / var(--base-size) * 100vw);
    margin-bottom: calc(73 / var(--base-size) * 100vw);
  }
}
.contact-form-content-b p {
  display: inline;
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit) {
  padding-top: calc(33 / var(--base-size) * 100vw);
  padding-bottom: calc(9 / var(--base-size) * 100vw);
  border-bottom: 1px solid #937d4d;
  position: relative;
}
@media only screen and (max-width: 860px) {
  .contact-form .form-wrapper .input-wrapper:not(.button-submit) {
    padding-top: calc(28 / var(--base-size) * 100vw);
    padding-bottom: calc(12 / var(--base-size) * 100vw);
  }
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit):first-child {
  padding-top: 0;
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit).textarea {
  padding: 0;
  margin-top: calc(67 / var(--base-size) * 100vw);
  border: 1px solid #937d4d;
}
@media only screen and (max-width: 860px) {
  .contact-form .form-wrapper .input-wrapper:not(.button-submit).textarea {
    margin-top: calc(44 / var(--base-size) * 100vw);
  }
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit) input:not([type=submit]) {
  width: 100%;
  height: calc(17 / var(--base-size) * 100vw);
  padding-left: calc(9 / var(--base-size) * 100vw);
  font-size: calc(18 / var(--base-size) * 100vw);
  letter-spacing: calc(0.08 / var(--base-size) * 100vw);
  color: rgba(247, 247, 247, 0.7);
}
@media only screen and (max-width: 860px) {
  .contact-form .form-wrapper .input-wrapper:not(.button-submit) input:not([type=submit]) {
    padding-left: calc(13 / var(--base-size) * 100vw);
  }
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit) input:not([type=submit])::-moz-placeholder {
  color: rgba(247, 247, 247, 0.7);
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit) input:not([type=submit])::placeholder {
  color: rgba(247, 247, 247, 0.7);
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit) .wpcf7-not-valid-tip {
  right: 0;
  top: calc(8 / var(--base-size) * 100vw);
  opacity: 0.7;
  position: absolute;
  pointer-events: none;
  font-size: calc(16 / var(--base-size) * 100vw) !important;
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit) select {
  width: 100%;
  border: none;
  outline: none;
  height: calc(20 / var(--base-size) * 100vw);
  overflow: visible;
  padding-left: calc(9 / var(--base-size) * 100vw);
  font-size: calc(16 / var(--base-size) * 100vw);
  background-color: transparent;
  letter-spacing: calc(0.08 / var(--base-size) * 100vw);
  color: rgba(247, 247, 247, 0.7);
  appearance: auto;
  -moz-appearance: auto;
  -webkit-appearance: auto;
}
@media only screen and (max-width: 860px) {
  .contact-form .form-wrapper .input-wrapper:not(.button-submit) select {
    padding-left: calc(13 / var(--base-size) * 100vw);
  }
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit) label {
  display: none;
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit) textarea {
  width: 100%;
  border: none;
  height: calc(173 / var(--base-size) * 100vw);
  font-size: calc(18 / var(--base-size) * 100vw);
  padding: calc(16 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw);
  color: rgba(247, 247, 247, 0.7);
  letter-spacing: calc(0.08 / var(--base-size) * 100vw);
  font-family: var(--font-main);
  background-color: transparent;
}
@media only screen and (max-width: 860px) {
  .contact-form .form-wrapper .input-wrapper:not(.button-submit) textarea {
    padding-left: calc(24 / var(--base-size) * 100vw);
  }
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit) textarea::-moz-placeholder {
  font-size: calc(16 / var(--base-size) * 100vw);
  letter-spacing: calc(0.08 / var(--base-size) * 100vw);
  color: rgba(247, 247, 247, 0.7);
}
.contact-form .form-wrapper .input-wrapper:not(.button-submit) textarea::placeholder {
  font-size: calc(16 / var(--base-size) * 100vw);
  letter-spacing: calc(0.08 / var(--base-size) * 100vw);
  color: rgba(247, 247, 247, 0.7);
}
.contact-form .form-wrapper .input-group {
  gap: calc(44 / var(--base-size) * 100vw);
  display: grid;
  grid-template-columns: calc(268 / var(--base-size) * 100vw) 1fr;
}
@media only screen and (max-width: 860px) {
  .contact-form .form-wrapper .input-group {
    display: block;
  }
}
.contact-form .form-wrapper .input-group .input-wrapper {
  padding-top: calc(49 / var(--base-size) * 100vw) !important;
}
@media only screen and (max-width: 860px) {
  .contact-form .form-wrapper .input-group .input-wrapper {
    padding-top: calc(28 / var(--base-size) * 100vw) !important;
  }
}
.contact-form .form-wrapper .button-submit {
  width: calc(216 / var(--base-size) * 100vw);
  position: relative;
  margin-top: calc(41 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .contact-form .form-wrapper .button-submit {
    width: 100%;
  }
}
.contact-form .form-wrapper .button-submit .button-inner {
  position: relative;
}
.contact-form .form-wrapper .button-submit .button-inner::before {
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: calc(216 / var(--base-size) * 100vw);
  height: calc(60.5 / var(--base-size) * 100vw);
  position: absolute;
  transform: scaleY(0);
  transform-origin: top;
  background-color: #937d4d;
  transition: transform 0.45s var(--cubic-bezier);
}
@media only screen and (min-width: 879px) {
  .contact-form .form-wrapper .button-submit:hover .button-inner::before {
    transform: scaleY(1);
    transform-origin: bottom;
  }
}
.contact-form .form-wrapper .button-submit .wpcf7-spinner {
  top: 20%;
  right: calc(-100 / var(--base-size) * 100vw);
  position: absolute;
}
.contact-form .form-wrapper .button-submit svg {
  top: calc(19 / var(--base-size) * 100vw);
  right: calc(31 / var(--base-size) * 100vw);
  position: absolute;
  width: calc(15.8 / var(--base-size) * 100vw);
  height: calc(15.8 / var(--base-size) * 100vw);
  flex: 0 0 calc(15.8 / var(--base-size) * 100vw);
  transform: translateY(calc(3 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .contact-form .form-wrapper .button-submit svg {
    right: calc(108 / var(--base-size) * 100vw);
  }
  .contact-form .form-wrapper .button-submit svg path {
    fill: #ba9d63;
  }
}
.contact-form .form-wrapper .button-submit input {
  width: calc(216 / var(--base-size) * 100vw);
  height: calc(60.5 / var(--base-size) * 100vw);
  color: #efefef;
  text-align: left;
  cursor: pointer;
  font-size: calc(21 / var(--base-size) * 100vw);
  padding-left: calc(33 / var(--base-size) * 100vw);
  position: relative;
  padding-right: calc(13 / var(--base-size) * 100vw);
  border: 1px solid #937d4d;
  letter-spacing: calc(-0.29 / var(--base-size) * 100vw);
  font-family: var(--font-main);
}
@media only screen and (max-width: 860px) {
  .contact-form .form-wrapper .button-submit input {
    width: 100%;
    font-weight: normal;
    font-size: calc(19 / var(--base-size) * 100vw);
    color: #ffffff;
    padding-left: calc(90 / var(--base-size) * 100vw);
    background-color: #937d4d;
  }
}
.contact-form .wpcf7-response-output {
  border: none !important;
  color: #fff;
  padding: 0 !important;
  margin-left: 0 !important;
  font-size: 13px;
}
.contact-form.new-ui h2 {
  font-size: calc(64 / var(--base-size) * 100vw);
  line-height: calc(76 / var(--base-size) * 100vw);
  transform: translateY(calc(-8 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .contact-form.new-ui h2 {
    transform: none;
    font-size: calc(36 / var(--base-size) * 100vw);
    line-height: calc(43 / var(--base-size) * 100vw);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/FeaturedText2/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.featured-text-2 {
  position: relative;
  padding-top: calc(129 / var(--base-size) * 100vw);
  padding-bottom: calc(69 / var(--base-size) * 100vw);
  background-color: var(--color-dark);
}
@media only screen and (max-width: 860px) {
  .featured-text-2 {
    padding-top: 0;
    padding-bottom: calc(89 / var(--base-size) * 100vw);
  }
}
.featured-text-2:after {
  left: 0;
  bottom: 1px;
  width: 100%;
  content: "";
  height: calc(69 / var(--base-size) * 100vw);
  position: absolute;
  background-color: #f7f7f7;
  border-bottom: 2px solid #937d4d;
}
@media only screen and (max-width: 860px) {
  .featured-text-2:after {
    height: calc(89 / var(--base-size) * 100vw);
  }
}
.featured-text-2 .decor {
  position: absolute;
}
.featured-text-2 .decor-1,
.featured-text-2 .decor-2 {
  top: 0;
  z-index: 4;
  height: 100%;
  width: 1.5px;
  left: calc(360 / var(--base-size) * 100vw);
  background-color: #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .featured-text-2 .decor-1 {
    left: 0;
    top: unset;
    bottom: calc(92 / var(--base-size) * 100vw);
    width: calc(21 / var(--base-size) * 100vw);
    height: calc(70 / var(--base-size) * 100vw);
    background-color: #937d4d;
  }
}
.featured-text-2 .decor-2 {
  left: calc(958 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-text-2 .decor-2 {
    width: 2px;
    left: calc(21 / var(--base-size) * 100vw);
  }
}
.featured-text-2 .decor-3 {
  z-index: 2;
  width: calc(37 / var(--base-size) * 100vw);
  height: calc(77.6 / var(--base-size) * 100vw);
  left: calc((var(--g-outer-padding) - 7) / var(--base-size) * 100vw);
  background-color: #937d4d;
}
@media only screen and (max-width: 860px) {
  .featured-text-2 .decor-3 {
    left: 0;
    top: calc(192 / var(--base-size) * 100vw);
    width: calc(21 / var(--base-size) * 100vw);
    height: calc(27 / var(--base-size) * 100vw);
  }
}
.featured-text-2 .title {
  z-index: 4;
  height: calc(77.6 / var(--base-size) * 100vw);
  position: relative;
  padding-bottom: calc(6 / var(--base-size) * 100vw);
  padding-left: calc(356 / var(--base-size) * 100vw);
  border-top: 1.5px solid #7a7a7a;
  border-bottom: 1.5px solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .featured-text-2 .title {
    width: 100%;
    border-top: 0;
    height: calc(27 / var(--base-size) * 100vw);
    border-bottom-width: 2px;
  }
}
.featured-text-2 .content {
  display: grid;
  padding-left: calc(356 / var(--base-size) * 100vw);
  grid-template-columns: 1fr calc(962 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-text-2 .content {
    display: flex;
    padding-left: 0;
    flex-direction: column-reverse;
  }
}
.featured-text-2 .content .desc {
  gap: calc(29 / var(--base-size) * 100vw);
  display: flex;
  color: #efefef;
  padding: calc(55 / var(--base-size) * 100vw) calc(58 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-text-2 .content .desc {
    width: 100%;
    gap: calc(16 / var(--base-size) * 100vw);
    position: relative;
    margin-left: 0;
    margin-top: calc(27 / var(--base-size) * 100vw);
    padding-right: calc(45 / var(--base-size) * 100vw);
    padding-left: calc(38 / var(--base-size) * 100vw);
    padding-top: calc(41 / var(--base-size) * 100vw);
    padding-bottom: calc(129 / var(--base-size) * 100vw);
    justify-content: space-between;
    border-top: 2px solid #7a7a7a;
  }
  .featured-text-2 .content .desc::after {
    left: 0;
    content: "";
    height: 2px;
    width: 100%;
    bottom: calc(72 / var(--base-size) * 100vw);
    position: absolute;
    background-color: #7a7a7a;
  }
}
.featured-text-2 .content .desc svg {
  width: calc(41 / var(--base-size) * 100vw);
  flex: 0 0 calc(44 / var(--base-size) * 100vw);
  height: calc(44 / var(--base-size) * 100vw);
  transform: translateY(calc(14 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .featured-text-2 .content .desc svg {
    transform: none;
    width: calc(24.6 / var(--base-size) * 100vw);
    height: ve(24.6);
    flex: 0 0 calc(24.6 / var(--base-size) * 100vw);
  }
}
.featured-text-2 .content .desc .title {
  padding: 0;
  border: none;
  font-size: calc(32 / var(--base-size) * 100vw);
  color: #ffffff;
  letter-spacing: -0.01em;
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .featured-text-2 .content .desc .title {
    width: auto;
    height: auto;
    flex: 1 auto;
    font-size: calc(27 / var(--base-size) * 100vw);
    color: #ffffff;
  }
}
.featured-text-2 .content figure {
  width: 100%;
  height: calc(372 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-text-2 .content figure {
    border-bottom: 2px solid #7a7a7a;
    height: calc(165 / var(--base-size) * 100vw);
  }
}
.featured-text-2 .content figure img {
  width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/FeaturedTitle2/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.featured-title-2 {
  padding: calc(133 / var(--base-size) * 100vw) 0;
}
@media only screen and (max-width: 860px) {
  .featured-title-2 {
    padding-top: calc(44 / var(--base-size) * 100vw);
    padding-bottom: calc(75 / var(--base-size) * 100vw);
  }
}
.featured-title-2 .main-container {
  color: #f7f7f7;
  position: relative;
}
.featured-title-2 .main-container.top-content {
  display: flex;
  min-height: calc(232 / var(--base-size) * 100vw);
  align-items: center;
  padding-top: calc(20 / var(--base-size) * 100vw);
  flex-direction: column;
  margin-bottom: calc(89 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title-2 .main-container.top-content {
    padding-left: calc(21 / var(--base-size) * 100vw);
    align-items: flex-start;
  }
}
.featured-title-2 .main-container.top-content svg {
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  width: calc(247 / var(--base-size) * 100vw);
  margin: 0 auto;
  opacity: 0.18;
  transform: translateX(calc(-3 / var(--base-size) * 100vw));
  position: absolute;
  pointer-events: none;
}
@media only screen and (max-width: 860px) {
  .featured-title-2 .main-container.top-content svg {
    margin: 0;
    opacity: 1;
    width: calc(70.5 / var(--base-size) * 100vw);
    transform: none;
    height: calc(66.2 / var(--base-size) * 100vw);
    position: relative;
    margin-bottom: calc(11 / var(--base-size) * 100vw);
  }
}
.featured-title-2 .main-container .card-item {
  gap: calc(60 / var(--base-size) * 100vw);
  width: calc(1199 / var(--base-size) * 100vw);
  display: grid;
  margin: 0 auto;
  margin-bottom: calc(94 / var(--base-size) * 100vw);
  grid-template-columns: repeat(3, 1fr);
}
.featured-title-2 .main-container .card-item.mobile {
  display: none;
}
@media only screen and (max-width: 860px) {
  .featured-title-2 .main-container .card-item {
    width: 100%;
    display: none;
    padding: 0 calc(20 / var(--base-size) * 100vw);
    padding-top: calc(69 / var(--base-size) * 100vw);
    border-top: 2px solid #7a7a7a;
  }
  .featured-title-2 .main-container .card-item.mobile {
    display: block;
  }
}
.featured-title-2 .main-container .card-item-a {
  gap: calc(22 / var(--base-size) * 100vw);
  display: flex;
}
@media only screen and (max-width: 860px) {
  .featured-title-2 .main-container .card-item-a {
    gap: calc(16 / var(--base-size) * 100vw);
    margin-bottom: calc(37 / var(--base-size) * 100vw);
    flex-direction: column-reverse;
  }
}
.featured-title-2 .main-container .card-item-a svg {
  flex: 0 0 calc(45 / var(--base-size) * 100vw);
  width: calc(45 / var(--base-size) * 100vw);
  height: calc(45 / var(--base-size) * 100vw);
  margin-top: calc(4 / var(--base-size) * 100vw);
  transform: translateY(calc(5 / var(--base-size) * 100vw)) translateX(calc(-3 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .featured-title-2 .main-container .card-item-a svg {
    margin-top: calc(5 / var(--base-size) * 100vw);
    width: calc(35.4 / var(--base-size) * 100vw);
    transform: none;
    height: calc(35.4 / var(--base-size) * 100vw);
    flex: 0 0 calc(35.4 / var(--base-size) * 100vw);
  }
}
.featured-title-2 .main-container .card-item-a-a {
  color: #353535;
  max-width: calc(455 / var(--base-size) * 100vw);
  font-size: calc(20 / var(--base-size) * 100vw);
  padding-top: calc(3 / var(--base-size) * 100vw);
  line-height: calc(25 / var(--base-size) * 100vw);
}
.featured-title-2 .main-container .card-item-a-a-a {
  font-size: calc(22 / var(--base-size) * 100vw);
  font-weight: 700;
  margin-bottom: calc(4 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title-2 .main-container .card-item-a-a-b {
    font-size: calc(18 / var(--base-size) * 100vw);
    line-height: calc(22 / var(--base-size) * 100vw);
  }
}
.featured-title-2 .main-container .title {
  font-weight: var(--font-extra);
  font-size: calc(46 / var(--base-size) * 100vw);
  color: #6b5b38;
  margin-bottom: calc(25 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title-2 .main-container .title {
    width: calc(240 / var(--base-size) * 100vw);
    font-size: calc(36 / var(--base-size) * 100vw);
    color: #6b5b38;
    margin-bottom: calc(35 / var(--base-size) * 100vw);
  }
}
.featured-title-2 .main-container .description {
  margin: 0 auto;
  font-weight: var(--font-semi-bold);
  font-size: calc(24 / var(--base-size) * 100vw);
  color: #161616;
  text-align: center;
  max-width: calc(662 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .featured-title-2 .main-container .description {
    text-align: left;
    font-size: calc(24 / var(--base-size) * 100vw);
    color: #353535;
  }
}
.featured-title-2 .main-container .primary-button {
  display: flex;
  margin-top: calc(27 / var(--base-size) * 100vw);
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .featured-title-2 .main-container .primary-button {
    width: 100%;
    padding: 0 calc(20 / var(--base-size) * 100vw);
  }
}
.featured-title-2 .main-container .primary-button a {
  display: flex;
  width: calc(266 / var(--base-size) * 100vw);
  height: calc(63.3 / var(--base-size) * 100vw);
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .featured-title-2 .main-container .primary-button a {
    width: 100%;
    border-width: 2px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/pages/PageRequirementDeskt/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.requirement .two-grid-column-card {
  padding: 0;
}
.requirement .two-grid-column-card::after, .requirement .two-grid-column-card::before {
  top: 0;
  height: 100%;
}
@media only screen and (max-width: 860px) {
  .requirement .two-grid-column-card .content .card-wrapper-b {
    padding-bottom: calc(46 / var(--base-size) * 100vw);
    padding-right: calc(31 / var(--base-size) * 100vw) !important;
  }
}
.requirement .full-width-banner {
  height: calc(423 / var(--base-size) * 100vw);
  border-top: none;
}
@media only screen and (max-width: 860px) {
  .requirement .full-width-banner {
    height: calc(329 / var(--base-size) * 100vw);
  }
}
.requirement .full-width-banner figure.desktop {
  height: calc(423 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .requirement .featured-title {
    padding-top: calc(65 / var(--base-size) * 100vw);
    padding-bottom: calc(94 / var(--base-size) * 100vw);
  }
}
.requirement .featured-title h2 {
  margin-bottom: calc(26 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .requirement .featured-title h2 {
    margin-bottom: calc(25 / var(--base-size) * 100vw) !important;
  }
}
@media only screen and (max-width: 860px) {
  .requirement .two-column-text {
    padding-bottom: calc(75 / var(--base-size) * 100vw);
  }
  .requirement .two-column-text .content {
    border-top: 0;
  }
}
@media only screen and (max-width: 860px) {
  .requirement .two-column-text .header .left {
    border-top: 2px solid #7a7a7a;
  }
}
.requirement .two-column-text .header .title {
  color: #091410;
  font-size: calc(37 / var(--base-size) * 100vw);
  padding-top: calc(33 / var(--base-size) * 100vw);
  text-transform: none;
  line-height: calc(37.47 / var(--base-size) * 100vw);
  letter-spacing: 0.002em;
  font-weight: var(--font-bold);
}
@media only screen and (max-width: 860px) {
  .requirement .two-column-text .header .title {
    padding-top: calc(31 / var(--base-size) * 100vw);
    font-size: calc(30 / var(--base-size) * 100vw);
    line-height: calc(36 / var(--base-size) * 100vw);
    color: #231e14;
  }
}
@media only screen and (max-width: 860px) {
  .requirement .two-column-text .body .left {
    padding-bottom: calc(34 / var(--base-size) * 100vw);
    padding-right: 0;
  }
}
.requirement .two-column-text .body .left .description {
  max-width: calc(510 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .requirement .two-column-text .decor-2 {
    height: 100%;
    max-height: calc(483 / var(--base-size) * 100vw);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/BannerWithTitleCta/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.banner-with-title-cta {
  height: calc(428 / var(--base-size) * 100vw);
  display: flex;
  margin-top: calc(44 / var(--base-size) * 100vw);
  position: relative;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .banner-with-title-cta {
    height: calc(545 / var(--base-size) * 100vw);
    display: block;
    padding-top: calc(73 / var(--base-size) * 100vw);
  }
}
.banner-with-title-cta .inner-container {
  z-index: 4;
  width: 100%;
  margin: 0 auto;
  position: relative;
  max-width: calc(1200 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .banner-with-title-cta .inner-container {
    padding: 0 calc(20 / var(--base-size) * 100vw);
  }
}
.banner-with-title-cta .inner-container h1 {
  font-size: calc(48 / var(--base-size) * 100vw);
  color: #ffffff;
  line-height: calc(54 / var(--base-size) * 100vw);
  margin-bottom: calc(30 / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .banner-with-title-cta .inner-container h1 {
    font-size: calc(33 / var(--base-size) * 100vw);
    color: #ffffff;
    line-height: calc(37 / var(--base-size) * 100vw);
    font-weight: var(--font-bold);
  }
}
.banner-with-title-cta .inner-container .primary-button a {
  padding: 0;
  width: calc(250 / var(--base-size) * 100vw);
  height: calc(49 / var(--base-size) * 100vw);
  font-size: calc(19 / var(--base-size) * 100vw);
  color: #f7f7f7;
  border-color: #f7f7f7;
  letter-spacing: calc(-0.27 / var(--base-size) * 100vw);
  justify-content: center;
}
@media only screen and (max-width: 860px) {
  .banner-with-title-cta .inner-container .primary-button a {
    width: 100%;
    font-size: calc(21 / var(--base-size) * 100vw);
    letter-spacing: calc(-0.29 / var(--base-size) * 100vw);
  }
}
.banner-with-title-cta .inner-container .primary-button a::before {
  background-color: #f7f7f7;
}
.banner-with-title-cta .inner-container .primary-button a svg path {
  fill: #f7f7f7;
}
@media only screen and (min-width: 879px) {
  .banner-with-title-cta .inner-container .primary-button a:hover {
    color: #937d4d;
  }
  .banner-with-title-cta .inner-container .primary-button a:hover svg path {
    fill: #937d4d !important;
  }
}
.banner-with-title-cta figure {
  top: 0;
  width: 100%;
  height: calc(428 / var(--base-size) * 100vw);
  overflow: hidden;
  position: absolute;
}
@media only screen and (max-width: 860px) {
  .banner-with-title-cta figure {
    height: calc(545 / var(--base-size) * 100vw);
  }
}
.banner-with-title-cta figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/pages/TeamDetail/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.team-detail {
  width: 100%;
}
.team-detail .wrapper {
  border-left: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
  margin-left: calc(344 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .team-detail .wrapper {
    margin-left: 0;
    border-left: 0;
  }
}
.team-detail .header {
  height: calc(60 / var(--base-size) * 100vw);
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .team-detail .header {
    height: calc(52 / var(--base-size) * 100vw);
    border-bottom: 0;
  }
}
.team-detail .header .wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: calc(32 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .team-detail .header .wrapper {
    padding-left: calc(20 / var(--base-size) * 100vw);
  }
}
.team-detail .header a {
  display: flex;
  gap: calc(12 / var(--base-size) * 100vw);
  color: #846f4a;
  font-size: calc(20 / var(--base-size) * 100vw);
  padding-bottom: calc(2 / var(--base-size) * 100vw);
  margin-top: calc(-2 / var(--base-size) * 100vw);
  line-height: calc(25 / var(--base-size) * 100vw);
  border-bottom: calc(1 / var(--base-size) * 100vw) solid #846f4a;
}
.team-detail .header a svg {
  height: auto;
  width: calc(11 / var(--base-size) * 100vw);
  flex: 0 0 calc(11 / var(--base-size) * 100vw);
  transform: rotate(270deg) translateX(calc(-1 / var(--base-size) * 100vw));
}
.team-detail .header a svg path {
  fill: #846f4a;
}
.team-detail .featured {
  color: #ffffff;
  background-color: #231e14;
}
.team-detail .featured .wrapper {
  display: grid;
  grid-template-columns: 1fr calc(942 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .team-detail .featured .wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
}
.team-detail .featured .wrapper .content {
  position: relative;
  border-right: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .team-detail .featured .wrapper .content {
    border-right: 0;
  }
}
.team-detail .featured .wrapper .content::before {
  content: "";
  top: calc(144 / var(--base-size) * 100vw);
  width: calc(320 / var(--base-size) * 100vw);
  height: calc(2 / var(--base-size) * 100vw);
  left: calc(-320 / var(--base-size) * 100vw);
  position: absolute;
  background-color: #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .team-detail .featured .wrapper .content::before {
    display: none;
  }
}
.team-detail .featured .wrapper .content h1 {
  display: flex;
  height: calc(146 / var(--base-size) * 100vw);
  font-size: calc(43 / var(--base-size) * 100vw);
  margin-bottom: 0;
  line-height: calc(42 / var(--base-size) * 100vw);
  position: relative;
  padding-left: calc(30 / var(--base-size) * 100vw);
  align-items: flex-end;
  padding-bottom: calc(19 / var(--base-size) * 100vw);
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .team-detail .featured .wrapper .content h1 {
    height: calc(137 / var(--base-size) * 100vw);
    font-size: calc(35 / var(--base-size) * 100vw);
    line-height: calc(36 / var(--base-size) * 100vw);
    padding-bottom: calc(11 / var(--base-size) * 100vw);
    padding-left: calc(20 / var(--base-size) * 100vw);
  }
}
.team-detail .featured .wrapper .content h1::before {
  top: 0;
  content: "";
  height: 100%;
  left: calc(-37 / var(--base-size) * 100vw);
  width: calc(37 / var(--base-size) * 100vw);
  position: absolute;
  background-color: #846f4a;
}
@media only screen and (max-width: 860px) {
  .team-detail .featured .wrapper .content h1::before {
    right: 0;
    left: unset;
  }
}
.team-detail .featured .wrapper .content .position {
  height: calc(71 / var(--base-size) * 100vw);
  display: flex;
  color: #cecece;
  font-size: calc(30 / var(--base-size) * 100vw);
  line-height: calc(36 / var(--base-size) * 100vw);
  font-style: italic;
  padding-left: calc(28 / var(--base-size) * 100vw);
  align-items: flex-end;
  padding-bottom: calc(9 / var(--base-size) * 100vw);
  font-weight: var(--font-medium);
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .team-detail .featured .wrapper .content .position {
    height: calc(58 / var(--base-size) * 100vw);
    font-size: calc(21 / var(--base-size) * 100vw);
    line-height: calc(25 / var(--base-size) * 100vw);
    padding-left: calc(19 / var(--base-size) * 100vw);
    letter-spacing: -0.001em;
  }
}
.team-detail .featured .wrapper .content .detail {
  font-size: calc(22 / var(--base-size) * 100vw);
  padding-left: calc(29 / var(--base-size) * 100vw);
  padding-top: calc(35 / var(--base-size) * 100vw);
  line-height: calc(26 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .team-detail .featured .wrapper .content .detail {
    padding-top: calc(24 / var(--base-size) * 100vw);
    padding-left: calc(21 / var(--base-size) * 100vw);
    padding-right: calc(21 / var(--base-size) * 100vw);
    padding-bottom: calc(61 / var(--base-size) * 100vw);
  }
}
.team-detail .featured .wrapper .parallax {
  width: 100%;
  height: calc(384 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .team-detail .featured .wrapper .parallax {
    flex: 0 0 calc(377 / var(--base-size) * 100vw);
  }
}
.team-detail .featured .wrapper .parallax img {
  width: 100%;
  height: 100%;
}
.team-detail .key-features {
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
}
.team-detail .key-features .wrapper {
  display: flex;
  border-left: 0;
  padding: calc(47 / var(--base-size) * 100vw) 0 calc(51 / var(--base-size) * 100vw);
  padding-left: calc(32 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .team-detail .key-features .wrapper {
    display: block;
    padding: calc(32 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) calc(12 / var(--base-size) * 100vw);
  }
}
.team-detail .key-features .wrapper .group {
  gap: calc(18 / var(--base-size) * 100vw);
  display: flex;
  color: #2b2211;
  font-size: calc(20 / var(--base-size) * 100vw);
  flex: 0 0 calc(363 / var(--base-size) * 100vw);
  margin-right: calc(53 / var(--base-size) * 100vw);
  line-height: calc(24 / var(--base-size) * 100vw);
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .team-detail .key-features .wrapper .group {
    margin-right: 0;
    font-size: calc(16 / var(--base-size) * 100vw);
    line-height: calc(19 / var(--base-size) * 100vw);
    margin-bottom: calc(31 / var(--base-size) * 100vw);
  }
}
.team-detail .key-features .wrapper .group:nth-of-type(3) {
  margin-left: calc(4 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .team-detail .key-features .wrapper .group:nth-of-type(3) {
    margin-left: 0;
  }
}
.team-detail .key-features .wrapper .group .icon {
  width: calc(44 / var(--base-size) * 100vw);
  height: calc(41 / var(--base-size) * 100vw);
  padding: calc(7 / var(--base-size) * 100vw);
  flex: 0 0 calc(44 / var(--base-size) * 100vw);
  transform: translateY(calc(5 / var(--base-size) * 100vw));
  border: calc(1.6 / var(--base-size) * 100vw) solid #7a7a7a;
}
.team-detail .key-features .wrapper .group .icon svg {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 860px) {
  .team-detail .key-features .wrapper .group .title {
    padding-top: calc(6 / var(--base-size) * 100vw);
  }
}
.team-detail .overview .wrapper:not(.mobile) {
  gap: calc(110 / var(--base-size) * 100vw);
  border-left: 0;
  display: grid;
  font-size: calc(18 / var(--base-size) * 100vw);
  line-height: calc(25 / var(--base-size) * 100vw);
  letter-spacing: -0.002em;
  padding: calc(48 / var(--base-size) * 100vw) 0 calc(111 / var(--base-size) * 100vw) calc(32 / var(--base-size) * 100vw);
  grid-template-columns: calc(544 / var(--base-size) * 100vw) calc(544 / var(--base-size) * 100vw);
}
.team-detail .overview .wrapper.mobile {
  font-size: calc(17 / var(--base-size) * 100vw);
  line-height: calc(22 / var(--base-size) * 100vw);
  padding: calc(28 / var(--base-size) * 100vw) calc(18 / var(--base-size) * 100vw) calc(88 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw);
}
.team-detail .navigation {
  padding: calc(64 / var(--base-size) * 100vw) 0 calc(68 / var(--base-size) * 100vw);
  background-color: #231e14;
}
@media only screen and (max-width: 860px) {
  .team-detail .navigation {
    padding: calc(32 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) calc(45 / var(--base-size) * 100vw);
  }
}
.team-detail .navigation .inner {
  margin: 0 auto;
  display: flex;
  width: calc(1348 / var(--base-size) * 100vw);
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 860px) {
  .team-detail .navigation .inner {
    width: 100%;
    padding: 0;
    flex-direction: column-reverse;
  }
}
.team-detail .navigation .inner .prev-next {
  gap: calc(43 / var(--base-size) * 100vw);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 860px) {
  .team-detail .navigation .inner .prev-next {
    width: 100%;
    gap: calc(27 / var(--base-size) * 100vw);
  }
  .team-detail .navigation .inner .prev-next .detail {
    flex: 1 auto;
  }
}
.team-detail .navigation .inner .prev-next .icon {
  flex: 0 0 calc(34 / var(--base-size) * 100vw);
  width: calc(34 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .team-detail .navigation .inner .prev-next .icon {
    flex: 0 0 calc(24 / var(--base-size) * 100vw);
    width: calc(24 / var(--base-size) * 100vw);
    height: calc(44 / var(--base-size) * 100vw);
  }
}
.team-detail .navigation .inner .prev-next .icon svg {
  width: 100%;
  transition: transform 0.5s var(--cubic-bezier);
}
@media only screen and (max-width: 860px) {
  .team-detail .navigation .inner .prev-next .icon svg {
    width: calc(24 / var(--base-size) * 100vw);
    height: calc(44 / var(--base-size) * 100vw);
  }
}
@media only screen and (min-width: 879px) {
  .team-detail .navigation .inner .prev-next:hover .icon svg {
    transform: translateX(calc(-10 / var(--base-size) * 100vw));
  }
}
.team-detail .navigation .inner .prev-next .name {
  width: calc(361 / var(--base-size) * 100vw);
  color: #ffffff;
  font-size: calc(35 / var(--base-size) * 100vw);
  line-height: calc(42 / var(--base-size) * 100vw);
  padding-bottom: calc(15 / var(--base-size) * 100vw);
  letter-spacing: -0.005em;
  font-weight: var(--font-extra);
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .team-detail .navigation .inner .prev-next .name {
    width: 100%;
    font-size: calc(23 / var(--base-size) * 100vw);
    line-height: calc(27 / var(--base-size) * 100vw);
    padding-bottom: calc(9 / var(--base-size) * 100vw);
  }
}
.team-detail .navigation .inner .prev-next .position {
  font-style: italic;
  color: #cecece;
  font-size: calc(27 / var(--base-size) * 100vw);
  line-height: calc(32 / var(--base-size) * 100vw);
  padding-top: calc(30 / var(--base-size) * 100vw);
  transform: translateY(calc(-5 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .team-detail .navigation .inner .prev-next .position {
    transform: none;
    font-size: calc(18 / var(--base-size) * 100vw);
    padding-right: 0;
    line-height: calc(21 / var(--base-size) * 100vw);
    padding-top: calc(16 / var(--base-size) * 100vw);
  }
}
.team-detail .navigation .inner .prev-next.next {
  text-align: right;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 860px) {
  .team-detail .navigation .inner .prev-next.next {
    margin-bottom: calc(49 / var(--base-size) * 100vw);
  }
}
.team-detail .navigation .inner .prev-next.next .icon {
  transform: rotate(180deg) translateY(calc(4 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .team-detail .navigation .inner .prev-next.next .icon {
    transform: rotate(180deg) translateY(0);
  }
}
.team-detail .navigation .inner .prev-next.next .position {
  padding-right: calc(9 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .team-detail .navigation .inner .prev-next.next .position {
    padding-right: 0;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/Team/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.teams {
  position: relative;
  padding-top: calc(92 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams {
    padding-top: calc(28 / var(--base-size) * 100vw);
  }
}
.teams .decor {
  z-index: 3;
  width: 2px;
  position: absolute;
  background-color: #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .teams .decor {
    display: none;
  }
}
.teams .decor.decor-1 {
  top: 0;
  height: calc(1276 / var(--base-size) * 100vw);
  left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .decor.decor-1 {
    height: 100%;
    left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.teams .decor.decor-2 {
  top: calc(778 / var(--base-size) * 100vw);
  left: calc(958 / var(--base-size) * 100vw);
  height: calc(185 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .decor.decor-2 {
    top: 0;
    left: unset;
    height: 100%;
    right: calc(18 / var(--base-size) * 100vw);
  }
}
.teams .header {
  gap: calc(57 / var(--base-size) * 100vw);
  display: flex;
  height: calc(412 / var(--base-size) * 100vw);
  position: relative;
  border-top: 1px solid #7f6e41;
  justify-content: space-between;
  padding-left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
.teams .header .header-content-wrapper {
  flex: 1 auto;
}
.teams .header .box-decor-header {
  left: 0;
  bottom: 0;
  height: calc(172 / var(--base-size) * 100vw);
  position: absolute;
  background-color: var(--color-gold);
  width: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .header .box-decor-header {
    display: none;
  }
}
.teams .header .border-decor-header {
  left: 0;
  z-index: 9;
  height: 1px;
  width: 100vw;
  bottom: calc(170 / var(--base-size) * 100vw);
  position: absolute;
  background-color: var(--color-gold);
}
@media only screen and (max-width: 860px) {
  .teams .header .border-decor-header {
    display: none;
  }
}
.teams .header .number-section {
  width: 100%;
  gap: calc(43 / var(--base-size) * 100vw);
  display: flex;
  height: calc(172 / var(--base-size) * 100vw);
  margin-top: calc(41 / var(--base-size) * 100vw);
  padding-top: calc(32 / var(--base-size) * 100vw);
  padding-left: calc(70 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .header .number-section {
    height: auto;
    margin-top: 0;
    display: block;
    padding-top: calc(21 / var(--base-size) * 100vw);
    padding-left: calc(78 / var(--base-size) * 100vw);
    padding-bottom: calc(60 / var(--base-size) * 100vw);
  }
  .teams .header .number-section .group {
    margin-bottom: calc(32 / var(--base-size) * 100vw);
  }
  .teams .header .number-section .group:last-child {
    margin-bottom: 0;
  }
}
.teams .header .number-section h3 {
  font-size: calc(35 / var(--base-size) * 100vw);
  margin-bottom: calc(8 / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .teams .header .number-section h3 {
    font-size: calc(29 / var(--base-size) * 100vw);
    margin-bottom: calc(1 / var(--base-size) * 100vw);
  }
}
.teams .header .number-section .desc {
  font-size: calc(22 / var(--base-size) * 100vw);
  max-width: calc(259 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .header .number-section .desc {
    font-size: calc(20 / var(--base-size) * 100vw);
  }
}
@media only screen and (max-width: 860px) {
  .teams .header {
    height: auto;
    display: block;
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
  }
  .teams .header:after, .teams .header::before {
    top: 0;
    z-index: 6;
    content: "";
    height: 100%;
    width: 1.47px;
    position: absolute;
    background-color: #7a7a7a;
  }
  .teams .header::before {
    left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
  .teams .header::after {
    right: calc(18 / var(--base-size) * 100vw);
  }
}
.teams .header figure {
  height: 100%;
  flex: 0 0 calc(576 / var(--base-size) * 100vw);
}
.teams .header figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 860px) {
  .teams .header figure {
    height: calc(165 / var(--base-size) * 100vw);
    border-top: 1.4px solid #7f6e41;
    border-bottom: 1.4px solid #7f6e41;
  }
}
.teams .header-content {
  gap: calc(30 / var(--base-size) * 100vw);
  flex: 1 auto;
  display: flex;
  color: #0c0c0c;
  font-size: calc(16 / var(--base-size) * 100vw);
  line-height: calc(23 / var(--base-size) * 100vw);
  padding-top: calc(31 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .header-content {
    gap: calc(17 / var(--base-size) * 100vw);
    font-size: calc(18 / var(--base-size) * 100vw);
    color: #353535;
    line-height: calc(21.3 / var(--base-size) * 100vw);
    margin: calc(26 / var(--base-size) * 100vw) 0;
    padding: calc(40 / var(--base-size) * 100vw) calc(40 / var(--base-size) * 100vw) calc(45 / var(--base-size) * 100vw) calc(38 / var(--base-size) * 100vw);
    border-top: 1.4px solid #7f6e41;
    border-bottom: 1.4px solid #7f6e41;
  }
}
.teams .header-content svg {
  height: calc(42 / var(--base-size) * 100vw);
  flex: 0 0 calc(42 / var(--base-size) * 100vw);
  transform: translateY(calc(6 / var(--base-size) * 100vw));
}
@media only screen and (max-width: 860px) {
  .teams .header-content svg {
    height: calc(24.6 / var(--base-size) * 100vw);
    width: calc(24.6 / var(--base-size) * 100vw);
    flex: 0 0 calc(24.6 / var(--base-size) * 100vw);
  }
}
.teams .header-content div {
  max-width: calc(526 / var(--base-size) * 100vw);
}
.teams .title {
  width: 100%;
  display: flex;
  height: calc(274 / var(--base-size) * 100vw);
  position: relative;
  align-items: flex-end;
  border-top: 2.8px solid #231e14;
  border-bottom: 2.8px solid #231e14;
  padding-left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .title {
    padding-left: 0;
    height: calc(393 / var(--base-size) * 100vw);
  }
}
.teams .title h2 {
  z-index: 3;
  font-weight: 400;
  font-size: calc(47 / var(--base-size) * 100vw);
  color: #2d2d2d;
  margin-bottom: 0;
  position: relative;
  padding-left: calc(32 / var(--base-size) * 100vw);
  line-height: calc(57 / var(--base-size) * 100vw);
}
.teams .title h2:not(.title-slim) {
  font-size: calc(60 / var(--base-size) * 100vw);
  margin-bottom: calc(32 / var(--base-size) * 100vw);
  letter-spacing: -0.01em;
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .teams .title h2 {
    font-size: calc(27 / var(--base-size) * 100vw);
    line-height: calc(32 / var(--base-size) * 100vw);
    color: #353535;
    padding: 0 calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
  .teams .title h2:not(.title-slim) {
    font-size: calc(48 / var(--base-size) * 100vw);
    line-height: calc(48 / var(--base-size) * 100vw);
  }
}
.teams .title figure {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
}
.teams .title figure img {
  width: calc(100% + calc(40 / var(--base-size) * 100vw));
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
.teams .teams-cards {
  padding-top: calc(183 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards {
    padding-top: 0;
    position: relative;
  }
}
.teams .teams-cards-item {
  border-top: calc(1.7 / var(--base-size) * 100vw) solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item {
    margin-top: calc(86 / var(--base-size) * 100vw);
    position: relative;
    border-color: #7f6e41;
    border-top-color: #7f6e41;
    border-bottom: calc(1.7 / var(--base-size) * 100vw) solid #7a7a7a;
  }
  .teams .teams-cards-item::before {
    top: calc(-88 / var(--base-size) * 100vw);
    z-index: 8;
    content: "";
    left: 50%;
    width: calc(1.4 / var(--base-size) * 100vw);
    height: calc(88 / var(--base-size) * 100vw);
    position: absolute;
    background-color: #7f6e41;
  }
}
.teams .teams-cards-item:last-child {
  border-bottom: 2px solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item:last-child {
    margin-bottom: calc(86 / var(--base-size) * 100vw);
  }
  .teams .teams-cards-item:last-child::after {
    bottom: calc(-88 / var(--base-size) * 100vw);
    z-index: 8;
    content: "";
    left: 50%;
    width: calc(1.4 / var(--base-size) * 100vw);
    height: calc(88 / var(--base-size) * 100vw);
    position: absolute;
    background-color: #7f6e41;
  }
}
.teams .teams-cards-item .group {
  display: grid;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .group {
    display: flex;
    flex-direction: column-reverse;
  }
}
.teams .teams-cards-item .section-1 {
  height: calc(384 / var(--base-size) * 100vw);
  grid-template-columns: 1fr calc(962 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-1 {
    height: auto;
  }
}
.teams .teams-cards-item .section-1 .content {
  color: #ffffff;
  position: relative;
  background-color: #231e14;
}
.teams .teams-cards-item .section-1 .content::before {
  top: 0;
  width: 2px;
  height: 100%;
  content: "";
  position: absolute;
  background-color: #7a7a7a;
  left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-1 .content::before {
    right: 0;
    left: unset;
    display: none;
  }
}
.teams .teams-cards-item .section-1 .content .t-1 {
  display: flex;
  height: calc(144 / var(--base-size) * 100vw);
  color: #ffffff;
  font-size: calc(43 / var(--base-size) * 100vw);
  margin-bottom: 0;
  position: relative;
  line-height: calc(42 / var(--base-size) * 100vw);
  align-items: flex-end;
  padding-bottom: calc(11 / var(--base-size) * 100vw);
  padding-left: calc((var(--g-outer-padding) + 32) / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
  border-bottom: 2px solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-1 .content .t-1 {
    width: 100%;
    height: calc(139 / var(--base-size) * 100vw);
    font-size: calc(35 / var(--base-size) * 100vw);
    line-height: calc(36 / var(--base-size) * 100vw);
    padding-left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.teams .teams-cards-item .section-1 .content .t-1:before {
  top: 0;
  content: "";
  height: 100%;
  left: calc(293 / var(--base-size) * 100vw);
  width: calc(37 / var(--base-size) * 100vw);
  position: absolute;
  background-color: #937d4d;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-1 .content .t-1:before {
    right: 0;
    left: unset;
  }
}
.teams .teams-cards-item .section-1 .content .t-2 {
  display: flex;
  height: calc(71 / var(--base-size) * 100vw);
  padding-left: calc(32 / var(--base-size) * 100vw);
  padding-bottom: calc(5 / var(--base-size) * 100vw);
  align-items: flex-end;
  border-bottom: 2px solid #7a7a7a;
  margin-left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
  font-style: italic;
  font-size: calc(30 / var(--base-size) * 100vw);
  font-weight: var(--font-medium);
  color: #cecece;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-1 .content .t-2 {
    height: calc(58 / var(--base-size) * 100vw);
    margin-left: 0;
    font-size: calc(21 / var(--base-size) * 100vw);
    padding-bottom: calc(10 / var(--base-size) * 100vw);
    padding-left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.teams .teams-cards-item .section-1 .content .t-3 {
  max-width: calc(588 / var(--base-size) * 100vw);
  font-size: calc(22 / var(--base-size) * 100vw);
  padding-top: calc(34 / var(--base-size) * 100vw);
  padding-left: calc(32 / var(--base-size) * 100vw);
  font-weight: var(--font-medium);
  margin-left: calc(var(--g-outer-padding) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-1 .content .t-3 {
    margin-left: 0;
    font-size: calc(18 / var(--base-size) * 100vw);
    padding-top: calc(26 / var(--base-size) * 100vw);
    padding-bottom: calc(32 / var(--base-size) * 100vw);
    padding-left: calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
}
.teams .teams-cards-item .section-1 figure {
  width: 100%;
  height: 100%;
  border-left: 2px solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-1 figure {
    border-left: 0;
    height: calc(376 / var(--base-size) * 100vw);
  }
}
.teams .teams-cards-item .section-1 figure img {
  width: 100%;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-1 figure img {
    height: 100%;
    width: calc(970 / var(--base-size) * 100vw);
    position: relative;
    left: calc(-130 / var(--base-size) * 100vw);
  }
}
.teams .teams-cards-item .section-2 {
  gap: calc(52 / var(--base-size) * 100vw);
  padding: 0 calc((var(--g-outer-padding) + 32) / var(--base-size) * 100vw);
  border-top: 2px solid #7a7a7a;
  border-bottom: 2px solid #7a7a7a;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-2 {
    display: block;
    padding: calc(2 / var(--base-size) * 100vw) calc(var(--g-padding-container) / var(--base-size) * 100vw) calc(41 / var(--base-size) * 100vw);
  }
}
.teams .teams-cards-item .section-2 .content {
  gap: calc(20 / var(--base-size) * 100vw);
  display: flex;
  padding: calc(50 / var(--base-size) * 100vw) 0;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-2 .content {
    padding-top: calc(34 / var(--base-size) * 100vw);
    padding-bottom: 0;
  }
}
.teams .teams-cards-item .section-2 .content .icon {
  display: flex;
  width: calc(43 / var(--base-size) * 100vw);
  height: calc(40 / var(--base-size) * 100vw);
  flex: 0 0 calc(43 / var(--base-size) * 100vw);
  align-items: center;
  justify-content: center;
  border: 1.5px solid #afafaf;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-2 .content .icon {
    transform: translateY(calc(-4 / var(--base-size) * 100vw));
  }
}
.teams .teams-cards-item .section-2 .content .icon svg {
  width: calc(24 / var(--base-size) * 100vw);
  height: calc(24 / var(--base-size) * 100vw);
}
.teams .teams-cards-item .section-2 .content .t-1 {
  flex: 0 100%;
  font-size: calc(20 / var(--base-size) * 100vw);
  color: #2b2211;
  transform: translateY(calc(-3 / var(--base-size) * 100vw));
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-2 .content .t-1 {
    font-size: calc(16 / var(--base-size) * 100vw);
    color: #2b2211;
  }
}
.teams .teams-cards-item .section-3 {
  gap: calc(110 / var(--base-size) * 100vw);
  height: calc(257 / var(--base-size) * 100vw);
  padding: calc(50 / var(--base-size) * 100vw) calc((var(--g-outer-padding) + 32) / var(--base-size) * 100vw) 0;
  grid-template-columns: 1fr 1fr;
  font-size: calc(16 / var(--base-size) * 100vw);
  line-height: calc(23 / var(--base-size) * 100vw);
  color: #0c0c0c;
}
@media only screen and (max-width: 860px) {
  .teams .teams-cards-item .section-3 {
    height: auto;
    display: block;
    padding: calc(30 / var(--base-size) * 100vw) calc(var(--g-padding-container) / var(--base-size) * 100vw);
  }
  .teams .teams-cards-item .section-3 .t-1 {
    margin-bottom: calc(20 / var(--base-size) * 100vw);
  }
  .teams .teams-cards-item .section-3 .t-1:last-child {
    margin-bottom: 0;
  }
  .teams .teams-cards-item .section-3.alessio-boccaletti .t-1 {
    margin-bottom: 0;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/src/components/TeamCard/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 860px) {
  :root {
    --base-size: 375;
    --wrapper-padding: 20;
  }
}
.card-team-wrapper {
  color: #2d2d2d;
}
.card-team-wrapper .decor {
  width: calc(2 / var(--base-size) * 100vw);
  height: calc(504 / var(--base-size) * 100vw) !important;
}
.card-team-wrapper .header-banner {
  width: 100vw;
  height: calc(272 / var(--base-size) * 100vw);
  position: relative;
  overflow: hidden;
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #231e14;
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .header-banner {
    height: calc(206 / var(--base-size) * 100vw);
    border-top: calc(2 / var(--base-size) * 100vw) solid #7f6e41;
  }
}
.card-team-wrapper .header-banner .box-container {
  inset: 0;
  display: flex;
  margin: 0 auto;
  position: absolute;
  max-width: calc(1202 / var(--base-size) * 100vw);
  align-items: flex-end;
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .header-banner .box-container {
    padding-left: calc(20 / var(--base-size) * 100vw);
  }
}
.card-team-wrapper .header-banner figure {
  width: 100vw;
  height: calc(272 / var(--base-size) * 100vw);
}
.card-team-wrapper .header-banner figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-team-wrapper .header-banner .header-title {
  z-index: 9;
  font-size: calc(63 / var(--base-size) * 100vw);
  line-height: calc(71 / var(--base-size) * 100vw);
  margin-bottom: calc(41 / var(--base-size) * 100vw);
  letter-spacing: -0.005em;
  font-weight: var(--font-extra);
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .header-banner .header-title {
    font-size: calc(48 / var(--base-size) * 100vw);
    line-height: calc(48 / var(--base-size) * 100vw);
    margin-bottom: calc(29 / var(--base-size) * 100vw);
  }
}
.card-team-wrapper .teams-wrapper {
  width: calc(1202 / var(--base-size) * 100vw);
  margin: 0 auto;
  padding: calc(103 / var(--base-size) * 100vw) 0 calc(160 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper {
    padding-top: calc(67 / var(--base-size) * 100vw);
    width: 100%;
  }
}
.card-team-wrapper .teams-wrapper .team {
  margin-bottom: calc(152 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team {
    margin-bottom: calc(88 / var(--base-size) * 100vw);
  }
}
.card-team-wrapper .teams-wrapper .team:last-child {
  margin-bottom: 0;
}
.card-team-wrapper .teams-wrapper .team .team-header {
  gap: calc(58 / var(--base-size) * 100vw);
  display: flex;
  font-size: calc(45 / var(--base-size) * 100vw);
  line-height: calc(71 / var(--base-size) * 100vw);
  align-items: center;
  letter-spacing: -0.01em;
  margin-bottom: calc(66 / var(--base-size) * 100vw);
  justify-content: space-between;
  font-weight: var(--font-semi-bold);
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .team-header {
    gap: calc(26 / var(--base-size) * 100vw);
    font-size: calc(34 / var(--base-size) * 100vw);
    line-height: calc(44 / var(--base-size) * 100vw);
    padding-left: calc(20 / var(--base-size) * 100vw);
    margin-bottom: calc(39 / var(--base-size) * 100vw);
  }
}
.card-team-wrapper .teams-wrapper .team .team-header:after {
  content: "";
  height: calc(2 / var(--base-size) * 100vw);
  flex: 1 auto;
  display: block;
  background-color: #7f6e41;
  transform: translate3d(0, calc(6 / var(--base-size) * 100vw), 0);
}
.card-team-wrapper .teams-wrapper .team .members {
  display: grid;
  gap: calc(105 / var(--base-size) * 100vw);
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members {
    gap: calc(36 / var(--base-size) * 100vw);
    padding: 0 calc(20 / var(--base-size) * 100vw);
    grid-template-columns: 1fr;
  }
}
.card-team-wrapper .teams-wrapper .team .members .member {
  width: 100%;
  cursor: pointer;
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members .member {
    width: calc(327 / var(--base-size) * 100vw);
    margin: 0 auto;
  }
}
.card-team-wrapper .teams-wrapper .team .members .member figure {
  width: 100%;
  height: calc(313 / var(--base-size) * 100vw);
}
.card-team-wrapper .teams-wrapper .team .members .member figure img {
  width: 100%;
  height: 100%;
}
.card-team-wrapper .teams-wrapper .team .members .member .detail {
  height: calc(189 / var(--base-size) * 100vw);
  color: #cecece;
  position: relative;
  background-color: #231e14;
  border-top: calc(2 / var(--base-size) * 100vw) solid #937d4d;
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members .member .detail {
    height: calc(167 / var(--base-size) * 100vw);
  }
}
.card-team-wrapper .teams-wrapper .team .members .member .detail::before, .card-team-wrapper .teams-wrapper .team .members .member .detail::after {
  top: 0;
  left: 0;
  content: "";
  width: calc(18 / var(--base-size) * 100vw);
  height: calc(88 / var(--base-size) * 100vw);
  position: absolute;
  border-right: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members .member .detail::before, .card-team-wrapper .teams-wrapper .team .members .member .detail::after {
    width: calc(16 / var(--base-size) * 100vw);
  }
}
.card-team-wrapper .teams-wrapper .team .members .member .detail::before {
  background-color: #937d4d;
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members .member .detail::before {
    height: calc(67 / var(--base-size) * 100vw);
  }
}
.card-team-wrapper .teams-wrapper .team .members .member .detail::after {
  top: calc(87 / var(--base-size) * 100vw);
  height: calc(99 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members .member .detail::after {
    top: calc(67 / var(--base-size) * 100vw);
  }
}
.card-team-wrapper .teams-wrapper .team .members .member .detail .name {
  color: #fff;
  display: flex;
  height: calc(88 / var(--base-size) * 100vw);
  font-size: calc(29 / var(--base-size) * 100vw);
  font-family: calc(42 / var(--base-size) * 100vw);
  padding-left: calc(38 / var(--base-size) * 100vw);
  align-items: flex-end;
  padding-bottom: calc(7 / var(--base-size) * 100vw);
  font-weight: var(--font-extra);
  border-bottom: calc(2 / var(--base-size) * 100vw) solid #7a7a7a;
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members .member .detail .name {
    height: calc(67 / var(--base-size) * 100vw);
    font-size: calc(28 / var(--base-size) * 100vw);
    line-height: calc(42 / var(--base-size) * 100vw);
    padding-left: calc(36 / var(--base-size) * 100vw);
    padding-bottom: calc(2 / var(--base-size) * 100vw);
    letter-spacing: -0.005em;
  }
}
.card-team-wrapper .teams-wrapper .team .members .member .detail a {
  gap: calc(9 / var(--base-size) * 100vw);
  color: #bc9f64;
  font-size: calc(16 / var(--base-size) * 100vw);
  line-height: calc(18 / var(--base-size) * 100vw);
  align-items: center;
  margin-left: calc(2 / var(--base-size) * 100vw);
  display: inline-flex;
  position: relative;
  letter-spacing: 0.008em;
  border-bottom: 1px solid #bc9f64;
}
.card-team-wrapper .teams-wrapper .team .members .member .detail a::before {
  bottom: -1px;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  transform: scaleX(0);
  background-color: #fff;
  transform-origin: right;
  transition: transform 0.67s var(--cubic-bezier);
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members .member .detail a {
    font-size: calc(19 / var(--base-size) * 100vw);
    letter-spacing: 0;
    line-height: calc(23 / var(--base-size) * 100vw);
  }
}
.card-team-wrapper .teams-wrapper .team .members .member .detail a svg {
  width: calc(9 / var(--base-size) * 100vw);
  height: calc(9 / var(--base-size) * 100vw);
  flex: 0 0 calc(9 / var(--base-size) * 100vw);
  will-change: transform;
  transition: transform 0.67s var(--cubic-bezier);
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members .member .detail a svg {
    width: calc(9 / var(--base-size) * 100vw);
    height: calc(9 / var(--base-size) * 100vw);
    flex: 0 0 calc(9 / var(--base-size) * 100vw);
  }
}
@media only screen and (min-width: 879px) {
  .card-team-wrapper .teams-wrapper .team .members .member .detail a:hover {
    color: #cecece;
  }
  .card-team-wrapper .teams-wrapper .team .members .member .detail a:hover svg {
    transform: rotate(45deg);
  }
  .card-team-wrapper .teams-wrapper .team .members .member .detail a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
.card-team-wrapper .teams-wrapper .team .members .member .detail .footer {
  padding-top: calc(12 / var(--base-size) * 100vw);
  padding-left: calc(38 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members .member .detail .footer {
    padding-left: calc(36 / var(--base-size) * 100vw);
  }
}
.card-team-wrapper .teams-wrapper .team .members .member .detail .footer .position {
  font-size: calc(20 / var(--base-size) * 100vw);
  font-style: italic;
  line-height: calc(24 / var(--base-size) * 100vw);
  margin-bottom: calc(20 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 860px) {
  .card-team-wrapper .teams-wrapper .team .members .member .detail .footer .position {
    font-size: calc(19 / var(--base-size) * 100vw);
    line-height: calc(22 / var(--base-size) * 100vw);
  }
}
@media only screen and (min-width: 879px) {
  .card-team-wrapper .teams-wrapper .team .members .member:hover a {
    color: #cecece;
  }
  .card-team-wrapper .teams-wrapper .team .members .member:hover a svg {
    transform: rotate(45deg);
  }
  .card-team-wrapper .teams-wrapper .team .members .member:hover a::before {
    transform-origin: left;
    transform: scaleX(1);
  }
}

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