/* EVERZEN ZEN LEARNING DETAIL INDEPENDENT */
/* EVERZEN ZEN LEARNING LEGACY BASE START 20261011 */

/*
 * Snapshot các rule nền còn được
 * Zen Learning Layer 2 MASTER sử dụng.
 *
 * Đặt ở đầu file để các rule Zen Learning riêng
 * phía sau tiếp tục quyết định visual cuối cùng.
 */

.section-banner__pages.type2-hero
.container
.ct-text
.title > .text {
flex: 0 0 auto;
}

.section-banner__pages.type2-hero
.type2-hero-body {
display: block;
  max-width: 100%;
  margin-left: 0;
  box-sizing: border-box;
  text-align: left;
}

.section-banner__pages.type2-hero
.type2-hero-subtitle {
display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  text-align-last: center;
  white-space: normal;
  overflow-wrap: break-word;
  font-family: "Learning Detail Averta", sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.90);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.30);
}

.section-banner__pages.type2-hero
.type2-hero-cta {
display: block;
  width: 100%;
  margin: 0.875rem 0 0;
  padding: 0;
  text-align: right;
}

.section-banner__pages.type2-hero
.type2-hero-cta .btn {
margin: 0;
  font-family: "Learning Detail Averta", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.30);
}

@media (max-width: 767px) {
.section-banner__pages.type2-hero
  .type2-hero-subtitle {
font-size: 0.875rem;
    line-height: 1.5;
    text-align: justify;
    text-align-last: left;
}

.section-banner__pages.type2-hero
  .type2-hero-cta .btn {
font-size: 0.9375rem;
}
}

@media (min-width: 576px) and (max-width: 991px) {
.section-banner__pages.type2-hero
  .type2-hero-subtitle {
font-size: 1rem;
    text-align: justify;
    text-align-last: left;
}

.section-banner__pages.type2-hero
  .container
  .ct-text {
width: 100%;
    max-width: 100%;
    min-width: 0;

    /*
     * Global hiện là -14px.
     * Type2 nâng thêm để phần dưới thoáng mép Banner.
     */
    transform: translateY(-32px);
}

.section-banner__pages.type2-hero
  .container
  .ct-text
  .title {
width: 100%;
    max-width: 100%;
    min-width: 0;
}

.section-banner__pages.type2-hero
  .container
  .ct-text
  .title > .text {
flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    white-space: normal;

    /*
     * Tăng line spacing Title 1.
     */
    line-height: 1.20;
}

.section-banner__pages.type2-hero
  .type2-hero-body {
max-width: 100%;
}
}

@media (max-width: 575px) {
.section-banner__pages.type2-hero {
display: block;
}

.section-banner__pages.type2-hero
  .container {
width: 100%;
    max-width: 100%;
}

.section-banner__pages.type2-hero
  .container
  .ct-text {
width: 100%;
    max-width: 100%;

    /*
     * Nâng mạnh toàn bộ cụm.
     *
     * Chấp nhận Title 1 chạy khỏi vùng nhìn thấy;
     * ưu tiên Xanh + Nội dung + CTA.
     *
     * Không thay đổi rule riêng của Xanh.
     */
    transform: translateY(-92px);
}

.section-banner__pages.type2-hero
  .container
  .ct-text
  .title {
width: 100%;
    max-width: 100%;
    min-width: 0;
}

.section-banner__pages.type2-hero
  .container
  .ct-text
  .title > .text {
flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
}

.section-banner__pages.type2-hero
  .type2-hero-body {
max-width: 100%;
}
}

.section-schedule__sm .table-sche {
max-width: 55.9375rem;

  margin-left: auto;
}

.section-schedule__sm .table-sche .item:not(:last-child) {
border-bottom: 2px solid #394C8A;
}

.section-schedule__sm .table-sche .item .title-table {
-webkit-box-flex: 0;

      -ms-flex: 0 0 11.25rem;

          flex: 0 0 11.25rem;
}

.section-schedule__sm .table-sche .item .content-table {
-webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  border-left: 2px solid #394C8A;
}

.section-schedule__sm .table-sche .item .content-table ul li:not(.nav-item) {
padding: 0.625rem 1.875rem;
}

.section-schedule__sm .table-sche .item .content-table ul li:not(.nav-item):not(:last-child) {
border-bottom: 2px solid #394C8A;
}

.program-zen-learning .col:nth-child(2n) .ez-zen-learning-related-card {
margin-top: 80px;
}

@media (max-width: 991px) {

.section-schedule__sm .table-sche .item .title-table .text {
font-size: 1rem;
}

.program-zen-learning .col:nth-child(2n) .ez-zen-learning-related-card {
margin-top: 0;
}
}

@media (max-width: 767px) {
.section-schedule__sm .table-sche .item .title-table {
-webkit-box-flex: 0;

        -ms-flex: 0 0 7.5rem;

            flex: 0 0 7.5rem;
}

.section-schedule__sm .table-sche .item .content-table ul li:not(.nav-item) {
padding: 0.625rem 0.9375rem;
}

.section-schedule__sm .table-sche .item .title-table .text {
font-size: 0.875rem;
}
}

@media (max-width: 575px) {
.section-schedule__sm .table-sche .item .title-table {
-webkit-box-flex: 0;

        -ms-flex: 0 0 6.25rem;

            flex: 0 0 6.25rem;
}
}

.type2-cta {
background-color: var(--zen-learning-bg-cta);
}

@media (max-width: 575px) {
@keyframes zenProgramSlideIn {

        from {
            opacity: 0;
            transform: translateX(22px);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    
}
}

/* EVERZEN ZEN LEARNING LEGACY BASE END 20261011 */

/* EVERZEN ZEN LEARNING CTA RELATED LEGACY BASE START 20261011 */

/*
 * CSS nền được sao chép từ legacy đang load trên Zen Learning.
 * Chỉ lấy rule liên quan CTA / Related.
 * Namespace đã chuyển sang ez-zen-learning-*.
 * CSS V2 hiện tại nằm phía sau và tiếp tục override.
 */

/* SOURCE SNAPSHOT: legacy Zen Learning styles */
.ez-zen-learning-cta-shell .title-all {
width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  position: relative;

  padding-left: 7.5rem;
}

.ez-zen-learning-cta-shell .title-all::after {
content: "";

  width: 2.6875rem;

  height: 4.4375rem;

  background-image: url(../images/flag-orange.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: 0;

  left: calc(100% + 20px);
}

.ez-zen-learning-cta-shell .image {
max-width: 33.4375rem;
}

.ez-zen-learning-cta-shell .image img {
width: 100%;
}

.ez-zen-learning-cta-shell .endow-content {
padding-left: 3.75rem;
}

.ez-zen-learning-cta-shell .endow-content .head .price-sale {
-webkit-text-decoration-line: line-through;

          text-decoration-line: line-through;

  margin-bottom: 1.0625rem;

  line-height: 1.1;
}

.ez-zen-learning-cta-shell .endow-content .head .price {
font-size: 2.625rem;

  line-height: 0.7;
}

.ez-zen-learning-cta-shell .endow-content .head .discount {
width: 10.375rem;

  height: 5.1875rem;

  background-image: url(../images/bg-discount.png);

  background-repeat: no-repeat;

  background-size: cover;

  -ms-flex-negative: 0;

      flex-shrink: 0;
}

.ez-zen-learning-cta-shell .endow-content .head .discount .value {
font-size: 3.25rem;

  margin-right: 2.8125rem;

  -webkit-transform: rotate(-5deg);

          transform: rotate(-5deg);

  position: relative;

  line-height: 0.5;
}

.ez-zen-learning-cta-shell .endow-content .head .discount .value::after {
content: "%";

  font-family: "Learning Detail Averta", sans-serif;

  font-size: 0.875rem;

  color: #222831;
}

.ez-zen-learning-cta-shell .endow-content .list-endow {
padding-right: 3.75rem;
}

.ez-zen-learning-cta-shell .endow-content .list-endow li {
font-size: 1.0625rem;

  color: #222831;

  line-height: 1.7;

  position: relative;

  padding-left: 4.0625rem;
}

.ez-zen-learning-cta-shell .endow-content .list-endow li::before {
content: "";

  width: 2.75rem;

  height: 3.1875rem;

  background-image: url(../images/box-zen-learning.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  left: 0;
}

.ez-zen-learning-cta-shell .endow-content .list-endow li:not(:last-child) {
margin-bottom: 1.875rem;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form {
background: #EEF0F5;

  border: 3px solid #394C8A;

  border-radius: 15px;

  padding: 1.5625rem 0.625rem 0.9375rem;

  position: relative;

  max-width: 27.5rem;

  margin-left: auto;

  margin-right: auto;

  margin-top: 4.375rem;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .title {
margin-bottom: 0.9375rem;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin {
min-height: 3rem;

  padding: 0.625rem 0.625rem 0.625rem 2.1875rem;

  border-top: 1px solid #394C8A;

  position: relative;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin i {
position: absolute;

  top: 50%;

  right: 0.9375rem;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  color: #222831;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control,
.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .select {
padding: 0;

  border: none;

  background: none;

  border-radius: 0;

  height: 100%;

  color: #222831;

  font-size: 0.9375rem;

  width: 100%;

  font-family: "NotoSan", sans-serif;    font-weight: bold;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control::-webkit-input-placeholder,
.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .select::-webkit-input-placeholder {
letter-spacing: 0.05em;

  text-transform: uppercase;

  color: #66739A;

  font-size: 0.9375rem;

  text-transform: uppercase;

  font-family: "NotoSan", sans-serif;    font-weight: bold;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control::-moz-placeholder,
.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .select::-moz-placeholder {
letter-spacing: 0.05em;

  text-transform: uppercase;

  color: #66739A;

  font-size: 0.9375rem;

  text-transform: uppercase;

  font-family: "NotoSan", sans-serif;    font-weight: bold;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control:-ms-input-placeholder,
.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .select:-ms-input-placeholder {
letter-spacing: 0.05em;

  text-transform: uppercase;

  color: #66739A;

  font-size: 0.9375rem;

  text-transform: uppercase;

  font-family: "NotoSan", sans-serif;    font-weight: bold;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control::-ms-input-placeholder,
.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .select::-ms-input-placeholder {
letter-spacing: 0.05em;

  text-transform: uppercase;

  color: #66739A;

  font-size: 0.9375rem;

  text-transform: uppercase;

  font-family: "NotoSan", sans-serif;    font-weight: bold;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control::placeholder,
.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .select::placeholder {
letter-spacing: 0.05em;

  text-transform: uppercase;

  color: #66739A;

  font-size: 0.9375rem;

  text-transform: uppercase;

  font-family: "NotoSan", sans-serif;    font-weight: bold;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin textarea {
min-height: 3.75rem;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .select {
-webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  text-transform: uppercase;
}

.ez-zen-learning-related-shell .col {
flex: 0 0 20%;
}

.ez-zen-learning-related-shell .image-before {
top: 5.625rem;
}

.ez-zen-learning-related-shell .title-all {
margin-bottom: 7.0625rem;

  position: relative;
}

.ez-zen-learning-related-shell .title-all::after {
content: "";

  width: 23.4375rem;

  height: 11.4375rem;

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: 0;

  right: 0;

  background-image: url(../images/before-advantages.png);

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);
}

@media (min-width: 1400px) {
.ez-zen-learning-cta-shell .container {
max-width: 1600px !important;
}
}

@media (min-width: 1200px) {
.ez-zen-learning-related-shell .container {
max-width: 1740px !important;
}
}

@media (max-width: 1600px) {
.ez-zen-learning-cta-shell .endow-content .head .price-sale {
font-size: 1.5625rem;
}

.ez-zen-learning-cta-shell .endow-content .head .price {
font-size: 1.875rem;
}
}

@media (max-width: 1199px) {
.ez-zen-learning-cta-shell .title-all,
.ez-zen-learning-cta-shell .endow-content {
padding-left: 0;
}

.ez-zen-learning-related-shell .col {
flex: 0 0 25%;
}
}

@media (max-width: 991px) {
.ez-zen-learning-related-shell .title-all {
margin-bottom: 1.875rem;
}

.ez-zen-learning-related-shell .title-all::after {
display: none;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form {
margin-top: 0;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form {
max-width: 100%;
}

.ez-zen-learning-related-shell .col {
flex: 0 0 33.33%;
}
}

@media (max-width: 767px) {
.ez-zen-learning-related-shell .col {
flex: 0 0 50%;
}
}

@media (max-width: 575px) {
.ez-zen-learning-cta-shell .endow-content .head .discount .value {
font-size: 2.1875rem;

    margin-right: 1.5625rem;
}

.ez-zen-learning-cta-shell .endow-content .head .discount {
width: 8.125rem;

    height: 4.0625rem;
}

.ez-zen-learning-cta-shell .endow-content .head .price-sale {
font-size: 1.125rem;

    margin-bottom: 0.625rem;
}

.ez-zen-learning-cta-shell .endow-content .head .price {
font-size: 1.5625rem;
}

.ez-zen-learning-cta-shell .endow-content .list-endow {
padding-right: 0;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control::-webkit-input-placeholder {
font-size: 0.875rem;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control::-moz-placeholder {
font-size: 0.875rem;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control:-ms-input-placeholder {
font-size: 0.875rem;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control::-ms-input-placeholder {
font-size: 0.875rem;
}

.ez-zen-learning-cta-shell .ez-zen-learning-cta-form .form-group__admin .form-control::placeholder {
font-size: 0.875rem;
}

.ez-zen-learning-related-shell .col {
flex: 0 0 100%;
}

.ez-zen-learning-cta-shell .title-all::after {
height:43px;
      top:-9px;
}
}

/* EVERZEN ZEN LEARNING CTA RELATED LEGACY BASE END 20261011 */

/* EVERZEN ZEN LEARNING SCHEDULE LEGACY BASE START 20261011 */

/*
 * Compatibility base được sao chép từ CSS legacy đang load live.
 * Chỉ giữ selector thuộc Schedule và đổi namespace sang Summer.
 * Các rule Zen Learning mới phía sau file tiếp tục override block này.
 */

/* SOURCE SNAPSHOT: legacy Zen Learning styles */
.ez-zen-learning-schedule .title {
margin-bottom: 4.75rem;
}

.ez-zen-learning-schedule .title .text-decor {
font-size: 5.625rem;

  margin-right: 1.875rem;

  line-height: 0.5;
}

.ez-zen-learning-schedule .module-slide {
max-width: 27.0625rem;

  margin-right: auto;
}

.ez-zen-learning-schedule .module-slide .list-note li {
color: #222831;

  padding-left: 2rem;

  position: relative;
}

.ez-zen-learning-schedule .module-slide .list-note li .circle {
width: 0.75rem;

  height: 0.75rem;

  border-radius: 100%;

  display: block;

  position: absolute;

  top: 4px;

  left: 0;
}

.ez-zen-learning-schedule .module-slide .btn-border__green {
width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  min-width: 15.625rem;

  margin: 1.25rem 0;

  border-radius: 2px solid #2f8089 !important;

  color: #394C8A;

  font-size: 1.125rem;

  position: relative;
}

.ez-zen-learning-schedule .module-slide .btn-border__green::before {
content: "";

  width: 2.375rem;

  height: 1.0625rem;

  background-image: url(../images/plane.png);

  position: absolute;

  top: 50%;

  left: 15px;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  background-repeat: no-repeat;

  background-size: contain;
}

.ez-zen-learning-schedule .module-slide .btn-border__green:hover {
color: #fff;
}

.ez-zen-learning-schedule .module-slide .btn-border__green:hover::before {
-webkit-filter: brightness(10);

          filter: brightness(10);
}

.ez-zen-learning-schedule .table-sche {
max-width: 55.9375rem;

  margin-left: auto;
}

.ez-zen-learning-schedule .table-sche .item:not(:last-child) {
border-bottom: 2px solid #394C8A;
}

.ez-zen-learning-schedule .table-sche .item .title-table {
-webkit-box-flex: 0;

      -ms-flex: 0 0 11.25rem;

          flex: 0 0 11.25rem;
}

.ez-zen-learning-schedule .table-sche .item .content-table {
-webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  border-left: 2px solid #394C8A;
}

.ez-zen-learning-schedule .table-sche .item .content-table ul li:not(.nav-item) {
padding: 0.625rem 1.875rem;
}

.ez-zen-learning-schedule .table-sche .item .content-table ul li:not(.nav-item):not(:last-child) {
border-bottom: 2px solid #394C8A;
}

.ez-zen-learning-schedule .image-before {
left: -16%;

  top: 6%;
}

@media (max-width: 1600px) {
.ez-zen-learning-schedule .image-before img {
max-width: 70%;
}
}

@media (max-width: 991px) {
.ez-zen-learning-schedule .module-slide {
margin-left: auto;

    max-width: 100%;
}

.ez-zen-learning-schedule .table-sche .item .title-table .text {
font-size: 1rem;
}
}

@media (max-width: 767px) {
.ez-zen-learning-schedule .title {
margin-bottom: 1.875rem;
}

.ez-zen-learning-schedule .title .text-decor {
font-size: 2.5rem;

    margin-right: 0.9375rem;
}

.ez-zen-learning-schedule .table-sche .item .title-table {
-webkit-box-flex: 0;

        -ms-flex: 0 0 7.5rem;

            flex: 0 0 7.5rem;
}

.ez-zen-learning-schedule .table-sche .item .content-table ul li:not(.nav-item) {
padding: 0.625rem 0.9375rem;
}

.ez-zen-learning-schedule .table-sche .item .title-table .text {
font-size: 0.875rem;
}
}

@media (max-width: 575px) {
.ez-zen-learning-schedule .table-sche .item .title-table {
-webkit-box-flex: 0;

        -ms-flex: 0 0 6.25rem;

            flex: 0 0 6.25rem;
}
}

/* EVERZEN ZEN LEARNING SCHEDULE LEGACY BASE END 20261011 */

/*
 * ==========================================================
 * EVERZEN ZEN LEARNING DETAIL V2
 *
 * HERO
 * Visual master:
 * Everzen Type2
 *
 * Chỉ chứa CSS Layer 2 detail.
 * Không phụ thuộc stylesheet module khác.
 * ==========================================================
 */


.zen-learning-v2-hero
.title-green__banner {
    color: #ffffff;

    text-shadow:
        0 4px 4px
        rgba(0, 0, 0, 0.25);
}


/*
 * Title 1 giữ chiều rộng tự nhiên.
 */
.zen-learning-v2-hero
.container
.ct-text
.title > .text {
    flex: 0 0 auto;
}


/*
 * Description + CTA.
 *
 * Desktop:
 * JS gán width = 70% Title 1.
 */
.zen-learning-v2-hero
.type2-hero-body {
    display: block;

    max-width: 100%;

    margin-left: 0;

    box-sizing: border-box;

    text-align: left;
}


/*
 * Description.
 */
.zen-learning-v2-hero
.type2-hero-subtitle {
    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    text-align: center;
    text-align-last: center;

    white-space: normal;
    overflow-wrap: break-word;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.55;

    color:
        rgba(
            255,
            255,
            255,
            0.90
        );

    text-shadow:
        0 1px 3px
        rgba(0, 0, 0, 0.30);
}


/*
 * CTA căn phải theo body.
 */
.zen-learning-v2-hero
.type2-hero-cta {
    display: block;

    width: 100%;

    margin:
        0.875rem
        0
        0;

    padding: 0;

    text-align: right;
}


.zen-learning-v2-hero
.type2-hero-cta
.btn {
    margin: 0;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-weight: 700;
    font-style: italic;

    font-size: 1rem;
    line-height: 1.2;

    letter-spacing: 0.08em;

    text-transform: uppercase;
    text-decoration: none;

    color: #FFFFFF;

    text-shadow:
        0 1px 3px
        rgba(0, 0, 0, 0.30);
}


/*
 * Giữ đúng typography Hero Layer 1.
 */
.zen-learning-v2-hero
.container
.ct-text
.title > .text {
    font-family:
        "Learning Detail Averta", sans-serif;
}


.zen-learning-v2-hero
.container
.ct-text
.title > .text-decor {
    font-family:
        "Learning Detail Averta", sans-serif;
}


/*
 * ==========================================================
 * TABLET
 * ==========================================================
 */

@media (
    min-width: 576px
)
and (
    max-width: 991px
) {

    .zen-learning-v2-hero
    .type2-hero-subtitle {
        font-size: 1rem;

        text-align: justify;
        text-align-last: left;
    }


    .zen-learning-v2-hero
    .container
    .ct-text {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        transform:
            translateY(-32px);
    }


    .zen-learning-v2-hero
    .container
    .ct-text
    .title {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .zen-learning-v2-hero
    .container
    .ct-text
    .title > .text {
        flex: 1 1 auto;

        min-width: 0;
        max-width: 100%;

        white-space: normal;

        line-height: 1.20;
    }


    .zen-learning-v2-hero
    .type2-hero-body {
        max-width: 100%;
    }

}


/*
 * ==========================================================
 * MOBILE
 * ==========================================================
 */

@media (
    max-width: 575px
) {

    /*
     * main.css legacy đang ẩn page banner mobile.
     */
    .zen-learning-v2-hero {
        display: block;
    }


    .zen-learning-v2-hero
    .container {
        width: 100%;
        max-width: 100%;
    }


    .zen-learning-v2-hero
    .container
    .ct-text {
        width: 100%;
        max-width: 100%;

        transform:
            translateY(-92px);
    }


    .zen-learning-v2-hero
    .container
    .ct-text
    .title {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .zen-learning-v2-hero
    .container
    .ct-text
    .title > .text {
        flex: 1 1 auto;

        min-width: 0;
        max-width: 100%;

        white-space: normal;
    }


    .zen-learning-v2-hero
    .type2-hero-body {
        max-width: 100%;
    }


    .zen-learning-v2-hero
    .type2-hero-subtitle {
        font-size: 0.875rem;
        line-height: 1.5;

        text-align: justify;
        text-align-last: left;
    }


    .zen-learning-v2-hero
    .type2-hero-cta
    .btn {
        font-size: 0.9375rem;
    }

}


/*
 * ==========================================================
 * EVERZEN ZEN LEARNING V2 — OVERVIEW
 *
 * Visual clone:
 * Joy Overview 2026
 * ==========================================================
 */

.ez-zen-learning-overview {
    position: relative;
    overflow: hidden;

    padding:
        82px
        0
        64px;

    background: #EEF0F5;
}


.ez-zen-learning-overview > .container {
    position: relative;
    z-index: 2;
}


.ez-zen-learning-overview-inner {
    max-width: 1240px;

    margin:
        0
        auto;
}


/*
 * ==========================================================
 * TITLE
 * ==========================================================
 */

.ez-zen-learning-overview-head {
    display: grid;

    grid-template-columns:
        max-content
        max-content;

    grid-template-rows:
        auto
        auto;

    width: max-content;
    max-width: 94vw;

    margin:
        0
        auto
        34px;
}


.ez-zen-learning-main-title {
    grid-column: 1;
    grid-row: 1;

    width: max-content;
    max-width: 72vw;

    margin: 0;

    text-align: center;
}


.ez-zen-learning-title-main {
    display: block;

    width: max-content;
    max-width: 72vw;

    margin: 0;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-weight: 600;
    font-style: normal;

    text-transform: uppercase;

    letter-spacing: 0;

    line-height: 0.95;

    font-size:
        clamp(
            48px,
            4.7vw,
            78px
        );

    color: #394C8A;
}


.ez-zen-learning-title-decor-wrap {
    grid-column: 2;
    grid-row: 2;

    width: max-content;
    max-width: 48vw;

    margin:
        4px
        0
        0;

    padding: 0;
}


.ez-zen-learning-title-decor {
    display: block;

    width: max-content;
    max-width: 48vw;

    margin: 0;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-weight: 400;

    line-height: 0.92;

    font-size:
        clamp(
            38px,
            2.6vw,
            44px
        );

    color: #66739A;

    white-space: nowrap;

    text-align: left;

    text-transform: none;
}


/*
 * ==========================================================
 * META — 5 ITEM
 * ==========================================================
 */

.ez-zen-learning-overview-meta {
    display: grid;

    grid-template-columns:
        repeat(
            5,
            minmax(0, 1fr)
        );

    column-gap: 26px;
    row-gap: 26px;

    margin-top: 16px;
}


.ez-zen-learning-overview-meta-item {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    min-width: 0;
}


.ez-zen-learning-meta-icon {
    flex:
        0
        0
        54px;

    width: 54px;
    height: 54px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    overflow: hidden;

    border:
        1px
        solid
        rgba(57,76,138,
            .16
        );

    border-radius: 50%;

    background:
        rgba(
            255,
            255,
            255,
            .72
        );

    box-shadow:
        0
        8px
        24px
        rgba(57,76,138,
            .06
        );
}


.ez-zen-learning-meta-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: 50%;
}


.ez-zen-learning-meta-copy {
    display: flex;

    flex-direction: column;

    gap: 3px;

    min-width: 0;
}


.ez-zen-learning-meta-label {
    font-family:
        "Learning Detail Averta", sans-serif;

    font-size: 13px;

    line-height: 1.3;

    letter-spacing: .08em;

    color: #66739A;

    text-transform: uppercase;
}


.ez-zen-learning-meta-value {
    font-family:
        "Learning Detail Averta", sans-serif;

    font-size: 20px;

    line-height: 1.3;

    color: #222831;

    overflow-wrap: anywhere;
}


/*
 * ==========================================================
 * JOURNEY DECOR
 * ==========================================================
 */

.ez-zen-learning-nature-decor {
    position: absolute;

    z-index: 1;

    display: block;

    pointer-events: none;

    overflow: visible;

    fill: none;

    stroke: #394C8A;

    stroke-width: 1.35;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.ez-zen-learning-decor-journey {
    left: -2%;
    bottom: -7px;

    width: 104%;
    height: 180px;

    opacity: .13;
}


.ez-zen-learning-decor-journey
.ez-zen-learning-decor-line-soft {
    opacity: .72;
}


.ez-zen-learning-decor-pin {
    fill: #EEF0F5;

    stroke: #394C8A;

    stroke-width: 1.5;
}


.ez-zen-learning-decor-pin circle {
    fill: #394C8A;

    stroke: none;
}


/*
 * ==========================================================
 * TABLET LANDSCAPE
 * ==========================================================
 */

@media (
    min-width: 992px
)
and (
    max-width: 1199px
) {

    .ez-zen-learning-overview {
        padding:
            72px
            0
            56px;
    }


    .ez-zen-learning-overview-head {
        max-width: 94vw;

        margin-bottom: 30px;
    }


    .ez-zen-learning-main-title,
    .ez-zen-learning-title-main {
        max-width: 68vw;
    }


    .ez-zen-learning-title-main {
        font-size:
            clamp(
                44px,
                4.8vw,
                68px
            );

        line-height: .97;
    }


    .ez-zen-learning-title-decor-wrap,
    .ez-zen-learning-title-decor {
        max-width: 45vw;
    }


    .ez-zen-learning-title-decor {
        font-size:
            clamp(
                34px,
                2.8vw,
                40px
            );
    }


    /*
     * 5 item -> 3 + 2
     */
    .ez-zen-learning-overview-meta {
        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        gap:
            26px
            34px;
    }


    .ez-zen-learning-overview-meta-item {
        flex:
            0
            1
            calc(
                33.333%
                - 24px
            );

        max-width: 340px;
    }


    .ez-zen-learning-decor-journey {
        height: 150px;

        opacity: .11;
    }

}


/*
 * ==========================================================
 * TABLET PORTRAIT
 * ==========================================================
 */

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

    .ez-zen-learning-overview {
        padding:
            64px
            0
            50px;
    }


    .ez-zen-learning-overview-head {
        max-width: 94vw;

        margin-bottom: 28px;
    }


    .ez-zen-learning-main-title,
    .ez-zen-learning-title-main {
        max-width: 66vw;
    }


    .ez-zen-learning-title-main {
        font-size:
            clamp(
                38px,
                5.4vw,
                56px
            );

        line-height: .98;
    }


    .ez-zen-learning-title-decor-wrap,
    .ez-zen-learning-title-decor {
        max-width: 44vw;
    }


    .ez-zen-learning-title-decor {
        font-size:
            clamp(
                32px,
                4vw,
                38px
            );
    }


    .ez-zen-learning-overview-meta {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap:
            22px
            30px;
    }


    .ez-zen-learning-meta-value {
        font-size: 19px;
    }


    .ez-zen-learning-decor-journey {
        left: -18%;

        width: 130%;
        height: 135px;

        opacity: .10;
    }

}


/*
 * ==========================================================
 * MOBILE
 * ==========================================================
 */

@media (
    max-width: 767px
) {

    .ez-zen-learning-overview {
        padding:
            36px
            0
            32px;
    }


    .ez-zen-learning-overview-head {
        grid-template-columns:
            1fr;

        grid-template-rows:
            auto
            auto;

        width: 90vw;
        max-width: 90vw;

        margin:
            0
            auto
            24px;
    }


    .ez-zen-learning-main-title {
        grid-column: 1;
        grid-row: 1;

        width: 100%;
        max-width: 100%;
    }


    .ez-zen-learning-title-main {
        width: 100%;
        max-width: 100%;

        font-size:
            clamp(
                30px,
                7.2vw,
                42px
            );

        line-height: 1.02;
    }


    .ez-zen-learning-title-decor-wrap {
        grid-column: 1;
        grid-row: 2;

        width: max-content;
        max-width: 90%;

        justify-self: center;

        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }


    .ez-zen-learning-title-decor {
        width: max-content;
        max-width: 100%;

        font-size:
            clamp(
                24px,
                5.8vw,
                30px
            );

        line-height: .98;

        white-space: normal;

        text-align: center;
    }


    .ez-zen-learning-overview-meta {
        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 18px;

        margin-top: 34px;
    }


    .ez-zen-learning-overview-meta-item {
        width: 100%;
        max-width: 330px;

        min-width: 0;
    }


    .ez-zen-learning-meta-icon {
        flex-basis: 48px;

        width: 48px;
        height: 48px;
    }


    .ez-zen-learning-meta-label {
        font-size: 12px;
    }


    .ez-zen-learning-meta-value {
        font-size: 18px;
    }


    .ez-zen-learning-decor-journey {
        left: -65%;
        bottom: -3px;

        width: 190%;
        height: 105px;

        opacity: .09;
    }

}


/*
 * ZEN LEARNING OVERVIEW
 * META ALIGNMENT REFINE
 */

.ez-zen-learning-meta-icon {
    margin-top: 1px;
}


/*
 * ==========================================================
 * EVERZEN ZEN LEARNING V2 INTRO VISUAL 20261011
 * ==========================================================
 */

.ez-zen-learning-intro {
    position: relative;

    overflow: hidden;

    padding:
        86px
        0
        96px;

    background: #EEF0F5;
}


.ez-zen-learning-intro > .container {
    position: relative;

    z-index: 2;
}


/*
 * TITLE
 * Theo hệ typography Zen Learning Layer 1.
 */

.ez-zen-learning-intro-heading {
    display: flex;

    align-items: baseline;

    flex-wrap: wrap;

    column-gap: 18px;
    row-gap: 5px;

    margin:
        0
        0
        44px;
}


.ez-zen-learning-intro-title {
    margin: 0;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size: 30px;

    font-weight: 600;

    line-height: 1.25;

    color: #394C8A;

    text-transform: uppercase;
}


.ez-zen-learning-intro-title-decor {
    margin: 0;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size: 46px;

    font-weight: 400;

    line-height: 1;

    color: #66739A;
}


/*
 * 2 CỘT
 */

.ez-zen-learning-intro-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, .95fr);

    gap: 54px;

    align-items: stretch;
}


.ez-zen-learning-intro-layout.is-no-image {
    grid-template-columns: 1fr;
}


/*
 * CONTENT PANEL
 */

.ez-zen-learning-intro-copy {
    position: relative;

    min-width: 0;

    overflow: hidden;

    padding:
        52px
        56px
        50px;

    border:
        1px
        solid
        rgba(57,76,138,
            .08
        );

    border-radius:
        38px
        16px
        46px
        18px;

    background:
        rgba(
            255,
            255,
            255,
            .84
        );

    box-shadow:
        0
        18px
        48px
        rgba(57,76,138,
            .045
        );
}


.ez-zen-learning-intro-copy::before {
    content: "";

    position: absolute;

    left: 27px;
    top: 27px;

    width: 74px;
    height: 74px;

    border-top:
        1px
        solid
        rgba(57,76,138,
            .32
        );

    border-left:
        1px
        solid
        rgba(57,76,138,
            .32
        );

    border-radius:
        26px
        0
        0
        0;

    pointer-events: none;
}


.ez-zen-learning-intro-copy::after {
    content: "";

    position: absolute;

    right: 27px;
    bottom: 27px;

    width: 86px;
    height: 86px;

    border-right:
        1px
        solid
        rgba(57,76,138,
            .16
        );

    border-bottom:
        1px
        solid
        rgba(57,76,138,
            .16
        );

    border-radius:
        0
        0
        28px
        0;

    pointer-events: none;
}


.ez-zen-learning-intro-copy__bubble {
    position: absolute;

    display: block;

    border-radius: 50%;

    pointer-events: none;
}


.ez-zen-learning-intro-copy__bubble--1 {
    right: -34px;
    top: -42px;

    width: 126px;
    height: 126px;

    background:
        rgba(57,76,138,
            .045
        );
}


.ez-zen-learning-intro-copy__bubble--2 {
    left: -42px;
    bottom: -52px;

    width: 144px;
    height: 144px;

    background:
        rgba(57,76,138,
            .08
        );
}


.ez-zen-learning-intro-copy-inner {
    position: relative;

    z-index: 2;

    font-family:
        "NotoSan", sans-serif;

    font-size: 17px;

    font-weight: 500;

    line-height: 1.78;

    color: #222831;
}


.ez-zen-learning-intro-copy-inner p {
    margin:
        0
        0
        20px;
}


.ez-zen-learning-intro-copy-inner p:last-child {
    margin-bottom: 0;
}


.ez-zen-learning-intro-copy-inner ul,
.ez-zen-learning-intro-copy-inner ol {
    margin:
        18px
        0
        22px;

    padding-left: 22px;
}


.ez-zen-learning-intro-copy-inner li {
    margin-bottom: 8px;
}


.ez-zen-learning-intro-copy-inner strong,
.ez-zen-learning-intro-copy-inner b {
    font-weight: 700;

    color: #222831;
}


/*
 * FEATURE IMAGE
 */

.ez-zen-learning-intro-visual {
    position: relative;

    min-width: 0;

    min-height: 500px;
}


.ez-zen-learning-intro-visual__accent {
    position: absolute;

    right: -18px;
    bottom: -18px;

    z-index: 0;

    width: 82%;
    height: 88%;

    border-radius:
        24px
        44px
        20px
        48px;

    background:
        rgba(57,76,138,
            .14
        );

    transform:
        rotate(1.5deg);
}


.ez-zen-learning-intro-image {
    position: absolute;

    inset: 0;

    z-index: 1;

    overflow: hidden;

    border-radius:
        22px
        42px
        26px
        48px;

    background: #EEF0F5;
}


.ez-zen-learning-intro-image__img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    transition:
        transform
        .6s
        ease;
}


.ez-zen-learning-intro-visual:hover
.ez-zen-learning-intro-image__img {
    transform: scale(1.025);
}


.ez-zen-learning-intro-image__corner {
    position: absolute;

    right: 22px;
    top: 22px;

    width: 72px;
    height: 72px;

    border-top:
        2px
        solid
        rgba(
            255,
            255,
            255,
            .88
        );

    border-right:
        2px
        solid
        rgba(
            255,
            255,
            255,
            .88
        );

    border-radius:
        0
        16px
        0
        0;

    pointer-events: none;
}


/*
 * BACKGROUND DECOR
 */

.ez-zen-learning-intro-decor {
    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;
}


.ez-zen-learning-intro-decor__arc {
    position: absolute;

    display: block;

    border:
        1px
        solid
        rgba(57,76,138,
            .065
        );

    border-radius: 50%;
}


.ez-zen-learning-intro-decor__arc--1 {
    width: 420px;
    height: 420px;

    left: -260px;
    top: 80px;
}


.ez-zen-learning-intro-decor__arc--2 {
    width: 620px;
    height: 620px;

    right: -410px;
    bottom: -390px;
}


/*
 * TABLET
 */

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

    .ez-zen-learning-intro {
        padding:
            70px
            0
            78px;
    }


    .ez-zen-learning-intro-heading {
        margin-bottom: 34px;
    }


    .ez-zen-learning-intro-title {
        font-size: 26px;
    }


    .ez-zen-learning-intro-title-decor {
        font-size: 40px;
    }


    .ez-zen-learning-intro-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        gap: 32px;
    }


    .ez-zen-learning-intro-copy {
        padding:
            38px
            34px;
    }


    .ez-zen-learning-intro-copy-inner {
        font-size: 16px;

        line-height: 1.7;
    }


    .ez-zen-learning-intro-visual {
        min-height: 440px;
    }

}


/*
 * MOBILE
 */

@media (
    max-width: 767px
) {

    .ez-zen-learning-intro {
        padding:
            54px
            0
            62px;
    }


    .ez-zen-learning-intro-heading {
        display: block;

        margin-bottom: 28px;
    }


    .ez-zen-learning-intro-title {
        font-size: 21px;

        line-height: 1.3;
    }


    .ez-zen-learning-intro-title-decor {
        margin-top: 8px;

        font-size: 34px;

        line-height: 1;
    }


    .ez-zen-learning-intro-layout {
        display: flex;

        flex-direction: column;

        gap: 34px;
    }


    .ez-zen-learning-intro-visual {
        order: 1;

        min-height: 0;

        aspect-ratio: 4 / 3;
    }


    .ez-zen-learning-intro-copy {
        order: 2;

        padding:
            34px
            26px
            36px;

        border-radius:
            28px
            12px
            34px
            16px;
    }


    .ez-zen-learning-intro-copy-inner {
        font-size: 15px;

        line-height: 1.7;
    }


    .ez-zen-learning-intro-visual__accent {
        right: -9px;
        bottom: -10px;
    }


    .ez-zen-learning-intro-image {
        border-radius:
            18px
            32px
            20px
            34px;
    }


    .ez-zen-learning-intro-image__corner {
        right: 16px;
        top: 16px;

        width: 54px;
        height: 54px;
    }


    .ez-zen-learning-intro-decor__arc--1 {
        display: none;
    }

}


/*
 * ==========================================================
 * ZEN LEARNING INTRO — CENTER CONTENT REFINE
 * ==========================================================
 */

.ez-zen-learning-intro-copy-inner {
    width: 90%;
    margin-left: auto;
    margin-right: auto;

    text-align: center;
}


/*
 * Danh sách dài vẫn nên đọc theo trục trái.
 */
.ez-zen-learning-intro-copy-inner ul,
.ez-zen-learning-intro-copy-inner ol {
    text-align: left;
}


@media (max-width: 767px) {

    .ez-zen-learning-intro-copy-inner {
        width: 100%;
    }

}


/*
 * ==========================================================
 * ZEN LEARNING INTRO — TEXT + DECOR REFINE 20261011
 * ==========================================================
 */


/*
 * 1. Trả body về căn trái.
 */

.ez-zen-learning-intro-copy-inner {
    width: 90%;

    margin-left: auto;
    margin-right: auto;

    text-align: left;
}


/*
 * Mobile vẫn dùng toàn chiều rộng.
 */

@media (max-width: 767px) {

    .ez-zen-learning-intro-copy-inner {
        width: 100%;
    }

}


/*
 * ==========================================================
 * 2. MINI LINE-ART ICON TRƯỚC MỖI PARAGRAPH
 *
 * Dùng pseudo-element để:
 * - không sửa dữ liệu Admin
 * - không thêm icon thủ công từng đoạn
 * - giữ visual nhẹ
 * ==========================================================
 */

.ez-zen-learning-intro-copy-inner p {
    position: relative;

    padding-left: 26px;
}


/*
 * Mini sparkle / leaf line-art.
 */

.ez-zen-learning-intro-copy-inner p::before {
    content: "";

    position: absolute;

    left: 0;
    top: .62em;

    width: 12px;
    height: 12px;

    transform:
        translateY(-50%)
        rotate(45deg);

    border-top:
        1.5px
        solid
        rgba(57,76,138,
            .78
        );

    border-right:
        1.5px
        solid
        rgba(57,76,138,
            .78
        );

    border-radius:
        1px
        7px
        1px
        7px;
}


/*
 * Một nét phụ rất nhẹ để icon có cảm giác
 * mềm hơn dấu bullet hình học.
 */

.ez-zen-learning-intro-copy-inner p::after {
    content: "";

    position: absolute;

    left: 8px;
    top: .62em;

    width: 7px;
    height: 1px;

    transform:
        translateY(-50%)
        rotate(-22deg);

    background:
        rgba(57,76,138,
            .26
        );

    transform-origin: left center;
}


/*
 * ==========================================================
 * 3. HEADING DECOR
 *
 * Không dùng icon lớn.
 * Chỉ tạo cụm line-art / sparkle rất nhẹ
 * quanh vùng title decor.
 * ==========================================================
 */

.ez-zen-learning-intro-heading {
    position: relative;

    width: fit-content;
}


/*
 * Nét cong mảnh phía dưới cụm tiêu đề.
 */

.ez-zen-learning-intro-heading::after {
    content: "";

    position: absolute;

    left: 12%;
    bottom: -14px;

    width: 62%;
    height: 18px;

    border-bottom:
        1px
        solid
        rgba(57,76,138,
            .28
        );

    border-radius: 50%;

    transform:
        rotate(-1deg);

    pointer-events: none;
}


/*
 * Mini sparkle bên phải title decor.
 */

.ez-zen-learning-intro-title-decor {
    position: relative;

    display: inline-block;
}


.ez-zen-learning-intro-title-decor::after {
    content: "";

    position: absolute;

    right: -28px;
    top: 4px;

    width: 11px;
    height: 11px;

    transform: rotate(45deg);

    border-top:
        1.5px
        solid
        rgba(57,76,138,
            .72
        );

    border-right:
        1.5px
        solid
        rgba(57,76,138,
            .72
        );

    border-radius:
        1px
        6px
        1px
        6px;
}


/*
 * Một sparkle nhỏ hơn cạnh sparkle chính.
 */

.ez-zen-learning-intro-title-decor::before {
    content: "";

    position: absolute;

    right: -42px;
    top: 18px;

    width: 6px;
    height: 6px;

    transform: rotate(45deg);

    border-top:
        1px
        solid
        rgba(57,76,138,
            .36
        );

    border-right:
        1px
        solid
        rgba(57,76,138,
            .36
        );
}


/*
 * Tablet/mobile:
 * giảm decor để không tranh chỗ.
 */

@media (max-width: 991px) {

    .ez-zen-learning-intro-heading::after {
        width: 56%;

        left: 6%;
    }


    .ez-zen-learning-intro-title-decor::after {
        right: -20px;

        width: 9px;
        height: 9px;
    }


    .ez-zen-learning-intro-title-decor::before {
        display: none;
    }

}


@media (max-width: 575px) {

    .ez-zen-learning-intro-heading::after {
        bottom: -10px;

        width: 48%;
    }


    .ez-zen-learning-intro-copy-inner p {
        padding-left: 22px;
    }


    .ez-zen-learning-intro-copy-inner p::before {
        width: 10px;
        height: 10px;
    }


    .ez-zen-learning-intro-copy-inner p::after {
        left: 7px;

        width: 6px;
    }

}


/*
 * ==========================================================
 * EVERZEN ZEN LEARNING V2 ACTIVITIES VISUAL 20261011
 * ==========================================================
 */

.ez-zen-learning-activities {
    position: relative;

    overflow: hidden;

    padding:
        92px
        0
        108px;

    background:
        #fff;
}


/*
 * Heading
 */

.ez-zen-learning-activities-head {
    max-width: 880px;

    margin:
        0
        auto
        60px;

    text-align: center;
}




.ez-zen-learning-activities-title {
    margin:
        0
        auto;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size: 30px;
    font-weight: 600;
    line-height: 1.25;

    color:
        #394C8A;
}


.ez-zen-learning-activities-intro {
    max-width: 720px;

    margin:
        18px
        auto
        0;

    font-family:
        "NotoSan", sans-serif;

    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;

    color:
        #222831;
}


.ez-zen-learning-activities-intro p:last-child {
    margin-bottom: 0;
}


/*
 * ==========================================================
 * Editorial 5-image layout
 *
 * 01        03 MAIN        04
 *    02                  05
 * ==========================================================
 */

.ez-zen-learning-activities-grid {
    display: grid;

    grid-template-columns:
        minmax(0, .92fr)
        minmax(0, 1.46fr)
        minmax(0, .92fr);

    grid-template-rows:
        auto
        auto;

    column-gap: 30px;
    row-gap: 32px;

    align-items: start;

    max-width: 1220px;

    margin:
        0
        auto;
}


.ez-zen-learning-activity {
    min-width: 0;
}


.ez-zen-learning-activity.is-left-top {
    grid-column: 1;
    grid-row: 1;

    margin-top: 4px;
}


.ez-zen-learning-activity.is-left-bottom {
    grid-column: 1;
    grid-row: 2;

    margin-top: 22px;
}


.ez-zen-learning-activity.is-main {
    grid-column: 2;
    grid-row: 1 / span 2;

    align-self: center;

    margin-top: 30px;
}


.ez-zen-learning-activity.is-right-top {
    grid-column: 3;
    grid-row: 1;

    margin-top: 42px;
}


.ez-zen-learning-activity.is-right-bottom {
    grid-column: 3;
    grid-row: 2;

    margin-top: 56px;
}


/*
 * Image visual
 */

.ez-zen-learning-activity-visual {
    position: relative;

    overflow: hidden;

    isolation: isolate;

    background:
        #EEF0F5;
}


/*
 * Crop khác nhau để tránh cảm giác grid thương mại.
 */

.ez-zen-learning-activity.is-left-top
.ez-zen-learning-activity-visual {
    aspect-ratio: 4 / 3;

    border-radius:
        30px
        14px
        34px
        18px;
}


.ez-zen-learning-activity.is-left-bottom
.ez-zen-learning-activity-visual {
    aspect-ratio: 4 / 5;

    border-radius:
        18px
        34px
        16px
        36px;
}


.ez-zen-learning-activity.is-main
.ez-zen-learning-activity-visual {
    aspect-ratio: 4 / 5;

    border-radius:
        44px
        18px
        46px
        22px;
}


.ez-zen-learning-activity.is-right-top
.ez-zen-learning-activity-visual {
    aspect-ratio: 4 / 5;

    border-radius:
        34px
        16px
        28px
        14px;
}


.ez-zen-learning-activity.is-right-bottom
.ez-zen-learning-activity-visual {
    aspect-ratio: 3 / 2;

    border-radius:
        16px
        32px
        18px
        34px;
}


.ez-zen-learning-activity-image {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform
        .55s
        ease;
}


.ez-zen-learning-activity:hover
.ez-zen-learning-activity-image {
    transform:
        scale(1.035);
}


/*
 * Gradient dưới ảnh để title dễ đọc.
 */

.ez-zen-learning-activity-shade {
    position: absolute;

    inset:
        38%
        0
        0;

    z-index: 1;

    background:
        linear-gradient(
            to bottom,
            rgba(57,76,138, 0),
            rgba(57,76,138, .08) 22%,
            rgba(57,76,138, .72) 100%
        );

    pointer-events: none;
}


/*
 * Title overlay.
 */

.ez-zen-learning-activity-title {
    position: absolute;

    z-index: 2;

    left: 22px;
    right: 22px;
    bottom: 20px;

    margin: 0;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size: 20px;
    font-weight: 700;
    line-height: 1.28;

    color:
        #fff;

    text-shadow:
        0
        2px
        14px
        rgba(0, 0, 0, .18);
}


.ez-zen-learning-activity.is-main
.ez-zen-learning-activity-title {
    left: 28px;
    right: 28px;
    bottom: 26px;

    font-size: 25px;
}


/*
 * Description dưới ảnh.
 */

.ez-zen-learning-activity-description {
    margin-top: 14px;

    padding:
        0
        5px;

    font-family:
        "NotoSan", sans-serif;

    font-size: 15px;
    font-weight: 500;
    line-height: 1.65;

    color:
        #222831;
}


.ez-zen-learning-activity.is-main
.ez-zen-learning-activity-description {
    max-width: 92%;

    margin:
        17px
        auto
        0;

    font-size: 16px;
    line-height: 1.7;

    text-align: center;
}


/*
 * Decor cực nhẹ sau ảnh main.
 */

.ez-zen-learning-activity.is-main {
    position: relative;
}


.ez-zen-learning-activity.is-main::before {
    content: "";

    position: absolute;

    z-index: -1;

    right: -18px;
    bottom: 62px;

    width: 44%;
    height: 42%;

    border-radius:
        34px
        10px
        38px
        14px;

    background:
        rgba(57,76,138,
            .10
        );
}


/*
 * Tablet
 */

@media (max-width: 991px) {

    .ez-zen-learning-activities {
        padding:
            72px
            0
            82px;
    }


    .ez-zen-learning-activities-head {
        margin-bottom: 44px;
    }


    .ez-zen-learning-activities-title {
        font-size: 26px;
    }


    .ez-zen-learning-activities-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        grid-template-rows:
            auto;

        gap:
            30px
            24px;
    }


    .ez-zen-learning-activity.is-left-top,
    .ez-zen-learning-activity.is-left-bottom,
    .ez-zen-learning-activity.is-main,
    .ez-zen-learning-activity.is-right-top,
    .ez-zen-learning-activity.is-right-bottom {
        grid-column: auto;
        grid-row: auto;

        margin-top: 0;
    }


    /*
     * Main vẫn nổi bật trên tablet.
     */
    .ez-zen-learning-activity.is-main {
        grid-column:
            1 / -1;

        width: 62%;

        margin:
            0
            auto;
    }


    .ez-zen-learning-activity.is-main
    .ez-zen-learning-activity-visual {
        aspect-ratio:
            4 / 5;
    }

}


/*
 * Mobile
 */

@media (max-width: 575px) {

    .ez-zen-learning-activities {
        padding:
            58px
            0
            68px;
    }


    .ez-zen-learning-activities-head {
        margin-bottom: 34px;

        text-align: left;
    }


    .ez-zen-learning-activities-title {
        font-size: 22px;
    }


    .ez-zen-learning-activities-intro {
        font-size: 15px;
    }


    .ez-zen-learning-activities-grid {
        display: flex;

        flex-direction: column;

        gap: 30px;
    }


    /*
     * Mobile đưa main lên đầu.
     */

    .ez-zen-learning-activity.is-main {
        order: -1;

        width: 100%;

        margin: 0;
    }


    .ez-zen-learning-activity.is-main
    .ez-zen-learning-activity-visual {
        aspect-ratio:
            4 / 5;
    }


    .ez-zen-learning-activity.is-left-top
    .ez-zen-learning-activity-visual,
    .ez-zen-learning-activity.is-right-bottom
    .ez-zen-learning-activity-visual {
        aspect-ratio:
            4 / 3;
    }


    .ez-zen-learning-activity.is-left-bottom
    .ez-zen-learning-activity-visual,
    .ez-zen-learning-activity.is-right-top
    .ez-zen-learning-activity-visual {
        aspect-ratio:
            5 / 4;
    }


    .ez-zen-learning-activity-title {
        left: 18px;
        right: 18px;
        bottom: 17px;

        font-size: 18px;
    }


    .ez-zen-learning-activity.is-main
    .ez-zen-learning-activity-title {
        left: 22px;
        right: 22px;
        bottom: 21px;

        font-size: 22px;
    }


    .ez-zen-learning-activity-description,
    .ez-zen-learning-activity.is-main
    .ez-zen-learning-activity-description {
        max-width: none;

        margin-top: 12px;

        padding:
            0
            2px;

        font-size: 15px;

        text-align: left;
    }

}


/*
 * ==========================================================
 * ZEN LEARNING ACTIVITIES — LAYER 1 TITLE SYSTEM
 * ==========================================================
 */

.ez-zen-learning-activities-heading {
    display: flex;

    align-items: baseline;
    justify-content: center;

    flex-wrap: wrap;

    gap:
        8px
        18px;
}


.ez-zen-learning-activities-title {
    margin: 0;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size: 30px;
    font-weight: 600;
    line-height: 1.25;

    color:
        #394C8A;
}


.ez-zen-learning-activities-title-decor {
    font-family:
        "Learning Detail Averta", sans-serif;

    font-size: 46px;
    font-weight: 400;
    line-height: 1.08;

    color:
        #66739A;
}


@media (max-width: 991px) {

    .ez-zen-learning-activities-title {
        font-size: 26px;
    }


    .ez-zen-learning-activities-title-decor {
        font-size: 40px;
    }

}


@media (max-width: 575px) {

    .ez-zen-learning-activities-heading {
        justify-content: flex-start;

        gap:
            5px
            12px;
    }


    .ez-zen-learning-activities-title {
        font-size: 21px;
    }


    .ez-zen-learning-activities-title-decor {
        font-size: 34px;
    }

}


/*
 * ==========================================================
 * ZEN LEARNING ACTIVITIES — COMPACT MOSAIC + HOVER
 * 20261011
 * ==========================================================
 *
 * Desktop:
 *
 * ┌───────┬─────────────────┬───────┐
 * │  01   │                 │  04   │
 * ├───────┤       03        ├───────┤
 * │       │      MAIN       │       │
 * │  02   │                 │  05   │
 * └───────┴─────────────────┴───────┘
 *
 * Description nằm ẩn trong visual,
 * chỉ hiện khi hover/focus.
 */


/* ----------------------------------------------------------
 * SECTION
 * ---------------------------------------------------------- */

.ez-zen-learning-activities {
    padding:
        76px
        0
        84px;

    background:
        #fff;
}


.ez-zen-learning-activities-head {
    max-width:
        980px;

    margin:
        0
        auto
        44px;

    text-align:
        center;
}


/* Layer 1 heading */

.ez-zen-learning-activities-heading {
    display:
        flex;

    align-items:
        baseline;

    justify-content:
        center;

    flex-wrap:
        wrap;

    column-gap:
        14px;

    row-gap:
        6px;
}


.ez-zen-learning-activities-title {
    margin:
        0;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        30px !important;

    font-weight:
        600 !important;

    line-height:
        1.25;

    color:
        #394C8A;
}


.ez-zen-learning-activities-title-decor {
    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        46px !important;

    font-weight:
        400 !important;

    line-height:
        1;

    color:
        #66739A;

    transform:
        translateY(10px);
}


.ez-zen-learning-activities-intro {
    max-width:
        760px;

    margin:
        24px
        auto
        0;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        16px;

    line-height:
        1.65;

    color:
        #222831;
}


/* ----------------------------------------------------------
 * MOSAIC
 * ---------------------------------------------------------- */

.ez-zen-learning-activities-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            12,
            minmax(0, 1fr)
        );

    grid-template-rows:
        repeat(
            6,
            minmax(0, 1fr)
        );

    gap:
        14px;

    width:
        100%;

    max-width:
        1180px;

    height:
        570px;

    margin:
        0
        auto;
}


/* reset layout cũ */

.ez-zen-learning-activity.is-left-top,
.ez-zen-learning-activity.is-left-bottom,
.ez-zen-learning-activity.is-main,
.ez-zen-learning-activity.is-right-top,
.ez-zen-learning-activity.is-right-bottom {
    width:
        auto;

    margin:
        0;

    align-self:
        stretch;
}


/* 01 */

.ez-zen-learning-activity.is-left-top {
    grid-column:
        1 / 4;

    grid-row:
        1 / 3;
}


/* 02 */

.ez-zen-learning-activity.is-left-bottom {
    grid-column:
        1 / 4;

    grid-row:
        3 / 7;
}


/* 03 main */

.ez-zen-learning-activity.is-main {
    grid-column:
        4 / 10;

    grid-row:
        1 / 7;
}


/* 04 */

.ez-zen-learning-activity.is-right-top {
    grid-column:
        10 / 13;

    grid-row:
        1 / 4;
}


/* 05 */

.ez-zen-learning-activity.is-right-bottom {
    grid-column:
        10 / 13;

    grid-row:
        4 / 7;
}


/* ----------------------------------------------------------
 * ITEM
 * ---------------------------------------------------------- */

.ez-zen-learning-activity {
    position:
        relative;

    min-width:
        0;

    min-height:
        0;
}


.ez-zen-learning-activity-visual,
.ez-zen-learning-activity.is-left-top
.ez-zen-learning-activity-visual,
.ez-zen-learning-activity.is-left-bottom
.ez-zen-learning-activity-visual,
.ez-zen-learning-activity.is-main
.ez-zen-learning-activity-visual,
.ez-zen-learning-activity.is-right-top
.ez-zen-learning-activity-visual,
.ez-zen-learning-activity.is-right-bottom
.ez-zen-learning-activity-visual {
    position:
        relative;

    width:
        100%;

    height:
        100%;

    aspect-ratio:
        auto;

    overflow:
        hidden;

    border-radius:
        24px;

    background:
        #EEF0F5;

    isolation:
        isolate;
}


/* main mềm hơn một chút */

.ez-zen-learning-activity.is-main
.ez-zen-learning-activity-visual {
    border-radius:
        34px
        18px
        34px
        18px;
}


.ez-zen-learning-activity-image {
    position:
        absolute;

    inset:
        0;

    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform
        .55s
        cubic-bezier(.2,.65,.3,1);
}


/* ----------------------------------------------------------
 * DEFAULT GRADIENT
 * ---------------------------------------------------------- */

.ez-zen-learning-activity-shade {
    position:
        absolute;

    inset:
        0;

    z-index:
        1;

    background:
        linear-gradient(
            to top,
            rgba(57,76,138, .72) 0%,
            rgba(57,76,138, .18) 36%,
            rgba(57,76,138, 0) 64%
        );

    transition:
        background
        .35s
        ease;
}


/* ----------------------------------------------------------
 * TITLE
 * ---------------------------------------------------------- */

.ez-zen-learning-activity-title {
    position:
        absolute;

    z-index:
        3;

    left:
        22px;

    right:
        22px;

    bottom:
        20px;

    margin:
        0;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size:
        18px;

    font-weight:
        700;

    line-height:
        1.3;

    color:
        #fff;

    transition:
        transform
        .38s
        ease;
}


.ez-zen-learning-activity.is-main
.ez-zen-learning-activity-title {
    left:
        30px;

    right:
        30px;

    bottom:
        28px;

    font-size:
        24px;
}


/* ----------------------------------------------------------
 * DESCRIPTION
 *
 * DOM hiện đang nằm sau .visual,
 * nên absolute theo article để phủ chính visual.
 * ---------------------------------------------------------- */

.ez-zen-learning-activity-description {
    position:
        absolute;

    z-index:
        4;

    left:
        22px;

    right:
        22px;

    bottom:
        20px;

    margin:
        0;

    padding:
        0;

    max-height:
        44%;

    overflow:
        hidden;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        14px;

    font-weight:
        500;

    line-height:
        1.5;

    color:
        rgba(
            255,
            255,
            255,
            .94
        );

    opacity:
        0;

    transform:
        translateY(14px);

    transition:
        opacity
        .32s
        ease,
        transform
        .38s
        ease;

    pointer-events:
        none;
}


.ez-zen-learning-activity.is-main
.ez-zen-learning-activity-description {
    left:
        30px;

    right:
        34px;

    bottom:
        30px;

    max-width:
        520px;

    max-height:
        38%;

    margin:
        0;

    font-size:
        16px;

    line-height:
        1.58;

    text-align:
        left;
}


/* ----------------------------------------------------------
 * HOVER
 * ---------------------------------------------------------- */

@media (hover: hover) and (pointer: fine) {

    .ez-zen-learning-activity:hover
    .ez-zen-learning-activity-image {
        transform:
            scale(1.045);
    }


    .ez-zen-learning-activity:hover
    .ez-zen-learning-activity-shade {
        background:
            linear-gradient(
                to top,
                rgba(57,76,138, .94) 0%,
                rgba(57,76,138, .72) 45%,
                rgba(57,76,138, .12) 78%,
                rgba(57,76,138, 0) 100%
            );
    }


    .ez-zen-learning-activity:hover
    .ez-zen-learning-activity-description {
        opacity:
            1;

        transform:
            translateY(0);
    }


    /*
     * Title chạy lên trên description.
     * Giá trị vừa đủ để tạo chuyển động,
     * không cố phụ thuộc độ dài text.
     */

    .ez-zen-learning-activity:hover
    .ez-zen-learning-activity-title {
        transform:
            translateY(-92px);
    }


    .ez-zen-learning-activity.is-main:hover
    .ez-zen-learning-activity-title {
        transform:
            translateY(-126px);
    }

}


/* ----------------------------------------------------------
 * DECOR MAIN — nhẹ, không phá mosaic
 * ---------------------------------------------------------- */

.ez-zen-learning-activity.is-main::before {
    content:
        "";

    position:
        absolute;

    z-index:
        -1;

    right:
        -12px;

    bottom:
        -12px;

    width:
        42%;

    height:
        42%;

    border-radius:
        30px
        12px
        34px
        14px;

    background:
        rgba(57,76,138,
            .10
        );
}


/* ----------------------------------------------------------
 * TABLET
 * ---------------------------------------------------------- */

@media (min-width: 576px) and (max-width: 991px) {

    .ez-zen-learning-activities {
        padding:
            66px
            0
            72px;
    }


    .ez-zen-learning-activities-title {
        font-size:
            26px !important;
    }


    .ez-zen-learning-activities-title-decor {
        font-size:
            40px !important;
    }


    .ez-zen-learning-activities-grid {
        height:
            500px;

        gap:
            12px;
    }


    .ez-zen-learning-activity-title {
        left:
            16px;

        right:
            16px;

        bottom:
            16px;

        font-size:
            16px;
    }


    .ez-zen-learning-activity.is-main
    .ez-zen-learning-activity-title {
        left:
            22px;

        right:
            22px;

        bottom:
            22px;

        font-size:
            21px;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 *
 * Không có hover thật:
 * hiển thị thành horizontal snap gallery,
 * vẫn compact hơn dạng card dọc.
 * Description không chiếm chiều cao ngoài ảnh.
 * ---------------------------------------------------------- */

@media (max-width: 575px) {

    .ez-zen-learning-activities {
        padding:
            54px
            0
            62px;
    }


    .ez-zen-learning-activities-head {
        margin-bottom:
            30px;

        text-align:
            left;
    }


    .ez-zen-learning-activities-heading {
        justify-content:
            flex-start;
    }


    .ez-zen-learning-activities-title {
        font-size:
            21px !important;
    }


    .ez-zen-learning-activities-title-decor {
        flex:
            0 0
            100%;

        width:
            100%;

        margin-top:
            6px;

        font-size:
            34px !important;

        transform:
            none;
    }


    .ez-zen-learning-activities-intro {
        margin-top:
            16px;

        font-size:
            15px;
    }


    .ez-zen-learning-activities-grid {
        display:
            flex;

        width:
            calc(100vw - 15px);

        max-width:
            none;

        height:
            auto;

        margin-right:
            calc(
                (100vw - 100%)
                / -2
            );

        gap:
            12px;

        overflow-x:
            auto;

        overflow-y:
            hidden;

        padding-right:
            20px;

        padding-bottom:
            8px;

        scroll-snap-type:
            x mandatory;

        -webkit-overflow-scrolling:
            touch;

        scrollbar-width:
            none;
    }


    .ez-zen-learning-activities-grid::-webkit-scrollbar {
        display:
            none;
    }


    .ez-zen-learning-activity.is-left-top,
    .ez-zen-learning-activity.is-left-bottom,
    .ez-zen-learning-activity.is-main,
    .ez-zen-learning-activity.is-right-top,
    .ez-zen-learning-activity.is-right-bottom {
        flex:
            0 0
            78vw;

        width:
            78vw;

        height:
            440px;

        order:
            initial;

        scroll-snap-align:
            center;
    }


    .ez-zen-learning-activity.is-main {
        flex-basis:
            84vw;

        width:
            84vw;
    }


    .ez-zen-learning-activity-visual,
    .ez-zen-learning-activity.is-main
    .ez-zen-learning-activity-visual {
        height:
            100%;

        aspect-ratio:
            auto;

        border-radius:
            24px;
    }


    .ez-zen-learning-activity-title,
    .ez-zen-learning-activity.is-main
    .ez-zen-learning-activity-title {
        left:
            20px;

        right:
            20px;

        bottom:
            20px;

        font-size:
            20px;
    }


    /*
     * Mobile chưa dùng hover:
     * giữ description ẩn để section không dài.
     * Tap interaction sẽ làm ở bước JS sau
     * nếu giao diện desktop đã pass.
     */

    .ez-zen-learning-activity-description,
    .ez-zen-learning-activity.is-main
    .ez-zen-learning-activity-description {
        display:
            none;
    }

}


/*
 * ==========================================================
 * ZEN LEARNING ACTIVITIES — DESKTOP HOVER FIX
 * ==========================================================
 *
 * Không dùng:
 * @media (hover:hover) and (pointer:fine)
 *
 * vì một số Windows / touch-enabled device báo pointer capability
 * không đúng với chuột desktop thực tế.
 */

@media (min-width: 992px) {

    .ez-zen-learning-activity:hover
    .ez-zen-learning-activity-image {
        transform: scale(1.045);
    }


    .ez-zen-learning-activity:hover
    .ez-zen-learning-activity-shade {
        background:
            linear-gradient(
                to top,
                rgba(57,76,138, .95) 0%,
                rgba(57,76,138, .78) 48%,
                rgba(57,76,138, .18) 80%,
                rgba(57,76,138, 0) 100%
            );
    }


    .ez-zen-learning-activity:hover
    .ez-zen-learning-activity-description {
        opacity: 1 !important;
        visibility: visible !important;

        transform: translateY(0) !important;
    }


    .ez-zen-learning-activity:hover
    .ez-zen-learning-activity-title {
        transform: translateY(-92px);
    }


    .ez-zen-learning-activity.is-main:hover
    .ez-zen-learning-activity-title {
        transform: translateY(-126px);
    }

}


/*
 * Bảo đảm description ở trạng thái mặc định
 * không bị rule legacy can thiệp.
 */

@media (min-width: 992px) {

    .ez-zen-learning-activity-description {
        display: block !important;

        opacity: 0;
        visibility: hidden;

        transform: translateY(14px);

        transition:
            opacity .32s ease,
            transform .38s ease,
            visibility .32s ease;
    }

}


/*
 * ==========================================================
 * ZEN LEARNING ACTIVITIES — HOVER TITLE TO TOP
 * ==========================================================
 */

@media (min-width: 992px) {

    .ez-zen-learning-activity-title {
        transition:
            top .38s ease,
            bottom .38s ease,
            transform .38s ease;
    }


    .ez-zen-learning-activity:hover
    .ez-zen-learning-activity-title {
        top: 22px;
        bottom: auto;

        transform: none !important;
    }


    .ez-zen-learning-activity.is-main:hover
    .ez-zen-learning-activity-title {
        top: 28px;
        bottom: auto;

        transform: none !important;
    }


    .ez-zen-learning-activity:hover
    .ez-zen-learning-activity-description {
        bottom: 22px;

        opacity: 1 !important;
        visibility: visible !important;

        transform: translateY(0) !important;
    }


    .ez-zen-learning-activity.is-main:hover
    .ez-zen-learning-activity-description {
        bottom: 30px;
    }

}


/*
 * ==========================================================
 * ZEN LEARNING ACTIVITIES — THEME CARDS
 * ==========================================================
 */

.ez-zen-learning-activities {
    padding:
        72px
        0
        82px;

    background:
        #EEF0F5;
}


.ez-zen-learning-activities-head {
    max-width:
        920px;

    margin:
        0
        auto
        40px;

    text-align:
        center;
}


/*
 * Heading theo Zen Learning Layer 1
 */

.ez-zen-learning-activities-heading {
    display:
        flex;

    align-items:
        baseline;

    justify-content:
        center;

    flex-wrap:
        wrap;

    column-gap:
        14px;

    row-gap:
        6px;
}


.ez-zen-learning-activities-title {
    margin:
        0;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        30px !important;

    font-weight:
        600 !important;

    line-height:
        1.25;

    color:
        #394C8A;
}


.ez-zen-learning-activities-title-decor {
    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        46px !important;

    font-weight:
        400 !important;

    line-height:
        1;

    color:
        #66739A;

    transform:
        translateY(10px);
}


.ez-zen-learning-activities-intro {
    max-width:
        720px;

    margin:
        22px
        auto
        0;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        16px;

    font-weight:
        500;

    line-height:
        1.65;

    color:
        #222831;
}


/*
 * ==========================================================
 * CARD GRID
 * ==========================================================
 *
 * Desktop:
 *
 * [ 01 ] [ 02 ] [ 03 ]
 *      [ 04 ] [ 05 ]
 */

.ez-zen-learning-activities-grid {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        ) !important;

    grid-template-rows:
        auto !important;

    gap:
        26px !important;

    width:
        100%;

    max-width:
        1160px;

    height:
        auto !important;

    margin:
        0
        auto;

    overflow:
        visible;
}


.ez-zen-learning-activity-card {
    grid-column:
        span 2;

    display:
        flex;

    flex-direction:
        column;

    min-width:
        0;

    overflow:
        hidden;

    border:
        1px
        solid
        rgba(57,76,138,
            .10
        );

    border-radius:
        22px;

    background:
        #FFFFFF;

    box-shadow:
        0
        12px
        32px
        rgba(57,76,138,
            .07
        );

    transition:
        transform
        .32s
        ease,
        box-shadow
        .32s
        ease,
        border-color
        .32s
        ease;
}


/*
 * 2 card cuối căn giữa.
 */

.ez-zen-learning-activity-card:nth-child(4) {
    grid-column:
        2 / 4;
}


.ez-zen-learning-activity-card:nth-child(5) {
    grid-column:
        4 / 6;
}


/*
 * Image
 */

.ez-zen-learning-activity-card__media {
    position:
        relative;

    overflow:
        hidden;

    aspect-ratio:
        16 / 10;

    background:
        #EEF0F5;
}


.ez-zen-learning-activity-card__image {
    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform
        .5s
        ease;
}


/*
 * Body
 */

.ez-zen-learning-activity-card__body {
    display:
        flex;

    flex:
        1;

    flex-direction:
        column;

    padding:
        20px
        22px
        22px;
}


.ez-zen-learning-activity-card__title {
    margin:
        0
        0
        10px;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        18px !important;

    font-weight:
        700 !important;

    line-height:
        1.35;

    color:
        #394C8A;
}


.ez-zen-learning-activity-card__description {
    display:
        -webkit-box;

    overflow:
        hidden;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        3;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        15px;

    font-weight:
        500;

    line-height:
        1.58;

    color:
        #66739A;
}


/*
 * Hover — rất nhẹ, không diễn.
 */

@media (min-width: 992px) {

    .ez-zen-learning-activity-card:hover {
        transform:
            translateY(-6px);

        border-color:
            rgba(57,76,138,
                .20
            );

        box-shadow:
            0
            18px
            42px
            rgba(57,76,138,
                .12
            );
    }


    .ez-zen-learning-activity-card:hover
    .ez-zen-learning-activity-card__image {
        transform:
            scale(1.035);
    }

}


/*
 * Tablet
 */

@media (min-width: 576px) and (max-width: 991px) {

    .ez-zen-learning-activities {
        padding:
            64px
            0
            72px;
    }


    .ez-zen-learning-activities-title {
        font-size:
            26px !important;
    }


    .ez-zen-learning-activities-title-decor {
        font-size:
            40px !important;
    }


    .ez-zen-learning-activities-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        gap:
            22px !important;
    }


    .ez-zen-learning-activity-card,
    .ez-zen-learning-activity-card:nth-child(4),
    .ez-zen-learning-activity-card:nth-child(5) {
        grid-column:
            auto;
    }


    .ez-zen-learning-activity-card:nth-child(5) {
        grid-column:
            1 / -1;

        width:
            calc(50% - 11px);

        justify-self:
            center;
    }

}


/*
 * Mobile
 */

@media (max-width: 575px) {

    .ez-zen-learning-activities {
        padding:
            52px
            0
            60px;
    }


    .ez-zen-learning-activities-head {
        margin-bottom:
            28px;

        text-align:
            left;
    }


    .ez-zen-learning-activities-heading {
        justify-content:
            flex-start;
    }


    .ez-zen-learning-activities-title {
        font-size:
            21px !important;
    }


    .ez-zen-learning-activities-title-decor {
        flex:
            0
            0
            100%;

        width:
            100%;

        margin-top:
            6px;

        font-size:
            34px !important;

        transform:
            none;
    }


    .ez-zen-learning-activities-intro {
        margin-top:
            15px;

        font-size:
            15px;
    }


    .ez-zen-learning-activities-grid {
        display:
            grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            18px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        overflow:
            visible !important;
    }


    .ez-zen-learning-activity-card,
    .ez-zen-learning-activity-card:nth-child(4),
    .ez-zen-learning-activity-card:nth-child(5) {
        grid-column:
            auto;

        width:
            100%;
    }


    .ez-zen-learning-activity-card__media {
        aspect-ratio:
            16 / 9;
    }


    .ez-zen-learning-activity-card__body {
        padding:
            17px
            18px
            19px;
    }


    .ez-zen-learning-activity-card__title {
        font-size:
            17px !important;
    }


    .ez-zen-learning-activity-card__description {
        font-size:
            14px;

        -webkit-line-clamp:
            3;
    }

}


/*
 * ==========================================================
 * DISABLE OLD MOSAIC / OVERLAY RULES
 * ==========================================================
 */

.ez-zen-learning-activity,
.ez-zen-learning-activity-visual,
.ez-zen-learning-activity-image,
.ez-zen-learning-activity-shade,
.ez-zen-learning-activity-title,
.ez-zen-learning-activity-description {
    pointer-events:
        auto;
}



/*
 * ==========================================================
 * ZEN LEARNING ACTIVITIES — FRAME + TITLE BOX REFINE
 * ==========================================================
 */


/* ----------------------------------------------------------
 * Section nền ngoài giữ nhẹ để khung nổi lên
 * ---------------------------------------------------------- */

.ez-zen-learning-activities {
    padding:
        76px
        0
        88px;

    background:
        #EEF0F5;
}


/* ----------------------------------------------------------
 * Khung tổng thể cho section
 * ---------------------------------------------------------- */

.ez-zen-learning-activities .container {
    position: relative;

    padding:
        42px
        34px
        40px;

    border:
        1px
        solid
        rgba(57,76,138,
            .12
        );

    border-radius:
        34px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.95) 0%,
            rgba(238,240,245,.98) 100%
        );

    box-shadow:
        0
        16px
        40px
        rgba(57,76,138,
            .06
        );

    overflow: hidden;
}


/*
 * Decor nhẹ trong khung
 */

.ez-zen-learning-activities .container::before {
    content: "";

    position: absolute;

    left: -58px;
    top: 88px;

    width: 180px;
    height: 180px;

    border-radius: 50%;

    background:
        rgba(57,76,138,
            .08
        );

    pointer-events: none;
}


.ez-zen-learning-activities .container::after {
    content: "";

    position: absolute;

    right: -36px;
    bottom: -28px;

    width: 150px;
    height: 150px;

    border-radius: 50%;

    background:
        rgba(57,76,138,
            .07
        );

    pointer-events: none;
}


/* ----------------------------------------------------------
 * Header section
 * ---------------------------------------------------------- */

.ez-zen-learning-activities-head {
    position: relative;
    z-index: 2;

    max-width:
        920px;

    margin:
        0
        auto
        42px;

    text-align:
        center;
}


/*
 * Box tiêu đề
 */

.ez-zen-learning-activities-heading {
    display:
        inline-flex;

    align-items:
        baseline;

    justify-content:
        center;

    flex-wrap:
        wrap;

    column-gap:
        14px;

    row-gap:
        6px;

    margin:
        0
        auto;

    padding:
        16px
        26px
        18px;

    border:
        1px
        solid
        rgba(57,76,138,
            .16
        );

    border-radius:
        999px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98) 0%,
            rgba(238,240,245,.98) 100%
        );

    box-shadow:
        0
        10px
        26px
        rgba(57,76,138,
            .08
        );
}


.ez-zen-learning-activities-title {
    margin: 0;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        30px !important;

    font-weight:
        600 !important;

    line-height:
        1.25;

    color:
        #394C8A;
}


.ez-zen-learning-activities-title-decor {
    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        46px !important;

    font-weight:
        400 !important;

    line-height:
        1;

    color:
        #66739A;

    transform:
        translateY(10px);
}


/*
 * Intro dưới box tiêu đề
 */

.ez-zen-learning-activities-intro {
    max-width:
        720px;

    margin:
        20px
        auto
        0;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        16px;

    font-weight:
        500;

    line-height:
        1.65;

    color:
        #222831;
}


/* ----------------------------------------------------------
 * Grid nằm trên lớp decor
 * ---------------------------------------------------------- */

.ez-zen-learning-activities-grid {
    position: relative;
    z-index: 2;
}


/* ----------------------------------------------------------
 * Cards tinh chỉnh nhẹ để hợp với khung
 * ---------------------------------------------------------- */

.ez-zen-learning-activity-card {
    border:
        1px
        solid
        rgba(57,76,138,
            .09
        );

    border-radius:
        24px;

    background:
        #FFFFFF;

    box-shadow:
        0
        12px
        30px
        rgba(57,76,138,
            .05
        );
}


.ez-zen-learning-activity-card__media {
    border-bottom:
        1px
        solid
        rgba(57,76,138,
            .06
        );
}


.ez-zen-learning-activity-card__body {
    padding:
        19px
        22px
        22px;
}


.ez-zen-learning-activity-card__title {
    text-align: center;
}


.ez-zen-learning-activity-card__description {
    text-align: center;
}


/* ----------------------------------------------------------
 * Hover nhẹ hơn và tinh tế hơn
 * ---------------------------------------------------------- */

@media (min-width: 992px) {

    .ez-zen-learning-activity-card:hover {
        transform:
            translateY(-6px);

        border-color:
            rgba(57,76,138,
                .20
            );

        box-shadow:
            0
            18px
            42px
            rgba(57,76,138,
                .10
            );
    }

}


/* ----------------------------------------------------------
 * Tablet
 * ---------------------------------------------------------- */

@media (min-width: 576px) and (max-width: 991px) {

    .ez-zen-learning-activities {
        padding:
            64px
            0
            74px;
    }


    .ez-zen-learning-activities .container {
        padding:
            34px
            24px
            32px;

        border-radius:
            28px;
    }


    .ez-zen-learning-activities-heading {
        padding:
            14px
            22px
            16px;

        border-radius:
            28px;
    }


    .ez-zen-learning-activities-title {
        font-size:
            26px !important;
    }


    .ez-zen-learning-activities-title-decor {
        font-size:
            40px !important;
    }

}


/* ----------------------------------------------------------
 * Mobile
 * ---------------------------------------------------------- */

@media (max-width: 575px) {

    .ez-zen-learning-activities {
        padding:
            52px
            0
            60px;
    }


    .ez-zen-learning-activities .container {
        padding:
            26px
            16px
            24px;

        border-radius:
            22px;
    }


    .ez-zen-learning-activities-head {
        margin-bottom:
            26px;

        text-align:
            center;
    }


    .ez-zen-learning-activities-heading {
        display:
            inline-flex;

        justify-content:
            center;

        padding:
            14px
            18px
            16px;

        border-radius:
            24px;
    }


    .ez-zen-learning-activities-title {
        font-size:
            21px !important;
    }


    .ez-zen-learning-activities-title-decor {
        flex:
            0 0 100%;

        width:
            100%;

        margin-top:
            4px;

        font-size:
            34px !important;

        transform:
            none;
    }


    .ez-zen-learning-activities-intro {
        margin-top:
            14px;

        font-size:
            15px;
    }


    .ez-zen-learning-activity-card__title,
    .ez-zen-learning-activity-card__description {
        text-align: left;
    }

}


/*
 * ==========================================================
 * ZEN LEARNING ACTIVITIES — REFINE 20261011
 * ==========================================================
 * 1. Card title -> bordered rounded label
 * 2. Remove headline pill
 * 3. Reduce top spacing
 * 4. Add light decorative treatment around headline
 */


/* ----------------------------------------------------------
 * Section spacing
 * ---------------------------------------------------------- */

.ez-zen-learning-activities {
    padding-top: 48px !important;
}


/* ----------------------------------------------------------
 * Headline area
 * ---------------------------------------------------------- */

.ez-zen-learning-activities-head {
    position: relative;
    z-index: 2;

    max-width: 920px;

    margin:
        0
        auto
        38px;

    padding:
        20px
        70px
        10px;

    text-align: center;
}


/*
 * Bỏ hoàn toàn pill / box headline cũ
 */

.ez-zen-learning-activities-heading {
    display: flex !important;

    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;

    column-gap: 14px;
    row-gap: 6px;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: none !important;

    box-shadow: none !important;
}


/* ----------------------------------------------------------
 * Decorative details around headline
 * ---------------------------------------------------------- */

.ez-zen-learning-activities-head::before {
    content: "";

    position: absolute;

    left: 10px;
    top: 2px;

    width: 115px;
    height: 58px;

    border-top:
        1px solid
        rgba(57,76,138, .20);

    border-left:
        1px solid
        rgba(57,76,138, .13);

    border-radius:
        70px 0 0 0;

    transform:
        rotate(-7deg);

    pointer-events: none;
}


.ez-zen-learning-activities-head::after {
    content: "";

    position: absolute;

    right: 4px;
    bottom: 0;

    width: 128px;
    height: 54px;

    border-right:
        1px solid
        rgba(57,76,138, .19);

    border-bottom:
        1px solid
        rgba(57,76,138, .13);

    border-radius:
        0 0 74px 0;

    transform:
        rotate(5deg);

    pointer-events: none;
}


/*
 * Hai chấm nhỏ mềm làm nhịp trang trí
 */

.ez-zen-learning-activities-heading::before {
    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    margin-right: 4px;

    border-radius: 50%;

    background:
        rgba(57,76,138, .34);
}


.ez-zen-learning-activities-heading::after {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    margin-left: 5px;

    border-radius: 50%;

    background:
        rgba(57,76,138, .38);
}


/* ----------------------------------------------------------
 * Card title label
 * ---------------------------------------------------------- */

.ez-zen-learning-activity-card__title {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    align-self: center;

    width: fit-content;
    max-width: 100%;

    margin:
        0
        auto
        12px;

    padding:
        8px
        15px;

    border:
        1px solid
        rgba(57,76,138, .20);

    border-radius:
        999px;

    background:
        rgba(255, 255, 255, .94);

    box-shadow:
        inset 0 0 0 1px
        rgba(255, 255, 255, .55);

    text-align: center;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        17px !important;

    font-weight:
        700 !important;

    line-height:
        1.35;

    color:
        #394C8A;
}


/*
 * Title label có accent rất nhẹ khi hover card
 */

@media (min-width: 992px) {

    .ez-zen-learning-activity-card:hover
    .ez-zen-learning-activity-card__title {
        border-color:
            rgba(57,76,138, .30);

        background:
            #EEF0F5;
    }

}


/* ----------------------------------------------------------
 * Description giữ centered desktop/tablet
 * ---------------------------------------------------------- */

.ez-zen-learning-activity-card__description {
    text-align: center;
}


/* ----------------------------------------------------------
 * Tablet
 * ---------------------------------------------------------- */

@media (min-width: 576px) and (max-width: 991px) {

    .ez-zen-learning-activities {
        padding-top: 40px !important;
    }


    .ez-zen-learning-activities-head {
        padding:
            18px
            50px
            8px;

        margin-bottom:
            32px;
    }


    .ez-zen-learning-activities-head::before {
        width: 92px;
        height: 46px;
    }


    .ez-zen-learning-activities-head::after {
        width: 104px;
        height: 46px;
    }


    .ez-zen-learning-activity-card__title {
        font-size:
            16px !important;

        padding:
            7px
            13px;
    }

}


/* ----------------------------------------------------------
 * Mobile
 * ---------------------------------------------------------- */

@media (max-width: 575px) {

    .ez-zen-learning-activities {
        padding-top:
            34px !important;
    }


    .ez-zen-learning-activities-head {
        padding:
            18px
            18px
            6px;

        margin-bottom:
            26px;

        text-align:
            center;
    }


    .ez-zen-learning-activities-heading {
        justify-content:
            center !important;
    }


    .ez-zen-learning-activities-head::before {
        left: 0;
        top: 4px;

        width: 56px;
        height: 34px;
    }


    .ez-zen-learning-activities-head::after {
        right: 0;
        bottom: 0;

        width: 62px;
        height: 34px;
    }


    .ez-zen-learning-activities-heading::before,
    .ez-zen-learning-activities-heading::after {
        display: none;
    }


    .ez-zen-learning-activity-card__title {
        display:
            flex;

        width:
            fit-content;

        margin:
            0
            auto
            10px;

        padding:
            7px
            13px;

        font-size:
            16px !important;

        text-align:
            center;
    }


    .ez-zen-learning-activity-card__description {
        text-align:
            center;
    }

}



/*
 * ==========================================================
 * ZEN LEARNING ACTIVITIES — CARD TITLE TYPOGRAPHY
 * 20261011
 * ==========================================================
 *
 * Bỏ badge / border.
 * Open Sans 700 + xanh đậm.
 * Accent line cam mảnh.
 */


/* ----------------------------------------------------------
 * Title
 * ---------------------------------------------------------- */

.ez-zen-learning-activity-card__title {
    position: relative;

    display: block !important;

    align-self: center;

    width: auto !important;
    max-width: calc(100% - 20px);

    margin:
        0
        auto
        16px !important;

    padding:
        0
        0
        11px !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        17px !important;

    font-weight:
        700 !important;

    line-height:
        1.35;

    letter-spacing:
        .05px;

    text-align:
        center;

    color:
        #394C8A !important;

    transition:
        color
        .28s
        ease;
}


/* ----------------------------------------------------------
 * Orange accent line
 * ---------------------------------------------------------- */

.ez-zen-learning-activity-card__title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 32px;
    height: 2px;

    border-radius:
        999px;

    background:
        #394C8A;

    opacity:
        .72;

    transform:
        translateX(-50%);

    transition:
        width
        .32s
        ease,
        opacity
        .32s
        ease;
}


/* ----------------------------------------------------------
 * Hover
 * ---------------------------------------------------------- */

@media (min-width: 992px) {

    .ez-zen-learning-activity-card:hover
    .ez-zen-learning-activity-card__title {
        color:
            #394C8A !important;
    }


    .ez-zen-learning-activity-card:hover
    .ez-zen-learning-activity-card__title::after {
        width:
            54px;

        opacity:
            1;
    }

}


/* ----------------------------------------------------------
 * Tablet
 * ---------------------------------------------------------- */

@media (min-width: 576px) and (max-width: 991px) {

    .ez-zen-learning-activity-card__title {
        font-size:
            16px !important;

        margin-bottom:
            14px !important;
    }

}


/* ----------------------------------------------------------
 * Mobile
 * ---------------------------------------------------------- */

@media (max-width: 575px) {

    .ez-zen-learning-activity-card__title {
        display:
            block !important;

        width:
            auto !important;

        max-width:
            calc(100% - 12px);

        margin:
            0
            auto
            14px !important;

        padding:
            0
            0
            10px !important;

        font-size:
            16px !important;

        text-align:
            center !important;
    }


    .ez-zen-learning-activity-card__title::after {
        width:
            28px;
    }

}



/*
 * ==========================================================
 * ZEN LEARNING INTRO — REDUCE BOTTOM SPACING
 * 20261011
 * ==========================================================
 */

.ez-zen-learning-intro {
    padding-bottom: 42px !important;
}


@media (min-width: 576px) and (max-width: 991px) {

    .ez-zen-learning-intro {
        padding-bottom: 34px !important;
    }

}


@media (max-width: 575px) {

    .ez-zen-learning-intro {
        padding-bottom: 28px !important;
    }

}



/*
 * ==========================================================
 * ZEN LEARNING CURRICULUM V2 20261011
 * ==========================================================
 */

.ez-zen-learning-curriculum {
    padding:
        76px
        0
        82px;

    background:
        #EEF0F5;

    color:
        #222831;
}


.ez-zen-learning-curriculum__head {
    max-width:
        840px;

    margin:
        0
        auto
        34px;

    text-align:
        center;
}


.ez-zen-learning-curriculum__title {
    position:
        relative;

    margin:
        0
        0
        18px;

    padding-bottom:
        13px;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size:
        30px;

    font-weight:
        600;

    line-height:
        1.2;

    color:
        #394C8A;
}


.ez-zen-learning-curriculum__title::after {
    content:
        "";

    position:
        absolute;

    left:
        50%;

    bottom:
        0;

    width:
        42px;

    height:
        2px;

    border-radius:
        999px;

    background:
        #394C8A;

    transform:
        translateX(-50%);
}


.ez-zen-learning-curriculum__description {
    font-family:
        "NotoSan", sans-serif;

    font-size:
        15px;

    line-height:
        1.75;

    color:
        #66739A;
}


.ez-zen-learning-curriculum__description p {
    margin:
        0;
}


.ez-zen-learning-curriculum__description p + p {
    margin-top:
        8px;
}


/*
 * ----------------------------------------------------------
 * Tabs
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__tabs {
    display:
        flex;

    align-items:
        stretch;

    gap:
        6px;

    margin:
        0
        0
        22px;

    padding:
        0
        2px
        8px;

    overflow-x:
        auto;

    overflow-y:
        hidden;

    -webkit-overflow-scrolling:
        touch;

    scrollbar-width:
        thin;
}


.ez-zen-learning-curriculum__tab {
    position:
        relative;

    flex:
        0
        0
        auto;

    min-height:
        46px;

    padding:
        11px
        18px
        12px;

    border:
        0;

    border-bottom:
        1px
        solid
        #EEF0F5;

    border-radius:
        7px
        7px
        0
        0;

    background:
        transparent;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size:
        14px;

    font-weight:
        600;

    line-height:
        1.35;

    color:
        #66739A;

    white-space:
        nowrap;

    cursor:
        pointer;

    transition:
        color
        .2s
        ease,
        background-color
        .2s
        ease,
        border-color
        .2s
        ease;
}


.ez-zen-learning-curriculum__tab::after {
    content:
        "";

    position:
        absolute;

    left:
        50%;

    bottom:
        -1px;

    width:
        0;

    height:
        2px;

    border-radius:
        999px;

    background:
        #394C8A;

    transform:
        translateX(-50%);

    transition:
        width
        .24s
        ease;
}


.ez-zen-learning-curriculum__tab:hover,
.ez-zen-learning-curriculum__tab:focus-visible {
    color:
        #394C8A;

    background:
        rgba(57,76,138,
            .045
        );

    outline:
        none;
}


.ez-zen-learning-curriculum__tab.is-active {
    border-color:
        #394C8A;

    background:
        #ffffff;

    color:
        #394C8A;

    font-weight:
        700;
}


.ez-zen-learning-curriculum__tab.is-active::after {
    width:
        40px;
}


/*
 * ----------------------------------------------------------
 * Panel
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__panel {
    overflow:
        hidden;

    border:
        1px
        solid
        #EEF0F5;

    border-radius:
        14px;

    background:
        #ffffff;

    box-shadow:
        0
        12px
        30px
        rgba(57,76,138,
            .045
        );
}


.ez-zen-learning-curriculum__panel[hidden] {
    display:
        none !important;
}


/*
 * ----------------------------------------------------------
 * Top overview: horizontal on desktop
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__overview {
    display:
        grid;

    grid-template-columns:
        minmax(0, 1.4fr)
        minmax(320px, .9fr);

    min-height:
        330px;
}


.ez-zen-learning-curriculum__overview.has-no-image {
    grid-template-columns:
        1fr;

    min-height:
        0;
}


.ez-zen-learning-curriculum__intro {
    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        48px
        52px;
}


.ez-zen-learning-curriculum__item-title {
    margin:
        0
        0
        15px;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size:
        27px;

    font-weight:
        600;

    line-height:
        1.3;

    color:
        #394C8A;
}


.ez-zen-learning-curriculum__summary {
    max-width:
        720px;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        15px;

    line-height:
        1.75;

    color:
        #66739A;
}


.ez-zen-learning-curriculum__summary p {
    margin:
        0;
}


.ez-zen-learning-curriculum__summary p + p {
    margin-top:
        9px;
}


.ez-zen-learning-curriculum__media {
    position:
        relative;

    overflow:
        hidden;

    min-height:
        330px;
}


.ez-zen-learning-curriculum__image {
    display:
        block;

    width:
        100%;

    height:
        100%;

    min-height:
        330px;

    object-fit:
        cover;
}


/*
 * ----------------------------------------------------------
 * Objective / Method / Outcome
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__details {
    display:
        grid;

    border-top:
        1px
        solid
        #EEF0F5;

    background:
        #EEF0F5;
}


.ez-zen-learning-curriculum__details.is-count-1 {
    grid-template-columns:
        1fr;
}


.ez-zen-learning-curriculum__details.is-count-2 {
    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );
}


.ez-zen-learning-curriculum__details.is-count-3 {
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
}


.ez-zen-learning-curriculum__detail {
    position:
        relative;

    min-width:
        0;

    padding:
        32px
        34px;
}


.ez-zen-learning-curriculum__detail + .ez-zen-learning-curriculum__detail {
    border-left:
        1px
        solid
        #EEF0F5;
}


.ez-zen-learning-curriculum__detail h4,
.ez-zen-learning-curriculum__topics-title {
    margin:
        0
        0
        13px;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size:
        14px;

    font-weight:
        700;

    line-height:
        1.35;

    letter-spacing:
        .35px;

    text-transform:
        uppercase;

    color:
        #394C8A;
}


.ez-zen-learning-curriculum__detail h4::before,
.ez-zen-learning-curriculum__topics-title::before {
    content:
        "";

    display:
        inline-block;

    width:
        18px;

    height:
        2px;

    margin-right:
        8px;

    border-radius:
        999px;

    background:
        #394C8A;

    vertical-align:
        middle;
}


.ez-zen-learning-curriculum__detail > div {
    font-family:
        "NotoSan", sans-serif;

    font-size:
        14px;

    line-height:
        1.72;

    color:
        #222831;
}


.ez-zen-learning-curriculum__detail p {
    margin:
        0;
}


.ez-zen-learning-curriculum__detail p + p {
    margin-top:
        8px;
}


/*
 * ----------------------------------------------------------
 * Topics — full width
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__topics {
    padding:
        34px
        42px
        38px;

    border-top:
        1px
        solid
        #EEF0F5;

    background:
        #ffffff;
}


.ez-zen-learning-curriculum__topics-title {
    margin-bottom:
        18px;
}


.ez-zen-learning-curriculum__topic-list {
    border-top:
        1px
        solid
        #EEF0F5;
}


.ez-zen-learning-curriculum__topic {
    display:
        grid;

    grid-template-columns:
        48px
        minmax(0, 1fr);

    gap:
        18px;

    align-items:
        start;

    padding:
        17px
        4px;

    border-bottom:
        1px
        solid
        #EEF0F5;
}


.ez-zen-learning-curriculum__topic-number {
    padding-top:
        1px;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        14px;

    font-weight:
        700;

    line-height:
        1.6;

    color:
        #222831;
}


.ez-zen-learning-curriculum__topic-text {
    font-family:
        "NotoSan", sans-serif;

    font-size:
        14px;

    line-height:
        1.72;

    color:
        #222831;
}


.ez-zen-learning-curriculum__topic-text p {
    margin:
        0;
}


.ez-zen-learning-curriculum__topic-text p + p {
    margin-top:
        7px;
}


/*
 * ----------------------------------------------------------
 * Tablet
 * ----------------------------------------------------------
 */

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

    .ez-zen-learning-curriculum {
        padding:
            62px
            0
            66px;
    }


    .ez-zen-learning-curriculum__title {
        font-size:
            26px;
    }


    .ez-zen-learning-curriculum__overview {
        grid-template-columns:
            minmax(0, 1.15fr)
            minmax(280px, .85fr);
    }


    .ez-zen-learning-curriculum__intro {
        padding:
            38px
            34px;
    }


    .ez-zen-learning-curriculum__item-title {
        font-size:
            23px;
    }


    .ez-zen-learning-curriculum__detail {
        padding:
            27px
            24px;
    }


    .ez-zen-learning-curriculum__topics {
        padding:
            30px
            30px
            34px;
    }

}


/*
 * ----------------------------------------------------------
 * Mobile
 * ----------------------------------------------------------
 */

@media (
    max-width: 767px
) {

    .ez-zen-learning-curriculum {
        padding:
            48px
            0
            52px;
    }


    .ez-zen-learning-curriculum__head {
        margin-bottom:
            25px;
    }


    .ez-zen-learning-curriculum__title {
        margin-bottom:
            15px;

        font-size:
            21px;
    }


    .ez-zen-learning-curriculum__description {
        font-size:
            14px;
    }


    .ez-zen-learning-curriculum__tabs {
        margin-bottom:
            16px;

        gap:
            4px;
    }


    .ez-zen-learning-curriculum__tab {
        min-height:
            42px;

        padding:
            9px
            14px
            10px;

        font-size:
            13px;
    }


    .ez-zen-learning-curriculum__panel {
        border-radius:
            11px;
    }


    /*
     * Mọi dữ liệu chuyển dọc.
     */

    .ez-zen-learning-curriculum__overview,
    .ez-zen-learning-curriculum__overview.has-no-image {
        display:
            flex;

        flex-direction:
            column;

        min-height:
            0;
    }


    .ez-zen-learning-curriculum__intro {
        order:
            1;

        padding:
            28px
            22px;
    }


    .ez-zen-learning-curriculum__media {
        order:
            2;

        min-height:
            0;

        aspect-ratio:
            16 / 10;
    }


    .ez-zen-learning-curriculum__image {
        min-height:
            0;

        height:
            100%;
    }


    .ez-zen-learning-curriculum__item-title {
        margin-bottom:
            11px;

        font-size:
            20px;
    }


    .ez-zen-learning-curriculum__summary {
        font-size:
            14px;

        line-height:
            1.7;
    }


    .ez-zen-learning-curriculum__details,
    .ez-zen-learning-curriculum__details.is-count-1,
    .ez-zen-learning-curriculum__details.is-count-2,
    .ez-zen-learning-curriculum__details.is-count-3 {
        display:
            block;
    }


    .ez-zen-learning-curriculum__detail {
        padding:
            25px
            22px;
    }


    .ez-zen-learning-curriculum__detail
    + .ez-zen-learning-curriculum__detail {
        border-left:
            0;

        border-top:
            1px
            solid
            #EEF0F5;
    }


    .ez-zen-learning-curriculum__topics {
        padding:
            26px
            22px
            29px;
    }


    .ez-zen-learning-curriculum__topic {
        grid-template-columns:
            34px
            minmax(0, 1fr);

        gap:
            10px;

        padding:
            14px
            0;
    }


    .ez-zen-learning-curriculum__detail > div,
    .ez-zen-learning-curriculum__topic-text {
        font-size:
            14px;
    }

}



/*
 * ==========================================================
 * ZEN LEARNING CURRICULUM COMPACT NAV 20261011
 * ==========================================================
 */


/*
 * ----------------------------------------------------------
 * 1. Tabs = rõ đây là khu vực chuyển nội dung
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__tabs {
    gap:
        8px;

    padding:
        4px
        3px
        10px;

    margin-bottom:
        18px;
}


.ez-zen-learning-curriculum__tab {
    min-height:
        42px;

    padding:
        9px
        17px;

    border:
        1px
        solid
        #EEF0F5;

    border-radius:
        8px;

    color:
        #66739A;

    box-shadow:
        0
        2px
        7px
        rgba(57,76,138,
            .025
        );
}


/*
 * Các nền khác nhau rất nhẹ,
 * đủ để nhận biết từng tab là một lựa chọn riêng.
 */

.ez-zen-learning-curriculum__tab:nth-child(4n + 1) {
    background:
        #EEF0F5;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 2) {
    background:
        #EEF0F5;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 3) {
    background:
        #EEF0F5;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 4) {
    background:
        #EEF0F5;
}


.ez-zen-learning-curriculum__tab::after {
    bottom:
        -1px;
}


.ez-zen-learning-curriculum__tab:hover,
.ez-zen-learning-curriculum__tab:focus-visible {
    border-color:
        rgba(57,76,138,
            .42
        );

    color:
        #394C8A;

    background:
        #ffffff;
}


.ez-zen-learning-curriculum__tab.is-active {
    border-color:
        #394C8A;

    background:
        #ffffff;

    color:
        #394C8A;

    box-shadow:
        0
        4px
        12px
        rgba(57,76,138,
            .065
        );
}


.ez-zen-learning-curriculum__tab.is-active::after {
    width:
        34px;

    height:
        2px;
}


/*
 * ----------------------------------------------------------
 * 2. Top panel compact
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__overview {
    grid-template-columns:
        minmax(0, 1fr)
        118px;

    align-items:
        center;

    min-height:
        0;
}


.ez-zen-learning-curriculum__intro {
    justify-content:
        center;

    padding:
        24px
        30px;
}


.ez-zen-learning-curriculum__item-title {
    margin-bottom:
        7px;

    font-size:
        23px;

    line-height:
        1.25;
}


.ez-zen-learning-curriculum__summary {
    font-size:
        14px;

    line-height:
        1.6;
}


.ez-zen-learning-curriculum__media {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        0;

    height:
        118px;

    padding:
        12px
        16px;
}


.ez-zen-learning-curriculum__image {
    width:
        auto;

    max-width:
        86px;

    height:
        auto;

    max-height:
        86px;

    min-height:
        0;

    object-fit:
        contain;
}


/*
 * Nếu ảnh minh họa là ảnh ngang/dọc bình thường
 * cũng không được phép bung lớn.
 */

.ez-zen-learning-curriculum__media img {
    object-fit:
        contain;
}


/*
 * ----------------------------------------------------------
 * 3. Objective / Method / Outcome compact hơn
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__detail {
    padding:
        27px
        30px;
}


.ez-zen-learning-curriculum__detail h4 {
    margin-bottom:
        14px;
}


/*
 * Bỏ style paragraph cũ vì giờ dùng list.
 */

.ez-zen-learning-curriculum__detail-lines {
    font-family:
        "NotoSan", sans-serif;

    font-size:
        14px;

    line-height:
        1.65;

    color:
        #222831;
}


.ez-zen-learning-curriculum__detail-lines ul {
    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;

    margin:
        0;

    padding:
        0;

    list-style:
        none;
}


.ez-zen-learning-curriculum__detail-lines li {
    display:
        grid;

    grid-template-columns:
        14px
        minmax(0, 1fr);

    gap:
        7px;

    align-items:
        start;

    margin:
        0;

    padding:
        0;
}


/*
 * Bullet icon nhẹ,
 * không dùng checkmark lớn kiểu marketing.
 */

.ez-zen-learning-curriculum__detail-bullet {
    position:
        relative;

    display:
        block;

    width:
        7px;

    height:
        7px;

    margin-top:
        7px;

    border:
        1px
        solid
        #394C8A;

    border-radius:
        50%;

    box-sizing:
        border-box;
}


.ez-zen-learning-curriculum__detail-bullet::after {
    content:
        "";

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    width:
        3px;

    height:
        3px;

    border-radius:
        50%;

    background:
        #394C8A;

    transform:
        translate(
            -50%,
            -50%
        );
}


/*
 * ----------------------------------------------------------
 * Tablet
 * ----------------------------------------------------------
 */

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

    .ez-zen-learning-curriculum__overview {
        grid-template-columns:
            minmax(0, 1fr)
            105px;
    }


    .ez-zen-learning-curriculum__intro {
        padding:
            22px
            26px;
    }


    .ez-zen-learning-curriculum__media {
        height:
            105px;

        padding:
            10px;
    }


    .ez-zen-learning-curriculum__image {
        max-width:
            76px;

        max-height:
            76px;
    }


    .ez-zen-learning-curriculum__detail {
        padding:
            24px
            23px;
    }

}


/*
 * ----------------------------------------------------------
 * Mobile
 * ----------------------------------------------------------
 */

@media (
    max-width: 767px
) {

    .ez-zen-learning-curriculum__tabs {
        gap:
            7px;

        padding-bottom:
            9px;
    }


    .ez-zen-learning-curriculum__tab {
        min-height:
            40px;

        padding:
            8px
            14px;

        border-radius:
            7px;
    }


    /*
     * Mobile vẫn xếp dọc,
     * nhưng ảnh nhỏ như icon.
     */

    .ez-zen-learning-curriculum__overview,
    .ez-zen-learning-curriculum__overview.has-no-image {
        display:
            block;
    }


    .ez-zen-learning-curriculum__intro {
        padding:
            22px
            20px
            14px;
    }


    .ez-zen-learning-curriculum__item-title {
        font-size:
            19px;
    }


    .ez-zen-learning-curriculum__media {
        width:
            100%;

        height:
            auto;

        min-height:
            0;

        aspect-ratio:
            auto;

        padding:
            0
            20px
            18px;
    }


    .ez-zen-learning-curriculum__image {
        width:
            auto;

        max-width:
            72px;

        height:
            auto;

        max-height:
            72px;
    }


    .ez-zen-learning-curriculum__detail {
        padding:
            22px
            20px;
    }


    .ez-zen-learning-curriculum__detail-lines li {
        grid-template-columns:
            13px
            minmax(0, 1fr);

        gap:
            6px;
    }

}



/*
 * ==========================================================
 * ZEN LEARNING CURRICULUM TAB DEPTH 20261011
 * ==========================================================
 *
 * Nền nhẹ hơn
 * Shadow mạnh hơn
 * Tạo lớp nền nghiêng phía sau tab
 */


/* ----------------------------------------------------------
 * Base tab
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab {
    position:
        relative;

    z-index:
        1;

    isolation:
        isolate;

    overflow:
        visible;

    border-color:
        rgba(57,76,138,
            .18
        ) !important;

    background:
        rgba(
            255,
            255,
            255,
            .88
        ) !important;

    box-shadow:
        0
        5px
        10px
        rgba(57,76,138,
            .11
        ),
        0
        1px
        2px
        rgba(57,76,138,
            .08
        ) !important;

    transition:
        transform
        .22s
        ease,
        box-shadow
        .22s
        ease,
        border-color
        .22s
        ease,
        color
        .22s
        ease;
}


/* ----------------------------------------------------------
 * Lớp nền nghiêng phía sau
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab::before {
    content:
        "";

    position:
        absolute;

    z-index:
        -1;

    inset:
        3px
        4px
        -4px
        5px;

    border-radius:
        8px;

    background:
        rgba(57,76,138,
            .045
        );

    transform:
        skewX(-3deg);

    transform-origin:
        center;

    pointer-events:
        none;
}


/* ----------------------------------------------------------
 * Tint khác nhau nhưng rất nhẹ
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab:nth-child(4n + 1) {
    background:
        rgba(238,240,245,
            .78
        ) !important;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 2) {
    background:
        rgba(238,240,245,
            .78
        ) !important;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 3) {
    background:
        rgba(238,240,245,
            .84
        ) !important;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 4) {
    background:
        rgba(238,240,245,
            .82
        ) !important;
}


/* ----------------------------------------------------------
 * Hover
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab:hover,
.ez-zen-learning-curriculum__tab:focus-visible {
    transform:
        translateY(-1px);

    border-color:
        rgba(57,76,138,
            .42
        ) !important;

    background:
        #ffffff !important;

    box-shadow:
        0
        8px
        18px
        rgba(57,76,138,
            .16
        ),
        0
        2px
        5px
        rgba(57,76,138,
            .10
        ) !important;
}


/* ----------------------------------------------------------
 * Active
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab.is-active {
    transform:
        translateY(-2px);

    border-color:
        #394C8A !important;

    background:
        #ffffff !important;

    color:
        #394C8A !important;

    box-shadow:
        0
        10px
        22px
        rgba(57,76,138,
            .20
        ),
        0
        3px
        7px
        rgba(57,76,138,
            .11
        ) !important;
}


.ez-zen-learning-curriculum__tab.is-active::before {
    background:
        rgba(57,76,138,
            .075
        );

    transform:
        skewX(-4deg);
}


/* ----------------------------------------------------------
 * Mobile
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-zen-learning-curriculum__tab {
        box-shadow:
            0
            4px
            9px
            rgba(57,76,138,
                .11
            ) !important;
    }


    .ez-zen-learning-curriculum__tab.is-active {
        box-shadow:
            0
            7px
            16px
            rgba(57,76,138,
                .17
            ) !important;
    }

}



/*
 * ==========================================================
 * ZEN LEARNING CURRICULUM — DIAMOND TABS
 * 20261011
 * ==========================================================
 *
 * - Shape vát hai đầu.
 * - Background phủ full shape.
 * - Không có khối nền phụ bên trong.
 * - Background dùng opacity.
 * - Shadow trực tiếp trên tab.
 */


/* ----------------------------------------------------------
 * Base
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tabs {
    gap:
        10px;
}


.ez-zen-learning-curriculum__tab {
    position:
        relative;

    overflow:
        visible;

    min-height:
        42px;

    padding:
        9px
        24px;

    border:
        1px
        solid
        rgba(57,76,138,
            .24
        ) !important;

    border-radius:
        0 !important;

    background:
        rgba(238,240,245,
            .76
        ) !important;

    color:
        #66739A;

    clip-path:
        polygon(
            10px 0,
            100% 0,
            calc(100% - 10px) 100%,
            0 100%
        );

    box-shadow:
        0
        6px
        14px
        rgba(57,76,138,
            .15
        ),
        0
        2px
        4px
        rgba(57,76,138,
            .10
        ) !important;

    transform:
        none !important;

    transition:
        border-color
        .2s
        ease,
        background-color
        .2s
        ease,
        color
        .2s
        ease,
        box-shadow
        .2s
        ease;
}


/*
 * Bỏ hẳn lớp nền phụ cũ.
 */

.ez-zen-learning-curriculum__tab::before {
    content:
        none !important;

    display:
        none !important;
}


/* ----------------------------------------------------------
 * Màu nền nhẹ cho từng tab
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab:nth-child(4n + 1) {
    background:
        rgba(238,240,245,
            .78
        ) !important;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 2) {
    background:
        rgba(238,240,245,
            .72
        ) !important;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 3) {
    background:
        rgba(238,240,245,
            .74
        ) !important;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 4) {
    background:
        rgba(238,240,245,
            .72
        ) !important;
}


/* ----------------------------------------------------------
 * Hover
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab:hover,
.ez-zen-learning-curriculum__tab:focus-visible {
    border-color:
        rgba(57,76,138,
            .55
        ) !important;

    background:
        rgba(
            255,
            255,
            255,
            .86
        ) !important;

    color:
        #394C8A;

    box-shadow:
        0
        9px
        20px
        rgba(57,76,138,
            .20
        ),
        0
        3px
        6px
        rgba(57,76,138,
            .12
        ) !important;
}


/* ----------------------------------------------------------
 * Active
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab.is-active {
    border-color:
        rgba(57,76,138,
            .92
        ) !important;

    background:
        rgba(
            255,
            255,
            255,
            .90
        ) !important;

    color:
        #394C8A !important;

    box-shadow:
        0
        11px
        24px
        rgba(57,76,138,
            .24
        ),
        0
        4px
        8px
        rgba(57,76,138,
            .14
        ) !important;
}


/*
 * Accent cam vẫn nằm trên chính tab.
 */

.ez-zen-learning-curriculum__tab::after {
    bottom:
        1px;
}


.ez-zen-learning-curriculum__tab.is-active::after {
    width:
        34px;
}


/* ----------------------------------------------------------
 * Mobile
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-zen-learning-curriculum__tabs {
        gap:
            8px;
    }


    .ez-zen-learning-curriculum__tab {
        min-height:
            40px;

        padding:
            8px
            20px;

        clip-path:
            polygon(
                8px 0,
                100% 0,
                calc(100% - 8px) 100%,
                0 100%
            );

        box-shadow:
            0
            5px
            11px
            rgba(57,76,138,
                .14
            ),
            0
            2px
            4px
            rgba(57,76,138,
                .09
            ) !important;
    }


    .ez-zen-learning-curriculum__tab.is-active {
        box-shadow:
            0
            8px
            17px
            rgba(57,76,138,
                .20
            ),
            0
            3px
            6px
            rgba(57,76,138,
                .11
            ) !important;
    }

}



/*
 * ==========================================================
 * ZEN LEARNING CURRICULUM — SOFTER TABS + REDUCED TOP SPACING
 * 20261011
 * ==========================================================
 */


/* ----------------------------------------------------------
 * Section spacing
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum {
    padding-top:
        42px !important;
}


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

    .ez-zen-learning-curriculum {
        padding-top:
            36px !important;
    }

}


@media (
    max-width: 767px
) {

    .ez-zen-learning-curriculum {
        padding-top:
            30px !important;
    }

}


/* ----------------------------------------------------------
 * Softer tab backgrounds
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab:nth-child(4n + 1) {
    background:
        rgba(238,240,245,
            .34
        ) !important;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 2) {
    background:
        rgba(238,240,245,
            .32
        ) !important;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 3) {
    background:
        rgba(238,240,245,
            .34
        ) !important;
}


.ez-zen-learning-curriculum__tab:nth-child(4n + 4) {
    background:
        rgba(238,240,245,
            .32
        ) !important;
}


/* ----------------------------------------------------------
 * Hover
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab:hover,
.ez-zen-learning-curriculum__tab:focus-visible {
    background:
        rgba(
            255,
            255,
            255,
            .48
        ) !important;
}


/* ----------------------------------------------------------
 * Active
 * ---------------------------------------------------------- */

.ez-zen-learning-curriculum__tab.is-active {
    background:
        rgba(
            255,
            255,
            255,
            .56
        ) !important;
}



/*
 * ==========================================================
 * ZEN LEARNING ACTIVITIES + CURRICULUM RHYTHM
 * 20261011
 * ==========================================================
 *
 * Activities: white section
 * Curriculum: keep existing #F5F7F6
 * Reduce spacing between the two sections
 */


/* ----------------------------------------------------------
 * Desktop
 * ---------------------------------------------------------- */

.ez-zen-learning-activities {
    background:
        #ffffff !important;

    padding-bottom:
        28px !important;
}


.ez-zen-learning-curriculum {
    padding-top:
        42px !important;
}


/* ----------------------------------------------------------
 * Tablet
 * ---------------------------------------------------------- */

@media (
    min-width: 576px
)
and (
    max-width: 991px
) {

    .ez-zen-learning-activities {
        background:
            #ffffff !important;

        padding-bottom:
            24px !important;
    }


    .ez-zen-learning-curriculum {
        padding-top:
            36px !important;
    }

}


/* ----------------------------------------------------------
 * Mobile
 * ---------------------------------------------------------- */

@media (
    max-width: 575px
) {

    .ez-zen-learning-activities {
        background:
            #ffffff !important;

        padding-bottom:
            22px !important;
    }


    .ez-zen-learning-curriculum {
        padding-top:
            30px !important;
    }

}



/*
 * ==========================================================
 * ZEN LEARNING CURRICULUM MOBILE VISIBILITY FIX 20261011
 * ==========================================================
 *
 * Curriculum must remain a full public section on mobile.
 * Only active tab panel is shown.
 */

@media (max-width: 767px) {

    /*
     * Section itself
     */

    .ez-zen-learning-curriculum {
        display:
            block !important;

        position:
            relative !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            1px !important;

        overflow:
            visible !important;
    }


    .ez-zen-learning-curriculum > .container {
        display:
            block !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        width:
            100%;

        height:
            auto !important;
    }


    /*
     * Heading
     */

    .ez-zen-learning-curriculum__head {
        display:
            block !important;

        visibility:
            visible !important;

        opacity:
            1 !important;
    }


    /*
     * Tab navigation
     */

    .ez-zen-learning-curriculum__tabs {
        display:
            flex !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        width:
            100%;

        overflow-x:
            auto !important;

        overflow-y:
            visible !important;

        -webkit-overflow-scrolling:
            touch;
    }


    .ez-zen-learning-curriculum__tab {
        display:
            inline-flex !important;

        align-items:
            center;

        justify-content:
            center;

        flex:
            0
            0
            auto !important;

        visibility:
            visible !important;

        opacity:
            1 !important;
    }


    /*
     * Panel wrapper
     */

    .ez-zen-learning-curriculum__panels {
        display:
            block !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        width:
            100%;

        height:
            auto !important;
    }


    /*
     * Respect the tab hidden state:
     * hidden panels remain hidden,
     * active panel must display.
     */

    .ez-zen-learning-curriculum__panel[hidden] {
        display:
            none !important;
    }


    .ez-zen-learning-curriculum__panel:not([hidden]) {
        display:
            block !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        width:
            100%;

        height:
            auto !important;

        min-height:
            1px !important;
    }


    /*
     * Mobile content stack
     */

    .ez-zen-learning-curriculum__overview {
        display:
            block !important;

        width:
            100%;

        height:
            auto !important;
    }


    .ez-zen-learning-curriculum__details {
        display:
            block !important;

        width:
            100%;

        height:
            auto !important;
    }


    .ez-zen-learning-curriculum__detail {
        display:
            block !important;

        width:
            100%;

        height:
            auto !important;
    }


    .ez-zen-learning-curriculum__topics {
        display:
            block !important;

        width:
            100%;

        height:
            auto !important;
    }

}



/*
 * ==========================================================
 * ZEN LEARNING CURRICULUM TAB OVERFLOW NAV 20261011
 * ==========================================================
 */


/*
 * Shell stays fixed while the actual tabs scroll.
 */

.ez-zen-learning-curriculum__tabs-shell {
    position:
        relative;

    width:
        100%;
}


/*
 * Keep tab scroller below the floating navigation.
 */

.ez-zen-learning-curriculum__tabs-shell
.ez-zen-learning-curriculum__tabs {
    position:
        relative;

    z-index:
        1;
}


/*
 * Soft fade:
 * signals that content continues beyond the visible edge.
 */

.ez-zen-learning-curriculum__tabs-shell::after {
    content:
        "";

    position:
        absolute;

    z-index:
        2;

    top:
        0;

    right:
        0;

    width:
        72px;

    height:
        54px;

    opacity:
        0;

    pointer-events:
        none;

    background:
        linear-gradient(
            90deg,
            rgba(238,240,245,
                0
            )
            0%,
            rgba(238,240,245,
                .78
            )
            48%,
            rgba(238,240,245,
                .98
            )
            100%
        );

    transition:
        opacity
        .18s
        ease;
}


.ez-zen-learning-curriculum__tabs-shell.has-more-right::after {
    opacity:
        1;
}


/*
 * Right arrow.
 */

.ez-zen-learning-curriculum__tabs-next {
    position:
        absolute;

    z-index:
        4;

    top:
        21px;

    right:
        7px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        31px;

    height:
        31px;

    padding:
        0;

    border:
        1px
        solid
        rgba(57,76,138,
            .30
        );

    border-radius:
        50%;

    background:
        rgba(
            255,
            255,
            255,
            .88
        );

    color:
        #66739A;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size:
        18px;

    font-weight:
        400;

    line-height:
        1;

    cursor:
        pointer;

    box-shadow:
        0
        5px
        13px
        rgba(57,76,138,
            .18
        );

    transform:
        translateY(-50%);

    transition:
        border-color
        .18s
        ease,
        background
        .18s
        ease,
        color
        .18s
        ease,
        box-shadow
        .18s
        ease,
        transform
        .18s
        ease;
}


.ez-zen-learning-curriculum__tabs-next[hidden] {
    display:
        none !important;
}


.ez-zen-learning-curriculum__tabs-next span {
    display:
        block;

    transform:
        translateY(-1px);
}


.ez-zen-learning-curriculum__tabs-next:hover,
.ez-zen-learning-curriculum__tabs-next:focus-visible {
    border-color:
        rgba(57,76,138,
            .58
        );

    background:
        rgba(
            255,
            255,
            255,
            .96
        );

    color:
        #394C8A;

    box-shadow:
        0
        7px
        17px
        rgba(57,76,138,
            .22
        );

    transform:
        translateY(-50%)
        translateX(1px);

    outline:
        none;
}


/*
 * Tablet
 */

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

    .ez-zen-learning-curriculum__tabs-shell::after {
        width:
            64px;
    }


    .ez-zen-learning-curriculum__tabs-next {
        right:
            5px;

        width:
            29px;

        height:
            29px;

        font-size:
            17px;
    }

}


/*
 * Mobile
 */

@media (
    max-width: 767px
) {

    .ez-zen-learning-curriculum__tabs-shell::after {
        width:
            58px;

        height:
            50px;
    }


    .ez-zen-learning-curriculum__tabs-next {
        top:
            20px;

        right:
            4px;

        width:
            28px;

        height:
            28px;

        font-size:
            16px;

        box-shadow:
            0
            4px
            11px
            rgba(57,76,138,
                .18
            );
    }

}



/*
 * ==========================================================
 * ZEN LEARNING CURRICULUM COLOR SYSTEM 20261011
 * ==========================================================
 *
 * Visual-only override.
 * Layout / HTML / responsive structure remain unchanged.
 */


/*
 * ----------------------------------------------------------
 * SECTION TYPOGRAPHY
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__head h2,
.ez-zen-learning-curriculum__title {
    font-family:
        "Learning Detail Averta", sans-serif;

    font-weight:
        600;

    letter-spacing:
        .01em;
}


/*
 * Curriculum-specific small headings:
 * softer / friendlier than the corporate treatment.
 */

.ez-zen-learning-curriculum__tab,
.ez-zen-learning-curriculum__panel h3,
.ez-zen-learning-curriculum__detail-title,
.ez-zen-learning-curriculum__topics-title {
    font-family:
        "Learning Detail Averta", sans-serif;
}


/*
 * ----------------------------------------------------------
 * TAB COLOR PALETTE
 * ----------------------------------------------------------
 *
 * 1 green
 * 2 peach
 * 3 blue
 * 4 yellow
 * 5 lilac
 * 6 pink
 *
 * Then repeat.
 */


/* GREEN */

.ez-zen-learning-curriculum__tab:nth-child(6n + 1) {
    background:
        #EEF0F5 !important;

    border-color:
        #394C8A !important;

    color:
        #66739A !important;
}


/* PEACH */

.ez-zen-learning-curriculum__tab:nth-child(6n + 2) {
    background:
        #EEF0F5 !important;

    border-color:
        #394C8A !important;

    color:
        #66739A !important;
}


/* SKY */

.ez-zen-learning-curriculum__tab:nth-child(6n + 3) {
    background:
        #EEF0F5 !important;

    border-color:
        #EEF0F5 !important;

    color:
        #66739A !important;
}


/* YELLOW */

.ez-zen-learning-curriculum__tab:nth-child(6n + 4) {
    background:
        #EEF0F5 !important;

    border-color:
        #394C8A !important;

    color:
        #66739A !important;
}


/* LILAC */

.ez-zen-learning-curriculum__tab:nth-child(6n + 5) {
    background:
        #EEF0F5 !important;

    border-color:
        #EEF0F5 !important;

    color:
        #66739A !important;
}


/* PINK */

.ez-zen-learning-curriculum__tab:nth-child(6n + 6) {
    background:
        #EEF0F5 !important;

    border-color:
        #EEF0F5 !important;

    color:
        #66739A !important;
}


/*
 * Active tabs:
 * stronger saturation without becoming childish.
 */

.ez-zen-learning-curriculum__tab[aria-selected="true"],
.ez-zen-learning-curriculum__tab.is-active,
.ez-zen-learning-curriculum__tab.active {
    font-weight:
        700 !important;

    filter:
        saturate(1.16);

    box-shadow:
        0
        5px
        13px
        rgba(57,76,138, .10) !important;
}


/*
 * Existing orange active accent remains,
 * but make it slightly friendlier.
 */

.ez-zen-learning-curriculum__tab[aria-selected="true"]::after,
.ez-zen-learning-curriculum__tab.is-active::after,
.ez-zen-learning-curriculum__tab.active::after {
    background:
        #394C8A !important;
}


/*
 * ----------------------------------------------------------
 * PANEL — VERY LIGHT COLOR IDENTITY
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__panel {
    --curr-accent:
        #394C8A;

    --curr-soft:
        #EEF0F5;
}


/* GREEN */

.ez-zen-learning-curriculum__panel:nth-child(6n + 1) {
    --curr-accent:
        #394C8A;

    --curr-soft:
        #EEF0F5;
}


/* PEACH */

.ez-zen-learning-curriculum__panel:nth-child(6n + 2) {
    --curr-accent:
        #394C8A;

    --curr-soft:
        #EEF0F5;
}


/* BLUE */

.ez-zen-learning-curriculum__panel:nth-child(6n + 3) {
    --curr-accent:
        #394C8A;

    --curr-soft:
        #EEF0F5;
}


/* YELLOW */

.ez-zen-learning-curriculum__panel:nth-child(6n + 4) {
    --curr-accent:
        #394C8A;

    --curr-soft:
        #EEF0F5;
}


/* LILAC */

.ez-zen-learning-curriculum__panel:nth-child(6n + 5) {
    --curr-accent:
        #394C8A;

    --curr-soft:
        #EEF0F5;
}


/* PINK */

.ez-zen-learning-curriculum__panel:nth-child(6n + 6) {
    --curr-accent:
        #394C8A;

    --curr-soft:
        #EEF0F5;
}


/*
 * Keep white card appearance,
 * only add a soft identity line.
 */

.ez-zen-learning-curriculum__panel {
    border-color:
        color-mix(
            in srgb,
            var(--curr-accent) 24%,
            #EEF0F5
        ) !important;

    box-shadow:
        0
        12px
        30px
        rgba(57,76,138, .07) !important;
}


/*
 * Program title takes the active program color.
 */

.ez-zen-learning-curriculum__panel h3 {
    color:
        #222831 !important;

    font-weight:
        700;
}


/*
 * ----------------------------------------------------------
 * OVERVIEW AREA
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__overview {
    background:
        linear-gradient(
            90deg,
            var(--curr-soft) 0%,
            rgba(255,255,255,.98) 50%,
            #ffffff 100%
        );
}


/*
 * ----------------------------------------------------------
 * THREE LEARNING COLUMNS
 * ----------------------------------------------------------
 *
 * Keep exact existing 3-column layout.
 * Only add subtle timetable-like color identity.
 */


/* 1 — MỤC TIÊU */

.ez-zen-learning-curriculum__detail:nth-child(1) {
    background:
        #EEF0F5;
}

.ez-zen-learning-curriculum__detail:nth-child(1)
.ez-zen-learning-curriculum__detail-title {
    color:
        #394C8A !important;
}

.ez-zen-learning-curriculum__detail:nth-child(1)
.ez-zen-learning-curriculum__detail-bullet {
    color:
        #222831 !important;

    background:
        #394C8A !important;
}


/* 2 — PHƯƠNG PHÁP */

.ez-zen-learning-curriculum__detail:nth-child(2) {
    background:
        #EEF0F5;
}

.ez-zen-learning-curriculum__detail:nth-child(2)
.ez-zen-learning-curriculum__detail-title {
    color:
        #394C8A !important;
}

.ez-zen-learning-curriculum__detail:nth-child(2)
.ez-zen-learning-curriculum__detail-bullet {
    color:
        #222831 !important;

    background:
        #394C8A !important;
}


/* 3 — KẾT QUẢ */

.ez-zen-learning-curriculum__detail:nth-child(3) {
    background:
        #EEF0F5;
}

.ez-zen-learning-curriculum__detail:nth-child(3)
.ez-zen-learning-curriculum__detail-title {
    color:
        #394C8A !important;
}

.ez-zen-learning-curriculum__detail:nth-child(3)
.ez-zen-learning-curriculum__detail-bullet {
    color:
        #222831 !important;

    background:
        #394C8A !important;
}


/*
 * Column headings softer and more youthful.
 */

.ez-zen-learning-curriculum__detail-title {
    font-weight:
        700 !important;

    letter-spacing:
        .035em !important;
}


/*
 * ----------------------------------------------------------
 * DETAIL TOPICS
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__topics {
    background:
        #FFFFFF;
}


/*
 * Heading keeps Everzen identity.
 */

.ez-zen-learning-curriculum__topics-title {
    color:
        #394C8A !important;

    font-weight:
        700 !important;
}


/*
 * Topic numbers:
 * cycle colors like a school timetable.
 */

.ez-zen-learning-curriculum__topic:nth-child(6n + 1)
.ez-zen-learning-curriculum__topic-number {
    color:
        #222831 !important;
}

.ez-zen-learning-curriculum__topic:nth-child(6n + 2)
.ez-zen-learning-curriculum__topic-number {
    color:
        #222831 !important;
}

.ez-zen-learning-curriculum__topic:nth-child(6n + 3)
.ez-zen-learning-curriculum__topic-number {
    color:
        #222831 !important;
}

.ez-zen-learning-curriculum__topic:nth-child(6n + 4)
.ez-zen-learning-curriculum__topic-number {
    color:
        #222831 !important;
}

.ez-zen-learning-curriculum__topic:nth-child(6n + 5)
.ez-zen-learning-curriculum__topic-number {
    color:
        #222831 !important;
}

.ez-zen-learning-curriculum__topic:nth-child(6n + 6)
.ez-zen-learning-curriculum__topic-number {
    color:
        #222831 !important;
}


/*
 * ----------------------------------------------------------
 * RIGHT TAB NAVIGATION
 * ----------------------------------------------------------
 */

.ez-zen-learning-curriculum__tabs-next {
    border-color:
        rgba(57,76,138,.25) !important;

    background:
        rgba(255,255,255,.94) !important;

    color:
        #66739A !important;
}

.ez-zen-learning-curriculum__tabs-next:hover {
    color:
        #394C8A !important;
}


/*
 * ----------------------------------------------------------
 * TABLET / MOBILE
 * ----------------------------------------------------------
 *
 * Preserve current responsive layout.
 * Only reduce intensity slightly on small screens.
 */

@media (max-width: 767px) {

    .ez-zen-learning-curriculum__tab {
        font-weight:
            600;
    }


    .ez-zen-learning-curriculum__detail:nth-child(1),
    .ez-zen-learning-curriculum__detail:nth-child(2),
    .ez-zen-learning-curriculum__detail:nth-child(3) {
        background:
            rgba(255,255,255,.72);
    }


    .ez-zen-learning-curriculum__overview {
        background:
            linear-gradient(
                180deg,
                var(--curr-soft) 0%,
                #ffffff 100%
            );
    }

}




/*
 * ==========================================================
 * ZEN LEARNING CURRICULUM BLOB BACKGROUND 20261011
 * ==========================================================
 *
 * Add a playful pastel mottled background
 * behind the whole curriculum section.
 * Layout remains unchanged.
 */

.ez-zen-learning-curriculum {
    position:
        relative;

    isolation:
        isolate;

    overflow:
        hidden;
}


/*
 * Background blobs / watercolor-like pastel stains
 */

.ez-zen-learning-curriculum::before {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        0;

    pointer-events:
        none;

    opacity:
        .95;

    background:
        radial-gradient(
            circle at 10% 16%,
            rgba(238,240,245, .70) 0%,
            rgba(238,240,245, .42) 16%,
            rgba(238,240,245, 0) 34%
        ),
        radial-gradient(
            circle at 81% 13%,
            rgba(238,240,245, .58) 0%,
            rgba(238,240,245, .30) 14%,
            rgba(238,240,245, 0) 30%
        ),
        radial-gradient(
            circle at 88% 52%,
            rgba(238,240,245, .52) 0%,
            rgba(238,240,245, .26) 13%,
            rgba(238,240,245, 0) 28%
        ),
        radial-gradient(
            circle at 18% 74%,
            rgba(238,240,245, .52) 0%,
            rgba(238,240,245, .26) 13%,
            rgba(238,240,245, 0) 29%
        ),
        radial-gradient(
            circle at 72% 82%,
            rgba(238,240,245, .54) 0%,
            rgba(238,240,245, .28) 12%,
            rgba(238,240,245, 0) 28%
        ),
        radial-gradient(
            circle at 42% 34%,
            rgba(238,240,245, .44) 0%,
            rgba(238,240,245, .20) 10%,
            rgba(238,240,245, 0) 25%
        );
}


/*
 * Keep all real content above the blob layer
 */

.ez-zen-learning-curriculum > * {
    position:
        relative;

    z-index:
        1;
}


/*
 * Slightly protect the white curriculum panel
 * so it still reads cleanly on top of the blobs.
 */

.ez-zen-learning-curriculum__panel {
    position:
        relative;

    z-index:
        2;
}


/*
 * Mobile:
 * keep the loang lổ effect but softer.
 */

@media (max-width: 767px) {

    .ez-zen-learning-curriculum::before {
        opacity:
            .72;

        background:
            radial-gradient(
                circle at 14% 14%,
                rgba(238,240,245, .52) 0%,
                rgba(238,240,245, .26) 18%,
                rgba(238,240,245, 0) 36%
            ),
            radial-gradient(
                circle at 84% 18%,
                rgba(238,240,245, .44) 0%,
                rgba(238,240,245, .22) 15%,
                rgba(238,240,245, 0) 30%
            ),
            radial-gradient(
                circle at 82% 72%,
                rgba(238,240,245, .40) 0%,
                rgba(238,240,245, .18) 14%,
                rgba(238,240,245, 0) 28%
            ),
            radial-gradient(
                circle at 20% 84%,
                rgba(238,240,245, .40) 0%,
                rgba(238,240,245, .18) 14%,
                rgba(238,240,245, 0) 30%
            );
    }

}



/*
 * ==========================================================
 * ZEN LEARNING CURRICULUM DIRECT MOTTLED BACKGROUND 20261011
 * ==========================================================
 *
 * Direct background on section.
 * No layout changes.
 */


/*
 * Disable previous pseudo background layer.
 */

.ez-zen-learning-curriculum::before {
    content:
        none !important;
}


/*
 * Pastel mottled / timetable-inspired background.
 */

.ez-zen-learning-curriculum {
    background-color:
        #EEF0F5 !important;

    background-image:
        radial-gradient(
            ellipse at 7% 14%,
            rgba(238,240,245, .82) 0%,
            rgba(238,240,245, .54) 13%,
            rgba(238,240,245, .20) 25%,
            rgba(238,240,245, 0) 39%
        ),

        radial-gradient(
            ellipse at 47% 8%,
            rgba(238,240,245, .68) 0%,
            rgba(238,240,245, .40) 12%,
            rgba(238,240,245, .13) 24%,
            rgba(238,240,245, 0) 38%
        ),

        radial-gradient(
            ellipse at 91% 20%,
            rgba(238,240,245, .78) 0%,
            rgba(238,240,245, .48) 14%,
            rgba(238,240,245, .16) 27%,
            rgba(238,240,245, 0) 41%
        ),

        radial-gradient(
            ellipse at 20% 57%,
            rgba(238,240,245, .64) 0%,
            rgba(238,240,245, .36) 13%,
            rgba(238,240,245, .12) 25%,
            rgba(238,240,245, 0) 39%
        ),

        radial-gradient(
            ellipse at 65% 57%,
            rgba(238,240,245, .67) 0%,
            rgba(238,240,245, .38) 13%,
            rgba(238,240,245, .12) 25%,
            rgba(238,240,245, 0) 39%
        ),

        radial-gradient(
            ellipse at 94% 78%,
            rgba(238,240,245, .73) 0%,
            rgba(238,240,245, .42) 14%,
            rgba(238,240,245, .13) 27%,
            rgba(238,240,245, 0) 41%
        ),

        radial-gradient(
            ellipse at 34% 92%,
            rgba(238,240,245, .67) 0%,
            rgba(238,240,245, .37) 13%,
            rgba(238,240,245, .11) 26%,
            rgba(238,240,245, 0) 40%
        ) !important;

    background-repeat:
        no-repeat !important;

    background-size:
        100% 100% !important;
}


/*
 * Keep the content card clean against the colorful field.
 */

.ez-zen-learning-curriculum__panel {
    background-color:
        rgba(255,255,255,.95) !important;
}


/*
 * Mobile: keep colors visible,
 * but use larger softer patches.
 */

@media (max-width: 767px) {

    .ez-zen-learning-curriculum {
        background-image:
            radial-gradient(
                ellipse at 5% 10%,
                rgba(238,240,245,.76) 0%,
                rgba(238,240,245,.38) 22%,
                rgba(238,240,245,0) 46%
            ),

            radial-gradient(
                ellipse at 94% 24%,
                rgba(238,240,245,.65) 0%,
                rgba(238,240,245,.32) 21%,
                rgba(238,240,245,0) 44%
            ),

            radial-gradient(
                ellipse at 12% 58%,
                rgba(238,240,245,.65) 0%,
                rgba(238,240,245,.30) 22%,
                rgba(238,240,245,0) 45%
            ),

            radial-gradient(
                ellipse at 90% 70%,
                rgba(238,240,245,.62) 0%,
                rgba(238,240,245,.28) 22%,
                rgba(238,240,245,0) 45%
            ),

            radial-gradient(
                ellipse at 38% 96%,
                rgba(238,240,245,.65) 0%,
                rgba(238,240,245,.30) 23%,
                rgba(238,240,245,0) 47%
            ) !important;
    }

}




/*
 * ==========================================================
 * EVERZEN ZEN LEARNING SCHEDULE TYPOGRAPHY 20261011
 * ==========================================================
 *
 * Chỉ chỉnh:
 * 1. Toàn bộ bảng lịch trình dùng Raleway.
 * 2. Nội dung hoạt động căn trái, không in đậm.
 *
 * Không thay đổi layout, màu, kích thước, border, tab.
 * ==========================================================
 */


/* Toàn bộ chữ trong bảng lịch trình */
.ez-zen-learning-schedule .table-sche,
.ez-zen-learning-schedule .table-sche * {
    font-family:
        "NotoSan", sans-serif !important;
}


/* Nội dung hoạt động */
.ez-zen-learning-schedule
.table-sche
.tab-content
.content-table {

    text-align:
        left !important;

    font-weight:
        400 !important;
}


/* Nếu class legacy f-ex-bold đang ép đậm */
.ez-zen-learning-schedule
.table-sche
.tab-content
.content-table.f-ex-bold {

    font-weight:
        400 !important;
}




/*
 * ==========================================================
 * EVERZEN ZEN LEARNING SCHEDULE CONTENT REFINEMENT 20261011
 * ==========================================================
 *
 * 1. Nội dung cách đường kẻ dọc.
 * 2. Mỗi dòng hoạt động có icon riêng.
 * 3. Font nội dung tăng từ 17px -> 18px.
 *
 * Không thay đổi tab, time column, border hoặc layout tổng.
 * ==========================================================
 */


/*
 * Cột nội dung hoạt động.
 */
.ez-zen-learning-schedule
.table-sche
.tab-content
.content-table {

    padding-left:
        18px !important;

    padding-right:
        10px;

    text-align:
        left !important;

    font-family:
        "NotoSan", sans-serif !important;

    font-size:
        18px !important;

    font-weight:
        400 !important;
}


/*
 * Từng dòng hoạt động.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-line {

    position:
        relative;

    display:
        block;

    padding-left:
        16px;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        18px;

    font-weight:
        400;

    line-height:
        1.45;

    text-align:
        left;
}


/*
 * Icon nhỏ phía trước từng dòng.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-line::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        .62em;

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        #394C8A;
}


/*
 * Nếu một ô có nhiều dòng,
 * tạo khoảng cách nhẹ để đọc rõ từng hoạt động.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-line
+
.ez-zen-learning-schedule-line {

    margin-top:
        4px;
}




/*
 * ==========================================================
 * EVERZEN ZEN LEARNING SCHEDULE ROW SPACING 20261011
 * ==========================================================
 *
 * Tăng khoảng cách trên/dưới của mỗi row lịch trình.
 * Không đổi font, màu, border, tab, width.
 * ==========================================================
 */


/*
 * Cột thời gian.
 */
.ez-zen-learning-schedule
.table-sche
.tab-content
.item
.title-table {

    padding-top:
        9px;

    padding-bottom:
        9px;
}


/*
 * Cột nội dung hoạt động.
 */
.ez-zen-learning-schedule
.table-sche
.tab-content
.item
.content-table {

    padding-top:
        9px !important;

    padding-bottom:
        9px !important;
}




/*
 * ==========================================================
 * EVERZEN ZEN LEARNING SCHEDULE HEADER VISUAL V2 20261011
 * ==========================================================
 */


/*
 * Header.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-head {

    max-width:
        920px;

    margin:
        0 auto 46px;

    text-align:
        center;
}


/*
 * Main title + duration.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-heading {

    display:
        flex;

    align-items:
        baseline;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        14px 28px;
}


/*
 * Tiêu đề chuẩn.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-title {

    margin:
        0;

    padding:
        0;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        30px;

    font-weight:
        600;

    line-height:
        1.25;

    color:
        #394C8A;

    text-transform:
        none;
}


/*
 * Tiêu đề nhấn chuẩn:
 * Dancing Script + cam Everzen.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-duration {

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size:
        46px;

    font-weight:
        400;

    line-height:
        1;

    color:
        #222831;
}


/*
 * Mô tả chuẩn.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-description {

    max-width:
        760px;

    margin:
        20px auto 0;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        17px;

    font-weight:
        400;

    line-height:
        1.7;

    color:
        #222831;

    text-align:
        center;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-description
p:last-child {

    margin-bottom:
        0;
}


/*
 * Ảnh lịch trình mới.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-image {

    width:
        100%;

    overflow:
        hidden;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-image__img {

    display:
        block;

    width:
        100%;

    height:
        auto;

    object-fit:
        cover;
}


/*
 * Tablet.
 */
@media (min-width: 768px) and (max-width: 991px) {

    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-title {

        font-size:
            26px;
    }


    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-duration {

        font-size:
            40px;
    }

}


/*
 * Mobile.
 */
@media (max-width: 767px) {

    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-head {

        margin-bottom:
            30px;
    }


    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-heading {

        gap:
            10px 18px;
    }


    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-title {

        font-size:
            21px;
    }


    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-duration {

        font-size:
            34px;
    }


    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-description {

        margin-top:
            14px;

        font-size:
            15px;
    }

}




/*
 * ==========================================================
 * EVERZEN ZEN LEARNING SCHEDULE POLISH CSS 20261011
 * ==========================================================
 */


/*
 * Giữ đúng chuẩn Tiêu đề nhấn.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-duration {

    font-size:
        46px !important;
}


/*
 * Mô tả + icon nhẹ.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-description {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-description__icon {

    flex:
        0 0 auto;

    width:
        18px;

    height:
        18px;

    color:
        #222831;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-description__icon
svg {

    display:
        block;

    width:
        100%;

    height:
        100%;

    stroke:
        currentColor;

    stroke-width:
        1.5;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-description__text
p {

    margin:
        0;
}


/*
 * Ảnh cố định tỷ lệ 4:5.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-image {

    aspect-ratio:
        4 / 5;

    border-radius:
        16px;

    overflow:
        hidden;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-image__img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;
}


/*
 * Link tải lịch trình.
 */
.ez-zen-learning-schedule
.ez-zen-learning-schedule-download {

    margin-top:
        14px;

    text-align:
        center;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-download__link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        15px;

    font-weight:
        600;

    line-height:
        1.3;

    color:
        #394C8A;

    text-decoration:
        none;

    transition:
        color .2s ease;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-download__link:hover {

    color:
        #394C8A;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-download__icon {

    width:
        18px;

    height:
        18px;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-download__icon
svg {

    display:
        block;

    width:
        100%;

    height:
        100%;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/*
 * Tablet.
 */
@media (min-width: 768px) and (max-width: 991px) {

    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-duration {

        font-size:
            40px !important;
    }

}


/*
 * Mobile.
 */
@media (max-width: 767px) {

    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-duration {

        font-size:
            34px !important;
    }


    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-description {

        align-items:
            flex-start;
    }


    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-description__icon {

        margin-top:
            2px;
    }

}




/*
 * ==========================================================
 * EVERZEN ZEN LEARNING SCHEDULE DOWNLOAD POSITION 20261011
 * ==========================================================
 *
 * Link nằm ngay dưới bảng lịch trình, trong normal flow.
 * Bảng cao bao nhiêu thì link tự xuống theo bấy nhiêu.
 * ==========================================================
 */

.ez-zen-learning-schedule
.ez-zen-learning-schedule-download {

    margin-top:
        18px;

    text-align:
        right;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-download__link {

    font-size:
        17px;

    font-weight:
        600;
}


.ez-zen-learning-schedule
.ez-zen-learning-schedule-download__icon {

    width:
        22px;

    height:
        22px;
}


/*
 * Mobile:
 * vẫn nằm dưới bảng nhưng không ép sát mép phải quá mạnh.
 */
@media (max-width: 767px) {

    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-download {

        margin-top:
            16px;
    }

}



/*
 * ==========================================================
 * EVERZEN ZEN LEARNING SCHEDULE RESPONSIVE SPACING 20261011
 * ==========================================================
 *
 * Tablet + Mobile only:
 * 1. Tăng khoảng cách đầu section.
 * 2. Thu nhỏ ảnh 4:5.
 * 3. Tạo khoảng cách hợp lý giữa ảnh và bảng.
 *
 * Desktop giữ nguyên.
 * ==========================================================
 */


/* =========================================================
 * TABLET: 768 - 991
 * ========================================================= */
@media (min-width: 768px) and (max-width: 991px) {

    .ez-zen-learning-schedule {

        padding-top:
            76px !important;
    }


    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-image {

        width:
            74%;

        max-width:
            430px;

        margin-left:
            auto;

        margin-right:
            auto;
    }


    .ez-zen-learning-schedule
    .col-lg-4 {

        margin-bottom:
            42px;
    }

}


/* =========================================================
 * MOBILE: <= 767
 * ========================================================= */
@media (max-width: 767px) {

    .ez-zen-learning-schedule {

        padding-top:
            66px !important;
    }


    .ez-zen-learning-schedule
    .ez-zen-learning-schedule-image {

        width:
            84%;

        max-width:
            360px;

        margin-left:
            auto;

        margin-right:
            auto;
    }


    .ez-zen-learning-schedule
    .col-lg-4 {

        margin-bottom:
            38px;
    }

}


/*
 * NOTES / DOODLES
 */
.ez-zen-learning-team-note {
    position: absolute;
    z-index: 7;
    max-width: 185px;
    padding: 17px 18px;
    font-family: "NotoSan", sans-serif;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;
    text-align: center;
    box-shadow:
        0 8px 18px rgba(57,76,138,.12);
}

.ez-zen-learning-team-note--orange {
    left: 31%;
    top: 376px;
    background: #EEF0F5;
    color: #222831;
    transform: rotate(-4deg);
}

.ez-zen-learning-team-note--green {
    right: 1%;
    top: 540px;
    background: #EEF0F5;
    color: #222831;
    transform: rotate(3deg);
}



/* ==========================================================
 * EVERZEN ZEN LEARNING STAY V2 CSS 20261011
 * ========================================================== */

.ez-zen-learning-stay {
    position: relative;
    padding: 90px 0 100px;
    background: #fff;
    overflow: hidden;
}


/* ----------------------------------------------------------
 * HEADER
 * ---------------------------------------------------------- */

.ez-zen-learning-stay__header {
    max-width: 820px;
    margin: 0 auto 68px;
    text-align: center;
}

.ez-zen-learning-stay__eyebrow {
    margin-bottom: 9px;

    font-family: "Learning Detail Averta", sans-serif;

    font-size: 34px;
    font-weight: 400;
    line-height: 1.15;

    color: #66739A;
}

.ez-zen-learning-stay__title {
    margin: 0;

    font-family: "Learning Detail Averta", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.25;

    color: #394C8A;
}

.ez-zen-learning-stay__description {
    max-width: 720px;
    margin: 18px auto 0;

    font-family: "NotoSan", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;

    color: #66739A;
}

.ez-zen-learning-stay__description > :last-child {
    margin-bottom: 0;
}


/* ----------------------------------------------------------
 * ROOM LIST
 * ---------------------------------------------------------- */

.ez-zen-learning-stay__rooms {
    display: flex;
    flex-direction: column;
    gap: 86px;
}

.ez-zen-learning-stay__room {
    display: grid;

    grid-template-columns:
        minmax(0, 56fr)
        minmax(0, 44fr);

    gap: 58px;

    align-items: center;
}


/* phòng chẵn đảo trái / phải */
.ez-zen-learning-stay__room--reverse {
    grid-template-columns:
        minmax(0, 44fr)
        minmax(0, 56fr);
}

.ez-zen-learning-stay__room--reverse
.ez-zen-learning-stay__media {
    order: 2;
}

.ez-zen-learning-stay__room--reverse
.ez-zen-learning-stay__content {
    order: 1;
}


/* ----------------------------------------------------------
 * IMAGE
 * ---------------------------------------------------------- */

.ez-zen-learning-stay__media {
    min-width: 0;
}

.ez-zen-learning-stay__image-wrap {
    position: relative;

    width: 100%;
    aspect-ratio: 4 / 3;

    overflow: hidden;

    border-radius: 20px;

    background: #EEF0F5;
}

.ez-zen-learning-stay__image-wrap::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    border:
        1px solid rgba(57,76,138,.08);

    border-radius: inherit;
}

.ez-zen-learning-stay__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition:
        transform .55s ease;
}

.ez-zen-learning-stay__room:hover
.ez-zen-learning-stay__image {
    transform: scale(1.025);
}


/* ----------------------------------------------------------
 * CONTENT
 * ---------------------------------------------------------- */

.ez-zen-learning-stay__content {
    min-width: 0;
}

.ez-zen-learning-stay__room-title {
    position: relative;

    margin: 0 0 18px;
    padding-bottom: 14px;

    font-family: "Learning Detail Averta", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;

    color: #394C8A;
}

.ez-zen-learning-stay__room-title::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 54px;
    height: 3px;

    border-radius: 999px;

    background: #394C8A;
}


/* ----------------------------------------------------------
 * DESCRIPTION — ngay dưới tên phòng
 * ---------------------------------------------------------- */

.ez-zen-learning-stay__room-description {
    margin-bottom: 28px;

    font-family: "NotoSan", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.72;

    color: #222831;
}

.ez-zen-learning-stay__room-description
> :first-child {
    margin-top: 0;
}

.ez-zen-learning-stay__room-description
> :last-child {
    margin-bottom: 0;
}


/* ----------------------------------------------------------
 * META
 * ---------------------------------------------------------- */

.ez-zen-learning-stay__meta {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 0;

    padding-top: 22px;

    border-top:
        1px solid rgba(57,76,138,.12);
}

.ez-zen-learning-stay__meta-item {
    min-width: 0;

    padding: 0 16px;

    border-right:
        1px solid rgba(57,76,138,.10);
}

.ez-zen-learning-stay__meta-item:first-child {
    padding-left: 0;
}

.ez-zen-learning-stay__meta-item:last-child {
    padding-right: 0;
    border-right: 0;
}

.ez-zen-learning-stay__meta-label {
    display: block;

    margin-bottom: 7px;

    font-family: "NotoSan", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;

    letter-spacing: .04em;
    text-transform: uppercase;

    color: #66739A;
}

.ez-zen-learning-stay__meta-value {
    display: block;

    font-family: "NotoSan", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;

    color: #222831;

    overflow-wrap: anywhere;
}


/* ==========================================================
 * TABLET
 * ========================================================== */

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

    .ez-zen-learning-stay {
        padding:
            76px 0 82px;
    }

    .ez-zen-learning-stay__header {
        margin-bottom:
            52px;
    }

    .ez-zen-learning-stay__eyebrow {
        font-size:
            30px;
    }

    .ez-zen-learning-stay__title {
        font-size:
            26px;
    }

    .ez-zen-learning-stay__description {
        font-size:
            15px;
    }

    .ez-zen-learning-stay__rooms {
        gap:
            64px;
    }

    .ez-zen-learning-stay__room,
    .ez-zen-learning-stay__room--reverse {

        grid-template-columns:
            minmax(0, 52fr)
            minmax(0, 48fr);

        gap:
            36px;
    }

    .ez-zen-learning-stay__room-title {
        font-size:
            24px;
    }

    .ez-zen-learning-stay__room-description {
        font-size:
            15px;

        line-height:
            1.65;
    }

    .ez-zen-learning-stay__meta {
        grid-template-columns:
            1fr;

        gap:
            12px;

        padding-top:
            18px;
    }

    .ez-zen-learning-stay__meta-item,
    .ez-zen-learning-stay__meta-item:first-child,
    .ez-zen-learning-stay__meta-item:last-child {

        display:
            grid;

        grid-template-columns:
            88px 1fr;

        gap:
            10px;

        align-items:
            baseline;

        padding:
            0;

        border:
            0;
    }

    .ez-zen-learning-stay__meta-label {
        margin:
            0;
    }

}


/* ==========================================================
 * MOBILE
 * ========================================================== */

@media (max-width: 767px) {

    .ez-zen-learning-stay {
        padding:
            62px 0 68px;
    }

    .ez-zen-learning-stay__header {
        margin-bottom:
            38px;
    }

    .ez-zen-learning-stay__eyebrow {
        margin-bottom:
            7px;

        font-size:
            27px;
    }

    .ez-zen-learning-stay__title {
        font-size:
            21px;
    }

    .ez-zen-learning-stay__description {
        margin-top:
            13px;

        font-size:
            15px;

        line-height:
            1.65;
    }

    .ez-zen-learning-stay__rooms {
        gap:
            52px;
    }


    /*
     * Mobile luôn:
     * ảnh trên → nội dung dưới.
     * Không giữ layout đảo chiều.
     */
    .ez-zen-learning-stay__room,
    .ez-zen-learning-stay__room--reverse {

        display:
            flex;

        flex-direction:
            column;

        gap:
            24px;

        align-items:
            stretch;
    }

    .ez-zen-learning-stay__room
    .ez-zen-learning-stay__media,

    .ez-zen-learning-stay__room--reverse
    .ez-zen-learning-stay__media {

        order:
            1;

        width:
            100%;
    }

    .ez-zen-learning-stay__room
    .ez-zen-learning-stay__content,

    .ez-zen-learning-stay__room--reverse
    .ez-zen-learning-stay__content {

        order:
            2;

        width:
            100%;
    }

    .ez-zen-learning-stay__image-wrap {
        border-radius:
            16px;
    }

    .ez-zen-learning-stay__room-title {
        margin-bottom:
            15px;

        padding-bottom:
            12px;

        font-size:
            22px;
    }

    .ez-zen-learning-stay__room-title::after {
        width:
            44px;
    }

    .ez-zen-learning-stay__room-description {
        margin-bottom:
            22px;

        font-size:
            15px;

        line-height:
            1.65;
    }

    .ez-zen-learning-stay__meta {
        grid-template-columns:
            1fr;

        gap:
            14px;

        padding-top:
            18px;
    }

    .ez-zen-learning-stay__meta-item,
    .ez-zen-learning-stay__meta-item:first-child,
    .ez-zen-learning-stay__meta-item:last-child {

        display:
            grid;

        grid-template-columns:
            92px 1fr;

        gap:
            12px;

        align-items:
            baseline;

        padding:
            0;

        border:
            0;
    }

    .ez-zen-learning-stay__meta-label {
        margin:
            0;

        font-size:
            11px;
    }

    .ez-zen-learning-stay__meta-value {
        font-size:
            15px;
    }

}



/* ==========================================================
 * EVERZEN ZEN LEARNING STAY FINAL VISUAL FIX 20261011
 * ==========================================================
 *
 * - Great Vibes title
 * - no image frame
 * - one image visible at a time
 * - automatic fade handled by existing JS
 * ========================================================== */


/* ----------------------------------------------------------
 * SECTION TITLE
 * ---------------------------------------------------------- */

.ez-zen-learning-stay
.ez-zen-learning-stay__title {

    margin:
        0 !important;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size:
        58px !important;

    font-weight:
        400 !important;

    line-height:
        1.15 !important;

    color:
        #394C8A !important;

    text-transform:
        none !important;

    letter-spacing:
        0 !important;
}


/* ----------------------------------------------------------
 * IMAGE AREA
 *
 * Không card.
 * Không nền.
 * Không border.
 * Không shadow.
 * Chỉ ảnh + bo góc.
 * ---------------------------------------------------------- */

.ez-zen-learning-stay
.ez-zen-learning-stay__image-wrap {

    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    aspect-ratio:
        4 / 3 !important;

    overflow:
        hidden !important;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        0 !important;

    border-radius:
        18px !important;

    outline:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


/*
 * Xóa pseudo layer cũ đang tạo cảm giác
 * khung/card quanh ảnh.
 */
.ez-zen-learning-stay
.ez-zen-learning-stay__image-wrap::before,

.ez-zen-learning-stay
.ez-zen-learning-stay__image-wrap::after {

    content:
        none !important;

    display:
        none !important;
}


/* ----------------------------------------------------------
 * GALLERY IMAGES
 *
 * Tất cả ảnh chồng đúng một vị trí.
 * Chỉ .is-active hiện.
 * ---------------------------------------------------------- */

.ez-zen-learning-stay
.ez-zen-learning-stay__gallery
.ez-zen-learning-stay__gallery-image {

    position:
        absolute !important;

    inset:
        0 !important;

    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        18px !important;

    box-shadow:
        none !important;

    object-fit:
        cover !important;

    object-position:
        center center !important;

    opacity:
        0 !important;

    visibility:
        hidden !important;

    z-index:
        1 !important;

    transform:
        none !important;

    transition:
        opacity 1.15s ease,
        visibility 1.15s ease !important;
}


/*
 * Ảnh đang active.
 */
.ez-zen-learning-stay
.ez-zen-learning-stay__gallery
.ez-zen-learning-stay__gallery-image.is-active {

    opacity:
        1 !important;

    visibility:
        visible !important;

    z-index:
        2 !important;
}


/*
 * Không zoom khi hover.
 */
.ez-zen-learning-stay
.ez-zen-learning-stay__room:hover
.ez-zen-learning-stay__gallery-image,

.ez-zen-learning-stay
.ez-zen-learning-stay__room:hover
.ez-zen-learning-stay__gallery-image.is-active {

    transform:
        none !important;
}


/* ----------------------------------------------------------
 * TABLET
 * ---------------------------------------------------------- */

@media (max-width: 991px) {

    .ez-zen-learning-stay
    .ez-zen-learning-stay__title {

        font-size:
            48px !important;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-zen-learning-stay
    .ez-zen-learning-stay__title {

        font-size:
            40px !important;

        line-height:
            1.15 !important;
    }


    .ez-zen-learning-stay
    .ez-zen-learning-stay__image-wrap,

    .ez-zen-learning-stay
    .ez-zen-learning-stay__gallery
    .ez-zen-learning-stay__gallery-image {

        border-radius:
            14px !important;
    }

}



/* ==========================================================
 * EVERZEN ZEN LEARNING MENU V2 CSS 20261011
 * ========================================================== */


.ez-zen-learning-menu {
    position: relative;

    padding:
        92px 0 104px;

    overflow:
        hidden;

    background:
        #ffffff;
}


/* ----------------------------------------------------------
 * HEADER
 * ---------------------------------------------------------- */

.ez-zen-learning-menu__header {
    margin-bottom:
        56px;

    text-align:
        center;
}


.ez-zen-learning-menu__title {
    margin:
        0;

    font-family:
        "Learning Detail Averta", sans-serif;

    font-size:
        46px;

    font-weight:
        400;

    line-height:
        1.15;

    color:
        #394C8A;
}


/* ----------------------------------------------------------
 * LAYOUT
 * ---------------------------------------------------------- */

.ez-zen-learning-menu__layout {
    display:
        grid;

    grid-template-columns:
        minmax(0, 0.82fr)
        minmax(420px, 1.18fr);

    gap:
        72px;

    align-items:
        center;

    max-width:
        1120px;

    margin:
        0 auto;
}


/* ----------------------------------------------------------
 * LEFT CONTENT
 * ---------------------------------------------------------- */

.ez-zen-learning-menu__content {
    min-width:
        0;
}


.ez-zen-learning-menu__description {
    display:
        flex;

    flex-direction:
        column;

    gap:
        16px;
}


.ez-zen-learning-menu__description-item {
    display:
        grid;

    grid-template-columns:
        28px minmax(0, 1fr);

    gap:
        13px;

    align-items:
        start;
}


.ez-zen-learning-menu__description-icon {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        24px;

    height:
        24px;

    margin-top:
        1px;

    color:
        #66739A;
}


.ez-zen-learning-menu__description-icon svg {
    width:
        22px;

    height:
        22px;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.ez-zen-learning-menu__description-text {
    font-family:
        "NotoSan", sans-serif;

    font-size:
        16px;

    font-weight:
        400;

    line-height:
        1.72;

    color:
        #66739A;
}


.ez-zen-learning-menu__description-text p {
    margin:
        0;
}


/* ----------------------------------------------------------
 * DOWNLOAD
 * ---------------------------------------------------------- */

.ez-zen-learning-menu__downloads {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px;

    margin-top:
        34px;
}


.ez-zen-learning-menu__download {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    min-height:
        46px;

    padding:
        11px 20px;

    border:
        1px solid #394C8A;

    border-radius:
        999px;

    font-family:
        "NotoSan", sans-serif;

    font-size:
        14px;

    font-weight:
        600;

    line-height:
        1.2;

    color:
        #394C8A;

    background:
        transparent;

    text-decoration:
        none;

    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease;
}


.ez-zen-learning-menu__download:hover,
.ez-zen-learning-menu__download:focus {
    color:
        #ffffff;

    background:
        #394C8A;

    border-color:
        #394C8A;

    text-decoration:
        none;
}


.ez-zen-learning-menu__download-icon {
    display:
        flex;

    width:
        18px;

    height:
        18px;
}


.ez-zen-learning-menu__download-icon svg {
    width:
        18px;

    height:
        18px;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* ----------------------------------------------------------
 * RIGHT GALLERY
 * ---------------------------------------------------------- */

.ez-zen-learning-menu__media {
    min-width:
        0;
}


.ez-zen-learning-menu__gallery {
    position:
        relative;

    width:
        100%;

    max-width:
        520px;

    aspect-ratio:
        1250 / 1754;

    margin-left:
        auto;

    overflow:
        hidden;

    border-radius:
        20px;

    background:
        #EEF0F5;
}


.ez-zen-learning-menu__image {
    position:
        absolute;

    inset:
        0;

    opacity:
        0;

    visibility:
        hidden;

    transition:
        opacity .45s ease,
        visibility .45s ease;
}


.ez-zen-learning-menu__image.is-active {
    opacity:
        1;

    visibility:
        visible;
}


.ez-zen-learning-menu__image img {
    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        contain;

    object-position:
        center;

    border-radius:
        inherit;
}


/* ----------------------------------------------------------
 * ARROWS
 * ---------------------------------------------------------- */

.ez-zen-learning-menu__arrow {
    position:
        absolute;

    top:
        50%;

    z-index:
        5;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        46px;

    height:
        46px;

    padding:
        0;

    border:
        0;

    border-radius:
        50%;

    color:
        #222831;

    background:
        rgba(255, 255, 255, .9);

    box-shadow:
        0 4px 18px
        rgba(0, 0, 0, .11);

    cursor:
        pointer;

    transform:
        translateY(-50%);

    transition:
        background-color .2s ease,
        transform .2s ease;
}


.ez-zen-learning-menu__arrow:hover {
    background:
        #ffffff;

    transform:
        translateY(-50%)
        scale(1.06);
}


.ez-zen-learning-menu__arrow svg {
    width:
        22px;

    height:
        22px;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.ez-zen-learning-menu__arrow--prev {
    left:
        18px;
}


.ez-zen-learning-menu__arrow--next {
    right:
        18px;
}


/* ----------------------------------------------------------
 * TABLET
 * ---------------------------------------------------------- */

@media (max-width: 991px) {

    .ez-zen-learning-menu {
        padding:
            76px 0 84px;
    }


    .ez-zen-learning-menu__header {
        margin-bottom:
            44px;
    }


    .ez-zen-learning-menu__title {
        font-size:
            40px;
    }


    .ez-zen-learning-menu__layout {
        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(330px, 1.1fr);

        gap:
            42px;
    }


    .ez-zen-learning-menu__gallery {
        max-width:
            460px;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-zen-learning-menu {
        padding:
            62px 0 70px;
    }


    .ez-zen-learning-menu__header {
        margin-bottom:
            34px;
    }


    .ez-zen-learning-menu__title {
        font-size:
            34px;

        line-height:
            1.15;
    }


    .ez-zen-learning-menu__layout {
        display:
            flex;

        flex-direction:
            column;

        gap:
            34px;
    }


    .ez-zen-learning-menu__content {
        width:
            100%;
    }


    .ez-zen-learning-menu__description {
        gap:
            13px;
    }


    .ez-zen-learning-menu__description-item {
        grid-template-columns:
            24px minmax(0, 1fr);

        gap:
            10px;
    }


    .ez-zen-learning-menu__description-icon {
        width:
            21px;

        height:
            21px;
    }


    .ez-zen-learning-menu__description-icon svg {
        width:
            20px;

        height:
            20px;
    }


    .ez-zen-learning-menu__description-text {
        font-size:
            15px;

        line-height:
            1.65;
    }


    .ez-zen-learning-menu__downloads {
        margin-top:
            26px;
    }


    .ez-zen-learning-menu__download {
        min-height:
            44px;

        padding:
            10px 18px;

        font-size:
            13px;
    }


    .ez-zen-learning-menu__media {
        width:
            100%;
    }


    .ez-zen-learning-menu__gallery {
        width:
            100%;

        max-width:
            100%;

        margin:
            0;

        border-radius:
            16px;
    }


    .ez-zen-learning-menu__arrow {
        width:
            40px;

        height:
            40px;
    }


    .ez-zen-learning-menu__arrow--prev {
        left:
            12px;
    }


    .ez-zen-learning-menu__arrow--next {
        right:
            12px;
    }

}



/* ==========================================================
 * EVERZEN ZEN LEARNING MENU REFINED VISUAL 20261011
 * ========================================================== */

.ez-zen-learning-menu {
    position: relative;
    isolation: isolate;
    background: #EEF0F5;
    overflow: hidden;
}

.ez-zen-learning-menu > .container {
    position: relative;
    z-index: 3;
}


/* TITLE */

.ez-zen-learning-menu__title {
    font-family: "Learning Detail Averta", sans-serif !important;
    font-size: 58px;
    font-weight: 400;
    line-height: 1.08;
    color: #394C8A;
    text-transform: none;
    letter-spacing: 0;
}


/* DECOR */

.ez-zen-learning-menu__decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.ez-zen-learning-menu__decor-item {
    position: absolute;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .17;
}

.ez-zen-learning-menu__decor-item--carrot {
    top: 54px;
    left: -18px;
    width: 165px;
    color: #66739A;
    transform: rotate(-10deg);
}

.ez-zen-learning-menu__decor-item--citrus {
    top: 22px;
    right: 5%;
    width: 118px;
    color: #66739A;
    opacity: .13;
    transform: rotate(12deg);
}

.ez-zen-learning-menu__decor-item--fork {
    top: 27%;
    right: -6px;
    width: 62px;
    color: #66739A;
    opacity: .14;
    transform: rotate(8deg);
}

.ez-zen-learning-menu__decor-item--spoon {
    top: 47%;
    left: 2%;
    width: 52px;
    color: #66739A;
    opacity: .12;
    transform: rotate(-14deg);
}

.ez-zen-learning-menu__decor-item--tomato {
    right: -30px;
    bottom: 36px;
    width: 150px;
    color: #66739A;
    opacity: .16;
    transform: rotate(8deg);
}

.ez-zen-learning-menu__decor-item--herbs {
    left: 7%;
    bottom: -10px;
    width: 230px;
    color: #66739A;
    opacity: .16;
    transform: rotate(-4deg);
}

.ez-zen-learning-menu__decor-item--grain {
    right: 13%;
    bottom: -42px;
    width: 98px;
    color: #66739A;
    opacity: .16;
    transform: rotate(10deg);
}

.ez-zen-learning-menu__decor-item--leaf {
    top: 19%;
    left: 24%;
    width: 150px;
    color: #66739A;
    opacity: .09;
    transform: rotate(14deg);
}


/* DESCRIPTION */

.ez-zen-learning-menu__description {
    gap: 19px;
}

.ez-zen-learning-menu__description-item {
    grid-template-columns:
        26px minmax(0, 1fr);

    gap: 13px;
}

.ez-zen-learning-menu__description-icon {
    color: #66739A;
}

.ez-zen-learning-menu__description-text {
    font-family: "NotoSan", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    color: #66739A;
}


/* DOWNLOAD */

.ez-zen-learning-menu__download {
    cursor: pointer;
}


/* IMAGE */

.ez-zen-learning-menu__gallery {
    background: #EEF0F5;
    box-shadow: none;
}

.ez-zen-learning-menu__image {
    transition: opacity .65s ease;
}


/* TABLET */

@media (max-width: 991px) {

    .ez-zen-learning-menu__title {
        font-size: 50px;
    }

    .ez-zen-learning-menu__decor-item--leaf {
        display: none;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .ez-zen-learning-menu__title {
        font-size: 40px;
    }

    .ez-zen-learning-menu__description-text {
        font-size: 15px;
    }

    .ez-zen-learning-menu__decor-item {
        opacity: .1;
    }

    .ez-zen-learning-menu__decor-item--carrot {
        left: -36px;
        width: 105px;
    }

    .ez-zen-learning-menu__decor-item--citrus {
        right: -18px;
        width: 82px;
    }

    .ez-zen-learning-menu__decor-item--tomato {
        right: -42px;
        width: 108px;
    }

    .ez-zen-learning-menu__decor-item--herbs {
        left: -25px;
        width: 140px;
    }

    .ez-zen-learning-menu__decor-item--grain,
    .ez-zen-learning-menu__decor-item--leaf {
        display: none;
    }

}



/* ==========================================================
 * EVERZEN ZEN LEARNING MENU FINAL SPACING 20261011
 * ========================================================== */


/* ----------------------------------------------------------
 * TẠO KHOẢNG THỞ LỚN HƠN SAU TIÊU ĐỀ
 * ---------------------------------------------------------- */

.ez-zen-learning-menu__header {
    margin-bottom: 86px !important;
}


/* ----------------------------------------------------------
 * DECORATIVE LINE
 * ---------------------------------------------------------- */

.ez-zen-learning-menu__title-line {
    width: 190px;
    height: 28px;
    margin: 13px auto 0;
}


.ez-zen-learning-menu__title-line svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}


.ez-zen-learning-menu__title-line path {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.ez-zen-learning-menu__title-line-main {
    stroke: #394C8A;
    stroke-width: 2;
}


.ez-zen-learning-menu__title-line-accent {
    stroke: #394C8A;
    stroke-width: 1.5;
    opacity: .65;
}


/* ----------------------------------------------------------
 * CẢ 2 KHỐI TRÁI + PHẢI GIỮ CÙNG MỘT CAO ĐỘ
 * ---------------------------------------------------------- */

.ez-zen-learning-menu__layout {
    align-items: start !important;
}


/* ----------------------------------------------------------
 * NÚT TẢI THỰC ĐƠN
 * CĂN VỀ PHẢI CỦA CỘT MÔ TẢ
 * ---------------------------------------------------------- */

.ez-zen-learning-menu__downloads {
    display: flex !important;
    width: 100%;
    justify-content: flex-end !important;
    align-items: center;
    margin-top: 34px;
}


/* ----------------------------------------------------------
 * TABLET
 * ---------------------------------------------------------- */

@media (max-width: 991px) {

    .ez-zen-learning-menu__header {
        margin-bottom: 68px !important;
    }

    .ez-zen-learning-menu__title-line {
        width: 165px;
        height: 24px;
        margin-top: 11px;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-zen-learning-menu__header {
        margin-bottom: 48px !important;
    }

    .ez-zen-learning-menu__title-line {
        width: 145px;
        height: 21px;
        margin-top: 9px;
    }

    .ez-zen-learning-menu__downloads {
        justify-content: flex-end !important;
        margin-top: 26px;
    }

}



/* ==========================================================
 * EVERZEN ZEN LEARNING MENU TABLET VERTICAL ALIGN 20261011
 * ========================================================== */

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

    .ez-zen-learning-menu__layout {
        align-items: center !important;
    }

    .ez-zen-learning-menu__content {
        align-self: center;
    }

}

/* EVERZEN ZEN LEARNING CTA INDEPENDENT 20261011 */

/*
 * ==========================================================
 * ZEN LEARNING DETAIL — CTA INDEPENDENT
 *
 * Snapshot CSS độc lập.
 * Không phụ thuộc Zen Learning homepage.
 *
 * Scope:
 * .ez-zen-learning-cta-v2
 * ==========================================================
 */

.ez-zen-learning-cta-v2 {
    --cta-bg: #EEF0F5;
}

.ez-zen-learning-cta-v2 {
    position: relative;

    padding: 64px 0 68px !important;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 92% 12%,
            rgba(57,76,138, .11),
            transparent 24%
        ),
        radial-gradient(
            circle at 5% 88%,
            rgba(57,76,138, .15),
            transparent 25%
        ),
        #EEF0F5 !important;

    color: #222831;
}

.ez-zen-learning-cta-v2
> .image-after {
    display: none !important;
}

.ez-zen-learning-cta-v2::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 42px;
    right: 5%;

    width: 150px;
    height: 150px;

    border-radius: 50%;

    border:
        1px solid
        rgba(57,76,138, .13);

    box-shadow:
        30px 22px 0 -28px rgba(57,76,138, .38),
        -23px 64px 0 -26px rgba(57,76,138, .42),
        62px 76px 0 -27px rgba(57,76,138, .28);

    pointer-events: none;
}

.ez-zen-learning-cta-v2::after {
    content: "✦";

    position: absolute;
    z-index: 0;

    right: 12%;
    bottom: 46px;

    font-size: 28px;
    line-height: 1;

    color: #222831;

    transform: rotate(14deg);

    pointer-events: none;
}

.ez-zen-learning-cta-v2
> .container {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, .95fr)
        minmax(300px, .70fr);

    grid-template-rows:
        auto
        1fr;

    column-gap: 42px;
    row-gap: 28px;

    max-width: 1240px;
}

.ez-zen-learning-cta-v2
> .container
> .row {
    display: contents !important;
}

.ez-zen-learning-cta-v2
> .container
> .row
> [class*="col-"] {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.ez-zen-learning-cta-v2
.title-all.type2-cta-title {
    grid-column: 2 / 4;
    grid-row: 1;

    position: relative;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size: 30px !important;
    font-weight: 600 !important;
    font-style: normal !important;

    line-height: 1.25 !important;

    letter-spacing: 0 !important;

    color: #394C8A !important;

    text-align: left !important;
    text-transform: none !important;
}

.ez-zen-learning-cta-v2
.title-all.type2-cta-title::after {
    content: none !important;

    display: none !important;
}

.ez-zen-learning-cta-v2
.title-all.type2-cta-title::before {
    content: "";

    display: inline-block;

    width: 34px;
    height: 3px;

    margin-right: 12px;
    margin-bottom: .23em;

    border-radius: 999px;

    background: #394C8A;
}

.ez-zen-learning-cta-v2
> .container
> .row
> :nth-child(1) {
    grid-column: 1;
    grid-row: 1 / 3;

    align-self: stretch;
}

.ez-zen-learning-cta-v2
.type2-cta-image {
    position: relative;

    width: 100% !important;
    max-width: none !important;

    height: 100%;
    min-height: 520px;

    overflow: visible;

    border-radius: 0;

    background: transparent;
}

.ez-zen-learning-cta-v2
.type2-cta-image::after {
    content: "";

    position: absolute;

    inset:
        6% -4%
        4% -4%;

    z-index: -1;

    border-radius: 50%;

    background:
        rgba(57,76,138,
            .06
        );

    filter: blur(34px);

    pointer-events: none;
}

.ez-zen-learning-cta-v2
.type2-cta-image
img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;

    opacity: .78;

    filter:
        saturate(.82)
        contrast(.96);

    -webkit-mask-image:
        radial-gradient(
            ellipse 80% 86%
            at 50% 50%,
            #000 58%,
            rgba(0,0,0,.86) 70%,
            rgba(0,0,0,.34) 86%,
            transparent 100%
        );

    mask-image:
        radial-gradient(
            ellipse 80% 86%
            at 50% 50%,
            #000 58%,
            rgba(0,0,0,.86) 70%,
            rgba(0,0,0,.34) 86%,
            transparent 100%
        );

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ez-zen-learning-cta-v2
> .container
> .row
> :nth-child(2) {
    grid-column: 2;
    grid-row: 2;
}

.ez-zen-learning-cta-v2
.endow-content {
    width: 100%;

    padding: 0 !important;
}

.ez-zen-learning-cta-v2
.endow-content
.head {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 18px;

    margin: 0 0 30px !important;

    text-align: left !important;
}

.ez-zen-learning-cta-v2
.endow-content
.head
.discount {
    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 86px !important;
    height: 86px !important;

    flex: 0 0 86px !important;

    border-radius: 50%;

    background: #394C8A !important;

    background-image: none !important;

    box-shadow:
        0 12px 28px
        rgba(57,76,138, .12);
}

.ez-zen-learning-cta-v2
.endow-content
.head
.discount
.value {
    position: static !important;

    margin: 0 !important;

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 25px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    color: #FFFFFF !important;

    transform: none !important;
}

.ez-zen-learning-cta-v2
.endow-content
.head
.discount
.value::after {
    content: "%" !important;

    position: static !important;

    margin-left: 1px;

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 12px !important;

    color: rgba(255,255,255,.88) !important;
}

.ez-zen-learning-cta-v2
.form-price {
    display: flex;

    flex-direction: column;

    align-items: flex-start;
}

.ez-zen-learning-cta-v2
.endow-content
.head
.price-sale {
    margin: 0 0 5px !important;

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    line-height: 1.35 !important;

    color: #66739A !important;

    text-decoration-thickness: 1px !important;
}

.ez-zen-learning-cta-v2
.endow-content
.head
.price {
    margin: 0 !important;

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 35px !important;
    font-weight: 700 !important;

    line-height: 1.08 !important;

    color: #394C8A !important;
}

.ez-zen-learning-cta-v2
.content
.type2-cta-title-decor {
    margin: 0 0 20px !important;

    padding: 0 !important;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size: 42px !important;
    font-weight: 400 !important;
    font-style: normal !important;

    line-height: 1.05 !important;

    letter-spacing: 0 !important;

    color: #66739A !important;

    text-align: left !important;
    text-transform: none !important;
}

.ez-zen-learning-cta-v2
.type2-cta-description {
    margin: -6px 0 24px;

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 16px !important;
    font-weight: 500 !important;

    line-height: 1.65 !important;

    color: #222831 !important;
}

.ez-zen-learning-cta-v2
.type2-cta-description
p:last-child {
    margin-bottom: 0;
}

.ez-zen-learning-cta-v2
.endow-content
.list-endow {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.ez-zen-learning-cta-v2
.endow-content
.list-endow
li {
    position: relative;

    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 0 0 30px !important;

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 16px !important;
    font-weight: 500 !important;

    line-height: 1.55 !important;

    color: #222831 !important;
}

.ez-zen-learning-cta-v2
.endow-content
.list-endow
li:not(:last-child) {
    margin-bottom: 16px !important;
}

.ez-zen-learning-cta-v2
.endow-content
.list-endow
li::before {
    content: "✓" !important;

    position: absolute !important;

    top: 2px !important;
    left: 0 !important;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 20px !important;
    height: 20px !important;

    border-radius: 50%;

    background: rgba(57,76,138, .10) !important;

    background-image: none !important;

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 12px;
    font-weight: 700;

    line-height: 1;

    color: #222831;
}

.ez-zen-learning-cta-v2
.type2-cta-item__title {
    display: block;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 1.45;

    color: #394C8A;
}

.ez-zen-learning-cta-v2
.type2-cta-item__description {
    margin-top: 4px;

    font-size: 14px;
    line-height: 1.55;

    color: #66739A;
}

.ez-zen-learning-cta-v2
.type2-cta-item__description
p {
    margin: 0;
}

.ez-zen-learning-cta-v2
> .container
> .row
> :nth-child(3) {
    grid-column: 3;
    grid-row: 2;

    align-self: start;
}

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form {
    width: 100%;
    max-width: none !important;

    margin: 0 !important;

    padding:
        24px 22px
        20px !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .72
        ) !important;

    border-radius: 22px !important;

    background:
        rgba(
            255,
            255,
            255,
            .52
        ) !important;

    -webkit-backdrop-filter:
        blur(16px);

    backdrop-filter:
        blur(16px);

    box-shadow:
        0 18px 45px
        rgba(57,76,138,
            .045
        );
}

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
.title {
    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-weight: 700 !important;

    letter-spacing: .01em;

    color: #394C8A !important;
}

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form
.form-group__admin {
    min-height: 44px !important;

    padding:
        9px 30px
        9px 0 !important;

    border-top:
        1px solid
        rgba(57,76,138, .10) !important;
}

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form
.form-group__admin
.form-control,

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form
.form-group__admin
.select {
    font-family:
        "NotoSan", sans-serif !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    color: #222831 !important;

    text-transform: none !important;
}

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form
input[type="submit"],

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form
.wpcf7-submit {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 100%;

    min-height: 46px;

    margin-top: 12px;

    padding: 10px 18px;

    border: 0 !important;

    border-radius: 999px !important;

    background: #394C8A !important;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    color: #FFFFFF !important;

    text-transform: none !important;

    box-shadow: none !important;

    cursor: pointer;
}

.ez-zen-learning-cta-v2
.type2-cta-admin-button-wrap {
    margin-top: 30px;
}

.ez-zen-learning-cta-v2
.type2-cta-admin-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding:
        11px 26px;

    border:
        1px solid
        #394C8A;

    border-radius:
        999px;

    background:
        #394C8A;

    font-family:
        "NotoSan", sans-serif !important;

    font-size:
        14px;

    font-weight:
        700;

    line-height:
        1.3;

    color:
        #FFFFFF !important;

    text-decoration:
        none !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

@media (hover: hover) {
.ez-zen-learning-cta-v2
    a.type2-cta-admin-button:hover {
        transform:
            translateY(-2px);

        background:
            #394C8A;

        border-color:
            #394C8A;

        box-shadow:
            0 10px 24px
            rgba(57,76,138,
                .18
            );
    }
}

@media (
    min-width: 576px
) and (
    max-width: 1199px
) {
.ez-zen-learning-cta-v2 {
        padding:
            52px 0
            56px !important;
    }

.ez-zen-learning-cta-v2
    > .container {
        grid-template-columns:
            minmax(0, .92fr)
            minmax(0, 1.08fr);

        grid-template-rows:
            auto
            auto
            auto;

        column-gap: 30px;
        row-gap: 28px;
    }

.ez-zen-learning-cta-v2
    .title-all.type2-cta-title {
        grid-column: 1 / -1;
        grid-row: 1;

        font-size: 26px !important;
    }

.ez-zen-learning-cta-v2
    > .container
    > .row
    > :nth-child(1) {
        grid-column: 1;
        grid-row: 2;
    }

.ez-zen-learning-cta-v2
    > .container
    > .row
    > :nth-child(2) {
        grid-column: 2;
        grid-row: 2;
    }

.ez-zen-learning-cta-v2
    > .container
    > .row
    > :nth-child(3) {
        grid-column: 1 / -1;
        grid-row: 3;
    }

.ez-zen-learning-cta-v2
    .type2-cta-image {
        min-height: 430px;
    }

.ez-zen-learning-cta-v2
    .type2-cta-title-decor {
        font-size: 40px !important;
    }

.ez-zen-learning-cta-v2
    .ez-zen-learning-cta-form.type2-cta-form {
        max-width: 620px !important;

        margin:
            10px auto
            0 !important;
    }
}

@media (max-width: 575px) {
.ez-zen-learning-cta-v2 {
        padding:
            42px 0
            46px !important;
    }

.ez-zen-learning-cta-v2
    > .container {
        display: block;
    }

.ez-zen-learning-cta-v2
    .title-all.type2-cta-title {
        display: block;

        width: 100% !important;

        margin:
            0 0
            26px !important;

        font-size: 21px !important;
        line-height: 1.3 !important;
    }

.ez-zen-learning-cta-v2
    .title-all.type2-cta-title::before {
        width: 25px;

        margin-right: 8px;
    }

.ez-zen-learning-cta-v2
    > .container
    > .row {
        display: flex !important;

        flex-direction: column;

        gap: 28px;

        margin: 0 !important;
    }

.ez-zen-learning-cta-v2
    > .container
    > .row
    > [class*="col-"] {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

.ez-zen-learning-cta-v2
    .type2-cta-image {
        min-height: 0;

        height: auto;

        aspect-ratio: 4 / 3;

        border-radius: 0;
    }

.ez-zen-learning-cta-v2
    .endow-content
    .head {
        gap: 15px;

        margin-bottom:
            25px !important;
    }

.ez-zen-learning-cta-v2
    .endow-content
    .head
    .discount {
        width: 72px !important;
        height: 72px !important;

        flex-basis: 72px !important;
    }

.ez-zen-learning-cta-v2
    .endow-content
    .head
    .discount
    .value {
        font-size: 22px !important;
    }

.ez-zen-learning-cta-v2
    .endow-content
    .head
    .price {
        font-size: 30px !important;
    }

.ez-zen-learning-cta-v2
    .type2-cta-title-decor {
        margin-bottom:
            18px !important;

        font-size: 34px !important;
    }

.ez-zen-learning-cta-v2
    .type2-cta-description {
        font-size: 15px !important;
    }

.ez-zen-learning-cta-v2
    .endow-content
    .list-endow
    li {
        font-size: 15px !important;
    }

.ez-zen-learning-cta-v2
    .ez-zen-learning-cta-form.type2-cta-form {
        padding:
            21px 17px
            18px !important;

        border-radius: 18px !important;
    }

.ez-zen-learning-cta-v2::before {
        width: 95px;
        height: 95px;

        top: 22px;
        right: -40px;
    }
}

.ez-zen-learning-cta-v2
.type2-cta-image {
    position: relative;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.ez-zen-learning-cta-v2
.type2-cta-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;

    opacity: .80;

    filter:
        saturate(.88)
        contrast(.96)
        brightness(1.02);

    border-radius: 0 !important;

    -webkit-mask-image:
        radial-gradient(
            ellipse 86% 90% at 50% 50%,
            #000 54%,
            rgba(0,0,0,.95) 66%,
            rgba(0,0,0,.72) 77%,
            rgba(0,0,0,.38) 87%,
            rgba(0,0,0,.10) 95%,
            transparent 100%
        );

    mask-image:
        radial-gradient(
            ellipse 86% 90% at 50% 50%,
            #000 54%,
            rgba(0,0,0,.95) 66%,
            rgba(0,0,0,.72) 77%,
            rgba(0,0,0,.38) 87%,
            rgba(0,0,0,.10) 95%,
            transparent 100%
        );

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ez-zen-learning-cta-v2
.type2-cta-image::after {
    content: "";

    position: absolute;
    inset: -2% -3%;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            to right,
            #EEF0F5 0%,
            rgba(238,240,245,.82) 3%,
            rgba(238,240,245,.30) 8%,
            transparent 16%,
            transparent 84%,
            rgba(238,240,245,.30) 92%,
            rgba(238,240,245,.82) 97%,
            #EEF0F5 100%
        ),
        linear-gradient(
            to bottom,
            #EEF0F5 0%,
            rgba(238,240,245,.72) 3%,
            rgba(238,240,245,.20) 9%,
            transparent 17%,
            transparent 83%,
            rgba(238,240,245,.20) 91%,
            rgba(238,240,245,.72) 97%,
            #EEF0F5 100%
        );
}

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form {
    background:
        rgba(255,255,255,.22) !important;

    border:
        1px solid
        rgba(255,255,255,.48) !important;

    box-shadow:
        0 14px 34px
        rgba(57,76,138,.025) !important;

    -webkit-backdrop-filter:
        blur(18px);

    backdrop-filter:
        blur(18px);
}

.ez-zen-learning-cta-v2
.type2-cta-admin-button-wrap {
    margin-top: 26px;
}

.ez-zen-learning-cta-v2
.type2-cta-admin-button {
    display: inline-flex !important;

    align-items: center;

    gap: 8px;

    min-height: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    color: #394C8A !important;

    text-decoration: none !important;
}

.ez-zen-learning-cta-v2
.type2-cta-admin-button::after {
    content: "→";

    display: inline-block;

    font-size: 17px;

    line-height: 1;

    transition:
        transform .2s ease;
}

@media (hover: hover) {
.ez-zen-learning-cta-v2
    a.type2-cta-admin-button:hover {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        color: #394C8A !important;

        transform: none !important;
    }

.ez-zen-learning-cta-v2
    a.type2-cta-admin-button:hover::after {
        transform:
            translateX(4px);
    }
}

.ez-zen-learning-cta-v2
.endow-content
.list-endow
li
.type2-cta-item__title {
    display: inline !important;

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-size: 16px !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 1.45 !important;

    letter-spacing: 0 !important;

    color: #394C8A !important;
}

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
.title {
    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-weight: 700 !important;

    color: #394C8A !important;
}

@media (min-width: 576px) and (max-width: 1199px) {
.ez-zen-learning-cta-v2
    .type2-cta-image img {
        -webkit-mask-image:
            radial-gradient(
                ellipse 88% 90% at 50% 50%,
                #000 55%,
                rgba(0,0,0,.92) 68%,
                rgba(0,0,0,.58) 82%,
                rgba(0,0,0,.16) 94%,
                transparent 100%
            );

        mask-image:
            radial-gradient(
                ellipse 88% 90% at 50% 50%,
                #000 55%,
                rgba(0,0,0,.92) 68%,
                rgba(0,0,0,.58) 82%,
                rgba(0,0,0,.16) 94%,
                transparent 100%
            );
    }
}

@media (max-width: 575px) {
.ez-zen-learning-cta-v2
    .ez-zen-learning-cta-form.type2-cta-form {
        background:
            rgba(255,255,255,.25) !important;
    }

.ez-zen-learning-cta-v2
    .type2-cta-admin-button {
        font-size: 14px !important;
    }
}

.ez-zen-learning-cta-v2 {
    --cta-bg: #EEF0F5;
}

.ez-zen-learning-cta-v2 .type2-cta-image {
    position: relative;
    isolation: isolate;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.ez-zen-learning-cta-v2 .type2-cta-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 0 !important;
    opacity: .96;
    filter: saturate(.94) brightness(1.02) contrast(.98);
}

.ez-zen-learning-cta-v2 .type2-cta-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(to right,
            var(--cta-bg) 0%,
            rgba(37,52,95,.92) 3%,
            rgba(37,52,95,.58) 8%,
            rgba(37,52,95,.20) 14%,
            rgba(37,52,95,0) 20%,
            rgba(37,52,95,0) 80%,
            rgba(37,52,95,.20) 86%,
            rgba(37,52,95,.58) 92%,
            rgba(37,52,95,.92) 97%,
            var(--cta-bg) 100%
        ),
        linear-gradient(to bottom,
            var(--cta-bg) 0%,
            rgba(37,52,95,.92) 3%,
            rgba(37,52,95,.58) 8%,
            rgba(37,52,95,.20) 14%,
            rgba(37,52,95,0) 20%,
            rgba(37,52,95,0) 80%,
            rgba(37,52,95,.20) 86%,
            rgba(37,52,95,.58) 92%,
            rgba(37,52,95,.92) 97%,
            var(--cta-bg) 100%
        );
}

.ez-zen-learning-cta-v2 .type2-cta-image::before {
    content: "";
    position: absolute;
    inset: -2%;
    z-index: 1;
    pointer-events: none;
    background:
        radial-gradient(circle at 0% 0%, var(--cta-bg) 0%, rgba(37,52,95,0) 24%),
        radial-gradient(circle at 100% 0%, var(--cta-bg) 0%, rgba(37,52,95,0) 24%),
        radial-gradient(circle at 0% 100%, var(--cta-bg) 0%, rgba(37,52,95,0) 24%),
        radial-gradient(circle at 100% 100%, var(--cta-bg) 0%, rgba(37,52,95,0) 24%);
}

.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form {
    background: rgba(255,255,255,.18) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form select,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form select option {
    text-transform: uppercase;
}

.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form .wpcf7-form-control-wrap select {
    text-transform: uppercase;
}

.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form .current,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form .selected,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form .select2-selection__rendered {
    text-transform: uppercase;
}

.ez-zen-learning-cta-v2 {
    --cta-bg: #EEF0F5;
}

.ez-zen-learning-cta-v2 .type2-cta-image {
    position: relative;
    isolation: isolate;
    overflow: hidden !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.ez-zen-learning-cta-v2 .type2-cta-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 0 !important;
    opacity: .97;
    filter: saturate(.96) brightness(1.02);
}

.ez-zen-learning-cta-v2 .type2-cta-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
        linear-gradient(
            to right,
            var(--cta-bg) 0%,
            rgba(37,52,95,.98) 4%,
            rgba(37,52,95,.88) 8%,
            rgba(37,52,95,.68) 13%,
            rgba(37,52,95,.38) 18%,
            rgba(37,52,95,.12) 24%,
            rgba(37,52,95,0) 31%,
            rgba(37,52,95,0) 69%,
            rgba(37,52,95,.12) 76%,
            rgba(37,52,95,.38) 82%,
            rgba(37,52,95,.68) 87%,
            rgba(37,52,95,.88) 92%,
            rgba(37,52,95,.98) 96%,
            var(--cta-bg) 100%
        ),
        linear-gradient(
            to bottom,
            var(--cta-bg) 0%,
            rgba(37,52,95,.98) 4%,
            rgba(37,52,95,.88) 8%,
            rgba(37,52,95,.68) 13%,
            rgba(37,52,95,.38) 18%,
            rgba(37,52,95,.12) 24%,
            rgba(37,52,95,0) 31%,
            rgba(37,52,95,0) 69%,
            rgba(37,52,95,.12) 76%,
            rgba(37,52,95,.38) 82%,
            rgba(37,52,95,.68) 87%,
            rgba(37,52,95,.88) 92%,
            rgba(37,52,95,.98) 96%,
            var(--cta-bg) 100%
        );
}

.ez-zen-learning-cta-v2 .type2-cta-image::before {
    content: "";
    position: absolute;
    inset: -2%;
    z-index: 2;
    pointer-events: none;
    background:
        radial-gradient(circle at 0% 0%, var(--cta-bg) 0%, rgba(37,52,95,.88) 10%, rgba(37,52,95,.45) 20%, rgba(37,52,95,0) 34%),
        radial-gradient(circle at 100% 0%, var(--cta-bg) 0%, rgba(37,52,95,.88) 10%, rgba(37,52,95,.45) 20%, rgba(37,52,95,0) 34%),
        radial-gradient(circle at 0% 100%, var(--cta-bg) 0%, rgba(37,52,95,.88) 10%, rgba(37,52,95,.45) 20%, rgba(37,52,95,0) 34%),
        radial-gradient(circle at 100% 100%, var(--cta-bg) 0%, rgba(37,52,95,.88) 10%, rgba(37,52,95,.45) 20%, rgba(37,52,95,0) 34%);
}

.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form {
    background: rgba(255,255,255,.14) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form select,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form option,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form .current,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form .selected,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form .select2-selection__rendered {
    text-transform: none !important;
}

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
.form-group__admin
select,

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
.form-group__admin
.select {

    width: 100% !important;

    padding: 0 !important;

    border: 0 !important;

    outline: 0 !important;

    background-color: transparent !important;

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    letter-spacing: .04em !important;

    color: #222831 !important;

    text-transform: none !important;

    -webkit-appearance: none;
    appearance: none;
}

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
.form-group__admin
select option {

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    letter-spacing: .02em !important;

    color: #222831 !important;

    text-transform: none !important;
}

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
.form-group__admin
select.select {

    font-family: "NotoSan", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;

    color: #222831 !important;

    text-transform: none !important;
}

.ez-zen-learning-cta-v2
.type2-cta-form
select.select.wcf7 {

    width: 100% !important;

    padding: 0 !important;

    border: 0 !important;

    outline: 0 !important;

    background: transparent !important;

    font-family: "NotoSan", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .04em !important;

    color: #222831 !important;

    text-transform: none !important;

    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.ez-zen-learning-cta-v2
.type2-cta-form
select.select.wcf7
option {

    font-family: "NotoSan", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;

    color: #222831 !important;

    text-transform: none !important;
}

@media (min-width: 576px) and (max-width: 1199px) {
.ez-zen-learning-cta-v2
    .type2-cta-form
    select.select.wcf7 {

        font-family: "NotoSan", sans-serif !important;

        font-size: 14px !important;

        font-weight: 500 !important;

        letter-spacing: .04em !important;

        color: #222831 !important;

        text-transform: none !important;
    }
}

@media (max-width: 575px) {
.ez-zen-learning-cta-v2
    .type2-cta-form
    select.select.wcf7 {

        font-family: "NotoSan", sans-serif !important;

        font-size: 14px !important;

        font-weight: 500 !important;

        letter-spacing: .04em !important;

        color: #222831 !important;

        text-transform: none !important;
    }
}

@media (max-width: 575px) {
.ez-zen-learning-cta-v2
    .type2-cta-title-decor {

        font-size: 30px !important;

        line-height: 1.08 !important;
    }
}

@media screen and (max-width: 575px) {
html body
    section.ez-zen-learning-cta-v2
    .endow-content
    .content
    p.title.type2-cta-title-decor {

        font-size: 30px !important;
        line-height: 1.12 !important;
    }
}

/* /EVERZEN ZEN LEARNING CTA INDEPENDENT 20261011 */

/* EVERZEN ZEN LEARNING CTA FORM CASE 20261011 */

/*
 * Nội dung form dùng sentence case.
 * Tiêu đề form không nằm trong nhóm selector này.
 */
.ez-zen-learning-cta-v2 .type2-cta-form input,
.ez-zen-learning-cta-v2 .type2-cta-form textarea,
.ez-zen-learning-cta-v2 .type2-cta-form select,
.ez-zen-learning-cta-v2 .type2-cta-form option,
.ez-zen-learning-cta-v2 .type2-cta-form label,
.ez-zen-learning-cta-v2 .type2-cta-form .nice-select,
.ez-zen-learning-cta-v2 .type2-cta-form .nice-select .current,
.ez-zen-learning-cta-v2 .type2-cta-form .nice-select .option,
.ez-zen-learning-cta-v2 .type2-cta-form .wpcf7-submit,
.ez-zen-learning-cta-v2 .type2-cta-form button[type="submit"],

.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form input,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form textarea,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form select,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form option,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form label,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form .nice-select,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form .nice-select .current,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form .nice-select .option,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form .wpcf7-submit,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form button[type="submit"] {
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/*
 * Placeholder cũng không uppercase.
 */
.ez-zen-learning-cta-v2 .type2-cta-form input::placeholder,
.ez-zen-learning-cta-v2 .type2-cta-form textarea::placeholder,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form input::placeholder,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form textarea::placeholder {
    text-transform: none !important;
    opacity: 1;
}


/*
 * Giữ riêng tiêu đề form theo thiết kế hiện tại:
 * THÔNG TIN ĐĂNG KÝ
 */
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form .title-form,
.ez-zen-learning-cta-v2 .ez-zen-learning-cta-form .form-title,
.ez-zen-learning-cta-v2 .type2-cta-form .title-form,
.ez-zen-learning-cta-v2 .type2-cta-form .form-title {
    text-transform: uppercase !important;
}

/* /EVERZEN ZEN LEARNING CTA FORM CASE 20261011 */

/* EVERZEN ZEN LEARNING CTA FORM STANDARD 500 START */

/*
 * Chuẩn hóa toàn bộ field:
 * - Raleway
 * - 14px
 * - weight 500
 * - cùng màu
 * - cùng letter-spacing
 * - sentence case
 *
 * "Chọn khóa học" phải giống field text khác.
 */

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
.form-group__admin
.form-control,

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
.form-group__admin
.select,

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
.form-group__admin
select.select,

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
.form-group__admin
select.select.wcf7,

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
input,

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
textarea,

.ez-zen-learning-cta-v2
.type2-cta-form
input,

.ez-zen-learning-cta-v2
.type2-cta-form
textarea,

.ez-zen-learning-cta-v2
.type2-cta-form
select.select.wcf7 {

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;

    color: #222831 !important;

    text-transform: none !important;
}


/*
 * Placeholder giống hệt select.
 */
.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
input::placeholder,

.ez-zen-learning-cta-v2
.ez-zen-learning-cta-form.type2-cta-form
textarea::placeholder,

.ez-zen-learning-cta-v2
.type2-cta-form
input::placeholder,

.ez-zen-learning-cta-v2
.type2-cta-form
textarea::placeholder {

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;

    color: #66739A !important;

    text-transform: none !important;

    opacity: 1 !important;
}


/*
 * Option khi mở dropdown.
 */
.ez-zen-learning-cta-v2
.type2-cta-form
select.select.wcf7
option {

    font-family:
        "NotoSan", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;

    color: #222831 !important;

    text-transform: none !important;
}

/* EVERZEN ZEN LEARNING CTA FORM STANDARD 500 END */

/* EVERZEN ZEN LEARNING RELATED V2 STYLE 20261011 START */

/* ==========================================================
   SECTION 13 — RELATED PROGRAMS
   GIỮ LAYOUT, CHỈ TINH CHỈNH MÀU + TYPO + DECOR
   ========================================================== */

.ez-zen-learning-related-v2 {
    position: relative;
    isolation: isolate;
}


/* ==========================================================
   TITLE
   ========================================================== */

.ez-zen-learning-related-v2 .title-all {
    position: relative;
    display: table;
    margin: 0 auto 48px auto !important;
    padding: 0 72px !important;
    font-family: "Learning Detail Averta", sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    color: #394C8A !important;
    text-transform: none !important;
}

.ez-zen-learning-related-v2 .title-all::before,
.ez-zen-learning-related-v2 .title-all::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 42px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(57,76,138, 0.20) 0%,
        rgba(57,76,138, 0.90) 50%,
        rgba(57,76,138, 0.20) 100%
    );
    transform: translateY(-50%);
}

.ez-zen-learning-related-v2 .title-all::before {
    left: 12px;
}

.ez-zen-learning-related-v2 .title-all::after {
    right: 12px;
}

.ez-zen-learning-related-v2 .title-all span,
.ez-zen-learning-related-v2 .title-all strong {
    color: inherit !important;
}


/* ==========================================================
   DECOR TO ORANGE
   ========================================================== */

/* Các icon / họa tiết trong section */
.ez-zen-learning-related-v2 .image-before img,
.ez-zen-learning-related-v2 .image-after img,
.ez-zen-learning-related-v2 [class*="decor"] img,
.ez-zen-learning-related-v2 [class*="icon"] img,
.ez-zen-learning-related-v2 img[src*="before-program"],
.ez-zen-learning-related-v2 img[src*="ball"],
.ez-zen-learning-related-v2 img[src*="location"],
.ez-zen-learning-related-v2 img[src*="pin"] {
    filter:
        sepia(1)
        saturate(6)
        hue-rotate(345deg)
        brightness(1.02);
    opacity: .60;
}

/* Quả bóng cho cam đậm hơn */
.ez-zen-learning-related-v2 img[src*="ball"],
.ez-zen-learning-related-v2 [class*="ball"] img,
.ez-zen-learning-related-v2 [class*="football"] img,
.ez-zen-learning-related-v2 [class*="soccer"] img {
    filter:
        sepia(1)
        saturate(8)
        hue-rotate(344deg)
        brightness(1.00) !important;
    opacity: .92 !important;
}

/* bỏ line bên trái cái lều ở khối kế dưới nếu đang dính chung viewport */
.ez-zen-learning-related-v2 + * .line-left,
.ez-zen-learning-related-v2 + * .decor-line-left,
.ez-zen-learning-related-v2 + * .before-line-left,
.ez-zen-learning-related-v2 + * .connect-line-left,
.ez-zen-learning-related-v2 + * .tent-line-left {
    display: none !important;
}


/* ==========================================================
   MOBILE / TABLET
   ========================================================== */

@media (max-width: 1199px) {
    .ez-zen-learning-related-v2 .title-all {
        font-size: 28px !important;
        padding: 0 60px !important;
    }

    .ez-zen-learning-related-v2 .title-all::before,
    .ez-zen-learning-related-v2 .title-all::after {
        width: 34px;
    }
}

@media (max-width: 767px) {
    .ez-zen-learning-related-v2 .title-all {
        font-size: 23px !important;
        padding: 0 40px !important;
        margin-bottom: 36px !important;
    }

    .ez-zen-learning-related-v2 .title-all::before,
    .ez-zen-learning-related-v2 .title-all::after {
        width: 24px;
        height: 2px;
    }
}

/* EVERZEN ZEN LEARNING RELATED V2 STYLE 20261011 END */

/* EVERZEN ZEN LEARNING CONNECT V2 STYLE 20261011 START */

/*
 * ZEN LEARNING — SECTION KẾT NỐI
 *
 * Không sửa widget dùng chung.
 * Chỉ áp dụng khi widget nằm trong:
 * .ez-zen-learning-connect-v2
 *
 * Thay đổi:
 * 1. Nền kem ấm #F8F1E7
 * 2. before-conect: bỏ line bên trái, giữ lều
 * 3. Toàn bộ decor chuyển sang cam Everzen
 */


/* ==========================================================
   SECTION BACKGROUND
   ========================================================== */

.ez-zen-learning-connect-v2
.section-connect {

    background:
        #EEF0F5 !important;
}


/* ==========================================================
   BEFORE DECOR
   Asset before-conect.png gồm:
   - line bên trái
   - icon lều bên phải

   Cắt bỏ phần line, giữ lều.
   ========================================================== */

.ez-zen-learning-connect-v2
.section-connect
.image-before {

    clip-path:
        inset(
            0
            0
            0
            63%
        );

    -webkit-clip-path:
        inset(
            0
            0
            0
            63%
        );
}


/* ==========================================================
   DECOR COLOR
   Đổi before-conect + after-conect sang cam #E88400.
   Giữ nguyên kích thước và vị trí legacy.
   ========================================================== */

.ez-zen-learning-connect-v2
.section-connect
.image-before img,

.ez-zen-learning-connect-v2
.section-connect
.image-after img {

    filter:
        brightness(0)
        saturate(100%)
        invert(52%)
        sepia(97%)
        saturate(1900%)
        hue-rotate(8deg)
        brightness(101%)
        contrast(101%) !important;

    opacity:
        .55;
}


/*
 * Lều là điểm nhấn chính:
 * vẫn cam nhưng rõ hơn các đường line trang trí.
 */

.ez-zen-learning-connect-v2
.section-connect
.image-before img {

    opacity:
        .72;
}


/*
 * Connect widget legacy có thể dùng strong
 * bên trong title.
 *
 * Zen Learning override toàn bộ title về
 * cùng hệ typography.
 */

.ez-zen-learning-connect-v2
.section-connect
.title-all
strong {

    font-family:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        inherit !important;

    color:
        #394C8A !important;
}

/* EVERZEN ZEN LEARNING MAIN TITLE STANDARD 20261011 END */

/* EVERZEN ZEN LEARNING TITLE FORCE FIX 20261011 START */

/*
 * Chỉ sửa 2 MAIN TITLE chưa ăn chuẩn:
 *
 * 1. TRẠI HÈ CÓ
 * 2. Tìm hiểu thêm Zen Learning
 *
 * Không tác động title-decor.
 */


/* ==========================================================
   TYPOGRAPHY CHUNG
   ========================================================== */

body.single-zen_learning
.ez-zen-learning-activities
.ez-zen-learning-activities-title,

body.single-zen_learning
.ez-zen-learning-related-v2
.title-all {

    font-family:
        "Learning Detail Averta", sans-serif !important;

    font-weight:
        700 !important;

    color:
        #394C8A !important;
}


/*
 * Nếu bên trong title có span / strong do markup hoặc
 * legacy CSS thì vẫn đồng bộ theo MAIN TITLE.
 *
 * Không target bất kỳ class title-decor nào.
 */

body.single-zen_learning
.ez-zen-learning-activities
.ez-zen-learning-activities-title span,

body.single-zen_learning
.ez-zen-learning-activities
.ez-zen-learning-activities-title strong,

body.single-zen_learning
.ez-zen-learning-related-v2
.title-all span,

body.single-zen_learning
.ez-zen-learning-related-v2
.title-all strong {

    font-family:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        inherit !important;

    color:
        inherit !important;
}


/* ==========================================================
   >= 1200px
   ========================================================== */

@media (min-width: 1200px) {

    body.single-zen_learning
    .ez-zen-learning-activities
    .ez-zen-learning-activities-title,

    body.single-zen_learning
    .ez-zen-learning-related-v2
    .title-all {

        font-size:
            32px !important;
    }

}


/* ==========================================================
   768px — 1199px
   ========================================================== */

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

    body.single-zen_learning
    .ez-zen-learning-activities
    .ez-zen-learning-activities-title,

    body.single-zen_learning
    .ez-zen-learning-related-v2
    .title-all {

        font-size:
            28px !important;
    }

}


/* ==========================================================
   < 768px
   ========================================================== */

@media (max-width: 767px) {

    body.single-zen_learning
    .ez-zen-learning-activities
    .ez-zen-learning-activities-title,

    body.single-zen_learning
    .ez-zen-learning-related-v2
    .title-all {

        font-size:
            22px !important;
    }

}


/* ==========================================================
   >= 1200px
   ========================================================== */

@media (min-width: 1200px) {

    body.single-zen_learning
    .ez-zen-learning-schedule-head
    .ez-zen-learning-section-label {

        font-size:
            32px !important;
    }

}


/* ==========================================================
   768px — 1199px
   ========================================================== */

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

    body.single-zen_learning
    .ez-zen-learning-schedule-head
    .ez-zen-learning-section-label {

        font-size:
            28px !important;
    }

}


/* ==========================================================
   < 768px
   ========================================================== */

@media (max-width: 767px) {

    body.single-zen_learning
    .ez-zen-learning-schedule-head
    .ez-zen-learning-section-label {

        font-size:
            22px !important;
    }

}

/* EVERZEN ZEN LEARNING SCHEDULE TITLE FORCE 20261011 END */

/* EVERZEN ZEN LEARNING SCHEDULE TITLE FINAL FIX 20261011 START */

body.single-zen_learning h2.ez-zen-learning-schedule-title {
    font-family: "Learning Detail Averta", sans-serif !important;
    font-weight: 700 !important;
    color: #394C8A !important;
}

@media (min-width: 1200px) {
    body.single-zen_learning h2.ez-zen-learning-schedule-title {
        font-size: 32px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.single-zen_learning h2.ez-zen-learning-schedule-title {
        font-size: 28px !important;
    }
}

@media (max-width: 767px) {
    body.single-zen_learning h2.ez-zen-learning-schedule-title {
        font-size: 22px !important;
    }
}

/* EVERZEN ZEN LEARNING SCHEDULE TITLE FINAL FIX 20261011 END */

/* EVERZEN ZEN LEARNING RELATED SPACING 20261011 START */

/*
 * TÌM HIỂU THÊM ZEN LEARNING
 *
 * Chỉ tăng khoảng thở ngoài của section.
 * Không thay đổi title / decor / card.
 */

@media (min-width: 1200px) {

    .ez-zen-learning-related-v2 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

}


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

    .ez-zen-learning-related-v2 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

}


@media (max-width: 767px) {

    .ez-zen-learning-related-v2 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

}

/* EVERZEN ZEN LEARNING RELATED SPACING 20261011 END */

/* EVERZEN ZEN LEARNING SCHEDULE DAY TABS FINAL START 20261011 */

/*
 * ==========================================================
 * SCHEDULE — DAY TABS
 * Giữ visual độc lập trong Zen Learning detail.
 * ==========================================================
 */

.ez-zen-learning-schedule #sche-tab {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    gap: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    background: transparent !important;
    border: 0 !important;
}


.ez-zen-learning-schedule #sche-tab .nav-item {
    flex: 0 0 auto !important;

    margin: 0 30px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


.ez-zen-learning-schedule #sche-tab .nav-item:last-child {
    margin-right: 0 !important;
}


.ez-zen-learning-schedule #sche-tab .nav-link {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    box-shadow: none !important;
    outline: 0 !important;

    font-family: "Learning Detail Averta", sans-serif !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    color: #222831 !important;

    text-transform: uppercase !important;
    white-space: nowrap !important;

    transition:
        color .2s ease !important;
}


.ez-zen-learning-schedule #sche-tab .nav-link:hover,
.ez-zen-learning-schedule #sche-tab .nav-link:focus,
.ez-zen-learning-schedule #sche-tab .nav-link:focus-visible {
    color: #394C8A !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


.ez-zen-learning-schedule #sche-tab .nav-link.active,
.ez-zen-learning-schedule #sche-tab .show > .nav-link {
    color: #394C8A !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/*
 * Loại hoàn toàn Bootstrap button visual.
 */
.ez-zen-learning-schedule #sche-tab button.nav-link {
    appearance: none !important;
    -webkit-appearance: none !important;

    cursor: pointer !important;
}


/*
 * ==========================================================
 * TABLET
 * ==========================================================
 */

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

    .ez-zen-learning-schedule #sche-tab {
        overflow-x: auto !important;
        overflow-y: hidden !important;

        scrollbar-width: none !important;
    }

    .ez-zen-learning-schedule #sche-tab::-webkit-scrollbar {
        display: none !important;
    }

    .ez-zen-learning-schedule #sche-tab .nav-item {
        margin-right: 24px !important;
    }

    .ez-zen-learning-schedule #sche-tab .nav-link {
        font-size: 21px !important;
    }

}


/*
 * ==========================================================
 * MOBILE
 * ==========================================================
 */

@media (max-width: 767px) {

    .ez-zen-learning-schedule #sche-tab {
        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch !important;

        scrollbar-width: none !important;
    }

    .ez-zen-learning-schedule #sche-tab::-webkit-scrollbar {
        display: none !important;
    }

    .ez-zen-learning-schedule #sche-tab .nav-item {
        margin-right: 20px !important;
    }

    .ez-zen-learning-schedule #sche-tab .nav-link {
        font-size: 18px !important;
    }

}

/* EVERZEN ZEN LEARNING SCHEDULE DAY TABS FINAL END 20261011 */

/* EVERZEN ZEN LEARNING SCHEDULE DAY TAB LEFT GAP START 20261011 */

.ez-zen-learning-schedule #sche-tab {
    padding-left: 18px !important;
}

@media (max-width: 767px) {
    .ez-zen-learning-schedule #sche-tab {
        padding-left: 14px !important;
    }
}

/* EVERZEN ZEN LEARNING SCHEDULE DAY TAB LEFT GAP END 20261011 */

/* EVERZEN ZEN LEARNING SCHEDULE DAY TABS WRAP START 20261011 */

/*
 * Khi không đủ chiều ngang:
 * xuống nguyên tab ngày, không cắt chữ.
 */

.ez-zen-learning-schedule #sche-tab {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    row-gap: 10px !important;
}

.ez-zen-learning-schedule #sche-tab .nav-item {
    flex: 0 0 auto !important;
}

.ez-zen-learning-schedule #sche-tab .nav-link {
    white-space: nowrap !important;
}


/*
 * Tablet:
 * cho wrap tự nhiên thay vì horizontal scroll.
 */
@media (min-width: 768px) and (max-width: 1199px) {

    .ez-zen-learning-schedule #sche-tab {
        flex-wrap: wrap !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        row-gap: 10px !important;
    }

}


/*
 * Mobile:
 * cũng giữ nguyên từng NGÀY thành một khối.
 */
@media (max-width: 767px) {

    .ez-zen-learning-schedule #sche-tab {
        flex-wrap: wrap !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        row-gap: 8px !important;
    }

}

/* EVERZEN ZEN LEARNING SCHEDULE DAY TABS WRAP END 20261011 */

/* Learning layer 2 typography and foreground color foundation only. */
@font-face { font-family: "Learning Detail Averta"; src: url("../fonts/Averta-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Learning Detail Averta"; src: url("../fonts/Averta-Bold.otf") format("opentype"); font-weight: 700; font-display: swap; }
body.single-zen_learning { --learning-detail-indigo: #394C8A; --learning-detail-charcoal: #394C8A; --learning-detail-slate: #394C8A; }
body.single-zen_learning :is(.zen-learning-v2-hero,[class*="ez-zen-learning-"]) :is(h1,h2,h3,h4,h5,h6,.f-title,.nav-link,.btn,.ez-zen-learning-team-profile__name) { font-family: "Learning Detail Averta",sans-serif !important; }
body.single-zen_learning :is(.zen-learning-v2-hero,[class*="ez-zen-learning-"]) :is(h1,h2,h3,h4,h5,h6) { font-weight: 700 !important; }
body.single-zen_learning :is(.f-decor,.text-decor,[class*="title-decor"]) { font-family: "Learning Detail Averta",sans-serif !important; font-weight: 400 !important; color: #66739A !important; }
body.single-zen_learning .zen-learning-v2-hero .title > .text { font-family: "Learning Detail Averta",sans-serif !important; font-weight: 700; color: #FFFFFF; }
body.single-zen_learning .zen-learning-v2-hero .title > .text-decor { color: #FFFFFF !important; }
body.single-zen_learning .ez-zen-learning-stay .ez-zen-learning-stay__title,
body.single-zen_learning .ez-zen-learning-menu .ez-zen-learning-menu__title,
body.single-zen_learning .ez-zen-learning-values .ez-zen-learning-values__title { font-family: "Learning Detail Averta",sans-serif !important; font-weight: 700 !important; color: #394C8A !important; }
body.single-zen_learning .ez-zen-learning-curriculum__panel h3 { color: #394C8A !important; }
body.single-zen_learning .ez-zen-learning-team-profile__quote,
body.single-zen_learning .ez-zen-learning-team-profile__quote * { font-family: "NotoSan",sans-serif !important; color: #222831 !important; }

/* Learning detail section surfaces, borders and shadow colors. */
body.single-zen_learning { --learning-detail-surface: #EEF0F5; --learning-detail-navy: #25345F; --learning-detail-border: #D9DFEB; }
body.single-zen_learning .ez-zen-learning-overview { background: #EEF0F5 !important; }
body.single-zen_learning :is(.ez-zen-learning-intro,.ez-zen-learning-curriculum,.ez-zen-learning-team-wall,.ez-zen-learning-menu,.ez-zen-learning-related-v2) { background: #FFFFFF !important; }
body.single-zen_learning :is(.ez-zen-learning-activities,.ez-zen-learning-schedule,.ez-zen-learning-stay,.ez-zen-learning-values) { background: #EEF0F5 !important; }
body.single-zen_learning .ez-zen-learning-gallery-v2 .ez-zen-learning-moments { background: #FFFFFF !important; }
body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect { background: #EEF0F5 !important; }
body.single-zen_learning :is(.ez-zen-learning-intro-copy,.ez-zen-learning-activity-card,.ez-zen-learning-values__card,.ez-zen-learning-curriculum__panel) { background: #FFFFFF !important; border-color: #D9DFEB !important; }
body.single-zen_learning .ez-zen-learning-curriculum__panel:nth-child(n) { --curr-accent: #394C8A; --curr-soft: #EEF0F5; }
body.single-zen_learning .ez-zen-learning-curriculum::before { background: radial-gradient(ellipse at 15% 20%,rgba(57,76,138,.05),transparent 65%) !important; }
body.single-zen_learning .ez-zen-learning-curriculum__tab:nth-child(n) { background: #EEF0F5 !important; border-color: #D9DFEB !important; }
body.single-zen_learning .ez-zen-learning-curriculum__tab.is-active { background: #394C8A !important; color: #FFFFFF !important; }
body.single-zen_learning .ez-zen-learning-team-profile .ez-zen-learning-team-profile__paper { background-color: #FFFFFF !important; border-color: #D9DFEB !important; }
body.single-zen_learning .ez-zen-learning-team-profile__role { background: #EEF0F5 !important; }
body.single-zen_learning .ez-zen-learning-team-profile__pin { background: #66739A; }
body.single-zen_learning .ez-zen-learning-team-profile__tape { background: rgba(102,115,154,.2); }
body.single-zen_learning .ez-zen-learning-related-v2 .ez-zen-learning-related-card { background: #EEF0F5 !important; border-color: #D9DFEB; }
body.single-zen_learning .ez-zen-learning-cta-v2 { --cta-bg: #25345F; background: #25345F !important; }
body.single-zen_learning .ez-zen-learning-cta-v2 :is(.title-all.type2-cta-title,.type2-cta-title-decor,.type2-cta-description,.type2-cta-description *,.type2-cta-item__title,.type2-cta-item__description,.type2-cta-item__description *,.endow-content .head .price,.endow-content .list-endow li) { color: #FFFFFF !important; }
body.single-zen_learning .ez-zen-learning-cta-v2 :is(.endow-content .head .price-sale,.type2-cta-admin-button) { color: #D5DBEB !important; }
body.single-zen_learning .ez-zen-learning-cta-v2 .endow-content .head .discount { background: #394C8A !important; }
body.single-zen_learning .ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form { background: #FFFFFF !important; border-color: #D9DFEB !important; }
body.single-zen_learning .ez-zen-learning-cta-v2 .ez-zen-learning-cta-form :is(input[type="submit"],.wpcf7-submit) { background: #394C8A !important; color: #FFFFFF !important; }
body.single-zen_learning .ez-zen-learning-cta-v2 .ez-zen-learning-cta-form :is(label,legend) { color: #222831 !important; }
body.single-zen_learning .ez-zen-learning-cta-v2 .ez-zen-learning-cta-form :is(input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),textarea,select) { background-color: #FFFFFF !important; color: #222831 !important; border-color: #D9DFEB !important; }
body.single-zen_learning .zen-learning-v2-hero::before { background: linear-gradient(90deg,rgba(37,52,95,.85),rgba(37,52,95,.58) 55%,rgba(37,52,95,.14)); }

/* Learning layer 2 typography and component scale. */
body.single-zen_learning {
    --ld-heading: 32px; --ld-card-title: 20px; --ld-body: 16px;
    --ld-label: 14px; --ld-note: 13px; --ld-hero-title: 48px; --ld-hero-accent: 32px;
}
html body.single-zen_learning :is(.ez-zen-learning-intro-title,.ez-zen-learning-activities-title,.ez-zen-learning-curriculum__title,.ez-zen-learning-schedule-title,.ez-zen-learning-schedule__title,.ez-zen-learning-team-wall__title,.ez-zen-learning-stay__title,.ez-zen-learning-menu__title,.ez-zen-learning-values__title,.ez-zen-learning-moments-title-main) {
    font-size: var(--ld-heading) !important; line-height: 1.3 !important;
}
html body.single-zen_learning :is(.ez-zen-learning-related-v2,.ez-zen-learning-connect-v2) .title-all,
html body.single-zen_learning .ez-zen-learning-cta-v2 .title-all.type2-cta-title { font-size: var(--ld-heading) !important; line-height: 1.3 !important; }
html body.single-zen_learning :is(.ez-zen-learning-main-title,.ez-zen-learning-title-main) { font-size: var(--ld-heading) !important; line-height: 1.3; }
html body.single-zen_learning .zen-learning-v2-hero .title > .text { font-size: var(--ld-hero-title) !important; line-height: 1.2 !important; }
html body.single-zen_learning .zen-learning-v2-hero .title > .text-decor { font-size: var(--ld-hero-accent) !important; line-height: 1.35 !important; }
html body.single-zen_learning :is(.ez-zen-learning-title-decor,.ez-zen-learning-intro-title-decor,.ez-zen-learning-activities-title-decor,.ez-zen-learning-moments-title-decor) { font-size: var(--ld-card-title) !important; line-height: 1.4 !important; }
html body.single-zen_learning section.ez-zen-learning-cta-v2 .endow-content .content p.title.type2-cta-title-decor { font-size: var(--ld-card-title) !important; line-height: 1.4 !important; }
html body.single-zen_learning :is(.ez-zen-learning-activity-card__title,.ez-zen-learning-curriculum__item-title,.ez-zen-learning-curriculum__topics-title,.ez-zen-learning-team-profile__name,.ez-zen-learning-stay__room-title,.ez-zen-learning-values__item-title,.type2-cta-item__title) { font-size: var(--ld-card-title) !important; line-height: 1.35 !important; overflow-wrap: break-word; }
html body.single-zen_learning .ez-zen-learning-related-card .title { font-size: var(--ld-card-title) !important; line-height: 1.35; }
html body.single-zen_learning :is(.ez-zen-learning-intro-copy-inner,.ez-zen-learning-activities-intro,.ez-zen-learning-activity-card__description,.ez-zen-learning-curriculum__description,.ez-zen-learning-curriculum__summary,.ez-zen-learning-curriculum__detail-lines,.ez-zen-learning-curriculum__topic-text,.ez-zen-learning-team-wall__eyebrow,.ez-zen-learning-team-profile__quote,.ez-zen-learning-stay__description,.ez-zen-learning-menu__description-text,.ez-zen-learning-values__description,.ez-zen-learning-values__item-content,.ez-zen-learning-moments-description,.type2-cta-description,.type2-cta-item__description) { font-size: var(--ld-body) !important; line-height: 1.7 !important; }
html body.single-zen_learning :is(.ez-zen-learning-intro-copy-inner,.ez-zen-learning-team-profile__quote,.type2-cta-description,.type2-cta-item__description) :is(p,li) { font-size: inherit !important; line-height: inherit !important; }
html body.single-zen_learning .zen-learning-v2-hero .type2-hero-subtitle { font-size: var(--ld-body) !important; line-height: 1.65 !important; }
html body.single-zen_learning .ez-zen-learning-related-card .s-content,
html body.single-zen_learning .ez-zen-learning-related-card .s-content p { font-size: var(--ld-body) !important; line-height: 1.7 !important; }
html body.single-zen_learning :is(.ez-zen-learning-meta-label,.ez-zen-learning-stay__meta-label,.ez-zen-learning-team-profile__role) { font-size: var(--ld-label) !important; line-height: 1.5 !important; }
html body.single-zen_learning :is(.ez-zen-learning-meta-value,.ez-zen-learning-stay__meta-value,.ez-zen-learning-team-profile__subject strong,.ez-zen-learning-team-profile__achievements li) { font-size: var(--ld-body) !important; line-height: 1.6 !important; }
html body.single-zen_learning .ez-zen-learning-activity-card__description { display: block !important; -webkit-line-clamp: unset; overflow: visible; }

/* Primary and document actions. */
html body.single-zen_learning :is(.zen-learning-v2-hero .type2-hero-cta .btn,.ez-zen-learning-schedule-download__link,.ez-zen-learning-menu__download,.ez-zen-learning-cta-v2 .type2-cta-admin-button) {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 44px; box-sizing: border-box; padding: 12px 20px !important;
    border: 1px solid #394C8A !important; border-radius: 8px !important;
    background: #394C8A !important; color: #FFFFFF !important;
    font-family: "Learning Detail Averta",sans-serif !important; font-size: var(--ld-body) !important;
    font-weight: 700 !important; font-style: normal !important; line-height: 1.4 !important;
    text-transform: none !important; letter-spacing: 0 !important; text-shadow: none !important;
    text-decoration: none; cursor: pointer;
}
html body.single-zen_learning :is(.zen-learning-v2-hero .type2-hero-cta .btn,.ez-zen-learning-schedule-download__link,.ez-zen-learning-menu__download,.ez-zen-learning-cta-v2 .type2-cta-admin-button):hover { background: #25345F !important; border-color: #25345F !important; }
html body.single-zen_learning :is(.ez-zen-learning-menu__arrow,.ez-zen-learning-curriculum__tabs-next) {
    width: 44px !important; height: 44px !important; min-width: 44px; min-height: 44px;
    padding: 10px !important; box-sizing: border-box; border: 1px solid #D9DFEB !important;
    border-radius: 8px !important; background: #FFFFFF !important; color: #394C8A !important;
    font-size: 20px !important; display: inline-flex; align-items: center; justify-content: center;
}
html body.single-zen_learning .ez-zen-learning-curriculum__tabs-next[hidden] { display: none !important; }
html body.single-zen_learning :is(.ez-zen-learning-menu__arrow,.ez-zen-learning-curriculum__tabs-next):hover { background: #EEF0F5 !important; }
html body.single-zen_learning :is(.ez-zen-learning-menu__arrow,.ez-zen-learning-curriculum__tabs-next) svg { width: 20px; height: 20px; }
html body.single-zen_learning .ez-zen-learning-curriculum__tab {
    min-height: 44px; padding: 10px 16px !important; border-radius: 8px !important;
    font-family: "Learning Detail Averta",sans-serif !important; font-size: var(--ld-label) !important;
    line-height: 1.4 !important; font-weight: 700 !important; white-space: normal !important;
    overflow-wrap: break-word; text-align: center; color: #394C8A !important;
}
html body.single-zen_learning .ez-zen-learning-curriculum__tab:is(.is-active,[aria-selected="true"]) { background: #394C8A !important; color: #FFFFFF !important; }
html body.single-zen_learning .ez-zen-learning-schedule #sche-tab .nav-link { min-height: 44px !important; padding: 10px 4px !important; font-size: var(--ld-body) !important; line-height: 1.4 !important; color: #66739A !important; }
html body.single-zen_learning .ez-zen-learning-schedule #sche-tab .nav-link:is(.active,[aria-selected="true"]) { color: #394C8A !important; text-decoration: underline; text-underline-offset: 6px; }
html body.single-zen_learning :is(button,input[type="submit"]):disabled { opacity: .45; cursor: not-allowed !important; }
html body.single-zen_learning :is(.zen-learning-v2-hero,[class*="ez-zen-learning-"]) :is(a,button,input,textarea,select,[tabindex]):focus-visible { outline: 3px solid #66739A !important; outline-offset: 3px !important; }
html body.single-zen_learning :is(.zen-learning-v2-hero,.ez-zen-learning-cta-v2) > .container :is(a,button):focus-visible { outline-color: #FFFFFF !important; }

/* Learning consultation form, including server validation feedback. */
body.single-zen_learning #form-register .learning-consultation-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
body.single-zen_learning #form-register .learning-form-wide { grid-column: 1/-1; }
body.single-zen_learning #form-register .learning-consultation-fields fieldset { min-width: 0; border: 0; margin: 0; padding: 0; }
body.single-zen_learning #form-register .learning-consultation-fields :is(label,legend) { display: block; font-family: "NotoSan",sans-serif !important; font-size: var(--ld-label) !important; line-height: 1.5 !important; color: #222831 !important; }
body.single-zen_learning #form-register .learning-consultation-fields legend { margin-bottom: 12px; }
body.single-zen_learning #form-register .learning-consultation-fields .wpcf7-radio { display: flex; flex-wrap: wrap; gap: 20px; }
body.single-zen_learning #form-register .learning-consultation-fields .wpcf7-list-item { margin: 0; }
body.single-zen_learning #form-register .learning-consultation-fields .wpcf7-radio label { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; }
body.single-zen_learning #form-register .learning-consultation-fields input[type="radio"] { width: 18px !important; height: 18px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; accent-color: #394C8A; }
body.single-zen_learning #form-register .ez-zen-learning-cta-form :is(input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),select,textarea) {
    display: block; width: 100% !important; box-sizing: border-box; margin-top: 8px;
    min-height: 44px; padding: 11px 12px !important; border: 1px solid #D9DFEB !important;
    border-radius: 8px !important; background: #FFFFFF !important; color: #222831 !important;
    font-family: "NotoSan",sans-serif !important; font-size: 16px !important; line-height: 1.5 !important;
    letter-spacing: 0 !important; text-transform: none !important;
}
body.single-zen_learning #form-register .ez-zen-learning-cta-form textarea { resize: vertical; }
body.single-zen_learning #form-register .ez-zen-learning-cta-form :is(input,textarea)::placeholder { color: #66739A !important; font-family: "NotoSan",sans-serif !important; font-size: 16px !important; opacity: 1; }
body.single-zen_learning #form-register .learning-consultation-fields small { display: block; margin-top: 6px; color: #66739A; font-size: var(--ld-note) !important; line-height: 1.5; }
body.single-zen_learning #form-register .ez-zen-learning-cta-form :is(.wpcf7-submit,input[type="submit"]) { min-height: 44px; padding: 12px 20px !important; border-radius: 8px !important; border: 1px solid #394C8A !important; background: #394C8A !important; color: white !important; font-family: "Learning Detail Averta",sans-serif !important; font-size: var(--ld-body) !important; font-weight: 700; line-height: 1.4; cursor: pointer; }
body.single-zen_learning #form-register .ez-zen-learning-cta-form :is(.wpcf7-submit,input[type="submit"]):hover { background: #25345F !important; }
body.single-zen_learning #form-register .ez-zen-learning-cta-form :is(input,select,textarea).wpcf7-not-valid,
body.single-zen_learning #form-register .ez-zen-learning-cta-form :is(input,select,textarea)[aria-invalid="true"] { border-color: #B42318 !important; }
body.single-zen_learning #form-register .ez-zen-learning-cta-form .wpcf7-not-valid-tip { display: block; margin-top: 6px; color: #B42318 !important; font-size: var(--ld-note) !important; font-family: "NotoSan",sans-serif !important; line-height: 1.5; }
body.single-zen_learning #form-register .ez-zen-learning-cta-form .wpcf7-response-output { margin: 20px 0 0; padding: 12px 14px; border-radius: 8px; color: #222831 !important; font-size: var(--ld-label) !important; font-family: "NotoSan",sans-serif !important; line-height: 1.6; }
body.single-zen_learning #form-register .ez-zen-learning-cta-form form:is(.invalid,.failed,.aborted,.spam) .wpcf7-response-output { border-color: #B42318; background: #FFF4F2; }
body.single-zen_learning #form-register .ez-zen-learning-cta-form form.sent .wpcf7-response-output { border-color: #394C8A; background: #EEF0F5; }
body.single-zen_learning #form-register .ez-zen-learning-cta-form :is(a,button,input,select,textarea):focus-visible { outline-color: #394C8A !important; }
@media(max-width:991px) {
    body.single-zen_learning { --ld-heading: 28px; --ld-card-title: 18px; --ld-hero-title: 38px; --ld-hero-accent: 28px; }
}
@media(max-width:575px) {
    body.single-zen_learning { --ld-heading: 22px; --ld-card-title: 18px; --ld-body: 14px; --ld-label: 13px; --ld-note: 12px; --ld-hero-title: 28px; --ld-hero-accent: 22px; }
    body.single-zen_learning #form-register .learning-consultation-fields { grid-template-columns: minmax(0,1fr); gap: 16px; }
    body.single-zen_learning #form-register .ez-zen-learning-cta-form :is(.wpcf7-submit,input[type="submit"]) { width: 100%; }
}

/* Responsive robustness: long headings and missing content. */
html body.single-zen_learning .ez-zen-learning-overview-head { grid-template-columns: minmax(0,1fr); width: 100%; max-width: 100%; }
html body.single-zen_learning .ez-zen-learning-main-title { grid-column: 1; grid-row: 1; max-width: 100%; white-space: normal; overflow-wrap: break-word; }
html body.single-zen_learning .ez-zen-learning-title-decor-wrap { grid-column: 1; grid-row: 2; width: 100%; max-width: 100%; justify-self: start; margin: 12px 0 0; }
html body.single-zen_learning .ez-zen-learning-title-decor { width: auto; max-width: 100%; white-space: normal; overflow-wrap: break-word; text-align: left; }
html body.single-zen_learning .ez-zen-learning-intro-layout:is(.is-no-image,.is-no-copy) { grid-template-columns: minmax(0,1fr); }
html body.single-zen_learning .ez-zen-learning-activity-card.is-no-image .ez-zen-learning-activity-card__media { display: none; }
html body.single-zen_learning .ez-zen-learning-curriculum__overview:not(:has(img)) { grid-template-columns: minmax(0,1fr); }
html body.single-zen_learning .ez-zen-learning-curriculum__overview:not(:has(img)) [class*="__image"] { display: none; }
html body.single-zen_learning .ez-zen-learning-cta-v2.is-no-image > .container { grid-template-columns: repeat(2,minmax(0,1fr)); }
html body.single-zen_learning .ez-zen-learning-cta-v2.is-no-image > .container > .row > :nth-child(1) { display: none !important; }
html body.single-zen_learning .ez-zen-learning-cta-v2.is-no-image > .container > .row > :nth-child(2) { grid-column: 1; grid-row: 2; }
html body.single-zen_learning .ez-zen-learning-cta-v2.is-no-image > .container > .row > :nth-child(3) { grid-column: 2; grid-row: 2; }
html body.single-zen_learning .ez-zen-learning-cta-v2.is-no-image .type2-cta-title { grid-column: 1/-1; }
html body.single-zen_learning .ez-zen-learning-cta-v2:not(:has(.wpcf7)) > .container > .row > :nth-child(3) { display: none !important; }
html body.single-zen_learning .ez-zen-learning-cta-v2.is-no-image:not(:has(.wpcf7)) > .container { grid-template-columns: minmax(0,1fr); }

/* Hero content grows naturally, with a readable fallback when no image is selected. */
html body.single-zen_learning .zen-learning-v2-hero { height: auto !important; min-height: 520px; background-color: #25345F; }
html body.single-zen_learning .zen-learning-v2-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0 !important; object-fit: cover; }
html body.single-zen_learning .zen-learning-v2-hero .container { position: relative !important; inset: auto !important; transform: none !important; width: 100%; max-width: 1280px; height: auto; padding: 72px 32px; margin: 0 auto; }
html body.single-zen_learning .zen-learning-v2-hero .ct-text { width: 100% !important; max-width: 640px !important; min-width: 0; margin: 0 !important; transform: none !important; text-align: left; }
html body.single-zen_learning .zen-learning-v2-hero .ct-text .title { display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; max-width: 100%; height: auto; }
html body.single-zen_learning .zen-learning-v2-hero .ct-text .title > :is(.text,.text-decor) { position: static !important; inset: auto !important; transform: none !important; margin: 0 !important; width: auto !important; max-width: 100%; white-space: normal; overflow-wrap: break-word; text-align: left; }
html body.single-zen_learning .zen-learning-v2-hero .ct-text .title > .text-decor { margin-top: 12px !important; }
html body.single-zen_learning .zen-learning-v2-hero .type2-hero-body { width: 100% !important; max-width: 560px !important; margin: 24px 0 0 !important; }
html body.single-zen_learning .zen-learning-v2-hero .type2-hero-subtitle { text-align: left !important; text-align-last: auto; overflow-wrap: break-word; }
html body.single-zen_learning .zen-learning-v2-hero .type2-hero-cta { text-align: left !important; }

/* Profiles remain in document flow for 1–5 people; retain photo/paper character. */
#ez-zen-learning-team .ez-zen-learning-team-wall__board[class] { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 56px 40px; height: auto !important; min-height: 0 !important; }
#ez-zen-learning-team .ez-zen-learning-team-profile[class] { position: relative !important; inset: auto !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; display: grid !important; grid-template-columns: minmax(0,.45fr) minmax(0,.55fr) !important; align-items: start; }
#ez-zen-learning-team .ez-zen-learning-team-wall__board--1 .ez-zen-learning-team-profile { grid-column: 1/-1; width: min(700px,100%) !important; justify-self: center; }
#ez-zen-learning-team :is(.ez-zen-learning-team-wall__board--3,.ez-zen-learning-team-wall__board--5) .ez-zen-learning-team-profile:last-of-type { grid-column: 1/-1; width: calc((100% - 40px)/2) !important; justify-self: center; }
#ez-zen-learning-team .ez-zen-learning-team-profile .ez-zen-learning-team-profile__photo { width: 100% !important; margin: 0 !important; }
#ez-zen-learning-team .ez-zen-learning-team-profile .ez-zen-learning-team-profile__paper { position: relative !important; width: 100% !important; max-width: none !important; box-sizing: border-box; margin: 16px 0 0 !important; padding: 24px 18px !important; transform: none !important; }
#ez-zen-learning-team .ez-zen-learning-team-profile .ez-zen-learning-team-profile__quote { position: relative !important; inset: auto !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; margin: 18px 0 0 !important; transform: none !important; overflow-wrap: break-word; }
#ez-zen-learning-team :is(.ez-zen-learning-team-note,.ez-zen-learning-team-doodle,.ez-zen-learning-team-sign) { display: none; }
@media(max-width:991px) {
    html body.single-zen_learning .zen-learning-v2-hero { min-height: 460px; }
    html body.single-zen_learning .zen-learning-v2-hero .container { padding: 56px 28px; }
    #ez-zen-learning-team .ez-zen-learning-team-profile[class] { display: block !important; }
    #ez-zen-learning-team .ez-zen-learning-team-profile .ez-zen-learning-team-profile__photo { width: 80% !important; margin: 0 auto !important; }
    html body.single-zen_learning .ez-zen-learning-cta-v2.is-no-image > .container { grid-template-columns: minmax(0,1fr); }
    html body.single-zen_learning .ez-zen-learning-cta-v2.is-no-image > .container > .row > :nth-child(3) { grid-column: 1; grid-row: 3; }
}
@media(max-width:575px) {
    html body.single-zen_learning .zen-learning-v2-hero { min-height: 420px; }
    html body.single-zen_learning .zen-learning-v2-hero .container { padding: 44px 22px; }
    #ez-zen-learning-team .ez-zen-learning-team-wall__board[class] { grid-template-columns: minmax(0,1fr); gap: 40px; }
    #ez-zen-learning-team .ez-zen-learning-team-profile[class],
    #ez-zen-learning-team :is(.ez-zen-learning-team-wall__board--1,.ez-zen-learning-team-wall__board--3,.ez-zen-learning-team-wall__board--5) .ez-zen-learning-team-profile:last-of-type { grid-column: 1 !important; width: 100% !important; max-width: 430px !important; justify-self: center; }
}

/* Final shared foundation: authored casing, safe wrapping and consistent surfaces. */
body.single-zen_learning { --ld-radius: 12px; --ld-form-radius: 16px; --ld-shadow: 0 6px 20px rgba(37,52,95,.06); }
html body.single-zen_learning :is(.zen-learning-v2-hero,[class*="ez-zen-learning-"]) :is(h1,h2,h3,h4,h5,h6,.f-title,.title,.text-decor,.nav-link) { text-transform: none !important; overflow-wrap: break-word; }
html body.single-zen_learning .ez-zen-learning-title-main,
html body.single-zen_learning .ez-zen-learning-moments-title-main { text-transform: none !important; }
html body.single-zen_learning :is(.ez-zen-learning-main-title,.ez-zen-learning-title-main,.ez-zen-learning-title-decor-wrap,.ez-zen-learning-title-decor) { width: auto; max-width: 100%; min-width: 0; }
html body.single-zen_learning :is(.ez-zen-learning-intro-heading,.ez-zen-learning-activities-heading) { max-width: 100%; min-width: 0; }
html body.single-zen_learning :is(.ez-zen-learning-intro-title-decor,.ez-zen-learning-activities-title-decor,.ez-zen-learning-curriculum__item-title,.ez-zen-learning-moments-title-decor) { max-width: 100%; white-space: normal; overflow-wrap: break-word; }
html body.single-zen_learning :is(.ez-zen-learning-meta-copy,.ez-zen-learning-activity-card__body,.ez-zen-learning-curriculum__overview > div,.ez-zen-learning-team-profile__paper,.ez-zen-learning-stay__content) { min-width: 0; max-width: 100%; }
html body.single-zen_learning :is(.ez-zen-learning-intro-copy-inner,.ez-zen-learning-activity-card__description,.ez-zen-learning-curriculum__topic-text,.ez-zen-learning-team-profile__paper,.type2-cta-description,.type2-cta-item__description,.ez-zen-learning-related-card .s-content) :is(p,li,a) { overflow-wrap: anywhere; }
html body.single-zen_learning :is(.ez-zen-learning-meta-value,.ez-zen-learning-stay__meta-value,.ez-zen-learning-team-profile__name,.ez-zen-learning-team-profile__role,.ez-zen-learning-team-profile__subject) { overflow-wrap: anywhere; }
html body.single-zen_learning :is(.ez-zen-learning-intro-copy,.ez-zen-learning-activity-card,.ez-zen-learning-curriculum__panel,.ez-zen-learning-values__card,.ez-zen-learning-related-card) {
    border-radius: var(--ld-radius) !important; border-color: #D9DFEB !important; box-shadow: var(--ld-shadow) !important;
}
html body.single-zen_learning :is(.ez-zen-learning-intro-image,.ez-zen-learning-stay__image-wrap,.ez-zen-learning-menu__gallery) { border-radius: var(--ld-radius) !important; }
#ez-zen-learning-team .ez-zen-learning-team-profile .ez-zen-learning-team-profile__paper,
#ez-zen-learning-team .ez-zen-learning-team-profile .ez-zen-learning-team-profile__quote { border-radius: var(--ld-radius) !important; border-color: #D9DFEB !important; box-shadow: var(--ld-shadow) !important; }
html body.single-zen_learning .ez-zen-learning-cta-v2 .ez-zen-learning-cta-form.type2-cta-form { border: 1px solid #D9DFEB !important; border-radius: var(--ld-form-radius) !important; box-shadow: var(--ld-shadow) !important; }

/* Connection uses the Learning overview proportions on all screens. */
body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect :is(.image-before,.image-after),
body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect::before,
body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect::after { display: none !important; }
html body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect h2.title-all {
    font-family: "Learning Detail Averta",sans-serif !important; font-weight: 700 !important;
    font-size: 30px !important; line-height: 1.45 !important; color: #394C8A !important;
    text-shadow: none !important; -webkit-text-stroke: 0 !important; -webkit-text-fill-color: #394C8A;
    text-transform: none !important; letter-spacing: 0; margin-bottom: 64px !important;
}
html body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect h2.title-all::before,
html body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect h2.title-all::after { display: none !important; }
@media(min-width:576px) and (max-width:991px) {
    body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect { padding: 56px 0 !important; height: auto; min-height: 0; }
    html body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect h2.title-all { font-size: 20px !important; margin: 0 0 36px !important; }
    body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect .row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 56px; margin: 0; }
    body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect .row > .col { width: 220px; max-width: 220px; flex: 0 0 220px; margin: 0; padding: 0; }
    body.single-zen_learning .ez-zen-learning-connect-v2 .item-conect > a { display: block; width: 100%; }
    body.single-zen_learning .ez-zen-learning-connect-v2 .item-conect img { display: block; width: 220px !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; object-fit: contain; margin: 0 auto; }
}
@media(max-width:575px) {
    body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect { padding: 48px 0 !important; height: auto; min-height: 0; }
    html body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect h2.title-all { font-size: 18px !important; margin: 0 0 32px !important; }
    body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect .row { display: flex; flex-direction: column; align-items: center; gap: 28px; margin: 0; }
    body.single-zen_learning .ez-zen-learning-connect-v2 .section-connect .row > .col { width: 100%; max-width: 100%; flex: 0 0 auto; margin: 0; padding: 0; }
    body.single-zen_learning .ez-zen-learning-connect-v2 .item-conect > a { display: inline-block; width: min(210px,100%); }
    body.single-zen_learning .ez-zen-learning-connect-v2 .item-conect img { display: block; width: 100% !important; max-width: 210px !important; height: auto !important; min-height: 0 !important; object-fit: contain; margin: 0 auto; }
}

/* Learning programme hero: clear value proposition with a retreat backdrop. */
html body.single-zen_learning .learning-program-hero {
    position: relative; isolation: isolate; display: grid !important; grid-template-rows: minmax(0,1fr) auto;
    height: auto !important; min-height: 540px !important; padding: 0 !important; overflow: hidden; background: #25345F;
}
html body.single-zen_learning .learning-program-hero > .learning-program-hero__image { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; object-fit: cover; object-position: center; z-index: -2; }
html body.single-zen_learning .learning-program-hero::before { content: ""; display: block !important; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(37,52,95,.92) 0%,rgba(37,52,95,.78) 38%,rgba(37,52,95,.38) 66%,rgba(37,52,95,.1) 100%); pointer-events: none; }
html body.single-zen_learning .learning-program-hero::after { display: none !important; }
html body.single-zen_learning .learning-program-hero .learning-program-hero__container {
    position: relative !important; inset: auto !important; transform: none !important; display: flex;
    align-items: center; justify-content: flex-start; width: 100%; max-width: 1280px; height: auto;
    padding: 80px 32px 48px; margin: 0 auto;
}
html body.single-zen_learning .learning-program-hero__copy { width: 45%; max-width: 560px; min-width: 0; text-align: left; }
html body.single-zen_learning .learning-program-hero__heading { margin: 0 0 24px; padding: 0; text-align: left; }
html body.single-zen_learning .learning-program-hero__title { display: block; font-family: "Learning Detail Averta",sans-serif !important; font-size: var(--ld-hero-title) !important; font-weight: 700; line-height: 1.2; color: #FFFFFF; text-transform: none; overflow-wrap: break-word; }
html body.single-zen_learning .learning-program-hero__accent { display: block; margin-top: 14px; font-family: "Learning Detail Averta",sans-serif !important; font-size: var(--ld-hero-accent) !important; font-weight: 400; line-height: 1.35; color: #E2E6F0; overflow-wrap: break-word; }
html body.single-zen_learning .learning-program-hero__description,
html body.single-zen_learning .learning-program-hero__description * { font-family: "NotoSan",sans-serif !important; font-size: var(--ld-body) !important; line-height: 1.7; color: #FFFFFF; text-align: left; }
html body.single-zen_learning .learning-program-hero__description p:last-child { margin-bottom: 0; }
html body.single-zen_learning .learning-program-hero__cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 28px; padding: 12px 24px; border: 1px solid #66739A; border-radius: 8px; background: #394C8A; color: #FFFFFF !important; font-family: "Learning Detail Averta",sans-serif !important; font-size: var(--ld-body) !important; font-weight: 700; line-height: 1.4; text-decoration: none; }
html body.single-zen_learning .learning-program-hero__cta:hover { background: #25345F; }
html body.single-zen_learning .learning-program-hero__cta:focus-visible { outline: 3px solid #FFFFFF !important; outline-offset: 4px !important; }
html body.single-zen_learning .learning-program-hero .learning-program-hero__footer { position: relative !important; inset: auto !important; transform: none !important; width: 100%; max-width: 1280px; height: auto; padding: 0 32px 20px; margin: 0 auto; }
html body.single-zen_learning .learning-program-hero__signature { display: flex; align-items: center; gap: 10px; margin: 0; font-family: "NotoSan",sans-serif !important; font-size: 13px !important; line-height: 1.6; color: #E2E6F0; }
html body.single-zen_learning .learning-program-hero__signature::before { content: ""; flex: 0 0 28px; width: 28px; height: 8px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 10'%3E%3Cpath d='M1 8Q15 -4 29 8' fill='none' stroke='%23E2E6F0' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat; }
@media(max-width:991px) {
    html body.single-zen_learning .learning-program-hero { min-height: 480px !important; }
    html body.single-zen_learning .learning-program-hero .learning-program-hero__container { padding: 64px 28px 40px; }
    html body.single-zen_learning .learning-program-hero__copy { width: 65%; max-width: 560px; }
    html body.single-zen_learning .learning-program-hero .learning-program-hero__footer { padding-left: 28px; padding-right: 28px; }
}
@media(max-width:575px) {
    html body.single-zen_learning .learning-program-hero { min-height: 460px !important; }
    html body.single-zen_learning .learning-program-hero::before { background: linear-gradient(90deg,rgba(37,52,95,.86),rgba(37,52,95,.65)); }
    html body.single-zen_learning .learning-program-hero > .learning-program-hero__image { object-position: 65% center; }
    html body.single-zen_learning .learning-program-hero .learning-program-hero__container { padding: 48px 22px 36px; }
    html body.single-zen_learning .learning-program-hero__copy { width: 100%; }
    html body.single-zen_learning .learning-program-hero__heading { margin-bottom: 20px; }
    html body.single-zen_learning .learning-program-hero .learning-program-hero__footer { padding-left: 22px; padding-right: 22px; padding-bottom: 18px; }
    html body.single-zen_learning .learning-program-hero__signature { font-size: 12px !important; }
}

/* Hero accent hierarchy and desktop breathing room. */
html body.single-zen_learning .learning-program-hero__accent { font-size: 28px !important; margin-top: 10px; }
@media(min-width:992px) {
    html body.single-zen_learning .learning-program-hero .learning-program-hero__container { padding-top: 120px; padding-bottom: 8px; padding-left: 56px; }
    html body.single-zen_learning .learning-program-hero__copy { width: 52%; max-width: 640px; }
}
@media(max-width:991px) {
    html body.single-zen_learning .learning-program-hero__accent { font-size: 24px !important; }
}
@media(max-width:575px) {
    html body.single-zen_learning .learning-program-hero__accent { font-size: 20px !important; }
}

/* A restrained lead line distinguishes the hero accent from stacked headings. */
html body.single-zen_learning .learning-program-hero__accent {
    margin-top: 20px;
    padding-left: 14px;
    border-left: 2px solid #AEB8D1;
    box-sizing: border-box;
}
@media(max-width:575px) {
    html body.single-zen_learning .learning-program-hero__accent { padding-left: 12px; }
}

/* Programme overview: centered identity and clearly grouped practical facts. */
html body.single-zen_learning section.zen-learning-v2-overview.ez-zen-learning-overview { background: #EEF0F5 !important; background-image: none !important; }
html body.single-zen_learning .ez-zen-learning-overview > .ez-zen-learning-nature-decor,
html body.single-zen_learning .ez-zen-learning-overview::before,
html body.single-zen_learning .ez-zen-learning-overview::after { display: none !important; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-overview-head { width: 100%; max-width: 100%; margin: 0 auto 36px; text-align: center; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-main-title { width: 100%; max-width: 100%; text-align: center; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-main-title .ez-zen-learning-title-main { text-transform: uppercase !important; width: 100%; max-width: 100%; text-align: center; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-title-decor-wrap { width: 100%; max-width: 100%; margin: 16px 0 0; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-title-decor { text-align: center; font-size: 18px !important; line-height: 1.5 !important; color: #66739A !important; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-overview-meta { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 32px; row-gap: 28px; margin-top: 0; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-overview-meta-item { display: flex; width: 100%; max-width: none; min-width: 0; align-items: flex-start; gap: 12px; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-meta-icon { width: 40px; height: 40px; flex: 0 0 40px; margin-top: 0; padding: 5px; box-sizing: border-box; border: 1px solid rgba(57,76,138,.12); border-radius: 50%; background: #FFFFFF; box-shadow: none; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-meta-image { width: 100%; height: 100%; object-fit: contain; border-radius: 0; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-meta-copy { min-width: 0; flex: 1; text-align: left; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-meta-label { font-family: "Learning Detail Averta",sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; color: #394C8A !important; letter-spacing: 0 !important; text-transform: none !important; margin: 0 0 6px; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-meta-value { font-family: "NotoSan",sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.65 !important; color: #222831 !important; margin: 0; text-align: left; }
@media(min-width:1200px) {
    html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-overview-meta { grid-template-columns: repeat(5,minmax(0,1fr)); column-gap: 24px; }
}
@media(max-width:575px) {
    html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-overview-head { margin-bottom: 28px; }
    html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-title-decor { font-size: 16px !important; }
    html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-overview-meta { grid-template-columns: minmax(0,1fr); row-gap: 20px; }
    html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-meta-label { font-size: 15px !important; }
    html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-meta-value { font-size: 14px !important; }
}

/* Overview: closer heading rhythm with subtle Everzen horizon curves. */
html body.single-zen_learning section.zen-learning-v2-overview.ez-zen-learning-overview { padding-top: 66px; isolation: isolate; }
html body.single-zen_learning .ez-zen-learning-overview > .container { position: relative; z-index: 1; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-title-decor-wrap { margin-top: 8px; }
html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-overview-head { margin-bottom: 28px; }
html body.single-zen_learning section.zen-learning-v2-overview.ez-zen-learning-overview::before,
html body.single-zen_learning section.zen-learning-v2-overview.ez-zen-learning-overview::after {
    content: ""; display: block !important; position: absolute; width: 280px; height: 46px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 50'%3E%3Cpath d='M2 45Q150 -32 298 45' fill='none' stroke='%2366739A' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;
    opacity: .09; pointer-events: none; z-index: 0; border: 0; border-radius: 0; transform: none;
}
html body.single-zen_learning section.zen-learning-v2-overview.ez-zen-learning-overview::before { top: 12px; right: -32px; left: auto; bottom: auto; }
html body.single-zen_learning section.zen-learning-v2-overview.ez-zen-learning-overview::after { bottom: 4px; left: -32px; right: auto; top: auto; }
@media(min-width:576px) and (max-width:1199px) {
    html body.single-zen_learning section.zen-learning-v2-overview.ez-zen-learning-overview { padding-top: 48px; }
}
@media(max-width:575px) {
    html body.single-zen_learning section.zen-learning-v2-overview.ez-zen-learning-overview { padding-top: 20px; }
    html body.single-zen_learning .ez-zen-learning-overview .ez-zen-learning-overview-head { margin-bottom: 20px; }
    html body.single-zen_learning section.zen-learning-v2-overview.ez-zen-learning-overview::before { display: none !important; }
    html body.single-zen_learning section.zen-learning-v2-overview.ez-zen-learning-overview::after { width: 200px; height: 34px; }
}

/* Programme introduction: readable copy and natural image height; retain ornaments. */
html body.single-zen_learning .ez-zen-learning-intro .ez-zen-learning-intro-copy-inner { width: 100%; margin-left: 0; margin-right: 0; text-align: left; }
html body.single-zen_learning .ez-zen-learning-intro .ez-zen-learning-intro-copy-inner p { padding-left: 20px; }
html body.single-zen_learning .ez-zen-learning-intro .ez-zen-learning-intro-copy-inner p::before {
    content: ""; width: 5px; height: 5px; left: 0; top: .75em;
    background: #66739A; border: 0; border-radius: 50%; transform: translateY(-50%);
}
html body.single-zen_learning .ez-zen-learning-intro .ez-zen-learning-intro-copy-inner p::after { display: none; }
@media(min-width:1200px) {
    html body.single-zen_learning .ez-zen-learning-intro-layout { align-items: center; }
    html body.single-zen_learning .ez-zen-learning-intro-copy { padding: 36px 32px; }
    html body.single-zen_learning .ez-zen-learning-intro-visual { align-self: center; min-height: 0; width: 100%; aspect-ratio: 4 / 3; }
}
@media(min-width:576px) and (max-width:1199px) {
    html body.single-zen_learning .ez-zen-learning-intro-layout { display: flex; flex-direction: column; gap: 32px; }
    html body.single-zen_learning .ez-zen-learning-intro-visual { order: 1; width: 100%; min-height: 0; aspect-ratio: 2.2 / 1; }
    html body.single-zen_learning .ez-zen-learning-intro-copy { order: 2; width: 100%; box-sizing: border-box; padding: 32px 28px; }
}
@media(max-width:575px) {
    html body.single-zen_learning .ez-zen-learning-intro-copy { padding: 24px 22px; }
}

/* Learning practice activities: clear heading hierarchy and aligned reading. */
html body.single-zen_learning .ez-zen-learning-activities .ez-zen-learning-activities-heading {
    display: flex; flex-direction: column; align-items: center; justify-content: center !important;
    gap: 12px; text-align: center;
}
html body.single-zen_learning .ez-zen-learning-activities .ez-zen-learning-activities-title-decor {
    flex: 0 0 auto; width: auto; margin: 0; transform: none !important;
    text-align: center; color: #66739A !important;
}
html body.single-zen_learning .ez-zen-learning-activities .ez-zen-learning-activities-grid { align-items: stretch; }
html body.single-zen_learning .ez-zen-learning-activities .ez-zen-learning-activity-card { height: 100%; box-sizing: border-box; }
html body.single-zen_learning .ez-zen-learning-activities .ez-zen-learning-activity-card__title {
    align-self: stretch; width: 100% !important; max-width: 100%;
    margin-left: 0 !important; margin-right: 0 !important; text-align: left !important;
}
html body.single-zen_learning .ez-zen-learning-activities .ez-zen-learning-activity-card__title::after {
    left: 0; transform: none;
}
html body.single-zen_learning .ez-zen-learning-activities .ez-zen-learning-activity-card__description {
    text-align: left !important; color: #222831 !important;
}
html body.single-zen_learning .ez-zen-learning-activities .container::before { opacity: .4; }
@media(max-width:575px) {
    html body.single-zen_learning .ez-zen-learning-activities .ez-zen-learning-activity-card__media { aspect-ratio: 2 / 1; }
}

/* Curriculum: retain compact icon imagery, simplify tabs and improve reading. */
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__tab {
    transform: none !important; clip-path: none !important; -webkit-clip-path: none !important;
    border: 1px solid #D9DFEB !important; border-radius: 8px !important;
    background: #EEF0F5 !important; box-shadow: none !important; color: #394C8A !important;
}
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__tab::before,
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__tab::after { content: none !important; display: none !important; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__tab:is(.is-active,[aria-selected="true"]) { background: #394C8A !important; border-color: #394C8A !important; color: #FFFFFF !important; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__tabs { flex-wrap: nowrap !important; gap: 10px; overflow-x: auto !important; overflow-y: hidden; padding-top: 4px; padding-bottom: 8px; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__tabs-next { top: 26px; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__overview { display: grid !important; grid-template-columns: minmax(0,1fr) 118px; align-items: center; min-height: 0; background: #FFFFFF !important; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__overview.has-no-image { grid-template-columns: minmax(0,1fr); }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__intro { padding: 24px 28px; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__details { display: grid !important; background: #EEF0F5 !important; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__details.is-count-1 { grid-template-columns: minmax(0,1fr); }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__details.is-count-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__details.is-count-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__detail { padding: 24px 28px; background: transparent !important; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__detail-title { color: #394C8A !important; letter-spacing: 0 !important; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__detail :is(.ez-zen-learning-curriculum__detail-lines,.ez-zen-learning-curriculum__detail-lines li,.ez-zen-learning-curriculum__detail-lines p) { color: #222831 !important; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__topics { padding: 24px 28px; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__topic { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 16px; align-items: start; padding: 16px 0; }
html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__topic-number { width: auto; min-width: 0; }
@media(max-width:1199px) {
    html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__details[class] { grid-template-columns: minmax(0,1fr); }
    html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__detail + .ez-zen-learning-curriculum__detail { border-left: 0; border-top: 1px solid #D9DFEB; }
}
@media(max-width:575px) {
    html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__overview { grid-template-columns: minmax(0,1fr); }
    html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__intro,
    html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__detail,
    html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__topics { padding: 20px; }
    html body.single-zen_learning .ez-zen-learning-curriculum .ez-zen-learning-curriculum__topic { grid-template-columns: 28px minmax(0,1fr); gap: 12px; padding: 14px 0; }
}

/* Learning schedule: the timetable leads, with compact supporting imagery. */
html body.single-zen_learning section.ez-zen-learning-schedule { background: #EEF0F5 !important; }
html body.single-zen_learning .ez-zen-learning-schedule .ez-zen-learning-schedule-heading { display: flex; flex-direction: column; align-items: center; gap: 12px; }
html body.single-zen_learning .ez-zen-learning-schedule .ez-zen-learning-schedule-duration { font-size: 24px !important; line-height: 1.4; color: #66739A !important; }
html body.single-zen_learning .ez-zen-learning-schedule .ez-zen-learning-schedule-description,
html body.single-zen_learning .ez-zen-learning-schedule .ez-zen-learning-schedule-description__text { font-size: var(--ld-body) !important; line-height: 1.7; }
html body.single-zen_learning .ez-zen-learning-schedule .ez-zen-learning-schedule-description__icon { color: #66739A; }
html body.single-zen_learning .ez-zen-learning-schedule > .image-before { opacity: .12; top: 0; pointer-events: none; }
html body.single-zen_learning .ez-zen-learning-schedule > .image-before img { filter: grayscale(1); }
html body.single-zen_learning .ez-zen-learning-schedule .ez-zen-learning-schedule-image { width: 100%; max-width: none; margin: 0; aspect-ratio: 4/5; border-radius: 12px; }
html body.single-zen_learning .ez-zen-learning-schedule .ez-zen-learning-schedule-image__img { height: 100%; object-fit: cover; }
html body.single-zen_learning .ez-zen-learning-schedule .table-sche .item:not(:last-child),
html body.single-zen_learning .ez-zen-learning-schedule .table-sche .item .content-table ul li:not(.nav-item):not(:last-child) { border-bottom: 1px solid #D9DFEB !important; }
html body.single-zen_learning .ez-zen-learning-schedule .table-sche .item .content-table { border-left: 1px solid #D9DFEB !important; min-width: 0; }
html body.single-zen_learning .ez-zen-learning-schedule .table-sche > .item .title-table .text { color: #394C8A !important; font-family: "Learning Detail Averta",sans-serif !important; font-size: var(--ld-body) !important; text-transform: none !important; }
html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .title-table .text { font-family: "NotoSan",sans-serif !important; font-size: var(--ld-label) !important; line-height: 1.5; color: #222831 !important; }
html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .content-table,
html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .content-table li { font-family: "NotoSan",sans-serif !important; font-size: var(--ld-body) !important; line-height: 1.65; color: #222831; }
html body.single-zen_learning .ez-zen-learning-schedule #sche-tab { flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; gap: 16px !important; padding-left: 16px !important; scrollbar-width: thin; }
html body.single-zen_learning .ez-zen-learning-schedule #sche-tab .nav-item { margin-right: 0 !important; flex: 0 0 auto !important; }
html body.single-zen_learning .ez-zen-learning-schedule #sche-tab .nav-link { white-space: nowrap !important; }
@media(min-width:1200px) {
    html body.single-zen_learning .ez-zen-learning-schedule > .container > .row { align-items: flex-start; }
}
@media(max-width:1199px) {
    html body.single-zen_learning .ez-zen-learning-schedule .ez-zen-learning-schedule-duration { font-size: 22px !important; }
    html body.single-zen_learning .ez-zen-learning-schedule > .container > .row { display: flex; flex-direction: column; gap: 28px; }
    html body.single-zen_learning .ez-zen-learning-schedule > .container > .row > [class*="col-"] { flex: 0 0 auto; width: 100%; max-width: 100%; }
    html body.single-zen_learning .ez-zen-learning-schedule .module-slide { width: 100%; max-width: none; }
    html body.single-zen_learning .ez-zen-learning-schedule .ez-zen-learning-schedule-image { width: 100%; max-width: none; aspect-ratio: 2.2/1; }
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche { width: 100%; max-width: none; margin: 0; }
}
@media(max-width:575px) {
    html body.single-zen_learning .ez-zen-learning-schedule .ez-zen-learning-schedule-duration { font-size: 20px !important; }
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche > .item > .title-table { display: none !important; }
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche > .item > .content-table { width: 100%; border-left: 0 !important; }
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .item { display: flex !important; flex-direction: column; align-items: stretch; padding: 14px 0; }
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .item .title-table { display: block !important; flex: 0 0 auto !important; width: 100%; padding: 0 0 6px !important; }
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .item .title-table .text { margin: 0; text-align: left; font-weight: 700; }
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .item .content-table { flex: 0 0 auto; width: 100%; padding: 0 !important; border-left: 0 !important; }
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .item .content-table ul li { padding: 0 0 0 18px !important; }
    html body.single-zen_learning .ez-zen-learning-schedule #sche-tab { gap: 16px !important; padding-left: 0 !important; }
}

/* Smaller activity text in the mobile timetable only. */
@media(max-width:575px) {
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .content-table,
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .content-table li,
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .content-table li p { font-size: 13px !important; line-height: 1.6 !important; }
}

/* Target the actual schedule content node, including nested editor markup. */
@media(max-width:575px) {
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .content-table .ez-zen-learning-schedule-line,
    html body.single-zen_learning .ez-zen-learning-schedule .table-sche .tab-content .content-table .ez-zen-learning-schedule-line * {
        font-family: "NotoSan",sans-serif !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.6 !important;
    }
}