/**
 * KLCC gradient text (Elementor + shortcode / generic .gradient-text)
 */

.gradient-text .elementor-heading-title,
.elementor-heading-title.gradient-text {
  background-image: linear-gradient(90deg, #8ac646 0%, #204a8a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.gradient-text .elementor-heading-title .plr-line,
.elementor-heading-title.gradient-text .plr-line {
  background-image: linear-gradient(90deg, #8ac646 0%, #204a8a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .gradient-text .elementor-heading-title,
  .elementor-heading-title.gradient-text,
  .gradient-text .elementor-heading-title .plr-line,
  .elementor-heading-title.gradient-text .plr-line {
    background: none !important;
    -webkit-text-fill-color: initial !important;
    color: #8ac646 !important;
  }
}

.el-text-box > * {
  max-width: 650px;
  margin-left: 0;
  margin-right: 0;
}

.el-left-text {
  padding-left: max(24px, calc((100vw - 1300px) / 2)) !important;
  padding-right: 4% !important;
}

.el-right-text {
  padding-right: max(24px, calc((100vw - 1300px) / 2)) !important;
  padding-left: 4% !important;
}

@media (min-width: 1024px) and (max-width: 1365px) {
  .el-text-box > * {
    max-width: 512px;
  }

  .el-left-text {
    padding-left: max(1vw, calc((100vw - 1024px) / 2)) !important;
  }

  .el-right-text {
    padding-right: max(1vw, calc((100vw - 1024px) / 2)) !important;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .el-text-box > * {
    max-width: 380px;
  }

  .el-left-text {
    padding-left: max(1vw, calc((100vw - 760px) / 2)) !important;
  }

  .el-right-text {
    padding-right: max(1vw, calc((100vw - 760px) / 2)) !important;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .el-text-box > * {
    max-width: 240px;
  }

  .el-left-text {
    padding-left: max(1vw, calc((100vw - 480px) / 2)) !important;
  }

  .el-right-text {
    padding-right: 4% !important;
    padding-left: 1vw !important;
  }
}

/* Upcoming WELLNESS gradient: see module-upcoming-programmes.css (.klcc-up__brandline .klcc-up__wellness) */