:root {
  --scrollbar-width: 0px;
}

@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-Black.woff2") format("woff2"), url("../../../webfonts/Inter28pt-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-BlackItalic.woff2") format("woff2"), url("../../../webfonts/Inter28pt-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-Bold.woff2") format("woff2"), url("../../../webfonts/Inter28pt-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-BoldItalic.woff2") format("woff2"), url("../../../webfonts/Inter28pt-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-ExtraBold.woff2") format("woff2"), url("../../../webfonts/Inter28pt-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-ExtraBoldItalic.woff2") format("woff2"), url("../../../webfonts/Inter28pt-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-ExtraLight.woff2") format("woff2"), url("../../../webfonts/Inter28pt-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-ExtraLightItalic.woff2") format("woff2"), url("../../../webfonts/Inter28pt-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-Italic.woff2") format("woff2"), url("../../../webfonts/Inter28pt-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-Light.woff2") format("woff2"), url("../../../webfonts/Inter28pt-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-LightItalic.woff2") format("woff2"), url("../../../webfonts/Inter28pt-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-Medium.woff2") format("woff2"), url("../../../webfonts/Inter28pt-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-MediumItalic.woff2") format("woff2"), url("../../../webfonts/Inter28pt-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-Regular.woff2") format("woff2"), url("../../../webfonts/Inter28pt-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-Thin.woff2") format("woff2"), url("../../../webfonts/Inter28pt-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../../../webfonts/Inter28pt-ThinItalic.woff2") format("woff2"), url("../../../webfonts/Inter28pt-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "CoolveticaRg";
  src: url("../../../webfonts/CoolveticaRg-Regular.woff2") format("woff2"), url("../../../webfonts/CoolveticaRg-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-Black.woff2") format("woff2"), url("../../../webfonts/Alegreya-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-BlackItalic.woff2") format("woff2"), url("../../../webfonts/Alegreya-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-ExtraBold.woff2") format("woff2"), url("../../../webfonts/Alegreya-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-ExtraBoldItalic.woff2") format("woff2"), url("../../../webfonts/Alegreya-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-Bold.woff2") format("woff2"), url("../../../webfonts/Alegreya-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-BoldItalic.woff2") format("woff2"), url("../../../webfonts/Alegreya-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-SemiBold.woff2") format("woff2"), url("../../../webfonts/Alegreya-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-SemiBoldItalic.woff2") format("woff2"), url("../../../webfonts/Alegreya-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-Medium.woff2") format("woff2"), url("../../../webfonts/Alegreya-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-MediumItalic.woff2") format("woff2"), url("../../../webfonts/Alegreya-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-Regular.woff2") format("woff2"), url("../../../webfonts/Alegreya-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya";
  src: url("../../../webfonts/Alegreya-Italic.woff2") format("woff2"), url("../../../webfonts/Alegreya-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
.emag .article-footer .social .hashtag a {
  color: #ad0709 !important;
}
.emag .article-footer .social i {
  color: #ad0709 !important;
}
.emag .article-footer .social i:hover {
  color: #ad0709 !important;
}
.emag .article-footer .headline {
  color: #ad0709 !important;
}
@media (max-width: 767.98px) {
  .emag .article-footer .headline {
    border-bottom: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #ad0709 !important;
  }
}
.emag .article-footer .slides .slick-arrow {
  color: #ad0709 !important;
}
@media (max-width: 767.98px) {
  .emag .article-footer .slides .slick-arrow span, .emag .article-footer .slides .slick-arrow i {
    color: #ad0709 !important;
  }
}
.emag .article-footer .slides .slick-arrow:hover {
  color: #ad0709 !important;
}
@media (max-width: 767.98px) {
  .emag .article-footer .slides .slick-arrow:hover span, .emag .article-footer .slides .slick-arrow:hover i {
    color: #ad0709 !important;
  }
}
.emag .article-footer .slides .slick-arrow.slick-disabled {
  color: #ad0709 !important;
  opacity: 0.6;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .emag .article-footer .slides .slick-arrow.slick-disabled {
    opacity: 0.6;
  }
  .emag .article-footer .slides .slick-arrow.slick-disabled span, .emag .article-footer .slides .slick-arrow.slick-disabled i {
    color: #ad0709 !important;
  }
}
.emag .article-footer .slides .slick-arrow.slick-disabled:hover {
  color: #ad0709 !important;
  opacity: 0.6;
}
@media (max-width: 767.98px) {
  .emag .article-footer .slides .slick-arrow.slick-disabled:hover {
    opacity: 0.6;
  }
  .emag .article-footer .slides .slick-arrow.slick-disabled:hover span, .emag .article-footer .slides .slick-arrow.slick-disabled:hover i {
    color: #ad0709 !important;
  }
}
.emag .article-footer .slides .slide .article .name {
  color: #ad0709 !important;
}
.emag .article-footer .slides .slide .article .categories a {
  color: #ad0709;
}
.emag .article-footer .slides .slide .article .categories a svg {
  color: #ad0709;
}
.emag .article-footer .slides .slide .article .description {
  color: #ad0709 !important;
}
.emag #footer .nav-mb .nav-item {
  color: #ad0709 !important;
}
.emag #footer .nav-mb .nav-item:hover {
  color: #ad0709 !important;
}
.emag #footer .nav-wrapper {
  border-top: calc(0.0006944444 * (100vw - var(--scrollbar-width))) solid #ad0709 !important;
}
@media (max-width: 767.98px) {
  .emag #footer .nav-wrapper {
    border-top: calc(0.0022727273 * (100vw - var(--scrollbar-width))) solid #ad0709 !important;
  }
}
.emag #footer .nav-wrapper .footer-title {
  color: #ad0709 !important;
}
.emag #footer .nav-wrapper .nav .nav-item {
  color: #ad0709 !important;
}
.emag #footer .nav-wrapper .nav .nav-item:hover {
  color: #ad0709 !important;
}
.emag #footer .footer-info span {
  color: #ad0709 !important;
}

TienDatIkebana {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: calc(1 * (100vw - var(--scrollbar-width)));
  background-color: #DCD7CC;
  overflow: hidden;
  margin-top: calc(-0.0597222222 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  TienDatIkebana {
    width: calc(1 * (100vw - var(--scrollbar-width)));
    margin-top: calc(-0.1272727273 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .fullwidth-img {
  object-fit: contain;
  width: 100%;
}
TienDatIkebana .normal-width-img {
  object-fit: contain;
  width: calc(0.675 * (100vw - var(--scrollbar-width)));
  display: block;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  TienDatIkebana .normal-width-img {
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .normal-text {
  color: black;
  font-family: "Noto Serif";
  font-weight: 400;
  font-size: calc(0.0125 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  TienDatIkebana .normal-text {
    font-size: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content {
  margin: calc(0.0694444444 * (100vw - var(--scrollbar-width))) auto;
  display: block;
  width: calc(0.675 * (100vw - var(--scrollbar-width)));
  color: black;
  font-family: "Noto Serif";
  font-weight: 400;
  font-size: calc(0.0125 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  TienDatIkebana .content {
    margin: calc(0.1136363636 * (100vw - var(--scrollbar-width))) auto;
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
    font-size: calc(0.0272727273 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .thumb {
  width: 100%;
  height: calc(1.25 * (100vw - var(--scrollbar-width)));
  background-image: url("/Content/images/TienDatIkebana/tien-dat-ikebana-1.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 767.98px) {
  TienDatIkebana .thumb {
    background-image: url("/Content/images/TienDatIkebana/tien-dat-ikebana-1-mb.webp");
    height: calc(1.25 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .thumb .text-1 {
  width: calc(0.7368055556 * (100vw - var(--scrollbar-width)));
  height: calc(0.1069444444 * (100vw - var(--scrollbar-width)));
  position: absolute;
  top: calc(0.5527777778 * (100vw - var(--scrollbar-width)));
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.350877193;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  TienDatIkebana .thumb .text-1 {
    width: calc(0.8613636364 * (100vw - var(--scrollbar-width)));
    height: calc(0.1227272727 * (100vw - var(--scrollbar-width)));
    top: calc(0.5522727273 * (100vw - var(--scrollbar-width)));
    left: 50%;
    transform: translateX(-50%);
    font-size: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    line-height: 1.35;
  }
}
TienDatIkebana .thumb .text-1 .font-1 {
  font-family: "CoolveticaRg";
  font-weight: 400;
  font-size: calc(0.0791666667 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  TienDatIkebana .thumb .text-1 .font-1 {
    font-size: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .thumb .text-1 .font-2 {
  font-family: "Alegreya";
  font-weight: 400;
  font-size: calc(0.0791666667 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  TienDatIkebana .thumb .text-1 .font-2 {
    font-size: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .thumb .text-2 {
  width: calc(0.4368055556 * (100vw - var(--scrollbar-width)));
  height: calc(0.0368055556 * (100vw - var(--scrollbar-width)));
  position: absolute;
  top: calc(0.6597222222 * (100vw - var(--scrollbar-width)));
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(0.0069444444 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  TienDatIkebana .thumb .text-2 {
    width: calc(0.5795454545 * (100vw - var(--scrollbar-width)));
    height: calc(0.0659090909 * (100vw - var(--scrollbar-width)));
    top: calc(0.675 * (100vw - var(--scrollbar-width)));
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .thumb .text-2 .circle {
  width: calc(0.0083333333 * (100vw - var(--scrollbar-width)));
  height: calc(0.0083333333 * (100vw - var(--scrollbar-width)));
  border-radius: 50%;
  background-color: white;
}
@media (max-width: 767.98px) {
  TienDatIkebana .thumb .text-2 .circle {
    width: calc(0.0136363636 * (100vw - var(--scrollbar-width)));
    height: calc(0.0136363636 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .thumb .text-2 .sentence {
  font-family: "Noto Serif";
  font-weight: 400;
  font-size: calc(0.0277777778 * (100vw - var(--scrollbar-width)));
  color: white;
}
@media (max-width: 767.98px) {
  TienDatIkebana .thumb .text-2 .sentence {
    font-size: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-1 {
  width: calc(0.6805555556 * (100vw - var(--scrollbar-width)));
  height: calc(0.6909722222 * (100vw - var(--scrollbar-width)));
  margin: calc(0.0694444444 * (100vw - var(--scrollbar-width))) auto;
  align-self: center;
  position: relative;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-1 {
    width: 100%;
    height: calc(1.2365227273 * (100vw - var(--scrollbar-width)));
    margin: calc(0.1136363636 * (100vw - var(--scrollbar-width))) auto;
  }
}
TienDatIkebana .content-1 .text {
  width: calc(0.2979166667 * (100vw - var(--scrollbar-width)));
  height: calc(0.2847222222 * (100vw - var(--scrollbar-width)));
  line-height: 1.3851351351;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-1 .text {
    width: calc(0.6590909091 * (100vw - var(--scrollbar-width)));
    height: calc(0.6977272727 * (100vw - var(--scrollbar-width)));
    left: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    line-height: 1.1286764706;
  }
}
TienDatIkebana .content-1 .text .text-bigger {
  color: black;
  font-family: "Noto Serif";
  font-size: calc(0.0138888889 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-1 .text .text-bigger {
    font-size: calc(0.0318181818 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-1 img {
  display: block;
  position: absolute;
  object-fit: contain;
  width: 100%;
  bottom: 0;
  left: 0;
}
TienDatIkebana .content-2 {
  width: calc(0.675 * (100vw - var(--scrollbar-width)));
  height: calc(0.6986111111 * (100vw - var(--scrollbar-width)));
  background-image: url("/Content/images/TienDatIkebana/tien-dat-ikebana-5.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  align-self: center;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-2 {
    background-image: url("/Content/images/TienDatIkebana/tien-dat-ikebana-5-mb.webp");
    width: 100%;
    height: calc(1.0340909091 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-2 .text {
  width: calc(0.1756944444 * (100vw - var(--scrollbar-width)));
  height: calc(0.1736111111 * (100vw - var(--scrollbar-width)));
  position: absolute;
  top: calc(0.2493055556 * (100vw - var(--scrollbar-width)));
  left: calc(0.1125 * (100vw - var(--scrollbar-width)));
  line-height: 1.3888888889;
  color: white;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-2 .text {
    width: calc(0.3340909091 * (100vw - var(--scrollbar-width)));
    height: calc(0.4340909091 * (100vw - var(--scrollbar-width)));
    top: calc(0.3 * (100vw - var(--scrollbar-width)));
    left: calc(0.1295454545 * (100vw - var(--scrollbar-width)));
    line-height: 1.3263888889;
  }
}
TienDatIkebana .content-column-1 {
  width: calc(0.675 * (100vw - var(--scrollbar-width)));
  margin: calc(0.0694444444 * (100vw - var(--scrollbar-width))) auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-column-1 {
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
    margin: calc(0.1136363636 * (100vw - var(--scrollbar-width))) auto;
  }
}
TienDatIkebana .content-column-1 .normal-text {
  display: block;
  width: calc(0.3194444444 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-column-1 .normal-text {
    width: calc(0.3863636364 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-3 {
  width: calc(0.675 * (100vw - var(--scrollbar-width)));
  height: calc(0.50625 * (100vw - var(--scrollbar-width)));
  background-image: url("/Content/images/TienDatIkebana/tien-dat-ikebana-7.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  align-self: center;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-3 {
    background-image: url("/Content/images/TienDatIkebana/tien-dat-ikebana-7-mb.webp");
    width: 100%;
    height: calc(0.9454545455 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-3 .text {
  width: calc(0.2194444444 * (100vw - var(--scrollbar-width)));
  height: calc(0.3472222222 * (100vw - var(--scrollbar-width)));
  position: absolute;
  top: calc(0.0486111111 * (100vw - var(--scrollbar-width)));
  left: calc(0.4055555556 * (100vw - var(--scrollbar-width)));
  line-height: 1.3888888889;
  color: white;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-3 .text {
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
    height: calc(0.1795454545 * (100vw - var(--scrollbar-width)));
    top: calc(0.0568181818 * (100vw - var(--scrollbar-width)));
    left: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    line-height: 1.3166666667;
  }
}
TienDatIkebana .content-3 .text-mb {
  position: absolute;
  color: white;
  width: calc(0.3863636364 * (100vw - var(--scrollbar-width)));
  height: calc(0.5068181818 * (100vw - var(--scrollbar-width)));
  top: calc(0.2977272727 * (100vw - var(--scrollbar-width)));
  left: calc(0.5227272727 * (100vw - var(--scrollbar-width)));
  line-height: 1.3273809524;
}
TienDatIkebana .content-4 {
  width: calc(0.4611111111 * (100vw - var(--scrollbar-width)));
  height: calc(0.3020833333 * (100vw - var(--scrollbar-width)));
  margin: calc(0.0694444444 * (100vw - var(--scrollbar-width))) 0;
  align-self: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-4 {
    width: calc(0.7772727273 * (100vw - var(--scrollbar-width)));
    height: calc(0.9454545455 * (100vw - var(--scrollbar-width)));
    margin: calc(0.1136363636 * (100vw - var(--scrollbar-width))) 0;
  }
}
TienDatIkebana .content-4 img {
  display: block;
  position: absolute;
  object-fit: contain;
  height: calc(0.3020833333 * (100vw - var(--scrollbar-width)));
  top: 0;
  transform: translateX(-50%);
  left: 50%;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-4 img {
    height: calc(0.9454545455 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-4 .text {
  display: block;
  text-align: center;
  width: calc(0.4611111111 * (100vw - var(--scrollbar-width)));
  height: calc(0.1909722222 * (100vw - var(--scrollbar-width)));
  line-height: 1.3888888889;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-4 .text {
    width: calc(0.7772727273 * (100vw - var(--scrollbar-width)));
    height: calc(0.4704545455 * (100vw - var(--scrollbar-width)));
    line-height: 1.3269230769;
  }
}
TienDatIkebana .content-column-2 {
  width: calc(0.675 * (100vw - var(--scrollbar-width)));
  margin: calc(0.0694444444 * (100vw - var(--scrollbar-width))) auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-column-2 {
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
    margin: calc(0.1136363636 * (100vw - var(--scrollbar-width))) auto;
    margin-bottom: 0;
  }
}
TienDatIkebana .content-column-2 .normal-text {
  display: block;
  width: calc(0.3194444444 * (100vw - var(--scrollbar-width)));
  height: calc(0.4125 * (100vw - var(--scrollbar-width)));
  line-height: 1.3835403727;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-column-2 .normal-text {
    width: calc(0.3863636364 * (100vw - var(--scrollbar-width)));
    height: calc(0.7340909091 * (100vw - var(--scrollbar-width)));
    line-height: 1.3237704918;
  }
}
TienDatIkebana .content-column-2 .normal-text .text {
  font-family: "CoolveticaRg";
  font-size: calc(0.0347222222 * (100vw - var(--scrollbar-width)));
  line-height: 1 !important;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-column-2 .normal-text .text {
    font-size: calc(0.05 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-column-2 img {
  display: block;
  width: calc(0.3194444444 * (100vw - var(--scrollbar-width)));
  object-fit: contain;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-column-2 img {
    width: calc(0.3863636364 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-column-3 {
  width: calc(0.675 * (100vw - var(--scrollbar-width)));
  margin: calc(0.0694444444 * (100vw - var(--scrollbar-width))) auto;
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-column-3 {
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
    margin: 0 auto;
  }
}
TienDatIkebana .content-column-3 .normal-text {
  display: block;
  width: calc(0.3194444444 * (100vw - var(--scrollbar-width)));
  height: calc(0.4125 * (100vw - var(--scrollbar-width)));
  line-height: 1.3835403727;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-column-3 .normal-text {
    width: calc(0.3886363636 * (100vw - var(--scrollbar-width)));
    height: calc(0.4943863636 * (100vw - var(--scrollbar-width)));
    line-height: 1.326402439;
  }
}
TienDatIkebana .content-column-3 .normal-text .text {
  font-family: "CoolveticaRg";
  font-size: calc(0.0347222222 * (100vw - var(--scrollbar-width)));
  line-height: 1 !important;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-column-3 .normal-text .text {
    font-size: calc(0.05 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-column-3 img {
  display: block;
  width: calc(0.3194444444 * (100vw - var(--scrollbar-width)));
  object-fit: contain;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-column-3 img {
    width: calc(0.3863636364 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-5 {
  width: 100%;
  height: calc(0.6541666667 * (100vw - var(--scrollbar-width)));
  position: relative;
  margin-bottom: calc(0.0694444444 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-5 {
    height: calc(1.5 * (100vw - var(--scrollbar-width)));
    margin: calc(0.1136363636 * (100vw - var(--scrollbar-width))) auto;
  }
}
TienDatIkebana .content-5 img {
  width: 100%;
  object-fit: contain;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
TienDatIkebana .content-5 .overlay {
  width: 100%;
  height: calc(0.2006944444 * (100vw - var(--scrollbar-width)));
  position: absolute;
  top: calc(0.0125 * (100vw - var(--scrollbar-width)));
  left: 0;
  background: linear-gradient(to bottom, rgb(220, 215, 204) 0%, rgb(148, 145, 156) 53%, rgba(106, 103, 115, 0) 100%);
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-5 .overlay {
    height: calc(0.6568181818 * (100vw - var(--scrollbar-width)));
    top: calc(0.5386363636 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .content-5 .text-1 {
  display: block;
  width: calc(0.675 * (100vw - var(--scrollbar-width)));
  height: calc(0.1215277778 * (100vw - var(--scrollbar-width)));
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.3888888889;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-5 .text-1 {
    width: calc(0.8181818182 * (100vw - var(--scrollbar-width)));
    height: calc(0.5795454545 * (100vw - var(--scrollbar-width)));
    line-height: 1.328125;
  }
}
TienDatIkebana .content-5 .text-2 {
  display: block;
  width: calc(0.3194444444 * (100vw - var(--scrollbar-width)));
  height: calc(0.2777777778 * (100vw - var(--scrollbar-width)));
  position: absolute;
  top: calc(0.2229166667 * (100vw - var(--scrollbar-width)));
  left: calc(0.1625 * (100vw - var(--scrollbar-width)));
  line-height: 1.3888888889;
}
@media (max-width: 767.98px) {
  TienDatIkebana .content-5 .text-2 {
    width: calc(0.3863636364 * (100vw - var(--scrollbar-width)));
    height: calc(0.6568181818 * (100vw - var(--scrollbar-width)));
    top: calc(0.6227272727 * (100vw - var(--scrollbar-width)));
    left: calc(0.0909090909 * (100vw - var(--scrollbar-width)));
    line-height: 1.337962963;
  }
}
TienDatIkebana .contributors {
  margin-top: calc(0.0347222222 * (100vw - var(--scrollbar-width)));
  margin-bottom: calc(0.7986111111 * (100vw - var(--scrollbar-width)));
  text-align: center;
  align-self: center;
  width: calc(0.9 * (100vw - var(--scrollbar-width)));
  aspect-ratio: 1296/32;
  display: flex;
  align-items: center;
  gap: calc(0.0111111111 * (100vw - var(--scrollbar-width)));
  flex-direction: row;
  justify-content: center;
}
@media (max-width: 767.98px) {
  TienDatIkebana .contributors {
    margin-top: 0;
    margin-bottom: calc(2.0454545455 * (100vw - var(--scrollbar-width)) + var(--add-spaces) * 0.0022727273 * (100vw - var(--scrollbar-width)));
    width: 60%;
    aspect-ratio: 440/34;
    display: flex;
    align-items: center;
    gap: calc(0.0363636364 * (100vw - var(--scrollbar-width)));
    flex-direction: row;
    row-gap: 0;
    flex-wrap: wrap;
  }
}
TienDatIkebana .contributors .contributor {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(0.0055555556 * (100vw - var(--scrollbar-width)));
}
@media (max-width: 767.98px) {
  TienDatIkebana .contributors .contributor {
    gap: calc(0.0090909091 * (100vw - var(--scrollbar-width)));
  }
}
TienDatIkebana .contributors .role {
  font-family: "Inter";
  font-weight: 400;
  font-size: calc(0.0111111111 * (100vw - var(--scrollbar-width)));
  line-height: calc(0.0277777778 * (100vw - var(--scrollbar-width)));
  letter-spacing: calc(calc(0.0111111111 * (100vw - var(--scrollbar-width))) * -2 / 100);
  color: #3D1700;
}
@media (max-width: 767.98px) {
  TienDatIkebana .contributors .role {
    font-size: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    line-height: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    letter-spacing: calc(calc(0.0181818182 * (100vw - var(--scrollbar-width))) * -2 / 100);
  }
}
TienDatIkebana .contributors .name {
  font-family: "Inter";
  font-weight: 700;
  font-size: calc(0.0111111111 * (100vw - var(--scrollbar-width)));
  line-height: calc(0.0277777778 * (100vw - var(--scrollbar-width)));
  letter-spacing: calc(calc(0.0111111111 * (100vw - var(--scrollbar-width))) * -2 / 100);
  color: #3D1700;
}
@media (max-width: 767.98px) {
  TienDatIkebana .contributors .name {
    font-size: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    line-height: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    letter-spacing: calc(calc(0.0181818182 * (100vw - var(--scrollbar-width))) * -2 / 100);
  }
}
TienDatIkebana .contributors .seperator {
  font-family: "Inter";
  font-weight: 700;
  font-size: calc(0.0111111111 * (100vw - var(--scrollbar-width)));
  line-height: calc(0.0277777778 * (100vw - var(--scrollbar-width)));
  letter-spacing: calc(calc(0.0111111111 * (100vw - var(--scrollbar-width))) * -2 / 100);
  color: #3D1700;
}
@media (max-width: 767.98px) {
  TienDatIkebana .contributors .seperator {
    font-size: calc(0.0181818182 * (100vw - var(--scrollbar-width)));
    line-height: calc(0.0454545455 * (100vw - var(--scrollbar-width)));
    letter-spacing: calc(calc(0.0181818182 * (100vw - var(--scrollbar-width))) * -2 / 100);
  }
}