/* Project Brand Common Begin */
.card-set.no-btn .detail {
  padding-bottom: 1.5em;
  min-height: auto;
}

.bg-lightgrey {
  background-color: var(--lightgray);
}

.verticle-line {
  border: 0;
  height: 3.6em;
  width: 2px;
  background: #989a9b;
  margin: 2em auto;
  opacity: 1;
}

.btn-more {
  border: 1px solid #fff;
  border-radius: 2rem;
  color: #fff;
  padding: 0.3rem 0.8rem;
  display: inline-flex;
  align-items: center;
}

.btn-more::after {
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi45OTkgMTIuNjE5Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIxLjUwOSAtMi41MjUpIj4KICAgIDxwYXRoIGQ9Ik0wLDBIMjUuOTk0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjIuMDA5IDguOTIpIiBmaWxsPSJub25lIiBzdHJva2U9IiMzZWE4YjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgICA8cGF0aCBkPSJNLTMxNjcuNTQ3LDQyOTguNzVsNi42OTEsNS43LTYuNjkxLDUuNTA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMzA4Ljg2NSAtNDI5NS41MikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNlYThiOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz4KICA8L2c+Cjwvc3ZnPg==) no-repeat 0 0 / contain;
  display: inline-block;
  width: 1.5rem;
  height: 0.8rem;
  margin-left: 0.5rem;
  transition: transform 0.2s;
  filter: grayscale(1) invert(1) brightness(3);
}

.btn-more:hover {
  color: #fff;
}

.btn-more:hover::after {
  transform: translate(0.4em, 0);
}

.list-load-more .load-item:nth-of-type(n + 6) {
  display: none;
}

.list-load-more.show .load-item {
  display: flex;
}

.circle.swiper-button-next,
.circle.swiper-button-prev {
  background-color: #c5c5c7;
  width: 3em;
  height: 3em;
  border-radius: 100%;
  color: #fff;
  transition: 0.5s;
  margin-top: -1.5em;
  z-index: 1;
  --swiper-navigation-sides-offset: -0.7em;
}

@media screen and (min-width: 768px) {

  .circle.swiper-button-next,
  .circle.swiper-button-prev {
    --swiper-navigation-sides-offset: -1.5em;
  }
}

@media screen and (min-width: 1100px) {

  .circle.swiper-button-next,
  .circle.swiper-button-prev {
    --swiper-navigation-sides-offset: -3.5em;
  }
}

.swiper-highlight .ratio::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.1);
  z-index: 2;
}

.swiper-highlight .swiper-slide-active .ratio::after {
  z-index: -1;
}

.deco {
  position: absolute;
  z-index: -1;
  transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.transform-none {
  transform: none !important;
}

@media (hover: hover) {
  .bg-fixed {
    background-attachment: fixed;
  }
}

/* Project Brand Common End */

/* Magnolias Brand Begin */
.text-mag-1 {
  color: #c9952b;
}

.text-mag-2 {
  color: #c09741;
}

.bg-mag-1 {
  background-color: #c9952b;
}

.bg-mag-2 {
  background-color: #c09741;
}

.bg-mag-2-hover:hover {
  background-color: #c09741;
}

.magnolias-concept {
  margin-top: 6em;
  padding-top: 0;
}

.magnolias-concept .wrapper {
  top: -4em;
}

.card-set.bg-mag-1 .detail,
.card-set.bg-mag-1 .detail::before {
  background-color: #c9952b;
  color: #fff;
}

/* Magnolias Brand End */

/* Mulberrygrove Brand Begin */
.text-mul-1 {
  color: #89264f;
}

.text-mul-2 {
  color: #72183f;
}

.text-mul-3 {
  color: #a7978b;
}

.bg-mul-1 {
  background-color: #89264f;
}

.bg-mul-1-hover:hover {
  background-color: #89264f;
}

.bg-mul-2 {
  background-color: #72183f;
}

.bg-mul-3 {
  background-color: #a7978b;
}

.bg-mul-4 {
  background-color: #b9b9b9;
}

.mulberrygrove-concept .overlap {
  margin-top: -5em;
  padding-top: 5em;
  padding-bottom: 4em;
}

.mulberrygrove-concept .overlap .detail {
  padding: 2em 1.5em;
  margin-top: -2em;
  min-height: 9em;
}

.card-set.bg-mul-3 .detail,
.card-set.bg-mul-3 .detail::before {
  background-color: #a7978b;
  color: #fff;
}

/* Mulberrygrove Brand End */

/* Whizdom Brand Begin */
.text-wiz-1 {
  color: #3d3935;
}

.bg-wiz-1 {
  background-color: #3d3935;
}

.bg-wiz-2 {
  background-color: #0abaee;
}

.bg-wiz-2-hover:hover {
  background-color: #0abaee;
}

.bg-wiz-3 {
  background-color: #07b1e3;
}

.bg-wiz-4 {
  background-color: #ddddde;
}

.whizdom-concept {
  background-image: url(https://webbackend.mqdc.com/assets/a1cdd71b-e197-4343-9990-88d323bf86f8);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: min(70%, 40em) auto;
}

.whizdom-concept .list {
  counter-reset: customlistcounter 0;
}

.whizdom-concept .list li {
  counter-increment: customlistcounter;
}

.whizdom-concept .list li::before {
  content: counter(customlistcounter, decimal-leading-zero);
  font-size: 1.5em;
  font-weight: bold;
  font-family: "Gotham", "db_helvethaica_x", sans-serif;
}

@media screen and (min-width: 768px) {
  .whizdom-concept {
    background-size: min(55%, 40em) auto;
    background-position: bottom right;
  }
}

.card-set.bg-wiz-4 .detail,
.card-set.bg-wiz-4 .detail::before {
  background-color: #ddddde;
}

.card-set.bg-wiz-2 .detail,
.card-set.bg-wiz-2 .detail::before {
  background-color: #0abaee;
}

.card-set.bg-wiz-2 .detail .btn-more:not(:hover),
.card-set.bg-wiz-4 .detail .btn-more:not(:hover) {
  color: #3d3935;
  border-color: #3d3935;
}

.card-set.bg-wiz-2 .detail .btn-more:not(:hover)::after,
.card-set.bg-wiz-4 .detail .btn-more:not(:hover)::after {
  filter: grayscale(1) brightness(0);
}

/* Whizdom Brand End */

/* Signature series Brand Begin */
.text-sig-1 {
  color: #314535;
}

.text-sig-2 {
  color: #638d3c;
}

.bg-sig-1 {
  background-color: #314535;
}

.bg-sig-1-hover:hover {
  background-color: #314535;
}

.bg-sig-2 {
  background-color: #638d3c;
}

.bg-sig-3 {
  background-color: #304534;
}

.bg-sig-4 {
  background-color: #9a9c93;
}

.signatureseries-intro .deco-tree-l {
  left: 0;
  top: 10%;
  width: min(26%, 28em);
}

.signatureseries-intro .deco-tree-r {
  right: 0;
  top: 10%;
  width: min(26%, 23em);
}

.signatureseries-intro .deco-butterfly {
  right: 0;
  bottom: 8%;
  width: min(20%, 23em);
}

@media screen and (min-width: 992px) {
  .signatureseries-intro .deco-tree-r {
    top: 38%;
    width: min(20%, 23em);
  }

  .signatureseries-intro .deco-butterfly {
    bottom: 40%;
    right: -40%;
    width: min(28%, 23em);
  }
}

.signatureseries-concept .overlap {
  margin-top: -5em;
  padding-top: 5em;
  padding-bottom: 14em;
  position: relative;
  overflow: hidden;
}

.signatureseries-concept .overlap::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: url(https://webbackend.mqdc.com/assets/44ac8c38-e9b7-4837-9da9-b84951246f2a) no-repeat right bottom;
  background-size: min(60%, 47em);
  mix-blend-mode: multiply;
}

.signatureseries-concept .deco-rabbit {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(80%, 51em);
  z-index: 0;
  transition-delay: 0.4s;
}

@media screen and (min-width: 768px) {
  .signatureseries-concept .overlap::after {
    background-size: min(40%, 47em);
  }

  .signatureseries-concept .deco-rabbit {
    left: 2em;
    transform: translateX(0);
    width: min(40%, 51em);
  }
}

@media screen and (min-width: 1200px) {
  .signatureseries-concept .overlap {
    padding-bottom: 20em;
  }
}

.signatureseries-highlight {
  margin-top: -3.5em;
}

.card-set.bg-sig-1 .detail,
.card-set.bg-sig-1 .detail::before {
  background-color: #314535;
  color: #fff;
}

.card-set.bg-sig-2 .detail,
.card-set.bg-sig-2 .detail::before {
  background-color: #638d3c;
  color: #fff;
}

/* Signature series Brand End */

/* The forestias Brand Begin */
.text-for-1 {
  color: #638d3c;
}

.text-for-2 {
  color: #214c45;
}

.bg-for-3 {
  color: #304535;
}

.bg-for-1 {
  background-color: #638d3c;
}

.bg-for-1-hover:hover {
  background-color: #638d3c;
}

.bg-for-2 {
  background-color: #214c45;
}

.theforestias-hero-video {
  aspect-ratio: 3/4;
  background: url(https://webbackend.mqdc.com/assets/1c50cfb8-e48e-433d-8aa3-30c00568d394) no-repeat center / cover;
}

.theforestias-hero-video .ratio::before {
  aspect-ratio: 3/4;
}

@media screen and (min-width: 768px) {
  .theforestias-hero-video {
    aspect-ratio: 16/9;
    background-image: url(https://webbackend.mqdc.com/assets/3557a4b4-5709-4fe2-b657-503e6f02939c);
  }

  .theforestias-hero-video .ratio::before {
    aspect-ratio: 16/9;
  }
}

.theforestias-intro .wrapper {
  padding-bottom: 9em;
}

.theforestias-intro .deco-bird-top {
  width: min(11%, 6em);
  top: -3em;
  left: 0;
}

.theforestias-intro .deco-tree-l {
  width: min(57%, 14em);
  bottom: 0;
  left: 0;
}

.theforestias-intro .deco-tree-r {
  width: min(56%, 18em);
  top: 10em;
  right: -15%;
}

.theforestias-intro .deco-leaf {
  width: min(28%, 6em);
  bottom: 2em;
  right: 20%;
  padding-bottom: 2em;
  padding-right: 2em;
}

@media screen and (min-width: 576px) {
  .theforestias-intro .deco-tree-r {
    right: -7%;
  }
}

@media screen and (min-width: 768px) {
  .theforestias-intro .deco-bird-top {
    top: -5em;
    width: min(15%, 6em);
  }

  .theforestias-intro .deco-leaf {
    padding-bottom: 0;
    padding-right: 0;
    width: min(15%, 10em);
    bottom: 0;
    right: 0;
  }

  .theforestias-intro .deco-tree-r {
    width: min(33%, 32em);
    top: 3em;
    right: 0;
  }

  .theforestias-intro .deco-tree-l {
    width: min(35%, 23em);
    bottom: auto;
    top: 4em;
  }
}

@media screen and (min-width: 1200px) {
  .theforestias-intro .deco-leaf {
    right: 10%;
  }

  .theforestias-intro .deco-tree-l {
    width: min(35%, 27em);
  }
}

.theforestias-concept .decoration-group {
  padding-top: 3em;
}

.theforestias-concept .deco-bird {
  top: -17%;
  left: 0;
  width: min(8%, 6em);
}

.theforestias-concept .deco-tree-r {
  right: -9%;
  top: -19%;
  width: min(51%, 30em);
}

.theforestias-concept .deco-leaf-l {
  left: 5%;
  top: -4em;
  width: min(21%, 25em);
}

.theforestias-concept .deco-leaf-1 {
  left: 2%;
  bottom: 0;
  width: min(17%, 16em);
}

.theforestias-concept .deco-squirrel {
  right: -7em;
  width: 16%;
  top: -1em;
}

.theforestias-concept .overlap {
  margin-top: -5em;
  padding-top: 5em;
  padding-bottom: 10em;
  position: relative;
  overflow: hidden;
}

.theforestias-concept .text-shadow {
  text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 768px) {
  .theforestias-concept .decoration-group {
    padding-top: 3em;
  }

  .theforestias-concept .deco-tree-r {
    right: -17%;
    top: -36%;
    width: min(40%, 30em);
  }

  .theforestias-concept .deco-leaf-l {
    left: -3em;
    top: auto;
    bottom: -5em;
  }

  .theforestias-concept .deco-leaf-1 {
    left: auto;
    bottom: auto;
    top: 12%;
    right: -3em;
  }
}

@media screen and (min-width: 992px) {
  .theforestias-concept .deco-tree-r {
    right: -23%;
    top: -50%;
    width: 46%;
  }
}

@media screen and (min-width: 1900px) {
  .theforestias-concept .deco-tree-r {
    width: min(46%, 56em);
    right: -25%;
  }
}

.theforestias-sustainable {
  margin-top: -6em;
  padding-bottom: 4em;
}

.theforestias-sustainable .deco-tree-l {
  left: 0;
  bottom: -3em;
  width: min(56%, 15em);
}

.bg-sustainable {
  background-image: url(https://webbackend.mqdc.com/assets/32ca7faf-457d-421d-88bf-e4f9812f69ea);
  background-repeat: no-repeat;
  background-size: auto 100%;
}

@media screen and (min-width: 768px) {
  .theforestias-sustainable .deco-tree-l {
    width: 29%;
  }
}

@media screen and (min-width: 992px) {
  .theforestias-sustainable .deco-tree-l {
    bottom: -7em;
  }
}

@media screen and (min-width: 1900px) {
  .theforestias-sustainable .deco-tree-l {
    width: min(29%, 35em);
  }
}

/* The forestias Brand End */

/* Six senses Brand Begin */
.text-six-1 {
  color: #497ca7;
}

.text-six-2 {
  color: #5e6066;
}

.bg-six-1 {
  background-color: #497ca7;
}

.bg-six-1-hover:hover {
  background-color: #497ca7;
}

.bg-six-pattern {
  background: url(https://webbackend.mqdc.com/assets/9b1b102b-ccf3-4661-98b2-185c96a2ea04) repeat 0 0/ 100% auto;
}

.sixsenses-concept .overlap {
  margin-top: -5em;
  padding-top: 8em;
  padding-bottom: 5em;
}

.sixsenses-highlight {
  margin-top: -2em;
}

/* Six senses Brand End */

/* The aspen tree Brand Begin */
.text-asp-1 {
  color: #da3838;
}

.text-asp-2 {
  color: #b22800;
}

.text-asp-3 {
  color: #423118;
}

.text-asp-4 {
  color: #a48a67;
}

.bg-asp-1 {
  background-color: #da3838;
}

.bg-asp-1-hover:hover {
  background-color: #da3838;
}

.bg-asp-3 {
  background-color: #423118;
}

.bg-asp-5 {
  background-color: #e6e2dd;
}

.bg-asp-6 {
  background-color: #594a42;
}

.theaspentree-intro .deco-leaf-top {
  top: 2em;
  right: -10%;
  width: 45%;
}

.theaspentree-intro .deco-leaf-up {
  top: -45%;
  left: -2em;
  width: 44%;
}

.theaspentree-intro .deco-leaf-down {
  bottom: -29%;
  right: -2em;
  width: min(38%, 28em);
}

.theaspentree-intro .deco-leaf-down img {
  transform: rotate(180deg);
}

@media screen and (min-width: 768px) {
  .theaspentree-intro .deco-leaf-top {
    right: -6em;
    max-width: 33em;
  }

  .theaspentree-intro .deco-leaf-up {
    left: -1.7em;
    width: min(46%, 30em);
  }
}

@media screen and (min-width: 1400px) {
  .theaspentree-intro .deco-leaf-up {
    top: -38%;
  }
}

.theaspentree-concept .wrapper {
  padding-bottom: 10em;
}

.theaspentree-concept .deco-leaf-vivid {
  left: 50%;
  bottom: -0.5%;
  width: min(60%, 20em);
  transform: translate(-50%, 0);
}

@media screen and (min-width: 768px) {
  .theaspentree-concept .wrapper {
    padding-bottom: 15em;
  }

  .theaspentree-concept .deco-leaf-vivid {
    left: 10%;
    bottom: -3.5%;
    width: min(44%, 27em);
    transform: none;
  }
}

@media screen and (min-width: 1400px) {
  .theaspentree-concept .wrapper>.row {
    --bs-gutter-x: 4em;
  }
}

.theaspentree-highlight {
  margin-top: -3.5em;
}

/* The aspen tree Brand End */