/* EVERZEN EDU SUBJECT DETAIL INDEPENDENT */
/* EVERZEN EDU SUBJECT LEGACY BASE START 20261011 */

/*
 * Snapshot các rule nền còn được
 * Edu Subject Layer 2 MASTER sử dụng.
 *
 * Đặt ở đầu file để các rule Edu Subject 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: "Raleway", 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: "Univers Condensed", 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 #2f8089;
}

.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 #2f8089;
}

.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 #2f8089;
}

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

.ez-edu-subject-related-card {
background: #2F8089;
 border-radius:10px 10px 0 0;
     overflow: hidden;
}

.ez-edu-subject-related-card .s-content {
overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 5;

    display: -webkit-box;

    -webkit-box-orient: vertical;
}

.ez-edu-subject-related-card .img {
position: relative;

  padding-top: 100%;
}

.ez-edu-subject-related-card .img img {
position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;
}

.ez-edu-subject-related-card .ct-text {
width: 100%;

  color: #fff8ed;

  padding: 10px 25px;

  z-index: 1;
}

.ez-edu-subject-related-card .ct-text .title:hover {
color:#f0b84b;
}

.ez-edu-subject-related-card .ct-text .text-decor {
font-size: 3.125rem;

  line-height: 0.9;
}

@media (max-width: 991px) {
.ez-edu-subject-related-card {
height:100%;
}

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

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

.ez-edu-subject-related-card .ct-text .text-decor {
font-size: 35px;
}
}

@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;
}

.ez-edu-subject-related-card .ct-text {
padding: 0.9375rem;
}

.ez-edu-subject-related-card .ct-text .text-decor {
font-size: 2.5rem !important;
}
}

@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(--edu-subject-bg-cta);
}

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

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

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

@media (hover: hover) {
}

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

@media (max-width: 575px) {
}

@media (hover: hover) {
}

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

@media (max-width: 575px) {
}

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

@media (max-width: 575px) {
}

@media (max-width: 575px) {
}

@media screen and (max-width: 575px) {
}

/* EVERZEN EDU SUBJECT LEGACY BASE END 20261011 */

/* EVERZEN EDU SUBJECT CTA RELATED LEGACY BASE START 20261011 */

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

/* SOURCE SNAPSHOT: legacy Edu Subject styles */
.ez-edu-subject-cta-shell .title-all {
width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  position: relative;

  padding-left: 7.5rem;
}

.ez-edu-subject-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-edu-subject-cta-shell .image {
max-width: 33.4375rem;
}

.ez-edu-subject-cta-shell .image img {
width: 100%;
}

.ez-edu-subject-cta-shell .endow-content {
padding-left: 3.75rem;
}

.ez-edu-subject-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-edu-subject-cta-shell .endow-content .head .price {
font-size: 2.625rem;

  line-height: 0.7;
}

.ez-edu-subject-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-edu-subject-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-edu-subject-cta-shell .endow-content .head .discount .value::after {
content: "%";

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

  font-size: 0.875rem;

  color: #2f8089;
}

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

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

  color: #000;

  line-height: 1.7;

  position: relative;

  padding-left: 4.0625rem;
}

.ez-edu-subject-cta-shell .endow-content .list-endow li::before {
content: "";

  width: 2.75rem;

  height: 3.1875rem;

  background-image: url(../images/box-edu-subject.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  left: 0;
}

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

.ez-edu-subject-cta-shell .ez-edu-subject-cta-form {
background: #fff8ed;

  border: 3px solid #f0b84b;

  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-edu-subject-cta-shell .ez-edu-subject-cta-form .title {
margin-bottom: 0.9375rem;
}

.ez-edu-subject-cta-shell .ez-edu-subject-cta-form .form-group__admin {
min-height: 3rem;

  padding: 0.625rem 0.625rem 0.625rem 2.1875rem;

  border-top: 1px solid #f0b84b;

  position: relative;
}

.ez-edu-subject-cta-shell .ez-edu-subject-cta-form .form-group__admin i {
position: absolute;

  top: 50%;

  right: 0.9375rem;

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

          transform: translateY(-50%);

  color: #f0b84b;
}

.ez-edu-subject-cta-shell .ez-edu-subject-cta-form .form-group__admin .form-control,
.ez-edu-subject-cta-shell .ez-edu-subject-cta-form .form-group__admin .select {
padding: 0;

  border: none;

  background: none;

  border-radius: 0;

  height: 100%;

  color: rgba(0, 0, 0, 0.5);

  font-size: 0.9375rem;

  width: 100%;

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

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

  text-transform: uppercase;

  color: rgba(0, 0, 0, 0.5);

  font-size: 0.9375rem;

  text-transform: uppercase;

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

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

  text-transform: uppercase;

  color: rgba(0, 0, 0, 0.5);

  font-size: 0.9375rem;

  text-transform: uppercase;

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

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

  text-transform: uppercase;

  color: rgba(0, 0, 0, 0.5);

  font-size: 0.9375rem;

  text-transform: uppercase;

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

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

  text-transform: uppercase;

  color: rgba(0, 0, 0, 0.5);

  font-size: 0.9375rem;

  text-transform: uppercase;

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

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

  text-transform: uppercase;

  color: rgba(0, 0, 0, 0.5);

  font-size: 0.9375rem;

  text-transform: uppercase;

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

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

.ez-edu-subject-cta-shell .ez-edu-subject-cta-form .form-group__admin .select {
-webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  text-transform: uppercase;
}

.ez-edu-subject-related-shell .col {
flex: 0 0 20%;
}

.ez-edu-subject-related-shell .col:nth-child(2n) .ez-edu-subject-related-card {
margin-top: 80px;
}

.ez-edu-subject-related-shell .image-before {
top: 5.625rem;
}

.ez-edu-subject-related-shell .title-all {
margin-bottom: 7.0625rem;

  position: relative;
}

.ez-edu-subject-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-edu-subject-cta-shell .container {
max-width: 1600px !important;
}
}

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

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

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

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

.ez-edu-subject-related-shell .col {
flex: 0 0 25%;
}
}

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

.ez-edu-subject-related-shell .title-all::after {
display: none;
}

.ez-edu-subject-cta-shell .ez-edu-subject-cta-form {
margin-top: 0;
}

.ez-edu-subject-cta-shell .ez-edu-subject-cta-form {
max-width: 100%;
}

.ez-edu-subject-related-shell .col:nth-child(2n) .ez-edu-subject-related-card {
margin-top: 0;
}

.ez-edu-subject-related-shell .col {
flex: 0 0 33.33%;
}
}

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

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

    margin-right: 1.5625rem;
}

.ez-edu-subject-cta-shell .endow-content .head .discount {
width: 8.125rem;

    height: 4.0625rem;
}

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

    margin-bottom: 0.625rem;
}

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

.ez-edu-subject-cta-shell .endow-content .list-endow {
padding-right: 0;
}

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

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

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

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

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

.ez-edu-subject-related-shell .col {
flex: 0 0 100%;
}

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

@media (hover: hover) {
}

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

@media (max-width: 575px) {
}

@media (hover: hover) {
}

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

@media (max-width: 575px) {
}

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

@media (max-width: 575px) {
}

@media (max-width: 575px) {
}

@media screen and (max-width: 575px) {
}

/* EVERZEN EDU SUBJECT CTA RELATED LEGACY BASE END 20261011 */

/* EVERZEN EDU SUBJECT 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 Edu Subject mới phía sau file tiếp tục override block này.
 */

/* SOURCE SNAPSHOT: legacy Edu Subject styles */
.ez-edu-subject-schedule .title {
margin-bottom: 4.75rem;
}

.ez-edu-subject-schedule .title .text-decor {
font-size: 5.625rem;

  margin-right: 1.875rem;

  line-height: 0.5;
}

.ez-edu-subject-schedule .module-slide {
max-width: 27.0625rem;

  margin-right: auto;
}

.ez-edu-subject-schedule .module-slide .list-note li {
color: #2f8089;

  padding-left: 2rem;

  position: relative;
}

.ez-edu-subject-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-edu-subject-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: #2f8089;

  font-size: 1.125rem;

  position: relative;
}

.ez-edu-subject-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-edu-subject-schedule .module-slide .btn-border__green:hover {
color: #fff;
}

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

          filter: brightness(10);
}

.ez-edu-subject-schedule .table-sche {
max-width: 55.9375rem;

  margin-left: auto;
}

.ez-edu-subject-schedule .table-sche .item:not(:last-child) {
border-bottom: 2px solid #2f8089;
}

.ez-edu-subject-schedule .table-sche .item .title-table {
-webkit-box-flex: 0;

      -ms-flex: 0 0 11.25rem;

          flex: 0 0 11.25rem;
}

.ez-edu-subject-schedule .table-sche .item .content-table {
-webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  border-left: 2px solid #2f8089;
}

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

.ez-edu-subject-schedule .table-sche .item .content-table ul li:not(.nav-item):not(:last-child) {
border-bottom: 2px solid #2f8089;
}

.ez-edu-subject-schedule .image-before {
left: -16%;

  top: 6%;
}

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

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

    max-width: 100%;
}

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

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

.ez-edu-subject-schedule .title .text-decor {
font-size: 2.5rem;

    margin-right: 0.9375rem;
}

.ez-edu-subject-schedule .table-sche .item .title-table {
-webkit-box-flex: 0;

        -ms-flex: 0 0 7.5rem;

            flex: 0 0 7.5rem;
}

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

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

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

        -ms-flex: 0 0 6.25rem;

            flex: 0 0 6.25rem;
}
}

/* EVERZEN EDU SUBJECT SCHEDULE LEGACY BASE END 20261011 */

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


.edu-subject-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.
 */
.edu-subject-v2-hero
.container
.ct-text
.title > .text {
    flex: 0 0 auto;
}


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

    max-width: 100%;

    margin-left: 0;

    box-sizing: border-box;

    text-align: left;
}


/*
 * Description.
 */
.edu-subject-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:
        "Raleway",
        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.
 */
.edu-subject-v2-hero
.type2-hero-cta {
    display: block;

    width: 100%;

    margin:
        0.875rem
        0
        0;

    padding: 0;

    text-align: right;
}


.edu-subject-v2-hero
.type2-hero-cta
.btn {
    margin: 0;

    font-family:
        "Univers Condensed",
        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.
 */
.edu-subject-v2-hero
.container
.ct-text
.title > .text {
    font-family:
        "Univers Condensed",
        sans-serif;
}


.edu-subject-v2-hero
.container
.ct-text
.title > .text-decor {
    font-family:
        "Dancing Script SVN",
        cursive;
}


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

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

    .edu-subject-v2-hero
    .type2-hero-subtitle {
        font-size: 1rem;

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


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

        transform:
            translateY(-32px);
    }


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


    .edu-subject-v2-hero
    .container
    .ct-text
    .title > .text {
        flex: 1 1 auto;

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

        white-space: normal;

        line-height: 1.20;
    }


    .edu-subject-v2-hero
    .type2-hero-body {
        max-width: 100%;
    }

}


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

@media (
    max-width: 575px
) {

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


    .edu-subject-v2-hero
    .container {
        width: 100%;
        max-width: 100%;
    }


    .edu-subject-v2-hero
    .container
    .ct-text {
        width: 100%;
        max-width: 100%;

        transform:
            translateY(-92px);
    }


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


    .edu-subject-v2-hero
    .container
    .ct-text
    .title > .text {
        flex: 1 1 auto;

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

        white-space: normal;
    }


    .edu-subject-v2-hero
    .type2-hero-body {
        max-width: 100%;
    }


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

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


    .edu-subject-v2-hero
    .type2-hero-cta
    .btn {
        font-size: 0.9375rem;
    }

}


/*
 * ==========================================================
 * EVERZEN EDU SUBJECT V2 — OVERVIEW
 *
 * Visual clone:
 * Joy Overview 2026
 * ==========================================================
 */

.ez-edu-subject-overview {
    position: relative;
    overflow: hidden;

    padding:
        82px
        0
        64px;

    background: #FFF6EC;
}


.ez-edu-subject-overview > .container {
    position: relative;
    z-index: 2;
}


.ez-edu-subject-overview-inner {
    max-width: 1240px;

    margin:
        0
        auto;
}


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

.ez-edu-subject-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-edu-subject-main-title {
    grid-column: 1;
    grid-row: 1;

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

    margin: 0;

    text-align: center;
}


.ez-edu-subject-title-main {
    display: block;

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

    margin: 0;

    font-family:
        "Kanit",
        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: #2E5952;
}


.ez-edu-subject-title-decor-wrap {
    grid-column: 2;
    grid-row: 2;

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

    margin:
        4px
        0
        0;

    padding: 0;
}


.ez-edu-subject-title-decor {
    display: block;

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

    margin: 0;

    font-family:
        "Great Vibes",
        cursive;

    font-weight: 400;

    line-height: 0.92;

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

    color: #E88400;

    white-space: nowrap;

    text-align: left;

    text-transform: none;
}


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

.ez-edu-subject-overview-meta {
    display: grid;

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

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

    margin-top: 16px;
}


.ez-edu-subject-overview-meta-item {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    min-width: 0;
}


.ez-edu-subject-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(
            31,
            78,
            70,
            .16
        );

    border-radius: 50%;

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

    box-shadow:
        0
        8px
        24px
        rgba(
            31,
            78,
            70,
            .06
        );
}


.ez-edu-subject-meta-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: 50%;
}


.ez-edu-subject-meta-copy {
    display: flex;

    flex-direction: column;

    gap: 3px;

    min-width: 0;
}


.ez-edu-subject-meta-label {
    font-family:
        "Kanit",
        sans-serif;

    font-size: 13px;

    line-height: 1.3;

    letter-spacing: .08em;

    color: #56756F;

    text-transform: uppercase;
}


.ez-edu-subject-meta-value {
    font-family:
        "Kanit",
        sans-serif;

    font-size: 20px;

    line-height: 1.3;

    color: #1F4E46;

    overflow-wrap: anywhere;
}


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

.ez-edu-subject-nature-decor {
    position: absolute;

    z-index: 1;

    display: block;

    pointer-events: none;

    overflow: visible;

    fill: none;

    stroke: #1F4E46;

    stroke-width: 1.35;

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


.ez-edu-subject-decor-journey {
    left: -2%;
    bottom: -7px;

    width: 104%;
    height: 180px;

    opacity: .13;
}


.ez-edu-subject-decor-journey
.ez-edu-subject-decor-line-soft {
    opacity: .72;
}


.ez-edu-subject-decor-pin {
    fill: #FFF6EC;

    stroke: #1F4E46;

    stroke-width: 1.5;
}


.ez-edu-subject-decor-pin circle {
    fill: #1F4E46;

    stroke: none;
}


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

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

    .ez-edu-subject-overview {
        padding:
            72px
            0
            56px;
    }


    .ez-edu-subject-overview-head {
        max-width: 94vw;

        margin-bottom: 30px;
    }


    .ez-edu-subject-main-title,
    .ez-edu-subject-title-main {
        max-width: 68vw;
    }


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

        line-height: .97;
    }


    .ez-edu-subject-title-decor-wrap,
    .ez-edu-subject-title-decor {
        max-width: 45vw;
    }


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


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

        flex-wrap: wrap;

        justify-content: center;

        gap:
            26px
            34px;
    }


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

        max-width: 340px;
    }


    .ez-edu-subject-decor-journey {
        height: 150px;

        opacity: .11;
    }

}


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

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

    .ez-edu-subject-overview {
        padding:
            64px
            0
            50px;
    }


    .ez-edu-subject-overview-head {
        max-width: 94vw;

        margin-bottom: 28px;
    }


    .ez-edu-subject-main-title,
    .ez-edu-subject-title-main {
        max-width: 66vw;
    }


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

        line-height: .98;
    }


    .ez-edu-subject-title-decor-wrap,
    .ez-edu-subject-title-decor {
        max-width: 44vw;
    }


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


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

        gap:
            22px
            30px;
    }


    .ez-edu-subject-meta-value {
        font-size: 19px;
    }


    .ez-edu-subject-decor-journey {
        left: -18%;

        width: 130%;
        height: 135px;

        opacity: .10;
    }

}


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

@media (
    max-width: 767px
) {

    .ez-edu-subject-overview {
        padding:
            36px
            0
            32px;
    }


    .ez-edu-subject-overview-head {
        grid-template-columns:
            1fr;

        grid-template-rows:
            auto
            auto;

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

        margin:
            0
            auto
            24px;
    }


    .ez-edu-subject-main-title {
        grid-column: 1;
        grid-row: 1;

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


    .ez-edu-subject-title-main {
        width: 100%;
        max-width: 100%;

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

        line-height: 1.02;
    }


    .ez-edu-subject-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-edu-subject-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-edu-subject-overview-meta {
        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 18px;

        margin-top: 34px;
    }


    .ez-edu-subject-overview-meta-item {
        width: 100%;
        max-width: 330px;

        min-width: 0;
    }


    .ez-edu-subject-meta-icon {
        flex-basis: 48px;

        width: 48px;
        height: 48px;
    }


    .ez-edu-subject-meta-label {
        font-size: 12px;
    }


    .ez-edu-subject-meta-value {
        font-size: 18px;
    }


    .ez-edu-subject-decor-journey {
        left: -65%;
        bottom: -3px;

        width: 190%;
        height: 105px;

        opacity: .09;
    }

}


/*
 * EDU SUBJECT OVERVIEW
 * META ALIGNMENT REFINE
 */

.ez-edu-subject-meta-icon {
    margin-top: 1px;
}


/*
 * ==========================================================
 * EVERZEN EDU SUBJECT V2 INTRO VISUAL 20261011
 * ==========================================================
 */

.ez-edu-subject-intro {
    position: relative;

    overflow: hidden;

    padding:
        86px
        0
        96px;

    background: #F1F7F4;
}


.ez-edu-subject-intro > .container {
    position: relative;

    z-index: 2;
}


/*
 * TITLE
 * Theo hệ typography Edu Subject Layer 1.
 */

.ez-edu-subject-intro-heading {
    display: flex;

    align-items: baseline;

    flex-wrap: wrap;

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

    margin:
        0
        0
        44px;
}


.ez-edu-subject-intro-title {
    margin: 0;

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

    font-size: 30px;

    font-weight: 600;

    line-height: 1.25;

    color: #263333;

    text-transform: uppercase;
}


.ez-edu-subject-intro-title-decor {
    margin: 0;

    font-family:
        "Dancing Script SVN",
        cursive;

    font-size: 46px;

    font-weight: 400;

    line-height: 1;

    color: #E88400;
}


/*
 * 2 CỘT
 */

.ez-edu-subject-intro-layout {
    display: grid;

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

    gap: 54px;

    align-items: stretch;
}


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


/*
 * CONTENT PANEL
 */

.ez-edu-subject-intro-copy {
    position: relative;

    min-width: 0;

    overflow: hidden;

    padding:
        52px
        56px
        50px;

    border:
        1px
        solid
        rgba(
            31,
            78,
            70,
            .08
        );

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

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

    box-shadow:
        0
        18px
        48px
        rgba(
            31,
            78,
            70,
            .045
        );
}


.ez-edu-subject-intro-copy::before {
    content: "";

    position: absolute;

    left: 27px;
    top: 27px;

    width: 74px;
    height: 74px;

    border-top:
        1px
        solid
        rgba(
            232,
            132,
            0,
            .32
        );

    border-left:
        1px
        solid
        rgba(
            232,
            132,
            0,
            .32
        );

    border-radius:
        26px
        0
        0
        0;

    pointer-events: none;
}


.ez-edu-subject-intro-copy::after {
    content: "";

    position: absolute;

    right: 27px;
    bottom: 27px;

    width: 86px;
    height: 86px;

    border-right:
        1px
        solid
        rgba(
            31,
            78,
            70,
            .16
        );

    border-bottom:
        1px
        solid
        rgba(
            31,
            78,
            70,
            .16
        );

    border-radius:
        0
        0
        28px
        0;

    pointer-events: none;
}


.ez-edu-subject-intro-copy__bubble {
    position: absolute;

    display: block;

    border-radius: 50%;

    pointer-events: none;
}


.ez-edu-subject-intro-copy__bubble--1 {
    right: -34px;
    top: -42px;

    width: 126px;
    height: 126px;

    background:
        rgba(
            232,
            132,
            0,
            .045
        );
}


.ez-edu-subject-intro-copy__bubble--2 {
    left: -42px;
    bottom: -52px;

    width: 144px;
    height: 144px;

    background:
        rgba(
            136,
            201,
            153,
            .08
        );
}


.ez-edu-subject-intro-copy-inner {
    position: relative;

    z-index: 2;

    font-family:
        "Nunito",
        "Raleway",
        sans-serif;

    font-size: 17px;

    font-weight: 500;

    line-height: 1.78;

    color: #344642;
}


.ez-edu-subject-intro-copy-inner p {
    margin:
        0
        0
        20px;
}


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


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

    padding-left: 22px;
}


.ez-edu-subject-intro-copy-inner li {
    margin-bottom: 8px;
}


.ez-edu-subject-intro-copy-inner strong,
.ez-edu-subject-intro-copy-inner b {
    font-weight: 700;

    color: #1F4E46;
}


/*
 * FEATURE IMAGE
 */

.ez-edu-subject-intro-visual {
    position: relative;

    min-width: 0;

    min-height: 500px;
}


.ez-edu-subject-intro-visual__accent {
    position: absolute;

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

    z-index: 0;

    width: 82%;
    height: 88%;

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

    background:
        rgba(
            232,
            132,
            0,
            .14
        );

    transform:
        rotate(1.5deg);
}


.ez-edu-subject-intro-image {
    position: absolute;

    inset: 0;

    z-index: 1;

    overflow: hidden;

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

    background: #E8EFEA;
}


.ez-edu-subject-intro-image__img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    transition:
        transform
        .6s
        ease;
}


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


.ez-edu-subject-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-edu-subject-intro-decor {
    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;
}


.ez-edu-subject-intro-decor__arc {
    position: absolute;

    display: block;

    border:
        1px
        solid
        rgba(
            31,
            78,
            70,
            .065
        );

    border-radius: 50%;
}


.ez-edu-subject-intro-decor__arc--1 {
    width: 420px;
    height: 420px;

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


.ez-edu-subject-intro-decor__arc--2 {
    width: 620px;
    height: 620px;

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


/*
 * TABLET
 */

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

    .ez-edu-subject-intro {
        padding:
            70px
            0
            78px;
    }


    .ez-edu-subject-intro-heading {
        margin-bottom: 34px;
    }


    .ez-edu-subject-intro-title {
        font-size: 26px;
    }


    .ez-edu-subject-intro-title-decor {
        font-size: 40px;
    }


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

        gap: 32px;
    }


    .ez-edu-subject-intro-copy {
        padding:
            38px
            34px;
    }


    .ez-edu-subject-intro-copy-inner {
        font-size: 16px;

        line-height: 1.7;
    }


    .ez-edu-subject-intro-visual {
        min-height: 440px;
    }

}


/*
 * MOBILE
 */

@media (
    max-width: 767px
) {

    .ez-edu-subject-intro {
        padding:
            54px
            0
            62px;
    }


    .ez-edu-subject-intro-heading {
        display: block;

        margin-bottom: 28px;
    }


    .ez-edu-subject-intro-title {
        font-size: 21px;

        line-height: 1.3;
    }


    .ez-edu-subject-intro-title-decor {
        margin-top: 8px;

        font-size: 34px;

        line-height: 1;
    }


    .ez-edu-subject-intro-layout {
        display: flex;

        flex-direction: column;

        gap: 34px;
    }


    .ez-edu-subject-intro-visual {
        order: 1;

        min-height: 0;

        aspect-ratio: 4 / 3;
    }


    .ez-edu-subject-intro-copy {
        order: 2;

        padding:
            34px
            26px
            36px;

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


    .ez-edu-subject-intro-copy-inner {
        font-size: 15px;

        line-height: 1.7;
    }


    .ez-edu-subject-intro-visual__accent {
        right: -9px;
        bottom: -10px;
    }


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


    .ez-edu-subject-intro-image__corner {
        right: 16px;
        top: 16px;

        width: 54px;
        height: 54px;
    }


    .ez-edu-subject-intro-decor__arc--1 {
        display: none;
    }

}


/*
 * ==========================================================
 * EDU SUBJECT INTRO — CENTER CONTENT REFINE
 * ==========================================================
 */

.ez-edu-subject-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-edu-subject-intro-copy-inner ul,
.ez-edu-subject-intro-copy-inner ol {
    text-align: left;
}


@media (max-width: 767px) {

    .ez-edu-subject-intro-copy-inner {
        width: 100%;
    }

}


/*
 * ==========================================================
 * EDU SUBJECT INTRO — TEXT + DECOR REFINE 20261011
 * ==========================================================
 */


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

.ez-edu-subject-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-edu-subject-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-edu-subject-intro-copy-inner p {
    position: relative;

    padding-left: 26px;
}


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

.ez-edu-subject-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(
            232,
            132,
            0,
            .78
        );

    border-right:
        1.5px
        solid
        rgba(
            232,
            132,
            0,
            .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-edu-subject-intro-copy-inner p::after {
    content: "";

    position: absolute;

    left: 8px;
    top: .62em;

    width: 7px;
    height: 1px;

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

    background:
        rgba(
            31,
            78,
            70,
            .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-edu-subject-intro-heading {
    position: relative;

    width: fit-content;
}


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

.ez-edu-subject-intro-heading::after {
    content: "";

    position: absolute;

    left: 12%;
    bottom: -14px;

    width: 62%;
    height: 18px;

    border-bottom:
        1px
        solid
        rgba(
            232,
            132,
            0,
            .28
        );

    border-radius: 50%;

    transform:
        rotate(-1deg);

    pointer-events: none;
}


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

.ez-edu-subject-intro-title-decor {
    position: relative;

    display: inline-block;
}


.ez-edu-subject-intro-title-decor::after {
    content: "";

    position: absolute;

    right: -28px;
    top: 4px;

    width: 11px;
    height: 11px;

    transform: rotate(45deg);

    border-top:
        1.5px
        solid
        rgba(
            232,
            132,
            0,
            .72
        );

    border-right:
        1.5px
        solid
        rgba(
            232,
            132,
            0,
            .72
        );

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


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

.ez-edu-subject-intro-title-decor::before {
    content: "";

    position: absolute;

    right: -42px;
    top: 18px;

    width: 6px;
    height: 6px;

    transform: rotate(45deg);

    border-top:
        1px
        solid
        rgba(
            31,
            78,
            70,
            .36
        );

    border-right:
        1px
        solid
        rgba(
            31,
            78,
            70,
            .36
        );
}


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

@media (max-width: 991px) {

    .ez-edu-subject-intro-heading::after {
        width: 56%;

        left: 6%;
    }


    .ez-edu-subject-intro-title-decor::after {
        right: -20px;

        width: 9px;
        height: 9px;
    }


    .ez-edu-subject-intro-title-decor::before {
        display: none;
    }

}


@media (max-width: 575px) {

    .ez-edu-subject-intro-heading::after {
        bottom: -10px;

        width: 48%;
    }


    .ez-edu-subject-intro-copy-inner p {
        padding-left: 22px;
    }


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


    .ez-edu-subject-intro-copy-inner p::after {
        left: 7px;

        width: 6px;
    }

}


/*
 * ==========================================================
 * EVERZEN EDU SUBJECT V2 ACTIVITIES VISUAL 20261011
 * ==========================================================
 */

.ez-edu-subject-activities {
    position: relative;

    overflow: hidden;

    padding:
        92px
        0
        108px;

    background:
        #fff;
}


/*
 * Heading
 */

.ez-edu-subject-activities-head {
    max-width: 880px;

    margin:
        0
        auto
        60px;

    text-align: center;
}




.ez-edu-subject-activities-title {
    margin:
        0
        auto;

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

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

    color:
        #263333;
}


.ez-edu-subject-activities-intro {
    max-width: 720px;

    margin:
        18px
        auto
        0;

    font-family:
        "Nunito",
        "Raleway",
        sans-serif;

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

    color:
        #566461;
}


.ez-edu-subject-activities-intro p:last-child {
    margin-bottom: 0;
}


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

.ez-edu-subject-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-edu-subject-activity {
    min-width: 0;
}


.ez-edu-subject-activity.is-left-top {
    grid-column: 1;
    grid-row: 1;

    margin-top: 4px;
}


.ez-edu-subject-activity.is-left-bottom {
    grid-column: 1;
    grid-row: 2;

    margin-top: 22px;
}


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

    align-self: center;

    margin-top: 30px;
}


.ez-edu-subject-activity.is-right-top {
    grid-column: 3;
    grid-row: 1;

    margin-top: 42px;
}


.ez-edu-subject-activity.is-right-bottom {
    grid-column: 3;
    grid-row: 2;

    margin-top: 56px;
}


/*
 * Image visual
 */

.ez-edu-subject-activity-visual {
    position: relative;

    overflow: hidden;

    isolation: isolate;

    background:
        #eef3f0;
}


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

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

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


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

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


.ez-edu-subject-activity.is-main
.ez-edu-subject-activity-visual {
    aspect-ratio: 4 / 5;

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


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

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


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

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


.ez-edu-subject-activity-image {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform
        .55s
        ease;
}


.ez-edu-subject-activity:hover
.ez-edu-subject-activity-image {
    transform:
        scale(1.035);
}


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

.ez-edu-subject-activity-shade {
    position: absolute;

    inset:
        38%
        0
        0;

    z-index: 1;

    background:
        linear-gradient(
            to bottom,
            rgba(18, 32, 29, 0),
            rgba(18, 32, 29, .08) 22%,
            rgba(18, 32, 29, .72) 100%
        );

    pointer-events: none;
}


/*
 * Title overlay.
 */

.ez-edu-subject-activity-title {
    position: absolute;

    z-index: 2;

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

    margin: 0;

    font-family:
        "Raleway",
        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-edu-subject-activity.is-main
.ez-edu-subject-activity-title {
    left: 28px;
    right: 28px;
    bottom: 26px;

    font-size: 25px;
}


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

.ez-edu-subject-activity-description {
    margin-top: 14px;

    padding:
        0
        5px;

    font-family:
        "Nunito",
        "Raleway",
        sans-serif;

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

    color:
        #4d5d59;
}


.ez-edu-subject-activity.is-main
.ez-edu-subject-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-edu-subject-activity.is-main {
    position: relative;
}


.ez-edu-subject-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(
            232,
            132,
            0,
            .10
        );
}


/*
 * Tablet
 */

@media (max-width: 991px) {

    .ez-edu-subject-activities {
        padding:
            72px
            0
            82px;
    }


    .ez-edu-subject-activities-head {
        margin-bottom: 44px;
    }


    .ez-edu-subject-activities-title {
        font-size: 26px;
    }


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

        grid-template-rows:
            auto;

        gap:
            30px
            24px;
    }


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

        margin-top: 0;
    }


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

        width: 62%;

        margin:
            0
            auto;
    }


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

}


/*
 * Mobile
 */

@media (max-width: 575px) {

    .ez-edu-subject-activities {
        padding:
            58px
            0
            68px;
    }


    .ez-edu-subject-activities-head {
        margin-bottom: 34px;

        text-align: left;
    }


    .ez-edu-subject-activities-title {
        font-size: 22px;
    }


    .ez-edu-subject-activities-intro {
        font-size: 15px;
    }


    .ez-edu-subject-activities-grid {
        display: flex;

        flex-direction: column;

        gap: 30px;
    }


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

    .ez-edu-subject-activity.is-main {
        order: -1;

        width: 100%;

        margin: 0;
    }


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


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


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


    .ez-edu-subject-activity-title {
        left: 18px;
        right: 18px;
        bottom: 17px;

        font-size: 18px;
    }


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

        font-size: 22px;
    }


    .ez-edu-subject-activity-description,
    .ez-edu-subject-activity.is-main
    .ez-edu-subject-activity-description {
        max-width: none;

        margin-top: 12px;

        padding:
            0
            2px;

        font-size: 15px;

        text-align: left;
    }

}


/*
 * ==========================================================
 * EDU SUBJECT ACTIVITIES — LAYER 1 TITLE SYSTEM
 * ==========================================================
 */

.ez-edu-subject-activities-heading {
    display: flex;

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

    flex-wrap: wrap;

    gap:
        8px
        18px;
}


.ez-edu-subject-activities-title {
    margin: 0;

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

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

    color:
        #263333;
}


.ez-edu-subject-activities-title-decor {
    font-family:
        "Dancing Script SVN",
        "Dancing Script",
        cursive;

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

    color:
        #E88400;
}


@media (max-width: 991px) {

    .ez-edu-subject-activities-title {
        font-size: 26px;
    }


    .ez-edu-subject-activities-title-decor {
        font-size: 40px;
    }

}


@media (max-width: 575px) {

    .ez-edu-subject-activities-heading {
        justify-content: flex-start;

        gap:
            5px
            12px;
    }


    .ez-edu-subject-activities-title {
        font-size: 21px;
    }


    .ez-edu-subject-activities-title-decor {
        font-size: 34px;
    }

}


/*
 * ==========================================================
 * EDU SUBJECT 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-edu-subject-activities {
    padding:
        76px
        0
        84px;

    background:
        #fff;
}


.ez-edu-subject-activities-head {
    max-width:
        980px;

    margin:
        0
        auto
        44px;

    text-align:
        center;
}


/* Layer 1 heading */

.ez-edu-subject-activities-heading {
    display:
        flex;

    align-items:
        baseline;

    justify-content:
        center;

    flex-wrap:
        wrap;

    column-gap:
        14px;

    row-gap:
        6px;
}


.ez-edu-subject-activities-title {
    margin:
        0;

    font-family:
        "Raleway",
        sans-serif !important;

    font-size:
        30px !important;

    font-weight:
        600 !important;

    line-height:
        1.25;

    color:
        #263333;
}


.ez-edu-subject-activities-title-decor {
    font-family:
        "Dancing Script SVN",
        "Dancing Script",
        cursive !important;

    font-size:
        46px !important;

    font-weight:
        400 !important;

    line-height:
        1;

    color:
        #E88400;

    transform:
        translateY(10px);
}


.ez-edu-subject-activities-intro {
    max-width:
        760px;

    margin:
        24px
        auto
        0;

    font-family:
        "Nunito",
        "Raleway",
        sans-serif;

    font-size:
        16px;

    line-height:
        1.65;

    color:
        #566461;
}


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

.ez-edu-subject-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-edu-subject-activity.is-left-top,
.ez-edu-subject-activity.is-left-bottom,
.ez-edu-subject-activity.is-main,
.ez-edu-subject-activity.is-right-top,
.ez-edu-subject-activity.is-right-bottom {
    width:
        auto;

    margin:
        0;

    align-self:
        stretch;
}


/* 01 */

.ez-edu-subject-activity.is-left-top {
    grid-column:
        1 / 4;

    grid-row:
        1 / 3;
}


/* 02 */

.ez-edu-subject-activity.is-left-bottom {
    grid-column:
        1 / 4;

    grid-row:
        3 / 7;
}


/* 03 main */

.ez-edu-subject-activity.is-main {
    grid-column:
        4 / 10;

    grid-row:
        1 / 7;
}


/* 04 */

.ez-edu-subject-activity.is-right-top {
    grid-column:
        10 / 13;

    grid-row:
        1 / 4;
}


/* 05 */

.ez-edu-subject-activity.is-right-bottom {
    grid-column:
        10 / 13;

    grid-row:
        4 / 7;
}


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

.ez-edu-subject-activity {
    position:
        relative;

    min-width:
        0;

    min-height:
        0;
}


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

    width:
        100%;

    height:
        100%;

    aspect-ratio:
        auto;

    overflow:
        hidden;

    border-radius:
        24px;

    background:
        #edf2ef;

    isolation:
        isolate;
}


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

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


.ez-edu-subject-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-edu-subject-activity-shade {
    position:
        absolute;

    inset:
        0;

    z-index:
        1;

    background:
        linear-gradient(
            to top,
            rgba(15, 30, 26, .72) 0%,
            rgba(15, 30, 26, .18) 36%,
            rgba(15, 30, 26, 0) 64%
        );

    transition:
        background
        .35s
        ease;
}


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

.ez-edu-subject-activity-title {
    position:
        absolute;

    z-index:
        3;

    left:
        22px;

    right:
        22px;

    bottom:
        20px;

    margin:
        0;

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

    font-size:
        18px;

    font-weight:
        700;

    line-height:
        1.3;

    color:
        #fff;

    transition:
        transform
        .38s
        ease;
}


.ez-edu-subject-activity.is-main
.ez-edu-subject-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-edu-subject-activity-description {
    position:
        absolute;

    z-index:
        4;

    left:
        22px;

    right:
        22px;

    bottom:
        20px;

    margin:
        0;

    padding:
        0;

    max-height:
        44%;

    overflow:
        hidden;

    font-family:
        "Nunito",
        "Raleway",
        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-edu-subject-activity.is-main
.ez-edu-subject-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-edu-subject-activity:hover
    .ez-edu-subject-activity-image {
        transform:
            scale(1.045);
    }


    .ez-edu-subject-activity:hover
    .ez-edu-subject-activity-shade {
        background:
            linear-gradient(
                to top,
                rgba(13, 29, 25, .94) 0%,
                rgba(13, 29, 25, .72) 45%,
                rgba(13, 29, 25, .12) 78%,
                rgba(13, 29, 25, 0) 100%
            );
    }


    .ez-edu-subject-activity:hover
    .ez-edu-subject-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-edu-subject-activity:hover
    .ez-edu-subject-activity-title {
        transform:
            translateY(-92px);
    }


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

}


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

.ez-edu-subject-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(
            232,
            132,
            0,
            .10
        );
}


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

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

    .ez-edu-subject-activities {
        padding:
            66px
            0
            72px;
    }


    .ez-edu-subject-activities-title {
        font-size:
            26px !important;
    }


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


    .ez-edu-subject-activities-grid {
        height:
            500px;

        gap:
            12px;
    }


    .ez-edu-subject-activity-title {
        left:
            16px;

        right:
            16px;

        bottom:
            16px;

        font-size:
            16px;
    }


    .ez-edu-subject-activity.is-main
    .ez-edu-subject-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-edu-subject-activities {
        padding:
            54px
            0
            62px;
    }


    .ez-edu-subject-activities-head {
        margin-bottom:
            30px;

        text-align:
            left;
    }


    .ez-edu-subject-activities-heading {
        justify-content:
            flex-start;
    }


    .ez-edu-subject-activities-title {
        font-size:
            21px !important;
    }


    .ez-edu-subject-activities-title-decor {
        flex:
            0 0
            100%;

        width:
            100%;

        margin-top:
            6px;

        font-size:
            34px !important;

        transform:
            none;
    }


    .ez-edu-subject-activities-intro {
        margin-top:
            16px;

        font-size:
            15px;
    }


    .ez-edu-subject-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-edu-subject-activities-grid::-webkit-scrollbar {
        display:
            none;
    }


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

        width:
            78vw;

        height:
            440px;

        order:
            initial;

        scroll-snap-align:
            center;
    }


    .ez-edu-subject-activity.is-main {
        flex-basis:
            84vw;

        width:
            84vw;
    }


    .ez-edu-subject-activity-visual,
    .ez-edu-subject-activity.is-main
    .ez-edu-subject-activity-visual {
        height:
            100%;

        aspect-ratio:
            auto;

        border-radius:
            24px;
    }


    .ez-edu-subject-activity-title,
    .ez-edu-subject-activity.is-main
    .ez-edu-subject-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-edu-subject-activity-description,
    .ez-edu-subject-activity.is-main
    .ez-edu-subject-activity-description {
        display:
            none;
    }

}


/*
 * ==========================================================
 * EDU SUBJECT 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-edu-subject-activity:hover
    .ez-edu-subject-activity-image {
        transform: scale(1.045);
    }


    .ez-edu-subject-activity:hover
    .ez-edu-subject-activity-shade {
        background:
            linear-gradient(
                to top,
                rgba(13, 29, 25, .95) 0%,
                rgba(13, 29, 25, .78) 48%,
                rgba(13, 29, 25, .18) 80%,
                rgba(13, 29, 25, 0) 100%
            );
    }


    .ez-edu-subject-activity:hover
    .ez-edu-subject-activity-description {
        opacity: 1 !important;
        visibility: visible !important;

        transform: translateY(0) !important;
    }


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


    .ez-edu-subject-activity.is-main:hover
    .ez-edu-subject-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-edu-subject-activity-description {
        display: block !important;

        opacity: 0;
        visibility: hidden;

        transform: translateY(14px);

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

}


/*
 * ==========================================================
 * EDU SUBJECT ACTIVITIES — HOVER TITLE TO TOP
 * ==========================================================
 */

@media (min-width: 992px) {

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


    .ez-edu-subject-activity:hover
    .ez-edu-subject-activity-title {
        top: 22px;
        bottom: auto;

        transform: none !important;
    }


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

        transform: none !important;
    }


    .ez-edu-subject-activity:hover
    .ez-edu-subject-activity-description {
        bottom: 22px;

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

        transform: translateY(0) !important;
    }


    .ez-edu-subject-activity.is-main:hover
    .ez-edu-subject-activity-description {
        bottom: 30px;
    }

}


/*
 * ==========================================================
 * EDU SUBJECT ACTIVITIES — THEME CARDS
 * ==========================================================
 */

.ez-edu-subject-activities {
    padding:
        72px
        0
        82px;

    background:
        #F8FAF9;
}


.ez-edu-subject-activities-head {
    max-width:
        920px;

    margin:
        0
        auto
        40px;

    text-align:
        center;
}


/*
 * Heading theo Edu Subject Layer 1
 */

.ez-edu-subject-activities-heading {
    display:
        flex;

    align-items:
        baseline;

    justify-content:
        center;

    flex-wrap:
        wrap;

    column-gap:
        14px;

    row-gap:
        6px;
}


.ez-edu-subject-activities-title {
    margin:
        0;

    font-family:
        "Raleway",
        sans-serif !important;

    font-size:
        30px !important;

    font-weight:
        600 !important;

    line-height:
        1.25;

    color:
        #263333;
}


.ez-edu-subject-activities-title-decor {
    font-family:
        "Dancing Script SVN",
        "Dancing Script",
        cursive !important;

    font-size:
        46px !important;

    font-weight:
        400 !important;

    line-height:
        1;

    color:
        #E88400;

    transform:
        translateY(10px);
}


.ez-edu-subject-activities-intro {
    max-width:
        720px;

    margin:
        22px
        auto
        0;

    font-family:
        "Nunito",
        "Raleway",
        sans-serif;

    font-size:
        16px;

    font-weight:
        500;

    line-height:
        1.65;

    color:
        #566461;
}


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

.ez-edu-subject-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-edu-subject-activity-card {
    grid-column:
        span 2;

    display:
        flex;

    flex-direction:
        column;

    min-width:
        0;

    overflow:
        hidden;

    border:
        1px
        solid
        rgba(
            36,
            92,
            87,
            .10
        );

    border-radius:
        22px;

    background:
        #FFFFFF;

    box-shadow:
        0
        12px
        32px
        rgba(
            31,
            78,
            70,
            .07
        );

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


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

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


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


/*
 * Image
 */

.ez-edu-subject-activity-card__media {
    position:
        relative;

    overflow:
        hidden;

    aspect-ratio:
        16 / 10;

    background:
        #EDF3F0;
}


.ez-edu-subject-activity-card__image {
    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform
        .5s
        ease;
}


/*
 * Body
 */

.ez-edu-subject-activity-card__body {
    display:
        flex;

    flex:
        1;

    flex-direction:
        column;

    padding:
        20px
        22px
        22px;
}


.ez-edu-subject-activity-card__title {
    margin:
        0
        0
        10px;

    font-family:
        "Open Sans",
        sans-serif !important;

    font-size:
        18px !important;

    font-weight:
        700 !important;

    line-height:
        1.35;

    color:
        #263333;
}


.ez-edu-subject-activity-card__description {
    display:
        -webkit-box;

    overflow:
        hidden;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        3;

    font-family:
        "Nunito",
        "Raleway",
        sans-serif;

    font-size:
        15px;

    font-weight:
        500;

    line-height:
        1.58;

    color:
        #5B6865;
}


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

@media (min-width: 992px) {

    .ez-edu-subject-activity-card:hover {
        transform:
            translateY(-6px);

        border-color:
            rgba(
                232,
                132,
                0,
                .20
            );

        box-shadow:
            0
            18px
            42px
            rgba(
                31,
                78,
                70,
                .12
            );
    }


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

}


/*
 * Tablet
 */

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

    .ez-edu-subject-activities {
        padding:
            64px
            0
            72px;
    }


    .ez-edu-subject-activities-title {
        font-size:
            26px !important;
    }


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


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

        gap:
            22px !important;
    }


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


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

        width:
            calc(50% - 11px);

        justify-self:
            center;
    }

}


/*
 * Mobile
 */

@media (max-width: 575px) {

    .ez-edu-subject-activities {
        padding:
            52px
            0
            60px;
    }


    .ez-edu-subject-activities-head {
        margin-bottom:
            28px;

        text-align:
            left;
    }


    .ez-edu-subject-activities-heading {
        justify-content:
            flex-start;
    }


    .ez-edu-subject-activities-title {
        font-size:
            21px !important;
    }


    .ez-edu-subject-activities-title-decor {
        flex:
            0
            0
            100%;

        width:
            100%;

        margin-top:
            6px;

        font-size:
            34px !important;

        transform:
            none;
    }


    .ez-edu-subject-activities-intro {
        margin-top:
            15px;

        font-size:
            15px;
    }


    .ez-edu-subject-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-edu-subject-activity-card,
    .ez-edu-subject-activity-card:nth-child(4),
    .ez-edu-subject-activity-card:nth-child(5) {
        grid-column:
            auto;

        width:
            100%;
    }


    .ez-edu-subject-activity-card__media {
        aspect-ratio:
            16 / 9;
    }


    .ez-edu-subject-activity-card__body {
        padding:
            17px
            18px
            19px;
    }


    .ez-edu-subject-activity-card__title {
        font-size:
            17px !important;
    }


    .ez-edu-subject-activity-card__description {
        font-size:
            14px;

        -webkit-line-clamp:
            3;
    }

}


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

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



/*
 * ==========================================================
 * EDU SUBJECT ACTIVITIES — FRAME + TITLE BOX REFINE
 * ==========================================================
 */


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

.ez-edu-subject-activities {
    padding:
        76px
        0
        88px;

    background:
        #F3F7F5;
}


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

.ez-edu-subject-activities .container {
    position: relative;

    padding:
        42px
        34px
        40px;

    border:
        1px
        solid
        rgba(
            36,
            92,
            87,
            .12
        );

    border-radius:
        34px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.95) 0%,
            rgba(248,251,249,.98) 100%
        );

    box-shadow:
        0
        16px
        40px
        rgba(
            31,
            78,
            70,
            .06
        );

    overflow: hidden;
}


/*
 * Decor nhẹ trong khung
 */

.ez-edu-subject-activities .container::before {
    content: "";

    position: absolute;

    left: -58px;
    top: 88px;

    width: 180px;
    height: 180px;

    border-radius: 50%;

    background:
        rgba(
            136,
            201,
            153,
            .08
        );

    pointer-events: none;
}


.ez-edu-subject-activities .container::after {
    content: "";

    position: absolute;

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

    width: 150px;
    height: 150px;

    border-radius: 50%;

    background:
        rgba(
            232,
            132,
            0,
            .07
        );

    pointer-events: none;
}


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

.ez-edu-subject-activities-head {
    position: relative;
    z-index: 2;

    max-width:
        920px;

    margin:
        0
        auto
        42px;

    text-align:
        center;
}


/*
 * Box tiêu đề
 */

.ez-edu-subject-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(
            232,
            132,
            0,
            .16
        );

    border-radius:
        999px;

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

    box-shadow:
        0
        10px
        26px
        rgba(
            232,
            132,
            0,
            .08
        );
}


.ez-edu-subject-activities-title {
    margin: 0;

    font-family:
        "Raleway",
        sans-serif !important;

    font-size:
        30px !important;

    font-weight:
        600 !important;

    line-height:
        1.25;

    color:
        #263333;
}


.ez-edu-subject-activities-title-decor {
    font-family:
        "Dancing Script SVN",
        "Dancing Script",
        cursive !important;

    font-size:
        46px !important;

    font-weight:
        400 !important;

    line-height:
        1;

    color:
        #E88400;

    transform:
        translateY(10px);
}


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

.ez-edu-subject-activities-intro {
    max-width:
        720px;

    margin:
        20px
        auto
        0;

    font-family:
        "Nunito",
        "Raleway",
        sans-serif;

    font-size:
        16px;

    font-weight:
        500;

    line-height:
        1.65;

    color:
        #566461;
}


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

.ez-edu-subject-activities-grid {
    position: relative;
    z-index: 2;
}


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

.ez-edu-subject-activity-card {
    border:
        1px
        solid
        rgba(
            36,
            92,
            87,
            .09
        );

    border-radius:
        24px;

    background:
        #FFFFFF;

    box-shadow:
        0
        12px
        30px
        rgba(
            31,
            78,
            70,
            .05
        );
}


.ez-edu-subject-activity-card__media {
    border-bottom:
        1px
        solid
        rgba(
            36,
            92,
            87,
            .06
        );
}


.ez-edu-subject-activity-card__body {
    padding:
        19px
        22px
        22px;
}


.ez-edu-subject-activity-card__title {
    text-align: center;
}


.ez-edu-subject-activity-card__description {
    text-align: center;
}


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

@media (min-width: 992px) {

    .ez-edu-subject-activity-card:hover {
        transform:
            translateY(-6px);

        border-color:
            rgba(
                232,
                132,
                0,
                .20
            );

        box-shadow:
            0
            18px
            42px
            rgba(
                31,
                78,
                70,
                .10
            );
    }

}


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

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

    .ez-edu-subject-activities {
        padding:
            64px
            0
            74px;
    }


    .ez-edu-subject-activities .container {
        padding:
            34px
            24px
            32px;

        border-radius:
            28px;
    }


    .ez-edu-subject-activities-heading {
        padding:
            14px
            22px
            16px;

        border-radius:
            28px;
    }


    .ez-edu-subject-activities-title {
        font-size:
            26px !important;
    }


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

}


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

@media (max-width: 575px) {

    .ez-edu-subject-activities {
        padding:
            52px
            0
            60px;
    }


    .ez-edu-subject-activities .container {
        padding:
            26px
            16px
            24px;

        border-radius:
            22px;
    }


    .ez-edu-subject-activities-head {
        margin-bottom:
            26px;

        text-align:
            center;
    }


    .ez-edu-subject-activities-heading {
        display:
            inline-flex;

        justify-content:
            center;

        padding:
            14px
            18px
            16px;

        border-radius:
            24px;
    }


    .ez-edu-subject-activities-title {
        font-size:
            21px !important;
    }


    .ez-edu-subject-activities-title-decor {
        flex:
            0 0 100%;

        width:
            100%;

        margin-top:
            4px;

        font-size:
            34px !important;

        transform:
            none;
    }


    .ez-edu-subject-activities-intro {
        margin-top:
            14px;

        font-size:
            15px;
    }


    .ez-edu-subject-activity-card__title,
    .ez-edu-subject-activity-card__description {
        text-align: left;
    }

}


/*
 * ==========================================================
 * EDU SUBJECT 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-edu-subject-activities {
    padding-top: 48px !important;
}


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

.ez-edu-subject-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-edu-subject-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-edu-subject-activities-head::before {
    content: "";

    position: absolute;

    left: 10px;
    top: 2px;

    width: 115px;
    height: 58px;

    border-top:
        1px solid
        rgba(36, 92, 87, .20);

    border-left:
        1px solid
        rgba(36, 92, 87, .13);

    border-radius:
        70px 0 0 0;

    transform:
        rotate(-7deg);

    pointer-events: none;
}


.ez-edu-subject-activities-head::after {
    content: "";

    position: absolute;

    right: 4px;
    bottom: 0;

    width: 128px;
    height: 54px;

    border-right:
        1px solid
        rgba(232, 132, 0, .19);

    border-bottom:
        1px solid
        rgba(232, 132, 0, .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-edu-subject-activities-heading::before {
    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    margin-right: 4px;

    border-radius: 50%;

    background:
        rgba(36, 92, 87, .34);
}


.ez-edu-subject-activities-heading::after {
    content: "";

    width: 6px;
    height: 6px;

    flex: 0 0 6px;

    margin-left: 5px;

    border-radius: 50%;

    background:
        rgba(232, 132, 0, .38);
}


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

.ez-edu-subject-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(36, 92, 87, .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:
        "Open Sans",
        sans-serif !important;

    font-size:
        17px !important;

    font-weight:
        700 !important;

    line-height:
        1.35;

    color:
        #263333;
}


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

@media (min-width: 992px) {

    .ez-edu-subject-activity-card:hover
    .ez-edu-subject-activity-card__title {
        border-color:
            rgba(232, 132, 0, .30);

        background:
            #FFF9F2;
    }

}


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

.ez-edu-subject-activity-card__description {
    text-align: center;
}


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

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

    .ez-edu-subject-activities {
        padding-top: 40px !important;
    }


    .ez-edu-subject-activities-head {
        padding:
            18px
            50px
            8px;

        margin-bottom:
            32px;
    }


    .ez-edu-subject-activities-head::before {
        width: 92px;
        height: 46px;
    }


    .ez-edu-subject-activities-head::after {
        width: 104px;
        height: 46px;
    }


    .ez-edu-subject-activity-card__title {
        font-size:
            16px !important;

        padding:
            7px
            13px;
    }

}


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

@media (max-width: 575px) {

    .ez-edu-subject-activities {
        padding-top:
            34px !important;
    }


    .ez-edu-subject-activities-head {
        padding:
            18px
            18px
            6px;

        margin-bottom:
            26px;

        text-align:
            center;
    }


    .ez-edu-subject-activities-heading {
        justify-content:
            center !important;
    }


    .ez-edu-subject-activities-head::before {
        left: 0;
        top: 4px;

        width: 56px;
        height: 34px;
    }


    .ez-edu-subject-activities-head::after {
        right: 0;
        bottom: 0;

        width: 62px;
        height: 34px;
    }


    .ez-edu-subject-activities-heading::before,
    .ez-edu-subject-activities-heading::after {
        display: none;
    }


    .ez-edu-subject-activity-card__title {
        display:
            flex;

        width:
            fit-content;

        margin:
            0
            auto
            10px;

        padding:
            7px
            13px;

        font-size:
            16px !important;

        text-align:
            center;
    }


    .ez-edu-subject-activity-card__description {
        text-align:
            center;
    }

}



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


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

.ez-edu-subject-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:
        "Open Sans",
        sans-serif !important;

    font-size:
        17px !important;

    font-weight:
        700 !important;

    line-height:
        1.35;

    letter-spacing:
        .05px;

    text-align:
        center;

    color:
        #245C57 !important;

    transition:
        color
        .28s
        ease;
}


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

.ez-edu-subject-activity-card__title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 32px;
    height: 2px;

    border-radius:
        999px;

    background:
        #E88400;

    opacity:
        .72;

    transform:
        translateX(-50%);

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


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

@media (min-width: 992px) {

    .ez-edu-subject-activity-card:hover
    .ez-edu-subject-activity-card__title {
        color:
            #E88400 !important;
    }


    .ez-edu-subject-activity-card:hover
    .ez-edu-subject-activity-card__title::after {
        width:
            54px;

        opacity:
            1;
    }

}


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

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

    .ez-edu-subject-activity-card__title {
        font-size:
            16px !important;

        margin-bottom:
            14px !important;
    }

}


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

@media (max-width: 575px) {

    .ez-edu-subject-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-edu-subject-activity-card__title::after {
        width:
            28px;
    }

}



/*
 * ==========================================================
 * EDU SUBJECT INTRO — REDUCE BOTTOM SPACING
 * 20261011
 * ==========================================================
 */

.ez-edu-subject-intro {
    padding-bottom: 42px !important;
}


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

    .ez-edu-subject-intro {
        padding-bottom: 34px !important;
    }

}


@media (max-width: 575px) {

    .ez-edu-subject-intro {
        padding-bottom: 28px !important;
    }

}



/*
 * ==========================================================
 * EDU SUBJECT CURRICULUM V2 20261011
 * ==========================================================
 */

.ez-edu-subject-curriculum {
    padding:
        76px
        0
        82px;

    background:
        #f5f7f6;

    color:
        #263333;
}


.ez-edu-subject-curriculum__head {
    max-width:
        840px;

    margin:
        0
        auto
        34px;

    text-align:
        center;
}


.ez-edu-subject-curriculum__title {
    position:
        relative;

    margin:
        0
        0
        18px;

    padding-bottom:
        13px;

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

    font-size:
        30px;

    font-weight:
        600;

    line-height:
        1.2;

    color:
        #263333;
}


.ez-edu-subject-curriculum__title::after {
    content:
        "";

    position:
        absolute;

    left:
        50%;

    bottom:
        0;

    width:
        42px;

    height:
        2px;

    border-radius:
        999px;

    background:
        #e88400;

    transform:
        translateX(-50%);
}


.ez-edu-subject-curriculum__description {
    font-family:
        "Open Sans",
        sans-serif;

    font-size:
        15px;

    line-height:
        1.75;

    color:
        #5f6e6b;
}


.ez-edu-subject-curriculum__description p {
    margin:
        0;
}


.ez-edu-subject-curriculum__description p + p {
    margin-top:
        8px;
}


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

.ez-edu-subject-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-edu-subject-curriculum__tab {
    position:
        relative;

    flex:
        0
        0
        auto;

    min-height:
        46px;

    padding:
        11px
        18px
        12px;

    border:
        0;

    border-bottom:
        1px
        solid
        #d6dfdc;

    border-radius:
        7px
        7px
        0
        0;

    background:
        transparent;

    font-family:
        "Open Sans",
        sans-serif;

    font-size:
        14px;

    font-weight:
        600;

    line-height:
        1.35;

    color:
        #667672;

    white-space:
        nowrap;

    cursor:
        pointer;

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


.ez-edu-subject-curriculum__tab::after {
    content:
        "";

    position:
        absolute;

    left:
        50%;

    bottom:
        -1px;

    width:
        0;

    height:
        2px;

    border-radius:
        999px;

    background:
        #e88400;

    transform:
        translateX(-50%);

    transition:
        width
        .24s
        ease;
}


.ez-edu-subject-curriculum__tab:hover,
.ez-edu-subject-curriculum__tab:focus-visible {
    color:
        #245c57;

    background:
        rgba(
            36,
            92,
            87,
            .045
        );

    outline:
        none;
}


.ez-edu-subject-curriculum__tab.is-active {
    border-color:
        #245c57;

    background:
        #ffffff;

    color:
        #245c57;

    font-weight:
        700;
}


.ez-edu-subject-curriculum__tab.is-active::after {
    width:
        40px;
}


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

.ez-edu-subject-curriculum__panel {
    overflow:
        hidden;

    border:
        1px
        solid
        #dfe6e3;

    border-radius:
        14px;

    background:
        #ffffff;

    box-shadow:
        0
        12px
        30px
        rgba(
            31,
            78,
            70,
            .045
        );
}


.ez-edu-subject-curriculum__panel[hidden] {
    display:
        none !important;
}


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

.ez-edu-subject-curriculum__overview {
    display:
        grid;

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

    min-height:
        330px;
}


.ez-edu-subject-curriculum__overview.has-no-image {
    grid-template-columns:
        1fr;

    min-height:
        0;
}


.ez-edu-subject-curriculum__intro {
    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        48px
        52px;
}


.ez-edu-subject-curriculum__item-title {
    margin:
        0
        0
        15px;

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

    font-size:
        27px;

    font-weight:
        600;

    line-height:
        1.3;

    color:
        #245c57;
}


.ez-edu-subject-curriculum__summary {
    max-width:
        720px;

    font-family:
        "Open Sans",
        sans-serif;

    font-size:
        15px;

    line-height:
        1.75;

    color:
        #5b6866;
}


.ez-edu-subject-curriculum__summary p {
    margin:
        0;
}


.ez-edu-subject-curriculum__summary p + p {
    margin-top:
        9px;
}


.ez-edu-subject-curriculum__media {
    position:
        relative;

    overflow:
        hidden;

    min-height:
        330px;
}


.ez-edu-subject-curriculum__image {
    display:
        block;

    width:
        100%;

    height:
        100%;

    min-height:
        330px;

    object-fit:
        cover;
}


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

.ez-edu-subject-curriculum__details {
    display:
        grid;

    border-top:
        1px
        solid
        #e4e9e7;

    background:
        #fbfcfb;
}


.ez-edu-subject-curriculum__details.is-count-1 {
    grid-template-columns:
        1fr;
}


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


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


.ez-edu-subject-curriculum__detail {
    position:
        relative;

    min-width:
        0;

    padding:
        32px
        34px;
}


.ez-edu-subject-curriculum__detail + .ez-edu-subject-curriculum__detail {
    border-left:
        1px
        solid
        #e4e9e7;
}


.ez-edu-subject-curriculum__detail h4,
.ez-edu-subject-curriculum__topics-title {
    margin:
        0
        0
        13px;

    font-family:
        "Open Sans",
        sans-serif;

    font-size:
        14px;

    font-weight:
        700;

    line-height:
        1.35;

    letter-spacing:
        .35px;

    text-transform:
        uppercase;

    color:
        #245c57;
}


.ez-edu-subject-curriculum__detail h4::before,
.ez-edu-subject-curriculum__topics-title::before {
    content:
        "";

    display:
        inline-block;

    width:
        18px;

    height:
        2px;

    margin-right:
        8px;

    border-radius:
        999px;

    background:
        #e88400;

    vertical-align:
        middle;
}


.ez-edu-subject-curriculum__detail > div {
    font-family:
        "Open Sans",
        sans-serif;

    font-size:
        14px;

    line-height:
        1.72;

    color:
        #53615e;
}


.ez-edu-subject-curriculum__detail p {
    margin:
        0;
}


.ez-edu-subject-curriculum__detail p + p {
    margin-top:
        8px;
}


/*
 * ----------------------------------------------------------
 * Topics — full width
 * ----------------------------------------------------------
 */

.ez-edu-subject-curriculum__topics {
    padding:
        34px
        42px
        38px;

    border-top:
        1px
        solid
        #e4e9e7;

    background:
        #ffffff;
}


.ez-edu-subject-curriculum__topics-title {
    margin-bottom:
        18px;
}


.ez-edu-subject-curriculum__topic-list {
    border-top:
        1px
        solid
        #e5ebe8;
}


.ez-edu-subject-curriculum__topic {
    display:
        grid;

    grid-template-columns:
        48px
        minmax(0, 1fr);

    gap:
        18px;

    align-items:
        start;

    padding:
        17px
        4px;

    border-bottom:
        1px
        solid
        #e5ebe8;
}


.ez-edu-subject-curriculum__topic-number {
    padding-top:
        1px;

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

    font-size:
        14px;

    font-weight:
        700;

    line-height:
        1.6;

    color:
        #e88400;
}


.ez-edu-subject-curriculum__topic-text {
    font-family:
        "Open Sans",
        sans-serif;

    font-size:
        14px;

    line-height:
        1.72;

    color:
        #4f5d5a;
}


.ez-edu-subject-curriculum__topic-text p {
    margin:
        0;
}


.ez-edu-subject-curriculum__topic-text p + p {
    margin-top:
        7px;
}


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

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

    .ez-edu-subject-curriculum {
        padding:
            62px
            0
            66px;
    }


    .ez-edu-subject-curriculum__title {
        font-size:
            26px;
    }


    .ez-edu-subject-curriculum__overview {
        grid-template-columns:
            minmax(0, 1.15fr)
            minmax(280px, .85fr);
    }


    .ez-edu-subject-curriculum__intro {
        padding:
            38px
            34px;
    }


    .ez-edu-subject-curriculum__item-title {
        font-size:
            23px;
    }


    .ez-edu-subject-curriculum__detail {
        padding:
            27px
            24px;
    }


    .ez-edu-subject-curriculum__topics {
        padding:
            30px
            30px
            34px;
    }

}


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

@media (
    max-width: 767px
) {

    .ez-edu-subject-curriculum {
        padding:
            48px
            0
            52px;
    }


    .ez-edu-subject-curriculum__head {
        margin-bottom:
            25px;
    }


    .ez-edu-subject-curriculum__title {
        margin-bottom:
            15px;

        font-size:
            21px;
    }


    .ez-edu-subject-curriculum__description {
        font-size:
            14px;
    }


    .ez-edu-subject-curriculum__tabs {
        margin-bottom:
            16px;

        gap:
            4px;
    }


    .ez-edu-subject-curriculum__tab {
        min-height:
            42px;

        padding:
            9px
            14px
            10px;

        font-size:
            13px;
    }


    .ez-edu-subject-curriculum__panel {
        border-radius:
            11px;
    }


    /*
     * Mọi dữ liệu chuyển dọc.
     */

    .ez-edu-subject-curriculum__overview,
    .ez-edu-subject-curriculum__overview.has-no-image {
        display:
            flex;

        flex-direction:
            column;

        min-height:
            0;
    }


    .ez-edu-subject-curriculum__intro {
        order:
            1;

        padding:
            28px
            22px;
    }


    .ez-edu-subject-curriculum__media {
        order:
            2;

        min-height:
            0;

        aspect-ratio:
            16 / 10;
    }


    .ez-edu-subject-curriculum__image {
        min-height:
            0;

        height:
            100%;
    }


    .ez-edu-subject-curriculum__item-title {
        margin-bottom:
            11px;

        font-size:
            20px;
    }


    .ez-edu-subject-curriculum__summary {
        font-size:
            14px;

        line-height:
            1.7;
    }


    .ez-edu-subject-curriculum__details,
    .ez-edu-subject-curriculum__details.is-count-1,
    .ez-edu-subject-curriculum__details.is-count-2,
    .ez-edu-subject-curriculum__details.is-count-3 {
        display:
            block;
    }


    .ez-edu-subject-curriculum__detail {
        padding:
            25px
            22px;
    }


    .ez-edu-subject-curriculum__detail
    + .ez-edu-subject-curriculum__detail {
        border-left:
            0;

        border-top:
            1px
            solid
            #e4e9e7;
    }


    .ez-edu-subject-curriculum__topics {
        padding:
            26px
            22px
            29px;
    }


    .ez-edu-subject-curriculum__topic {
        grid-template-columns:
            34px
            minmax(0, 1fr);

        gap:
            10px;

        padding:
            14px
            0;
    }


    .ez-edu-subject-curriculum__detail > div,
    .ez-edu-subject-curriculum__topic-text {
        font-size:
            14px;
    }

}



/*
 * ==========================================================
 * EDU SUBJECT CURRICULUM COMPACT NAV 20261011
 * ==========================================================
 */


/*
 * ----------------------------------------------------------
 * 1. Tabs = rõ đây là khu vực chuyển nội dung
 * ----------------------------------------------------------
 */

.ez-edu-subject-curriculum__tabs {
    gap:
        8px;

    padding:
        4px
        3px
        10px;

    margin-bottom:
        18px;
}


.ez-edu-subject-curriculum__tab {
    min-height:
        42px;

    padding:
        9px
        17px;

    border:
        1px
        solid
        #dce5e1;

    border-radius:
        8px;

    color:
        #526762;

    box-shadow:
        0
        2px
        7px
        rgba(
            31,
            78,
            70,
            .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-edu-subject-curriculum__tab:nth-child(4n + 1) {
    background:
        #f1f7f4;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 2) {
    background:
        #fff7ee;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 3) {
    background:
        #f4f7f7;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 4) {
    background:
        #faf8f3;
}


.ez-edu-subject-curriculum__tab::after {
    bottom:
        -1px;
}


.ez-edu-subject-curriculum__tab:hover,
.ez-edu-subject-curriculum__tab:focus-visible {
    border-color:
        rgba(
            36,
            92,
            87,
            .42
        );

    color:
        #245c57;

    background:
        #ffffff;
}


.ez-edu-subject-curriculum__tab.is-active {
    border-color:
        #245c57;

    background:
        #ffffff;

    color:
        #245c57;

    box-shadow:
        0
        4px
        12px
        rgba(
            31,
            78,
            70,
            .065
        );
}


.ez-edu-subject-curriculum__tab.is-active::after {
    width:
        34px;

    height:
        2px;
}


/*
 * ----------------------------------------------------------
 * 2. Top panel compact
 * ----------------------------------------------------------
 */

.ez-edu-subject-curriculum__overview {
    grid-template-columns:
        minmax(0, 1fr)
        118px;

    align-items:
        center;

    min-height:
        0;
}


.ez-edu-subject-curriculum__intro {
    justify-content:
        center;

    padding:
        24px
        30px;
}


.ez-edu-subject-curriculum__item-title {
    margin-bottom:
        7px;

    font-size:
        23px;

    line-height:
        1.25;
}


.ez-edu-subject-curriculum__summary {
    font-size:
        14px;

    line-height:
        1.6;
}


.ez-edu-subject-curriculum__media {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        0;

    height:
        118px;

    padding:
        12px
        16px;
}


.ez-edu-subject-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-edu-subject-curriculum__media img {
    object-fit:
        contain;
}


/*
 * ----------------------------------------------------------
 * 3. Objective / Method / Outcome compact hơn
 * ----------------------------------------------------------
 */

.ez-edu-subject-curriculum__detail {
    padding:
        27px
        30px;
}


.ez-edu-subject-curriculum__detail h4 {
    margin-bottom:
        14px;
}


/*
 * Bỏ style paragraph cũ vì giờ dùng list.
 */

.ez-edu-subject-curriculum__detail-lines {
    font-family:
        "Open Sans",
        sans-serif;

    font-size:
        14px;

    line-height:
        1.65;

    color:
        #53615e;
}


.ez-edu-subject-curriculum__detail-lines ul {
    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;

    margin:
        0;

    padding:
        0;

    list-style:
        none;
}


.ez-edu-subject-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-edu-subject-curriculum__detail-bullet {
    position:
        relative;

    display:
        block;

    width:
        7px;

    height:
        7px;

    margin-top:
        7px;

    border:
        1px
        solid
        #e88400;

    border-radius:
        50%;

    box-sizing:
        border-box;
}


.ez-edu-subject-curriculum__detail-bullet::after {
    content:
        "";

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    width:
        3px;

    height:
        3px;

    border-radius:
        50%;

    background:
        #e88400;

    transform:
        translate(
            -50%,
            -50%
        );
}


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

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

    .ez-edu-subject-curriculum__overview {
        grid-template-columns:
            minmax(0, 1fr)
            105px;
    }


    .ez-edu-subject-curriculum__intro {
        padding:
            22px
            26px;
    }


    .ez-edu-subject-curriculum__media {
        height:
            105px;

        padding:
            10px;
    }


    .ez-edu-subject-curriculum__image {
        max-width:
            76px;

        max-height:
            76px;
    }


    .ez-edu-subject-curriculum__detail {
        padding:
            24px
            23px;
    }

}


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

@media (
    max-width: 767px
) {

    .ez-edu-subject-curriculum__tabs {
        gap:
            7px;

        padding-bottom:
            9px;
    }


    .ez-edu-subject-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-edu-subject-curriculum__overview,
    .ez-edu-subject-curriculum__overview.has-no-image {
        display:
            block;
    }


    .ez-edu-subject-curriculum__intro {
        padding:
            22px
            20px
            14px;
    }


    .ez-edu-subject-curriculum__item-title {
        font-size:
            19px;
    }


    .ez-edu-subject-curriculum__media {
        width:
            100%;

        height:
            auto;

        min-height:
            0;

        aspect-ratio:
            auto;

        padding:
            0
            20px
            18px;
    }


    .ez-edu-subject-curriculum__image {
        width:
            auto;

        max-width:
            72px;

        height:
            auto;

        max-height:
            72px;
    }


    .ez-edu-subject-curriculum__detail {
        padding:
            22px
            20px;
    }


    .ez-edu-subject-curriculum__detail-lines li {
        grid-template-columns:
            13px
            minmax(0, 1fr);

        gap:
            6px;
    }

}



/*
 * ==========================================================
 * EDU SUBJECT 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-edu-subject-curriculum__tab {
    position:
        relative;

    z-index:
        1;

    isolation:
        isolate;

    overflow:
        visible;

    border-color:
        rgba(
            36,
            92,
            87,
            .18
        ) !important;

    background:
        rgba(
            255,
            255,
            255,
            .88
        ) !important;

    box-shadow:
        0
        5px
        10px
        rgba(
            31,
            78,
            70,
            .11
        ),
        0
        1px
        2px
        rgba(
            31,
            78,
            70,
            .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-edu-subject-curriculum__tab::before {
    content:
        "";

    position:
        absolute;

    z-index:
        -1;

    inset:
        3px
        4px
        -4px
        5px;

    border-radius:
        8px;

    background:
        rgba(
            36,
            92,
            87,
            .045
        );

    transform:
        skewX(-3deg);

    transform-origin:
        center;

    pointer-events:
        none;
}


/* ----------------------------------------------------------
 * Tint khác nhau nhưng rất nhẹ
 * ---------------------------------------------------------- */

.ez-edu-subject-curriculum__tab:nth-child(4n + 1) {
    background:
        rgba(
            241,
            247,
            244,
            .78
        ) !important;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 2) {
    background:
        rgba(
            255,
            248,
            240,
            .78
        ) !important;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 3) {
    background:
        rgba(
            247,
            249,
            249,
            .84
        ) !important;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 4) {
    background:
        rgba(
            251,
            249,
            245,
            .82
        ) !important;
}


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

.ez-edu-subject-curriculum__tab:hover,
.ez-edu-subject-curriculum__tab:focus-visible {
    transform:
        translateY(-1px);

    border-color:
        rgba(
            36,
            92,
            87,
            .42
        ) !important;

    background:
        #ffffff !important;

    box-shadow:
        0
        8px
        18px
        rgba(
            31,
            78,
            70,
            .16
        ),
        0
        2px
        5px
        rgba(
            31,
            78,
            70,
            .10
        ) !important;
}


/* ----------------------------------------------------------
 * Active
 * ---------------------------------------------------------- */

.ez-edu-subject-curriculum__tab.is-active {
    transform:
        translateY(-2px);

    border-color:
        #245c57 !important;

    background:
        #ffffff !important;

    color:
        #245c57 !important;

    box-shadow:
        0
        10px
        22px
        rgba(
            31,
            78,
            70,
            .20
        ),
        0
        3px
        7px
        rgba(
            31,
            78,
            70,
            .11
        ) !important;
}


.ez-edu-subject-curriculum__tab.is-active::before {
    background:
        rgba(
            232,
            132,
            0,
            .075
        );

    transform:
        skewX(-4deg);
}


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

@media (max-width: 767px) {

    .ez-edu-subject-curriculum__tab {
        box-shadow:
            0
            4px
            9px
            rgba(
                31,
                78,
                70,
                .11
            ) !important;
    }


    .ez-edu-subject-curriculum__tab.is-active {
        box-shadow:
            0
            7px
            16px
            rgba(
                31,
                78,
                70,
                .17
            ) !important;
    }

}



/*
 * ==========================================================
 * EDU SUBJECT 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-edu-subject-curriculum__tabs {
    gap:
        10px;
}


.ez-edu-subject-curriculum__tab {
    position:
        relative;

    overflow:
        visible;

    min-height:
        42px;

    padding:
        9px
        24px;

    border:
        1px
        solid
        rgba(
            36,
            92,
            87,
            .24
        ) !important;

    border-radius:
        0 !important;

    background:
        rgba(
            244,
            248,
            246,
            .76
        ) !important;

    color:
        #526762;

    clip-path:
        polygon(
            10px 0,
            100% 0,
            calc(100% - 10px) 100%,
            0 100%
        );

    box-shadow:
        0
        6px
        14px
        rgba(
            31,
            78,
            70,
            .15
        ),
        0
        2px
        4px
        rgba(
            31,
            78,
            70,
            .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-edu-subject-curriculum__tab::before {
    content:
        none !important;

    display:
        none !important;
}


/* ----------------------------------------------------------
 * Màu nền nhẹ cho từng tab
 * ---------------------------------------------------------- */

.ez-edu-subject-curriculum__tab:nth-child(4n + 1) {
    background:
        rgba(
            236,
            245,
            241,
            .78
        ) !important;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 2) {
    background:
        rgba(
            255,
            245,
            233,
            .72
        ) !important;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 3) {
    background:
        rgba(
            238,
            246,
            247,
            .74
        ) !important;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 4) {
    background:
        rgba(
            248,
            244,
            235,
            .72
        ) !important;
}


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

.ez-edu-subject-curriculum__tab:hover,
.ez-edu-subject-curriculum__tab:focus-visible {
    border-color:
        rgba(
            36,
            92,
            87,
            .55
        ) !important;

    background:
        rgba(
            255,
            255,
            255,
            .86
        ) !important;

    color:
        #245c57;

    box-shadow:
        0
        9px
        20px
        rgba(
            31,
            78,
            70,
            .20
        ),
        0
        3px
        6px
        rgba(
            31,
            78,
            70,
            .12
        ) !important;
}


/* ----------------------------------------------------------
 * Active
 * ---------------------------------------------------------- */

.ez-edu-subject-curriculum__tab.is-active {
    border-color:
        rgba(
            36,
            92,
            87,
            .92
        ) !important;

    background:
        rgba(
            255,
            255,
            255,
            .90
        ) !important;

    color:
        #245c57 !important;

    box-shadow:
        0
        11px
        24px
        rgba(
            31,
            78,
            70,
            .24
        ),
        0
        4px
        8px
        rgba(
            31,
            78,
            70,
            .14
        ) !important;
}


/*
 * Accent cam vẫn nằm trên chính tab.
 */

.ez-edu-subject-curriculum__tab::after {
    bottom:
        1px;
}


.ez-edu-subject-curriculum__tab.is-active::after {
    width:
        34px;
}


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

@media (max-width: 767px) {

    .ez-edu-subject-curriculum__tabs {
        gap:
            8px;
    }


    .ez-edu-subject-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(
                31,
                78,
                70,
                .14
            ),
            0
            2px
            4px
            rgba(
                31,
                78,
                70,
                .09
            ) !important;
    }


    .ez-edu-subject-curriculum__tab.is-active {
        box-shadow:
            0
            8px
            17px
            rgba(
                31,
                78,
                70,
                .20
            ),
            0
            3px
            6px
            rgba(
                31,
                78,
                70,
                .11
            ) !important;
    }

}



/*
 * ==========================================================
 * EDU SUBJECT CURRICULUM — SOFTER TABS + REDUCED TOP SPACING
 * 20261011
 * ==========================================================
 */


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

.ez-edu-subject-curriculum {
    padding-top:
        42px !important;
}


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

    .ez-edu-subject-curriculum {
        padding-top:
            36px !important;
    }

}


@media (
    max-width: 767px
) {

    .ez-edu-subject-curriculum {
        padding-top:
            30px !important;
    }

}


/* ----------------------------------------------------------
 * Softer tab backgrounds
 * ---------------------------------------------------------- */

.ez-edu-subject-curriculum__tab:nth-child(4n + 1) {
    background:
        rgba(
            236,
            245,
            241,
            .34
        ) !important;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 2) {
    background:
        rgba(
            255,
            245,
            233,
            .32
        ) !important;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 3) {
    background:
        rgba(
            238,
            246,
            247,
            .34
        ) !important;
}


.ez-edu-subject-curriculum__tab:nth-child(4n + 4) {
    background:
        rgba(
            248,
            244,
            235,
            .32
        ) !important;
}


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

.ez-edu-subject-curriculum__tab:hover,
.ez-edu-subject-curriculum__tab:focus-visible {
    background:
        rgba(
            255,
            255,
            255,
            .48
        ) !important;
}


/* ----------------------------------------------------------
 * Active
 * ---------------------------------------------------------- */

.ez-edu-subject-curriculum__tab.is-active {
    background:
        rgba(
            255,
            255,
            255,
            .56
        ) !important;
}



/*
 * ==========================================================
 * EDU SUBJECT ACTIVITIES + CURRICULUM RHYTHM
 * 20261011
 * ==========================================================
 *
 * Activities: white section
 * Curriculum: keep existing #F5F7F6
 * Reduce spacing between the two sections
 */


/* ----------------------------------------------------------
 * Desktop
 * ---------------------------------------------------------- */

.ez-edu-subject-activities {
    background:
        #ffffff !important;

    padding-bottom:
        28px !important;
}


.ez-edu-subject-curriculum {
    padding-top:
        42px !important;
}


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

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

    .ez-edu-subject-activities {
        background:
            #ffffff !important;

        padding-bottom:
            24px !important;
    }


    .ez-edu-subject-curriculum {
        padding-top:
            36px !important;
    }

}


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

@media (
    max-width: 575px
) {

    .ez-edu-subject-activities {
        background:
            #ffffff !important;

        padding-bottom:
            22px !important;
    }


    .ez-edu-subject-curriculum {
        padding-top:
            30px !important;
    }

}



/*
 * ==========================================================
 * EDU SUBJECT 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-edu-subject-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-edu-subject-curriculum > .container {
        display:
            block !important;

        visibility:
            visible !important;

        opacity:
            1 !important;

        width:
            100%;

        height:
            auto !important;
    }


    /*
     * Heading
     */

    .ez-edu-subject-curriculum__head {
        display:
            block !important;

        visibility:
            visible !important;

        opacity:
            1 !important;
    }


    /*
     * Tab navigation
     */

    .ez-edu-subject-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-edu-subject-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-edu-subject-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-edu-subject-curriculum__panel[hidden] {
        display:
            none !important;
    }


    .ez-edu-subject-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-edu-subject-curriculum__overview {
        display:
            block !important;

        width:
            100%;

        height:
            auto !important;
    }


    .ez-edu-subject-curriculum__details {
        display:
            block !important;

        width:
            100%;

        height:
            auto !important;
    }


    .ez-edu-subject-curriculum__detail {
        display:
            block !important;

        width:
            100%;

        height:
            auto !important;
    }


    .ez-edu-subject-curriculum__topics {
        display:
            block !important;

        width:
            100%;

        height:
            auto !important;
    }

}



/*
 * ==========================================================
 * EDU SUBJECT CURRICULUM TAB OVERFLOW NAV 20261011
 * ==========================================================
 */


/*
 * Shell stays fixed while the actual tabs scroll.
 */

.ez-edu-subject-curriculum__tabs-shell {
    position:
        relative;

    width:
        100%;
}


/*
 * Keep tab scroller below the floating navigation.
 */

.ez-edu-subject-curriculum__tabs-shell
.ez-edu-subject-curriculum__tabs {
    position:
        relative;

    z-index:
        1;
}


/*
 * Soft fade:
 * signals that content continues beyond the visible edge.
 */

.ez-edu-subject-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(
                245,
                247,
                246,
                0
            )
            0%,
            rgba(
                245,
                247,
                246,
                .78
            )
            48%,
            rgba(
                245,
                247,
                246,
                .98
            )
            100%
        );

    transition:
        opacity
        .18s
        ease;
}


.ez-edu-subject-curriculum__tabs-shell.has-more-right::after {
    opacity:
        1;
}


/*
 * Right arrow.
 */

.ez-edu-subject-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(
            36,
            92,
            87,
            .30
        );

    border-radius:
        50%;

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

    color:
        #245c57;

    font-family:
        Arial,
        sans-serif;

    font-size:
        18px;

    font-weight:
        400;

    line-height:
        1;

    cursor:
        pointer;

    box-shadow:
        0
        5px
        13px
        rgba(
            31,
            78,
            70,
            .18
        );

    transform:
        translateY(-50%);

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


.ez-edu-subject-curriculum__tabs-next[hidden] {
    display:
        none !important;
}


.ez-edu-subject-curriculum__tabs-next span {
    display:
        block;

    transform:
        translateY(-1px);
}


.ez-edu-subject-curriculum__tabs-next:hover,
.ez-edu-subject-curriculum__tabs-next:focus-visible {
    border-color:
        rgba(
            36,
            92,
            87,
            .58
        );

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

    color:
        #e88400;

    box-shadow:
        0
        7px
        17px
        rgba(
            31,
            78,
            70,
            .22
        );

    transform:
        translateY(-50%)
        translateX(1px);

    outline:
        none;
}


/*
 * Tablet
 */

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

    .ez-edu-subject-curriculum__tabs-shell::after {
        width:
            64px;
    }


    .ez-edu-subject-curriculum__tabs-next {
        right:
            5px;

        width:
            29px;

        height:
            29px;

        font-size:
            17px;
    }

}


/*
 * Mobile
 */

@media (
    max-width: 767px
) {

    .ez-edu-subject-curriculum__tabs-shell::after {
        width:
            58px;

        height:
            50px;
    }


    .ez-edu-subject-curriculum__tabs-next {
        top:
            20px;

        right:
            4px;

        width:
            28px;

        height:
            28px;

        font-size:
            16px;

        box-shadow:
            0
            4px
            11px
            rgba(
                31,
                78,
                70,
                .18
            );
    }

}



/*
 * ==========================================================
 * EDU SUBJECT CURRICULUM COLOR SYSTEM 20261011
 * ==========================================================
 *
 * Visual-only override.
 * Layout / HTML / responsive structure remain unchanged.
 */


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

.ez-edu-subject-curriculum__head h2,
.ez-edu-subject-curriculum__title {
    font-family:
        "Raleway",
        sans-serif;

    font-weight:
        600;

    letter-spacing:
        .01em;
}


/*
 * Curriculum-specific small headings:
 * softer / friendlier than the corporate treatment.
 */

.ez-edu-subject-curriculum__tab,
.ez-edu-subject-curriculum__panel h3,
.ez-edu-subject-curriculum__detail-title,
.ez-edu-subject-curriculum__topics-title {
    font-family:
        "Nunito",
        "Open Sans",
        Arial,
        sans-serif;
}


/*
 * ----------------------------------------------------------
 * TAB COLOR PALETTE
 * ----------------------------------------------------------
 *
 * 1 green
 * 2 peach
 * 3 blue
 * 4 yellow
 * 5 lilac
 * 6 pink
 *
 * Then repeat.
 */


/* GREEN */

.ez-edu-subject-curriculum__tab:nth-child(6n + 1) {
    background:
        #DDEFE4 !important;

    border-color:
        #B9D8C4 !important;

    color:
        #285C48 !important;
}


/* PEACH */

.ez-edu-subject-curriculum__tab:nth-child(6n + 2) {
    background:
        #FCE3D0 !important;

    border-color:
        #EFC9AA !important;

    color:
        #8B5738 !important;
}


/* SKY */

.ez-edu-subject-curriculum__tab:nth-child(6n + 3) {
    background:
        #DCECF8 !important;

    border-color:
        #BAD7EA !important;

    color:
        #356B8C !important;
}


/* YELLOW */

.ez-edu-subject-curriculum__tab:nth-child(6n + 4) {
    background:
        #F7EECF !important;

    border-color:
        #E7D99D !important;

    color:
        #786524 !important;
}


/* LILAC */

.ez-edu-subject-curriculum__tab:nth-child(6n + 5) {
    background:
        #EDE3F7 !important;

    border-color:
        #D6C3EA !important;

    color:
        #674E83 !important;
}


/* PINK */

.ez-edu-subject-curriculum__tab:nth-child(6n + 6) {
    background:
        #F7E2E8 !important;

    border-color:
        #E9C0CC !important;

    color:
        #874F60 !important;
}


/*
 * Active tabs:
 * stronger saturation without becoming childish.
 */

.ez-edu-subject-curriculum__tab[aria-selected="true"],
.ez-edu-subject-curriculum__tab.is-active,
.ez-edu-subject-curriculum__tab.active {
    font-weight:
        700 !important;

    filter:
        saturate(1.16);

    box-shadow:
        0
        5px
        13px
        rgba(38, 51, 51, .10) !important;
}


/*
 * Existing orange active accent remains,
 * but make it slightly friendlier.
 */

.ez-edu-subject-curriculum__tab[aria-selected="true"]::after,
.ez-edu-subject-curriculum__tab.is-active::after,
.ez-edu-subject-curriculum__tab.active::after {
    background:
        #E88400 !important;
}


/*
 * ----------------------------------------------------------
 * PANEL — VERY LIGHT COLOR IDENTITY
 * ----------------------------------------------------------
 */

.ez-edu-subject-curriculum__panel {
    --curr-accent:
        #3C6F52;

    --curr-soft:
        #F4F9F6;
}


/* GREEN */

.ez-edu-subject-curriculum__panel:nth-child(6n + 1) {
    --curr-accent:
        #4F8A68;

    --curr-soft:
        #F1F8F3;
}


/* PEACH */

.ez-edu-subject-curriculum__panel:nth-child(6n + 2) {
    --curr-accent:
        #D7814C;

    --curr-soft:
        #FFF6EF;
}


/* BLUE */

.ez-edu-subject-curriculum__panel:nth-child(6n + 3) {
    --curr-accent:
        #5D91B3;

    --curr-soft:
        #F2F8FC;
}


/* YELLOW */

.ez-edu-subject-curriculum__panel:nth-child(6n + 4) {
    --curr-accent:
        #B99A3D;

    --curr-soft:
        #FCF9EC;
}


/* LILAC */

.ez-edu-subject-curriculum__panel:nth-child(6n + 5) {
    --curr-accent:
        #8B70A7;

    --curr-soft:
        #F8F4FB;
}


/* PINK */

.ez-edu-subject-curriculum__panel:nth-child(6n + 6) {
    --curr-accent:
        #B9788A;

    --curr-soft:
        #FCF4F6;
}


/*
 * Keep white card appearance,
 * only add a soft identity line.
 */

.ez-edu-subject-curriculum__panel {
    border-color:
        color-mix(
            in srgb,
            var(--curr-accent) 24%,
            #d9e2de
        ) !important;

    box-shadow:
        0
        12px
        30px
        rgba(31, 78, 70, .07) !important;
}


/*
 * Program title takes the active program color.
 */

.ez-edu-subject-curriculum__panel h3 {
    color:
        var(--curr-accent) !important;

    font-weight:
        700;
}


/*
 * ----------------------------------------------------------
 * OVERVIEW AREA
 * ----------------------------------------------------------
 */

.ez-edu-subject-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-edu-subject-curriculum__detail:nth-child(1) {
    background:
        #F2F8F4;
}

.ez-edu-subject-curriculum__detail:nth-child(1)
.ez-edu-subject-curriculum__detail-title {
    color:
        #367052 !important;
}

.ez-edu-subject-curriculum__detail:nth-child(1)
.ez-edu-subject-curriculum__detail-bullet {
    color:
        #59A676 !important;

    background:
        #59A676 !important;
}


/* 2 — PHƯƠNG PHÁP */

.ez-edu-subject-curriculum__detail:nth-child(2) {
    background:
        #F2F8FC;
}

.ez-edu-subject-curriculum__detail:nth-child(2)
.ez-edu-subject-curriculum__detail-title {
    color:
        #416F8D !important;
}

.ez-edu-subject-curriculum__detail:nth-child(2)
.ez-edu-subject-curriculum__detail-bullet {
    color:
        #66A2C7 !important;

    background:
        #66A2C7 !important;
}


/* 3 — KẾT QUẢ */

.ez-edu-subject-curriculum__detail:nth-child(3) {
    background:
        #FFF8ED;
}

.ez-edu-subject-curriculum__detail:nth-child(3)
.ez-edu-subject-curriculum__detail-title {
    color:
        #9B692D !important;
}

.ez-edu-subject-curriculum__detail:nth-child(3)
.ez-edu-subject-curriculum__detail-bullet {
    color:
        #E49A3A !important;

    background:
        #E49A3A !important;
}


/*
 * Column headings softer and more youthful.
 */

.ez-edu-subject-curriculum__detail-title {
    font-weight:
        700 !important;

    letter-spacing:
        .035em !important;
}


/*
 * ----------------------------------------------------------
 * DETAIL TOPICS
 * ----------------------------------------------------------
 */

.ez-edu-subject-curriculum__topics {
    background:
        #FFFFFF;
}


/*
 * Heading keeps Everzen identity.
 */

.ez-edu-subject-curriculum__topics-title {
    color:
        #285C57 !important;

    font-weight:
        700 !important;
}


/*
 * Topic numbers:
 * cycle colors like a school timetable.
 */

.ez-edu-subject-curriculum__topic:nth-child(6n + 1)
.ez-edu-subject-curriculum__topic-number {
    color:
        #4F9A6B !important;
}

.ez-edu-subject-curriculum__topic:nth-child(6n + 2)
.ez-edu-subject-curriculum__topic-number {
    color:
        #E88400 !important;
}

.ez-edu-subject-curriculum__topic:nth-child(6n + 3)
.ez-edu-subject-curriculum__topic-number {
    color:
        #5594BB !important;
}

.ez-edu-subject-curriculum__topic:nth-child(6n + 4)
.ez-edu-subject-curriculum__topic-number {
    color:
        #B49A3B !important;
}

.ez-edu-subject-curriculum__topic:nth-child(6n + 5)
.ez-edu-subject-curriculum__topic-number {
    color:
        #8B70A7 !important;
}

.ez-edu-subject-curriculum__topic:nth-child(6n + 6)
.ez-edu-subject-curriculum__topic-number {
    color:
        #B97084 !important;
}


/*
 * ----------------------------------------------------------
 * RIGHT TAB NAVIGATION
 * ----------------------------------------------------------
 */

.ez-edu-subject-curriculum__tabs-next {
    border-color:
        rgba(60,111,82,.25) !important;

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

    color:
        #3C6F52 !important;
}

.ez-edu-subject-curriculum__tabs-next:hover {
    color:
        #E88400 !important;
}


/*
 * ----------------------------------------------------------
 * TABLET / MOBILE
 * ----------------------------------------------------------
 *
 * Preserve current responsive layout.
 * Only reduce intensity slightly on small screens.
 */

@media (max-width: 767px) {

    .ez-edu-subject-curriculum__tab {
        font-weight:
            600;
    }


    .ez-edu-subject-curriculum__detail:nth-child(1),
    .ez-edu-subject-curriculum__detail:nth-child(2),
    .ez-edu-subject-curriculum__detail:nth-child(3) {
        background:
            rgba(255,255,255,.72);
    }


    .ez-edu-subject-curriculum__overview {
        background:
            linear-gradient(
                180deg,
                var(--curr-soft) 0%,
                #ffffff 100%
            );
    }

}




/*
 * ==========================================================
 * EDU SUBJECT CURRICULUM BLOB BACKGROUND 20261011
 * ==========================================================
 *
 * Add a playful pastel mottled background
 * behind the whole curriculum section.
 * Layout remains unchanged.
 */

.ez-edu-subject-curriculum {
    position:
        relative;

    isolation:
        isolate;

    overflow:
        hidden;
}


/*
 * Background blobs / watercolor-like pastel stains
 */

.ez-edu-subject-curriculum::before {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        0;

    pointer-events:
        none;

    opacity:
        .95;

    background:
        radial-gradient(
            circle at 10% 16%,
            rgba(221, 239, 228, .70) 0%,
            rgba(221, 239, 228, .42) 16%,
            rgba(221, 239, 228, 0) 34%
        ),
        radial-gradient(
            circle at 81% 13%,
            rgba(252, 227, 208, .58) 0%,
            rgba(252, 227, 208, .30) 14%,
            rgba(252, 227, 208, 0) 30%
        ),
        radial-gradient(
            circle at 88% 52%,
            rgba(220, 236, 248, .52) 0%,
            rgba(220, 236, 248, .26) 13%,
            rgba(220, 236, 248, 0) 28%
        ),
        radial-gradient(
            circle at 18% 74%,
            rgba(247, 226, 232, .52) 0%,
            rgba(247, 226, 232, .26) 13%,
            rgba(247, 226, 232, 0) 29%
        ),
        radial-gradient(
            circle at 72% 82%,
            rgba(247, 238, 207, .54) 0%,
            rgba(247, 238, 207, .28) 12%,
            rgba(247, 238, 207, 0) 28%
        ),
        radial-gradient(
            circle at 42% 34%,
            rgba(237, 227, 247, .44) 0%,
            rgba(237, 227, 247, .20) 10%,
            rgba(237, 227, 247, 0) 25%
        );
}


/*
 * Keep all real content above the blob layer
 */

.ez-edu-subject-curriculum > * {
    position:
        relative;

    z-index:
        1;
}


/*
 * Slightly protect the white curriculum panel
 * so it still reads cleanly on top of the blobs.
 */

.ez-edu-subject-curriculum__panel {
    position:
        relative;

    z-index:
        2;
}


/*
 * Mobile:
 * keep the loang lổ effect but softer.
 */

@media (max-width: 767px) {

    .ez-edu-subject-curriculum::before {
        opacity:
            .72;

        background:
            radial-gradient(
                circle at 14% 14%,
                rgba(221, 239, 228, .52) 0%,
                rgba(221, 239, 228, .26) 18%,
                rgba(221, 239, 228, 0) 36%
            ),
            radial-gradient(
                circle at 84% 18%,
                rgba(252, 227, 208, .44) 0%,
                rgba(252, 227, 208, .22) 15%,
                rgba(252, 227, 208, 0) 30%
            ),
            radial-gradient(
                circle at 82% 72%,
                rgba(220, 236, 248, .40) 0%,
                rgba(220, 236, 248, .18) 14%,
                rgba(220, 236, 248, 0) 28%
            ),
            radial-gradient(
                circle at 20% 84%,
                rgba(247, 238, 207, .40) 0%,
                rgba(247, 238, 207, .18) 14%,
                rgba(247, 238, 207, 0) 30%
            );
    }

}



/*
 * ==========================================================
 * EDU SUBJECT CURRICULUM DIRECT MOTTLED BACKGROUND 20261011
 * ==========================================================
 *
 * Direct background on section.
 * No layout changes.
 */


/*
 * Disable previous pseudo background layer.
 */

.ez-edu-subject-curriculum::before {
    content:
        none !important;
}


/*
 * Pastel mottled / timetable-inspired background.
 */

.ez-edu-subject-curriculum {
    background-color:
        #F7FAF8 !important;

    background-image:
        radial-gradient(
            ellipse at 7% 14%,
            rgba(202, 235, 214, .82) 0%,
            rgba(202, 235, 214, .54) 13%,
            rgba(202, 235, 214, .20) 25%,
            rgba(202, 235, 214, 0) 39%
        ),

        radial-gradient(
            ellipse at 47% 8%,
            rgba(255, 221, 190, .68) 0%,
            rgba(255, 221, 190, .40) 12%,
            rgba(255, 221, 190, .13) 24%,
            rgba(255, 221, 190, 0) 38%
        ),

        radial-gradient(
            ellipse at 91% 20%,
            rgba(199, 225, 247, .78) 0%,
            rgba(199, 225, 247, .48) 14%,
            rgba(199, 225, 247, .16) 27%,
            rgba(199, 225, 247, 0) 41%
        ),

        radial-gradient(
            ellipse at 20% 57%,
            rgba(244, 214, 229, .64) 0%,
            rgba(244, 214, 229, .36) 13%,
            rgba(244, 214, 229, .12) 25%,
            rgba(244, 214, 229, 0) 39%
        ),

        radial-gradient(
            ellipse at 65% 57%,
            rgba(231, 218, 248, .67) 0%,
            rgba(231, 218, 248, .38) 13%,
            rgba(231, 218, 248, .12) 25%,
            rgba(231, 218, 248, 0) 39%
        ),

        radial-gradient(
            ellipse at 94% 78%,
            rgba(249, 235, 183, .73) 0%,
            rgba(249, 235, 183, .42) 14%,
            rgba(249, 235, 183, .13) 27%,
            rgba(249, 235, 183, 0) 41%
        ),

        radial-gradient(
            ellipse at 34% 92%,
            rgba(196, 229, 224, .67) 0%,
            rgba(196, 229, 224, .37) 13%,
            rgba(196, 229, 224, .11) 26%,
            rgba(196, 229, 224, 0) 40%
        ) !important;

    background-repeat:
        no-repeat !important;

    background-size:
        100% 100% !important;
}


/*
 * Keep the content card clean against the colorful field.
 */

.ez-edu-subject-curriculum__panel {
    background-color:
        rgba(255,255,255,.95) !important;
}


/*
 * Mobile: keep colors visible,
 * but use larger softer patches.
 */

@media (max-width: 767px) {

    .ez-edu-subject-curriculum {
        background-image:
            radial-gradient(
                ellipse at 5% 10%,
                rgba(202,235,214,.76) 0%,
                rgba(202,235,214,.38) 22%,
                rgba(202,235,214,0) 46%
            ),

            radial-gradient(
                ellipse at 94% 24%,
                rgba(255,221,190,.65) 0%,
                rgba(255,221,190,.32) 21%,
                rgba(255,221,190,0) 44%
            ),

            radial-gradient(
                ellipse at 12% 58%,
                rgba(199,225,247,.65) 0%,
                rgba(199,225,247,.30) 22%,
                rgba(199,225,247,0) 45%
            ),

            radial-gradient(
                ellipse at 90% 70%,
                rgba(231,218,248,.62) 0%,
                rgba(231,218,248,.28) 22%,
                rgba(231,218,248,0) 45%
            ),

            radial-gradient(
                ellipse at 38% 96%,
                rgba(249,235,183,.65) 0%,
                rgba(249,235,183,.30) 23%,
                rgba(249,235,183,0) 47%
            ) !important;
    }

}




/*
 * ==========================================================
 * EVERZEN EDU SUBJECT 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-edu-subject-schedule .table-sche,
.ez-edu-subject-schedule .table-sche * {
    font-family:
        "Raleway",
        sans-serif !important;
}


/* Nội dung hoạt động */
.ez-edu-subject-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-edu-subject-schedule
.table-sche
.tab-content
.content-table.f-ex-bold {

    font-weight:
        400 !important;
}




/*
 * ==========================================================
 * EVERZEN EDU SUBJECT 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-edu-subject-schedule
.table-sche
.tab-content
.content-table {

    padding-left:
        18px !important;

    padding-right:
        10px;

    text-align:
        left !important;

    font-family:
        "Raleway",
        sans-serif !important;

    font-size:
        18px !important;

    font-weight:
        400 !important;
}


/*
 * Từng dòng hoạt động.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-line {

    position:
        relative;

    display:
        block;

    padding-left:
        16px;

    font-family:
        "Raleway",
        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-edu-subject-schedule
.ez-edu-subject-schedule-line::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        .62em;

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        #E88400;
}


/*
 * Nếu một ô có nhiều dòng,
 * tạo khoảng cách nhẹ để đọc rõ từng hoạt động.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-line
+
.ez-edu-subject-schedule-line {

    margin-top:
        4px;
}




/*
 * ==========================================================
 * EVERZEN EDU SUBJECT 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-edu-subject-schedule
.table-sche
.tab-content
.item
.title-table {

    padding-top:
        9px;

    padding-bottom:
        9px;
}


/*
 * Cột nội dung hoạt động.
 */
.ez-edu-subject-schedule
.table-sche
.tab-content
.item
.content-table {

    padding-top:
        9px !important;

    padding-bottom:
        9px !important;
}




/*
 * ==========================================================
 * EVERZEN EDU SUBJECT SCHEDULE HEADER VISUAL V2 20261011
 * ==========================================================
 */


/*
 * Header.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-head {

    max-width:
        920px;

    margin:
        0 auto 46px;

    text-align:
        center;
}


/*
 * Main title + duration.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-heading {

    display:
        flex;

    align-items:
        baseline;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        14px 28px;
}


/*
 * Tiêu đề chuẩn.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-title {

    margin:
        0;

    padding:
        0;

    font-family:
        "Raleway",
        sans-serif !important;

    font-size:
        30px;

    font-weight:
        600;

    line-height:
        1.25;

    color:
        #263333;

    text-transform:
        none;
}


/*
 * Tiêu đề nhấn chuẩn:
 * Dancing Script + cam Everzen.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-duration {

    font-family:
        "Dancing Script SVN",
        "Dancing Script",
        cursive;

    font-size:
        46px;

    font-weight:
        400;

    line-height:
        1;

    color:
        #E88400;
}


/*
 * Mô tả chuẩn.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-description {

    max-width:
        760px;

    margin:
        20px auto 0;

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

    font-size:
        17px;

    font-weight:
        400;

    line-height:
        1.7;

    color:
        #566461;

    text-align:
        center;
}


.ez-edu-subject-schedule
.ez-edu-subject-schedule-description
p:last-child {

    margin-bottom:
        0;
}


/*
 * Ảnh lịch trình mới.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-image {

    width:
        100%;

    overflow:
        hidden;
}


.ez-edu-subject-schedule
.ez-edu-subject-schedule-image__img {

    display:
        block;

    width:
        100%;

    height:
        auto;

    object-fit:
        cover;
}


/*
 * Tablet.
 */
@media (min-width: 768px) and (max-width: 991px) {

    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-title {

        font-size:
            26px;
    }


    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-duration {

        font-size:
            40px;
    }

}


/*
 * Mobile.
 */
@media (max-width: 767px) {

    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-head {

        margin-bottom:
            30px;
    }


    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-heading {

        gap:
            10px 18px;
    }


    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-title {

        font-size:
            21px;
    }


    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-duration {

        font-size:
            34px;
    }


    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-description {

        margin-top:
            14px;

        font-size:
            15px;
    }

}




/*
 * ==========================================================
 * EVERZEN EDU SUBJECT SCHEDULE POLISH CSS 20261011
 * ==========================================================
 */


/*
 * Giữ đúng chuẩn Tiêu đề nhấn.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-duration {

    font-size:
        46px !important;
}


/*
 * Mô tả + icon nhẹ.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-description {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;
}


.ez-edu-subject-schedule
.ez-edu-subject-schedule-description__icon {

    flex:
        0 0 auto;

    width:
        18px;

    height:
        18px;

    color:
        #245C57;
}


.ez-edu-subject-schedule
.ez-edu-subject-schedule-description__icon
svg {

    display:
        block;

    width:
        100%;

    height:
        100%;

    stroke:
        currentColor;

    stroke-width:
        1.5;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.ez-edu-subject-schedule
.ez-edu-subject-schedule-description__text
p {

    margin:
        0;
}


/*
 * Ảnh cố định tỷ lệ 4:5.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-image {

    aspect-ratio:
        4 / 5;

    border-radius:
        16px;

    overflow:
        hidden;
}


.ez-edu-subject-schedule
.ez-edu-subject-schedule-image__img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;
}


/*
 * Link tải lịch trình.
 */
.ez-edu-subject-schedule
.ez-edu-subject-schedule-download {

    margin-top:
        14px;

    text-align:
        center;
}


.ez-edu-subject-schedule
.ez-edu-subject-schedule-download__link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

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

    font-size:
        15px;

    font-weight:
        600;

    line-height:
        1.3;

    color:
        #245C57;

    text-decoration:
        none;

    transition:
        color .2s ease;
}


.ez-edu-subject-schedule
.ez-edu-subject-schedule-download__link:hover {

    color:
        #E88400;
}


.ez-edu-subject-schedule
.ez-edu-subject-schedule-download__icon {

    width:
        18px;

    height:
        18px;
}


.ez-edu-subject-schedule
.ez-edu-subject-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-edu-subject-schedule
    .ez-edu-subject-schedule-duration {

        font-size:
            40px !important;
    }

}


/*
 * Mobile.
 */
@media (max-width: 767px) {

    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-duration {

        font-size:
            34px !important;
    }


    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-description {

        align-items:
            flex-start;
    }


    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-description__icon {

        margin-top:
            2px;
    }

}




/*
 * ==========================================================
 * EVERZEN EDU SUBJECT 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-edu-subject-schedule
.ez-edu-subject-schedule-download {

    margin-top:
        18px;

    text-align:
        right;
}


.ez-edu-subject-schedule
.ez-edu-subject-schedule-download__link {

    font-size:
        17px;

    font-weight:
        600;
}


.ez-edu-subject-schedule
.ez-edu-subject-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-edu-subject-schedule
    .ez-edu-subject-schedule-download {

        margin-top:
            16px;
    }

}



/*
 * ==========================================================
 * EVERZEN EDU SUBJECT 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-edu-subject-schedule {

        padding-top:
            76px !important;
    }


    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-image {

        width:
            74%;

        max-width:
            430px;

        margin-left:
            auto;

        margin-right:
            auto;
    }


    .ez-edu-subject-schedule
    .col-lg-4 {

        margin-bottom:
            42px;
    }

}


/* =========================================================
 * MOBILE: <= 767
 * ========================================================= */
@media (max-width: 767px) {

    .ez-edu-subject-schedule {

        padding-top:
            66px !important;
    }


    .ez-edu-subject-schedule
    .ez-edu-subject-schedule-image {

        width:
            84%;

        max-width:
            360px;

        margin-left:
            auto;

        margin-right:
            auto;
    }


    .ez-edu-subject-schedule
    .col-lg-4 {

        margin-bottom:
            38px;
    }

}




/*
 * ==========================================================
 * EVERZEN EDU SUBJECT TEAM WALL CSS V2 20261011
 * ==========================================================
 */

.ez-edu-subject-team-wall {
    position: relative;
    overflow: hidden;
    padding: 92px 0 118px;
    background:
        #FBF7EF;
    isolation: isolate;
}


/* soft watercolor fields */
.ez-edu-subject-team-wall__wash {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
    opacity: .42;
    z-index: -2;
}

.ez-edu-subject-team-wall__wash--1 {
    width: 520px;
    height: 330px;
    left: -180px;
    top: 80px;
    background:
        radial-gradient(
            ellipse,
            rgba(148,185,153,.44) 0%,
            rgba(148,185,153,.17) 58%,
            rgba(148,185,153,0) 76%
        );
}

.ez-edu-subject-team-wall__wash--2 {
    width: 560px;
    height: 380px;
    right: -190px;
    top: 310px;
    background:
        radial-gradient(
            ellipse,
            rgba(239,184,126,.32) 0%,
            rgba(239,184,126,.13) 57%,
            rgba(239,184,126,0) 78%
        );
}

.ez-edu-subject-team-wall__wash--3 {
    width: 680px;
    height: 300px;
    left: 27%;
    bottom: -80px;
    background:
        radial-gradient(
            ellipse,
            rgba(177,207,192,.40) 0%,
            rgba(177,207,192,.14) 58%,
            rgba(177,207,192,0) 80%
        );
}


/*
 * HEADER
 */
.ez-edu-subject-team-wall__head {
    position: relative;
    max-width: 920px;
    margin: 0 auto 62px;
    text-align: center;
}

.ez-edu-subject-team-wall__eyebrow {
    max-width: 720px;
    margin: 0 auto 12px;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0;
    color: #62736B;
}

.ez-edu-subject-team-wall__eyebrow p {
    margin: 0;
}

.ez-edu-subject-team-wall__title {
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-size: 38px;
    line-height: 1.16;
    font-weight: 700;
    text-transform: uppercase;
    color: #245C57;
}

.ez-edu-subject-team-wall__title span {
    color: #E88400;
}

.ez-edu-subject-team-wall__description {
    max-width: 720px;
    margin: 16px auto 0;
    font-family: "Raleway", sans-serif;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 400;
    color: #65716D;
}

.ez-edu-subject-team-wall__description p {
    margin: 0;
}

.ez-edu-subject-team-wall__head-doodle {
    position: absolute;
    width: 76px;
    height: auto;
    right: 44px;
    top: 27px;
    fill: none;
    stroke: #6E9D6D;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/*
 * BOARD
 */
.ez-edu-subject-team-wall__board {
    position: relative;
    min-height: 1280px;
}


/*
 * PROFILE COMMON
 */
.ez-edu-subject-team-profile {
    position: absolute;
    display: grid;
    grid-template-columns: minmax(220px, .9fr) minmax(260px, 1.1fr);
    align-items: center;
    gap: 0;
    width: min(640px, 52vw);
}

.ez-edu-subject-team-profile__photo-wrap,
.ez-edu-subject-team-profile__paper {
    position: relative;
}

.ez-edu-subject-team-profile__photo-wrap {
    z-index: 2;
}

.ez-edu-subject-team-profile__photo {
    position: relative;
    aspect-ratio: 4 / 5;
    padding: 9px;
    background: #FFFFFF;
    box-shadow:
        0 18px 38px rgba(35,55,47,.16),
        0 3px 10px rgba(35,55,47,.08);
    transform-origin: center;
}

.ez-edu-subject-team-profile__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ez-edu-subject-team-profile__placeholder {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #DDE9E1;
    color: #245C57;
    font-family: "Raleway", sans-serif;
    font-size: 72px;
    font-weight: 700;
}

.ez-edu-subject-team-profile__tape {
    position: absolute;
    z-index: 6;
    width: 82px;
    height: 25px;
    left: 50%;
    top: -10px;
    transform:
        translateX(-50%)
        rotate(-3deg);
    background:
        rgba(231,207,166,.70);
    box-shadow:
        inset 0 0 0 1px rgba(183,157,111,.10);
}

.ez-edu-subject-team-profile__paper {
    z-index: 1;
    margin-left: -9px;
    padding: 31px 30px 29px 38px;
    background:
        rgba(255,253,247,.97);
    box-shadow:
        0 15px 34px rgba(55,60,48,.10);
}

.ez-edu-subject-team-profile__paper::before {
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    right: 0;
    height: 8px;
    background:
        linear-gradient(
            135deg,
            transparent 5px,
            rgba(255,253,247,.97) 0
        ) 0 0 / 11px 8px repeat-x;
}

.ez-edu-subject-team-profile__paper::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    height: 9px;
    background:
        linear-gradient(
            45deg,
            transparent 5px,
            rgba(255,253,247,.97) 0
        ) 0 0 / 13px 9px repeat-x;
}

.ez-edu-subject-team-profile__pin {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 18px;
    top: 15px;
    border-radius: 50%;
    background: #7B9D65;
    box-shadow:
        0 2px 5px rgba(0,0,0,.22);
}

.ez-edu-subject-team-profile__name {
    margin: 0 0 9px;
    font-family: "Raleway", sans-serif;
    font-size: 23px;
    line-height: 1.25;
    font-weight: 700;
    color: #183F3B;
}

.ez-edu-subject-team-profile__role {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 17px;
    padding: 6px 14px;
    border-radius: 999px;
    background: #F9C896;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    color: #58432E;
}

.ez-edu-subject-team-profile:nth-of-type(even)
.ez-edu-subject-team-profile__role {
    background:
        #D9E7C9;
    color:
        #3D5638;
}

.ez-edu-subject-team-profile__subject {
    display: grid;
    grid-template-columns: 27px 1fr;
    gap: 10px;
    margin-bottom: 16px;
    color: #476F55;
}

.ez-edu-subject-team-profile__subject svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ez-edu-subject-team-profile__subject span {
    display: block;
    margin-bottom: 2px;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #7A817D;
}

.ez-edu-subject-team-profile__subject strong {
    display: block;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 500;
    color: #36433E;
}

.ez-edu-subject-team-profile__achievements {
    margin: 0;
    padding-left: 18px;
}

.ez-edu-subject-team-profile__achievements li {
    margin: 0 0 7px;
    padding-left: 3px;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    line-height: 1.48;
    font-weight: 400;
    color: #46504C;
}

.ez-edu-subject-team-profile__achievements li::marker {
    color: #E88400;
}

.ez-edu-subject-team-profile__quote {
    position: absolute;
    z-index: 8;
    max-width: 235px;
    margin: 0;
    padding: 14px 16px;
    background: #FFFDF8;
    box-shadow:
        0 8px 20px rgba(43,53,47,.11);
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    line-height: 1.55;
    font-style: italic;
    font-weight: 400;
    color: #53605A;
}

.ez-edu-subject-team-profile__scribble {
    position: absolute;
    width: 46px;
    height: auto;
    right: 18px;
    bottom: 12px;
    fill: none;
    stroke: rgba(232,132,0,.55);
    stroke-width: 1.7;
    stroke-linecap: round;
}


/*
 * FIVE PERSON COMPOSITION
 *
 * 5 người = 5 cách trình bày khác nhau.
 * Không dùng một card template lặp lại.
 */


/* =========================================================
 * PERSON 1
 * Ảnh trái lớn + info phải
 * Quote chồng dưới ảnh
 * ========================================================= */

.ez-edu-subject-team-profile--1 {
    left:
        0;

    top:
        12px;

    width:
        650px;

    grid-template-columns:
        46% 54%;
}


.ez-edu-subject-team-profile--1
.ez-edu-subject-team-profile__photo {
    transform:
        rotate(-2.2deg);
}


.ez-edu-subject-team-profile--1
.ez-edu-subject-team-profile__paper {

    margin-left:
        -8px;

    padding:
        34px 31px 30px 39px;

    background:
        rgba(255,253,247,.98);
}


.ez-edu-subject-team-profile--1
.ez-edu-subject-team-profile__tape {

    left:
        55%;

    transform:
        translateX(-50%)
        rotate(-4deg);
}


.ez-edu-subject-team-profile--1
.ez-edu-subject-team-profile__quote {

    left:
        25px;

    bottom:
        -52px;

    width:
        235px;

    background:
        #FFFDF8;

    transform:
        rotate(-2.6deg);
}



/* =========================================================
 * PERSON 2
 * Info trái + ảnh phải
 * Quote nhỏ dưới ảnh
 * ========================================================= */

.ez-edu-subject-team-profile--2 {

    right:
        0;

    top:
        150px;

    width:
        600px;

    grid-template-columns:
        54% 46%;
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__paper {

    order:
        1;

    margin-left:
        0;

    margin-right:
        -18px;

    padding:
        32px 39px 31px 29px;

    background:
        #F3F7EC;

    transform:
        rotate(-.5deg);
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__photo-wrap {

    order:
        2;

    z-index:
        3;
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__photo {

    transform:
        rotate(2.3deg);
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__tape {

    left:
        43%;

    top:
        -9px;

    transform:
        translateX(-50%)
        rotate(3deg);
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__quote {

    left:
        22px;

    bottom:
        -49px;

    width:
        175px;

    padding:
        12px 14px;

    background:
        #FFF9EB;

    text-align:
        center;

    transform:
        rotate(1.5deg);
}



/* =========================================================
 * PERSON 3
 * Ảnh đứng độc lập
 * Info đè lên phần dưới bên phải của ảnh
 * Quote tách lên góc trên
 * ========================================================= */

.ez-edu-subject-team-profile--3 {

    left:
        60px;

    top:
        540px;

    width:
        545px;

    display:
        block;
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__photo-wrap {

    width:
        58%;

    z-index:
        2;
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__photo {

    width:
        100%;

    transform:
        rotate(1.8deg);
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__paper {

    position:
        relative;

    z-index:
        4;

    width:
        72%;

    margin:
        -92px 0 0 auto;

    padding:
        31px 29px 27px;

    background:
        #FFF7EE;

    transform:
        rotate(-.8deg);
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__tape {

    left:
        68%;

    width:
        70px;

    transform:
        translateX(-50%)
        rotate(5deg);
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__quote {

    left:
        auto;

    right:
        -178px;

    top:
        28px;

    bottom:
        auto;

    width:
        175px;

    background:
        #E5EFD7;

    color:
        #44553F;

    transform:
        rotate(3deg);
}



/* =========================================================
 * PERSON 4
 * Info lớn bên trái
 * Ảnh chen vào cạnh phải và thấp hơn
 * Quote ngoài mép phải
 * ========================================================= */

.ez-edu-subject-team-profile--4 {

    right:
        40px;

    top:
        650px;

    width:
        620px;

    grid-template-columns:
        57% 43%;
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__paper {

    order:
        1;

    z-index:
        3;

    margin-left:
        0;

    margin-right:
        -28px;

    padding:
        36px 42px 33px 30px;

    background:
        #FFFDF7;

    transform:
        translateY(-30px)
        rotate(.6deg);
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__photo-wrap {

    order:
        2;

    z-index:
        4;

    transform:
        translateY(36px);
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__photo {

    transform:
        rotate(-2.5deg);
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__tape {

    left:
        58%;

    transform:
        translateX(-50%)
        rotate(-6deg);
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__quote {

    left:
        auto;

    right:
        -145px;

    bottom:
        28px;

    width:
        165px;

    background:
        #F9E3AD;

    color:
        #5E4B2F;

    transform:
        rotate(-3deg);
}



/* =========================================================
 * PERSON 5
 * Hồ sơ kết section
 * Ảnh nhỏ hơn + info rộng hơn
 * Quote là note riêng, lệch khỏi cụm chính
 * ========================================================= */

.ez-edu-subject-team-profile--5 {

    left:
        50%;

    top:
        1015px;

    width:
        710px;

    grid-template-columns:
        39% 61%;

    transform:
        translateX(-50%);
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__photo-wrap {

    z-index:
        3;
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__photo {

    transform:
        rotate(-1.6deg);
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__paper {

    margin-left:
        -18px;

    padding:
        36px 34px 32px 46px;

    background:
        #F2F7F0;

    transform:
        rotate(.4deg);
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__tape {

    left:
        38%;

    width:
        92px;

    transform:
        translateX(-50%)
        rotate(2deg);
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__quote {

    left:
        -105px;

    bottom:
        -45px;

    width:
        215px;

    background:
        #FFF0DE;

    color:
        #5C4A3A;

    transform:
        rotate(2.5deg);
}



/*
 * ----------------------------------------------------------
 * Paper personality
 * ----------------------------------------------------------
 */

.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__pin {

    background:
        #94B276;
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__pin {

    background:
        #E3A355;
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__pin {

    background:
        #7799AA;
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__pin {

    background:
        #B8876B;
}



/*
 * Slightly different role pills.
 */

.ez-edu-subject-team-profile--1
.ez-edu-subject-team-profile__role {

    background:
        #F7C78D;
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__role {

    background:
        #DCEBCB;
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__role {

    background:
        #F4D7B9;
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__role {

    background:
        #D8E8E7;
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__role {

    background:
        #E9DFC7;
}



/*
 * Quote treatment.
 */

.ez-edu-subject-team-profile__quote {

    border:
        0;
}


.ez-edu-subject-team-profile--1
.ez-edu-subject-team-profile__quote::before {

    content:
        "“";

    position:
        absolute;

    left:
        8px;

    top:
        -10px;

    font-size:
        36px;

    line-height:
        1;

    color:
        rgba(232,132,0,.38);
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__quote::after {

    content:
        "";

    position:
        absolute;

    width:
        34px;

    height:
        8px;

    left:
        50%;

    top:
        -5px;

    transform:
        translateX(-50%)
        rotate(-4deg);

    background:
        rgba(221,197,148,.62);
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__quote {

    font-style:
        normal;

    font-weight:
        500;
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__quote {

    text-align:
        center;
}


/*
 * NOTES / DOODLES
 */
.ez-edu-subject-team-note {
    position: absolute;
    z-index: 7;
    max-width: 185px;
    padding: 17px 18px;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;
    text-align: center;
    box-shadow:
        0 8px 18px rgba(44,53,47,.12);
}

.ez-edu-subject-team-note--orange {
    left: 31%;
    top: 376px;
    background: #F7DFAD;
    color: #5D5140;
    transform: rotate(-4deg);
}

.ez-edu-subject-team-note--green {
    right: 1%;
    top: 540px;
    background: #DDE9CF;
    color: #44523F;
    transform: rotate(3deg);
}

.ez-edu-subject-team-doodle {
    position: absolute;
    z-index: 0;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ez-edu-subject-team-doodle--plane {
    width: 125px;
    right: 3%;
    top: 20px;
    stroke: #E88400;
    stroke-width: 1.5;
    stroke-dasharray: 4 5;
}

.ez-edu-subject-team-doodle--leaf {
    width: 62px;
    left: 1%;
    top: 790px;
    stroke: #54825A;
    stroke-width: 1.8;
}

.ez-edu-subject-team-sign {
    position: absolute;
    left: 0;
    bottom: 8px;
    z-index: 5;
    display: grid;
    gap: 7px;
    transform: rotate(-2deg);
}

.ez-edu-subject-team-sign span {
    display: block;
    width: 165px;
    padding: 8px 12px;
    background: #D9B878;
    border: 1px solid rgba(91,70,39,.18);
    box-shadow: 0 5px 10px rgba(63,52,36,.10);
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    color: #4D412F;
}

.ez-edu-subject-team-sign span:nth-child(even) {
    margin-left: 18px;
}


/*
 * BOTTOM LANDSCAPE
 */
.ez-edu-subject-team-wall__landscape {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 130px;
    overflow: hidden;
}

.ez-edu-subject-team-wall__landscape span {
    position: absolute;
    left: -8%;
    width: 116%;
    border-radius: 50% 50% 0 0;
}

.ez-edu-subject-team-wall__landscape span:nth-child(1) {
    height: 96px;
    bottom: -36px;
    background: #C9DAC1;
}

.ez-edu-subject-team-wall__landscape span:nth-child(2) {
    height: 72px;
    bottom: -31px;
    background: #99B897;
    transform: translateX(12%);
}

.ez-edu-subject-team-wall__landscape span:nth-child(3) {
    height: 52px;
    bottom: -26px;
    background: #6E9871;
    transform: translateX(-12%);
}


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

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

    .ez-edu-subject-team-wall {
        padding:
            76px 0 100px;
    }

    .ez-edu-subject-team-wall__title {
        font-size:
            32px;
    }

    .ez-edu-subject-team-wall__head {
        margin-bottom:
            48px;
    }

    .ez-edu-subject-team-wall__board {
        display:
            grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap:
            42px 30px;
        min-height:
            0;
    }

    .ez-edu-subject-team-profile {
        position:
            relative;
        inset:
            auto;
        width:
            auto;
        transform:
            none;
        display:
            block;
    }

    .ez-edu-subject-team-profile--1 {
        grid-column:
            1 / -1;
        max-width:
            650px;
        margin:
            0 auto;
    }

    .ez-edu-subject-team-profile__photo {
        width:
            72%;
        margin:
            0 auto;
    }

    .ez-edu-subject-team-profile__paper {
        width:
            88%;
        margin:
            -18px auto 0;
        padding:
            28px 27px 25px;
    }

    .ez-edu-subject-team-profile__quote {
        right:
            2%;
        left:
            auto !important;
        bottom:
            -20px !important;
    }

    .ez-edu-subject-team-note,
    .ez-edu-subject-team-doodle,
    .ez-edu-subject-team-sign {
        display:
            none;
    }

}


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

@media (max-width: 767px) {

    .ez-edu-subject-team-wall {
        padding:
            66px 0 86px;
    }

    .ez-edu-subject-team-wall__head {
        margin-bottom:
            42px;
        padding:
            0 8px;
    }

    .ez-edu-subject-team-wall__eyebrow {
        font-size:
            12px;
    }

    .ez-edu-subject-team-wall__title {
        font-size:
            27px;
        line-height:
            1.2;
    }

    .ez-edu-subject-team-wall__description {
        margin-top:
            12px;
        font-size:
            15px;
        line-height:
            1.65;
    }

    .ez-edu-subject-team-wall__head-doodle {
        display:
            none;
    }

    .ez-edu-subject-team-wall__board {
        display:
            block;
        min-height:
            0;
    }

    .ez-edu-subject-team-profile {
        position:
            relative;
        inset:
            auto;
        display:
            block;
        width:
            100%;
        max-width:
            430px;
        margin:
            0 auto 62px;
        transform:
            none;
    }

    .ez-edu-subject-team-profile:nth-of-type(odd) {
        padding-right:
            12px;
    }

    .ez-edu-subject-team-profile:nth-of-type(even) {
        padding-left:
            12px;
    }

    .ez-edu-subject-team-profile__photo {
        width:
            76%;
        margin:
            0 auto;
    }

    .ez-edu-subject-team-profile:nth-of-type(odd)
    .ez-edu-subject-team-profile__photo {
        transform:
            rotate(-1.5deg);
    }

    .ez-edu-subject-team-profile:nth-of-type(even)
    .ez-edu-subject-team-profile__photo {
        transform:
            rotate(1.5deg);
    }

    .ez-edu-subject-team-profile__paper {
        width:
            92%;
        margin:
            -15px auto 0;
        padding:
            28px 23px 26px;
    }

    .ez-edu-subject-team-profile__name {
        font-size:
            21px;
    }

    .ez-edu-subject-team-profile__role {
        font-size:
            12px;
    }

    .ez-edu-subject-team-profile__subject strong {
        font-size:
            14px;
    }

    .ez-edu-subject-team-profile__achievements li {
        font-size:
            13px;
        line-height:
            1.5;
    }

    .ez-edu-subject-team-profile__quote {
        position:
            relative;
        left:
            auto !important;
        right:
            auto;
        bottom:
            auto !important;
        width:
            82%;
        max-width:
            none;
        margin:
            -7px auto 0;
        transform:
            rotate(-1.4deg);
    }

    .ez-edu-subject-team-note,
    .ez-edu-subject-team-doodle,
    .ez-edu-subject-team-sign {
        display:
            none;
    }

    .ez-edu-subject-team-wall__landscape {
        height:
            92px;
    }

}




/*
 * ==========================================================
 * EVERZEN EDU SUBJECT TEAM UNIQUE FRAME SYSTEM 20261011
 * ==========================================================
 *
 * #1 giữ vai trò anchor.
 * #2 - Polaroid + torn note + sticky quote
 * #3 - Postcard + bordered info + quote strip
 * #4 - Modern rounded photo + memo paper + speech quote
 * #5 - Film frame + index card + hanging tag quote
 * ==========================================================
 */


/* =========================================================
 * PERSON 2
 * POLAROID / TORN PAPER / STICKY NOTE
 * ========================================================= */

.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__photo {

    padding:
        12px 12px 28px;

    background:
        #fff;

    border:
        1px solid rgba(55,70,60,.08);

    box-shadow:
        0 18px 35px rgba(40,53,47,.18);

    clip-path:
        none;
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__photo::after {

    content:
        "";

    position:
        absolute;

    left:
        50%;

    bottom:
        8px;

    width:
        34%;

    height:
        2px;

    transform:
        translateX(-50%);

    background:
        rgba(60,111,82,.18);
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__paper {

    border:
        0;

    border-radius:
        0;

    clip-path:
        polygon(
            0 3%,
            4% 0,
            9% 3%,
            15% 0,
            22% 2%,
            30% 0,
            38% 3%,
            47% 0,
            56% 2%,
            65% 0,
            74% 3%,
            84% 0,
            94% 2%,
            100% 0,
            100% 97%,
            94% 100%,
            86% 97%,
            77% 100%,
            67% 97%,
            58% 100%,
            48% 97%,
            38% 100%,
            29% 97%,
            20% 100%,
            10% 97%,
            0 100%
        );

    background:
        #F3F7EC;

    box-shadow:
        0 14px 26px rgba(57,66,52,.11);
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__paper::before,
.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__paper::after {

    content:
        none;
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__quote {

    border-radius:
        2px;

    background:
        #FFE7A9;

    box-shadow:
        0 9px 18px rgba(77,62,37,.14);

    font-style:
        normal;

    color:
        #5C4D35;
}


.ez-edu-subject-team-profile--2
.ez-edu-subject-team-profile__quote::before {

    content:
        "";

    position:
        absolute;

    left:
        50%;

    top:
        -6px;

    width:
        52px;

    height:
        13px;

    transform:
        translateX(-50%)
        rotate(-4deg);

    background:
        rgba(210,183,130,.62);
}



/* =========================================================
 * PERSON 3
 * POSTCARD / BORDERED CARD / QUOTE STRIP
 * ========================================================= */

.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__photo {

    padding:
        8px;

    background:
        #F8F6F0;

    border:
        4px solid #fff;

    outline:
        1px solid rgba(40,70,60,.18);

    box-shadow:
        0 13px 25px rgba(32,54,47,.14);

    border-radius:
        3px;
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__photo::before {

    content:
        "POST";

    position:
        absolute;

    right:
        13px;

    bottom:
        10px;

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

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .16em;

    color:
        rgba(60,111,82,.42);
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__paper {

    border:
        1.5px solid rgba(60,111,82,.28);

    border-radius:
        8px;

    background:
        #FFFDF9;

    box-shadow:
        none;

    background-image:
        linear-gradient(
            to bottom,
            transparent 31px,
            rgba(60,111,82,.07) 32px
        );

    background-size:
        100% 32px;
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__paper::before,
.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__paper::after {

    content:
        none;
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__quote {

    width:
        220px;

    padding:
        10px 18px;

    border-left:
        4px solid #3C6F52;

    border-radius:
        0;

    background:
        #E7EFE2;

    box-shadow:
        none;

    font-style:
        italic;

    color:
        #415248;
}


.ez-edu-subject-team-profile--3
.ez-edu-subject-team-profile__quote::before {

    content:
        "❝";

    display:
        inline-block;

    margin-right:
        6px;

    color:
        #3C6F52;

    font-size:
        22px;

    line-height:
        0;
}



/* =========================================================
 * PERSON 4
 * MODERN ROUNDED PHOTO / MEMO SHEET / SPEECH NOTE
 * ========================================================= */

.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__photo {

    padding:
        0;

    border:
        8px solid #fff;

    border-radius:
        26px;

    overflow:
        hidden;

    box-shadow:
        0 18px 40px rgba(36,70,67,.20);
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__image {

    border-radius:
        18px;
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__paper {

    border:
        1px solid rgba(65,111,141,.20);

    border-radius:
        14px;

    background:
        #F6FAFC;

    box-shadow:
        0 12px 28px rgba(65,111,141,.11);
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__paper::before {

    content:
        none;

    position:
        absolute;

    left:
        28px;

    top:
        17px;

    height:
        auto;

    background:
        none;

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

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .16em;

    color:
        #416F8D;
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__paper::after {

    content:
        "";

    position:
        absolute;

    left:
        28px;

    right:
        28px;

    top:
        42px;

    bottom:
        auto;

    height:
        1px;

    background:
        rgba(65,111,141,.17);
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__quote {

    border-radius:
        16px;

    background:
        #DCEFF0;

    box-shadow:
        0 8px 20px rgba(48,90,88,.12);

    font-style:
        normal;

    color:
        #345A57;
}


.ez-edu-subject-team-profile--4
.ez-edu-subject-team-profile__quote::after {

    content:
        "";

    position:
        absolute;

    right:
        20px;

    bottom:
        -12px;

    width:
        0;

    height:
        0;

    border-left:
        14px solid transparent;

    border-top:
        14px solid #DCEFF0;
}



/* =========================================================
 * PERSON 5
 * FILM FRAME / INDEX CARD / HANGING TAG
 * ========================================================= */

.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__photo {

    padding:
        18px 11px;

    border:
        0;

    border-radius:
        0;

    background:
        #202524;

    box-shadow:
        0 16px 33px rgba(23,31,28,.22);
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__photo::before,
.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__photo::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    right:
        0;

    height:
        8px;

    background:
        repeating-linear-gradient(
            90deg,
            transparent 0 8px,
            #FBF7EF 8px 14px,
            transparent 14px 22px
        );
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__photo::before {

    top:
        4px;
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__photo::after {

    bottom:
        4px;
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__paper {

    border:
        1px solid rgba(120,96,55,.18);

    border-radius:
        6px;

    background:
        #F6F0DF;

    box-shadow:
        8px 8px 0 rgba(224,210,178,.42);

    background-image:
        repeating-linear-gradient(
            to bottom,
            transparent,
            transparent 30px,
            rgba(135,111,69,.10) 31px
        );
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__paper::before {

    content:
        "";

    position:
        absolute;

    left:
        18px;

    top:
        0;

    bottom:
        0;

    width:
        1px;

    height:
        auto;

    background:
        rgba(200,111,83,.23);
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__paper::after {

    content:
        none;
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__quote {

    padding:
        16px 18px 16px 26px;

    border-radius:
        4px 14px 14px 4px;

    background:
        #F4D3AA;

    box-shadow:
        0 8px 18px rgba(87,67,45,.13);

    font-style:
        normal;

    color:
        #604A35;
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__quote::before {

    content:
        "";

    position:
        absolute;

    left:
        8px;

    top:
        50%;

    width:
        8px;

    height:
        8px;

    margin-top:
        -4px;

    border-radius:
        50%;

    background:
        #FBF7EF;

    box-shadow:
        inset 0 0 0 1px rgba(88,66,40,.18);
}


.ez-edu-subject-team-profile--5
.ez-edu-subject-team-profile__quote::after {

    content:
        "";

    position:
        absolute;

    left:
        -26px;

    top:
        50%;

    width:
        30px;

    height:
        1px;

    background:
        rgba(94,73,49,.34);

    transform:
        rotate(-8deg);
}


/*
 * ==========================================================
 * RESPONSIVE NORMALIZATION
 * ==========================================================
 *
 * Trên tablet/mobile vẫn giữ ngôn ngữ riêng của từng người,
 * nhưng tránh clip/overlap quá mạnh.
 */

@media (max-width: 991px) {

    .ez-edu-subject-team-profile--2
    .ez-edu-subject-team-profile__paper,

    .ez-edu-subject-team-profile--3
    .ez-edu-subject-team-profile__paper,

    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__paper,

    .ez-edu-subject-team-profile--5
    .ez-edu-subject-team-profile__paper {

        transform:
            none;
    }

}


@media (max-width: 767px) {

    .ez-edu-subject-team-profile--2
    .ez-edu-subject-team-profile__quote,

    .ez-edu-subject-team-profile--3
    .ez-edu-subject-team-profile__quote,

    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__quote,

    .ez-edu-subject-team-profile--5
    .ez-edu-subject-team-profile__quote {

        width:
            82%;

        max-width:
            none;

        margin-left:
            auto;

        margin-right:
            auto;
    }


    .ez-edu-subject-team-profile--3
    .ez-edu-subject-team-profile__paper {

        background-size:
            100% 30px;
    }


    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__paper {

        padding-top:
            54px;
    }


    .ez-edu-subject-team-profile--5
    .ez-edu-subject-team-profile__paper {

        box-shadow:
            5px 5px 0 rgba(224,210,178,.42);
    }

}




/* ===== EVERZEN EDU SUBJECT TEAM FIX V2 20261011 ===== */

/* -------------------------------------------------
   1) Giảm kích cỡ toàn bộ card hồ sơ
------------------------------------------------- */
.ez-edu-subject-team-profile__paper {
    width: min(100%, 320px) !important;
    max-width: 320px !important;
    padding: 24px 22px 22px !important;
}

.ez-edu-subject-team-profile__name {
    font-size: 18px !important;
    line-height: 1.25 !important;
}

.ez-edu-subject-team-profile__role,
.ez-edu-subject-team-profile__role-pill,
.ez-edu-subject-team-profile__pill {
    font-size: 13px !important;
    padding: 6px 12px !important;
}

.ez-edu-subject-team-profile__specialty-label,
.ez-edu-subject-team-profile__section-label {
    font-size: 12px !important;
}

.ez-edu-subject-team-profile__specialty,
.ez-edu-subject-team-profile__specialty-text,
.ez-edu-subject-team-profile__paper p,
.ez-edu-subject-team-profile__paper li,
.ez-edu-subject-team-profile__paper div {
    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* -------------------------------------------------
   2) Thành tích có icon đầu dòng
------------------------------------------------- */
.ez-edu-subject-team-profile__achievements,
.ez-edu-subject-team-profile__achievement-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.ez-edu-subject-team-profile__achievements p,
.ez-edu-subject-team-profile__achievements li,
.ez-edu-subject-team-profile__achievements div,
.ez-edu-subject-team-profile__achievement-list p,
.ez-edu-subject-team-profile__achievement-list li,
.ez-edu-subject-team-profile__achievement-list div {
    position: relative !important;
    padding-left: 18px !important;
    margin: 0 !important;
    list-style: none !important;
}

.ez-edu-subject-team-profile__achievements p::before,
.ez-edu-subject-team-profile__achievements li::before,
.ez-edu-subject-team-profile__achievements div::before,
.ez-edu-subject-team-profile__achievement-list p::before,
.ez-edu-subject-team-profile__achievement-list li::before,
.ez-edu-subject-team-profile__achievement-list div::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: .72em !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #d88911 !important;
    transform: translateY(-50%) !important;
    box-shadow: 0 0 0 2px rgba(216,137,17,.14) !important;
}

/* -------------------------------------------------
   3) Tất cả quote in nghiêng
------------------------------------------------- */
.ez-edu-subject-team-profile__quote {
    font-style: italic !important;
}

/* -------------------------------------------------
   4) Xử lý Nguyễn Cao Quý đè lên mặt Nguyễn Thế Toàn
   - nâng ảnh Nguyễn Thế Toàn lên layer cao hơn
   - hạ card Nguyễn Cao Quý xuống layer thấp hơn
   - đồng thời dịch card Nguyễn Cao Quý nhẹ sang trái / lên trên
------------------------------------------------- */
@media (min-width: 992px) {
    .ez-edu-subject-team-profile--3 {
        position: relative !important;
        z-index: 2 !important;
    }

    .ez-edu-subject-team-profile--3 .ez-edu-subject-team-profile__paper {
        position: relative !important;
        z-index: 2 !important;
        transform: translate(-22px, -8px) !important;
    }

    .ez-edu-subject-team-profile--5 {
        position: relative !important;
        z-index: 5 !important;
    }

    .ez-edu-subject-team-profile--5 .ez-edu-subject-team-profile__photo {
        position: relative !important;
        z-index: 6 !important;
    }
}

/* Mobile/tablet: giữ card gọn, không dịch chéo mạnh */
@media (max-width: 991px) {
    .ez-edu-subject-team-profile__paper {
        width: min(100%, 300px) !important;
        max-width: 300px !important;
    }

    .ez-edu-subject-team-profile--3 .ez-edu-subject-team-profile__paper {
        transform: none !important;
    }
}

/* ===== END EVERZEN EDU SUBJECT TEAM FIX V2 20261011 ===== */


/*
 * ==========================================================
 * EVERZEN EDU SUBJECT TEAM LAYOUT FIX 20261011
 * ==========================================================
 */


/* =========================================================
 * THÀNH TÍCH
 * Gọn hơn nhưng vẫn dễ đọc
 * ========================================================= */

.ez-edu-subject-team-profile__achievements {
    gap:
        3px !important;

    margin-top:
        8px !important;
}


.ez-edu-subject-team-profile__achievements li {

    margin:
        0 0 3px !important;

    padding-left:
        16px !important;

    line-height:
        1.38 !important;
}



/* =========================================================
 * CARD INFO CHUNG
 * Thu nhỏ thêm một nấc
 * ========================================================= */

.ez-edu-subject-team-profile__paper {

    width:
        min(100%, 292px) !important;

    max-width:
        292px !important;

    padding:
        21px 20px 20px !important;
}



/* =========================================================
 * DESKTOP
 * ========================================================= */

@media (min-width: 992px) {


    /*
     * ------------------------------------------------------
     * #2 — ĐẶNG GIA MẪN
     *
     * Ảnh trên.
     * Info nằm dưới ảnh.
     * Toàn cụm dịch sang phải để không xâm sang #1.
     * ------------------------------------------------------
     */

    .ez-edu-subject-team-profile--2 {

        position:
            absolute !important;

        display:
            grid !important;

        grid-template-columns:
            52% 48% !important;

        align-items:
            center !important;

        width:
            540px !important;

        right:
            -20px !important;

        left:
            auto !important;

        top:
            150px !important;

        z-index:
            3 !important;
    }


    .ez-edu-subject-team-profile--2
    .ez-edu-subject-team-profile__paper {

        order:
            1 !important;

        position:
            relative !important;

        width:
            272px !important;

        max-width:
            272px !important;

        margin:
            0 -12px 0 0 !important;

        transform:
            none !important;

        z-index:
            2 !important;
    }


    .ez-edu-subject-team-profile--2
    .ez-edu-subject-team-profile__photo-wrap {

        order:
            2 !important;

        position:
            relative !important;

        width:
            auto !important;

        margin:
            0 !important;

        z-index:
            4 !important;
    }


    .ez-edu-subject-team-profile--2
    .ez-edu-subject-team-profile__photo {

        width:
            100% !important;
    }


    .ez-edu-subject-team-profile--2
    .ez-edu-subject-team-profile__quote {

        left:
            18px !important;

        right:
            auto !important;

        bottom:
            -44px !important;
    }



    /*
     * ------------------------------------------------------
     * #3 — NGUYỄN CAO QUÝ
     *
     * Giữ khỏi đè lên khu vực #5.
     * ------------------------------------------------------
     */

    .ez-edu-subject-team-profile--3 {

        position:
            absolute !important;

        left:
            70px !important;

        top:
            560px !important;

        z-index:
            3 !important;
    }


    .ez-edu-subject-team-profile--3
    .ez-edu-subject-team-profile__paper {

        position:
            relative !important;

        z-index:
            3 !important;

        transform:
            translate(-42px, -42px) !important;
    }



    /*
     * ------------------------------------------------------
     * #4 — SKYE ROBERTS
     *
     * Card info dịch sang phải gần ảnh hơn.
     * Bỏ chữ PROFILE.
     * Quote kéo vào trái để không bị cắt.
     * ------------------------------------------------------
     */

    .ez-edu-subject-team-profile--4 {

        position:
            absolute !important;

        right:
            25px !important;

        top:
            655px !important;

        width:
            590px !important;

        z-index:
            4 !important;
    }


    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__paper {

        width:
            285px !important;

        max-width:
            285px !important;

        padding:
            23px 21px 21px !important;

        transform:
            translate(90px, 35px) !important;
    }


    /*
     * Bỏ PROFILE code cứng.
     */
    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__paper::before {

        content:
            none !important;
    }


    /*
     * Bỏ đường header dành riêng cho PROFILE.
     */
    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__paper::after {

        content:
            none !important;
    }


    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__quote {

        left:
            auto !important;

        right:
            -34px !important;

        bottom:
            16px !important;

        width:
            158px !important;

        max-width:
            158px !important;
    }



    /*
     * ------------------------------------------------------
     * #5 — NGUYỄN THẾ TOÀN
     *
     * KHÔI PHỤC TOÀN BỘ CỤM.
     *
     * Patch trước vô tình dùng position: relative,
     * khiến #5 rời khỏi hệ tọa độ của board.
     * ------------------------------------------------------
     */

    .ez-edu-subject-team-wall__board {

        min-height:
            1600px !important;
    }


    /*
     * Chiều cao Team Wall theo số người.
     * CHỈ DESKTOP.
     *
     * Không thay đổi vị trí profile.
     */
    .ez-edu-subject-team-wall__board--2 {

        min-height:
            620px !important;
    }


    .ez-edu-subject-team-wall__board--3 {

        min-height:
            980px !important;
    }


    .ez-edu-subject-team-wall__board--4 {

        min-height:
            1100px !important;
    }


    .ez-edu-subject-team-wall__board--5 {

        min-height:
            1600px !important;
    }


    .ez-edu-subject-team-profile--5 {

        position:
            absolute !important;

        left:
            63% !important;

        right:
            auto !important;

        top:
            1150px !important;

        width:
            650px !important;

        z-index:
            6 !important;

        display:
            grid !important;

        grid-template-columns:
            39% 61% !important;

        transform:
            translateX(-50%) !important;
    }


    .ez-edu-subject-team-profile--5
    .ez-edu-subject-team-profile__photo-wrap {

        position:
            relative !important;

        z-index:
            7 !important;
    }


    .ez-edu-subject-team-profile--5
    .ez-edu-subject-team-profile__photo {

        position:
            relative !important;

        z-index:
            7 !important;
    }


    .ez-edu-subject-team-profile--5
    .ez-edu-subject-team-profile__paper {

        position:
            relative !important;

        z-index:
            6 !important;

        width:
            292px !important;

        max-width:
            292px !important;

        margin-left:
            -12px !important;

        transform:
            translateY(-10px) !important;
    }


    .ez-edu-subject-team-profile--5
    .ez-edu-subject-team-profile__quote {

        z-index:
            9 !important;
    }

}



/* =========================================================
 * TABLET / MOBILE
 * Không dùng các dịch chuyển mạnh của desktop.
 * ========================================================= */

@media (max-width: 991px) {

    .ez-edu-subject-team-profile__paper {

        width:
            min(100%, 285px) !important;

        max-width:
            285px !important;
    }


    .ez-edu-subject-team-profile--2
    .ez-edu-subject-team-profile__paper,

    .ez-edu-subject-team-profile--3
    .ez-edu-subject-team-profile__paper,

    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__paper,

    .ez-edu-subject-team-profile--5
    .ez-edu-subject-team-profile__paper {

        transform:
            none !important;
    }

}



/* =========================================================
 * EVERZEN EDU SUBJECT TEAM – TUNE QUOTE SKYE + SUBJECT/ACH GAP
 * 20261011
 * ========================================================= */

/* 1) Quote của Skye Roberts:
   - tăng chiều ngang
   - dịch sang phải thêm */
@media (min-width: 992px) {
    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__quote {
        width: 220px !important;
        max-width: 220px !important;
        right: -85px !important;
        left: auto !important;
        bottom: -24px !important;
    }
}

/* 2) Giảm khoảng cách giữa "chuyên môn" và thành tích đầu tiên */
.ez-edu-subject-team-profile__subject {
    margin-bottom: 2px !important;
}

.ez-edu-subject-team-profile__achievements,
.ez-edu-subject-team-profile__achievement-list {
    margin-top: 3px !important;
    gap: 2px !important;
}

.ez-edu-subject-team-profile__achievements p,
.ez-edu-subject-team-profile__achievements li,
.ez-edu-subject-team-profile__achievements div,
.ez-edu-subject-team-profile__achievement-list p,
.ez-edu-subject-team-profile__achievement-list li,
.ez-edu-subject-team-profile__achievement-list div {
    margin: 0 !important;
    line-height: 1.34 !important;
}

/* ===== SKYE MOBILE QUOTE FIX 20261011 ===== */
@media (max-width: 767px) {
    .ez-edu-subject-team-profile--4 .ez-edu-subject-team-profile__quote {
        width: min(220px, calc(100vw - 44px)) !important;
        max-width: calc(100vw - 44px) !important;

        left: 58% !important;
        right: auto !important;
        bottom: 150px !important;

        transform: translateX(-18%) !important;
        z-index: 8 !important;
    }
}

/* ===== SKYE MOBILE QUOTE POSITION TUNE 20261011 ===== */
@media (max-width: 767px) {
    .ez-edu-subject-team-profile--4 .ez-edu-subject-team-profile__quote {
        width: min(220px, calc(100vw - 44px)) !important;
        max-width: calc(100vw - 44px) !important;

        left: 47% !important;
        right: auto !important;
        bottom: 95px !important;

        transform: translateX(-22%) !important;
        z-index: 8 !important;
    }
}

/* ===== SKYE MOBILE QUOTE MOVE MORE LEFT 20261011 ===== */
@media (max-width: 767px) {
    .ez-edu-subject-team-profile--4 .ez-edu-subject-team-profile__quote {
        left: 41% !important;
        right: auto !important;
        transform: translateX(-30%) !important;
    }
}

/* =========================================================
 * SKYE ROBERTS — TABLET LAYOUT FIX
 * 768px → 991px
 * ========================================================= */

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

    /*
     * Profile tạo stacking context riêng.
     */
    .ez-edu-subject-team-profile--4 {
        position: relative !important;
        z-index: 5 !important;
    }


    /*
     * Ảnh Skye ở layer thấp hơn card info.
     */
    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__photo-wrap {
        position: relative !important;
        z-index: 4 !important;
    }


    /*
     * Card thông tin Skye:
     * nâng lên trên ảnh để không mất tên/nội dung.
     */
    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__paper {
        position: relative !important;
        z-index: 9 !important;
    }


    /*
     * Quote Skye:
     * - nằm trực tiếp trên ảnh
     * - kéo sang trái
     * - đặt ở khu vực dưới ảnh
     */
    .ez-edu-subject-team-profile--4
    .ez-edu-subject-team-profile__quote {
        position: absolute !important;

        left: 18px !important;
        right: auto !important;

        bottom: 18px !important;

        width: 210px !important;
        max-width: 210px !important;

        margin: 0 !important;

        transform: rotate(-1.5deg) !important;

        z-index: 10 !important;
    }
}



/* ==========================================================
 * EVERZEN EDU SUBJECT STAY V2 CSS 20261011
 * ========================================================== */

.ez-edu-subject-stay {
    position: relative;
    padding: 90px 0 100px;
    background: #fff;
    overflow: hidden;
}


/* ----------------------------------------------------------
 * HEADER
 * ---------------------------------------------------------- */

.ez-edu-subject-stay__header {
    max-width: 820px;
    margin: 0 auto 68px;
    text-align: center;
}

.ez-edu-subject-stay__eyebrow {
    margin-bottom: 9px;

    font-family: "Dancing Script SVN",
        "Dancing Script",
        cursive;

    font-size: 34px;
    font-weight: 400;
    line-height: 1.15;

    color: #E88400;
}

.ez-edu-subject-stay__title {
    margin: 0;

    font-family: "Raleway", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.25;

    color: #263333;
}

.ez-edu-subject-stay__description {
    max-width: 720px;
    margin: 18px auto 0;

    font-family: "Raleway", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;

    color: #586361;
}

.ez-edu-subject-stay__description > :last-child {
    margin-bottom: 0;
}


/* ----------------------------------------------------------
 * ROOM LIST
 * ---------------------------------------------------------- */

.ez-edu-subject-stay__rooms {
    display: flex;
    flex-direction: column;
    gap: 86px;
}

.ez-edu-subject-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-edu-subject-stay__room--reverse {
    grid-template-columns:
        minmax(0, 44fr)
        minmax(0, 56fr);
}

.ez-edu-subject-stay__room--reverse
.ez-edu-subject-stay__media {
    order: 2;
}

.ez-edu-subject-stay__room--reverse
.ez-edu-subject-stay__content {
    order: 1;
}


/* ----------------------------------------------------------
 * IMAGE
 * ---------------------------------------------------------- */

.ez-edu-subject-stay__media {
    min-width: 0;
}

.ez-edu-subject-stay__image-wrap {
    position: relative;

    width: 100%;
    aspect-ratio: 4 / 3;

    overflow: hidden;

    border-radius: 20px;

    background: #F2F3F0;
}

.ez-edu-subject-stay__image-wrap::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    border:
        1px solid rgba(38,51,51,.08);

    border-radius: inherit;
}

.ez-edu-subject-stay__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition:
        transform .55s ease;
}

.ez-edu-subject-stay__room:hover
.ez-edu-subject-stay__image {
    transform: scale(1.025);
}


/* ----------------------------------------------------------
 * CONTENT
 * ---------------------------------------------------------- */

.ez-edu-subject-stay__content {
    min-width: 0;
}

.ez-edu-subject-stay__room-title {
    position: relative;

    margin: 0 0 18px;
    padding-bottom: 14px;

    font-family: "Raleway", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;

    color: #263333;
}

.ez-edu-subject-stay__room-title::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 54px;
    height: 3px;

    border-radius: 999px;

    background: #E88400;
}


/* ----------------------------------------------------------
 * DESCRIPTION — ngay dưới tên phòng
 * ---------------------------------------------------------- */

.ez-edu-subject-stay__room-description {
    margin-bottom: 28px;

    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.72;

    color: #586361;
}

.ez-edu-subject-stay__room-description
> :first-child {
    margin-top: 0;
}

.ez-edu-subject-stay__room-description
> :last-child {
    margin-bottom: 0;
}


/* ----------------------------------------------------------
 * META
 * ---------------------------------------------------------- */

.ez-edu-subject-stay__meta {
    display: grid;

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

    gap: 0;

    padding-top: 22px;

    border-top:
        1px solid rgba(38,51,51,.12);
}

.ez-edu-subject-stay__meta-item {
    min-width: 0;

    padding: 0 16px;

    border-right:
        1px solid rgba(38,51,51,.10);
}

.ez-edu-subject-stay__meta-item:first-child {
    padding-left: 0;
}

.ez-edu-subject-stay__meta-item:last-child {
    padding-right: 0;
    border-right: 0;
}

.ez-edu-subject-stay__meta-label {
    display: block;

    margin-bottom: 7px;

    font-family: "Raleway", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;

    letter-spacing: .04em;
    text-transform: uppercase;

    color: #77817F;
}

.ez-edu-subject-stay__meta-value {
    display: block;

    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;

    color: #3C6F52;

    overflow-wrap: anywhere;
}


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

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

    .ez-edu-subject-stay {
        padding:
            76px 0 82px;
    }

    .ez-edu-subject-stay__header {
        margin-bottom:
            52px;
    }

    .ez-edu-subject-stay__eyebrow {
        font-size:
            30px;
    }

    .ez-edu-subject-stay__title {
        font-size:
            26px;
    }

    .ez-edu-subject-stay__description {
        font-size:
            15px;
    }

    .ez-edu-subject-stay__rooms {
        gap:
            64px;
    }

    .ez-edu-subject-stay__room,
    .ez-edu-subject-stay__room--reverse {

        grid-template-columns:
            minmax(0, 52fr)
            minmax(0, 48fr);

        gap:
            36px;
    }

    .ez-edu-subject-stay__room-title {
        font-size:
            24px;
    }

    .ez-edu-subject-stay__room-description {
        font-size:
            15px;

        line-height:
            1.65;
    }

    .ez-edu-subject-stay__meta {
        grid-template-columns:
            1fr;

        gap:
            12px;

        padding-top:
            18px;
    }

    .ez-edu-subject-stay__meta-item,
    .ez-edu-subject-stay__meta-item:first-child,
    .ez-edu-subject-stay__meta-item:last-child {

        display:
            grid;

        grid-template-columns:
            88px 1fr;

        gap:
            10px;

        align-items:
            baseline;

        padding:
            0;

        border:
            0;
    }

    .ez-edu-subject-stay__meta-label {
        margin:
            0;
    }

}


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

@media (max-width: 767px) {

    .ez-edu-subject-stay {
        padding:
            62px 0 68px;
    }

    .ez-edu-subject-stay__header {
        margin-bottom:
            38px;
    }

    .ez-edu-subject-stay__eyebrow {
        margin-bottom:
            7px;

        font-size:
            27px;
    }

    .ez-edu-subject-stay__title {
        font-size:
            21px;
    }

    .ez-edu-subject-stay__description {
        margin-top:
            13px;

        font-size:
            15px;

        line-height:
            1.65;
    }

    .ez-edu-subject-stay__rooms {
        gap:
            52px;
    }


    /*
     * Mobile luôn:
     * ảnh trên → nội dung dưới.
     * Không giữ layout đảo chiều.
     */
    .ez-edu-subject-stay__room,
    .ez-edu-subject-stay__room--reverse {

        display:
            flex;

        flex-direction:
            column;

        gap:
            24px;

        align-items:
            stretch;
    }

    .ez-edu-subject-stay__room
    .ez-edu-subject-stay__media,

    .ez-edu-subject-stay__room--reverse
    .ez-edu-subject-stay__media {

        order:
            1;

        width:
            100%;
    }

    .ez-edu-subject-stay__room
    .ez-edu-subject-stay__content,

    .ez-edu-subject-stay__room--reverse
    .ez-edu-subject-stay__content {

        order:
            2;

        width:
            100%;
    }

    .ez-edu-subject-stay__image-wrap {
        border-radius:
            16px;
    }

    .ez-edu-subject-stay__room-title {
        margin-bottom:
            15px;

        padding-bottom:
            12px;

        font-size:
            22px;
    }

    .ez-edu-subject-stay__room-title::after {
        width:
            44px;
    }

    .ez-edu-subject-stay__room-description {
        margin-bottom:
            22px;

        font-size:
            15px;

        line-height:
            1.65;
    }

    .ez-edu-subject-stay__meta {
        grid-template-columns:
            1fr;

        gap:
            14px;

        padding-top:
            18px;
    }

    .ez-edu-subject-stay__meta-item,
    .ez-edu-subject-stay__meta-item:first-child,
    .ez-edu-subject-stay__meta-item:last-child {

        display:
            grid;

        grid-template-columns:
            92px 1fr;

        gap:
            12px;

        align-items:
            baseline;

        padding:
            0;

        border:
            0;
    }

    .ez-edu-subject-stay__meta-label {
        margin:
            0;

        font-size:
            11px;
    }

    .ez-edu-subject-stay__meta-value {
        font-size:
            15px;
    }

}



/* ==========================================================
 * EVERZEN EDU SUBJECT 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-edu-subject-stay
.ez-edu-subject-stay__title {

    margin:
        0 !important;

    font-family:
        "Great Vibes",
        cursive !important;

    font-size:
        58px !important;

    font-weight:
        400 !important;

    line-height:
        1.15 !important;

    color:
        #E88400 !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-edu-subject-stay
.ez-edu-subject-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-edu-subject-stay
.ez-edu-subject-stay__image-wrap::before,

.ez-edu-subject-stay
.ez-edu-subject-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-edu-subject-stay
.ez-edu-subject-stay__gallery
.ez-edu-subject-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-edu-subject-stay
.ez-edu-subject-stay__gallery
.ez-edu-subject-stay__gallery-image.is-active {

    opacity:
        1 !important;

    visibility:
        visible !important;

    z-index:
        2 !important;
}


/*
 * Không zoom khi hover.
 */
.ez-edu-subject-stay
.ez-edu-subject-stay__room:hover
.ez-edu-subject-stay__gallery-image,

.ez-edu-subject-stay
.ez-edu-subject-stay__room:hover
.ez-edu-subject-stay__gallery-image.is-active {

    transform:
        none !important;
}


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

@media (max-width: 991px) {

    .ez-edu-subject-stay
    .ez-edu-subject-stay__title {

        font-size:
            48px !important;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-edu-subject-stay
    .ez-edu-subject-stay__title {

        font-size:
            40px !important;

        line-height:
            1.15 !important;
    }


    .ez-edu-subject-stay
    .ez-edu-subject-stay__image-wrap,

    .ez-edu-subject-stay
    .ez-edu-subject-stay__gallery
    .ez-edu-subject-stay__gallery-image {

        border-radius:
            14px !important;
    }

}



/* ==========================================================
 * EVERZEN EDU SUBJECT MENU V2 CSS 20261011
 * ========================================================== */


.ez-edu-subject-menu {
    position: relative;

    padding:
        92px 0 104px;

    overflow:
        hidden;

    background:
        #ffffff;
}


/* ----------------------------------------------------------
 * HEADER
 * ---------------------------------------------------------- */

.ez-edu-subject-menu__header {
    margin-bottom:
        56px;

    text-align:
        center;
}


.ez-edu-subject-menu__title {
    margin:
        0;

    font-family:
        "Dancing Script",
        cursive;

    font-size:
        46px;

    font-weight:
        400;

    line-height:
        1.15;

    color:
        #E88400;
}


/* ----------------------------------------------------------
 * LAYOUT
 * ---------------------------------------------------------- */

.ez-edu-subject-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-edu-subject-menu__content {
    min-width:
        0;
}


.ez-edu-subject-menu__description {
    display:
        flex;

    flex-direction:
        column;

    gap:
        16px;
}


.ez-edu-subject-menu__description-item {
    display:
        grid;

    grid-template-columns:
        28px minmax(0, 1fr);

    gap:
        13px;

    align-items:
        start;
}


.ez-edu-subject-menu__description-icon {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        24px;

    height:
        24px;

    margin-top:
        1px;

    color:
        #E88400;
}


.ez-edu-subject-menu__description-icon svg {
    width:
        22px;

    height:
        22px;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.ez-edu-subject-menu__description-text {
    font-family:
        "Raleway",
        sans-serif;

    font-size:
        16px;

    font-weight:
        400;

    line-height:
        1.72;

    color:
        #586361;
}


.ez-edu-subject-menu__description-text p {
    margin:
        0;
}


/* ----------------------------------------------------------
 * DOWNLOAD
 * ---------------------------------------------------------- */

.ez-edu-subject-menu__downloads {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px;

    margin-top:
        34px;
}


.ez-edu-subject-menu__download {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    min-height:
        46px;

    padding:
        11px 20px;

    border:
        1px solid #3C6F52;

    border-radius:
        999px;

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

    font-size:
        14px;

    font-weight:
        600;

    line-height:
        1.2;

    color:
        #3C6F52;

    background:
        transparent;

    text-decoration:
        none;

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


.ez-edu-subject-menu__download:hover,
.ez-edu-subject-menu__download:focus {
    color:
        #ffffff;

    background:
        #3C6F52;

    border-color:
        #3C6F52;

    text-decoration:
        none;
}


.ez-edu-subject-menu__download-icon {
    display:
        flex;

    width:
        18px;

    height:
        18px;
}


.ez-edu-subject-menu__download-icon svg {
    width:
        18px;

    height:
        18px;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* ----------------------------------------------------------
 * RIGHT GALLERY
 * ---------------------------------------------------------- */

.ez-edu-subject-menu__media {
    min-width:
        0;
}


.ez-edu-subject-menu__gallery {
    position:
        relative;

    width:
        100%;

    max-width:
        520px;

    aspect-ratio:
        4 / 5;

    margin-left:
        auto;

    overflow:
        hidden;

    border-radius:
        20px;

    background:
        #f4f4f1;
}


.ez-edu-subject-menu__image {
    position:
        absolute;

    inset:
        0;

    opacity:
        0;

    visibility:
        hidden;

    transition:
        opacity .45s ease,
        visibility .45s ease;
}


.ez-edu-subject-menu__image.is-active {
    opacity:
        1;

    visibility:
        visible;
}


.ez-edu-subject-menu__image img {
    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center;

    border-radius:
        inherit;
}


/* ----------------------------------------------------------
 * ARROWS
 * ---------------------------------------------------------- */

.ez-edu-subject-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:
        #263333;

    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-edu-subject-menu__arrow:hover {
    background:
        #ffffff;

    transform:
        translateY(-50%)
        scale(1.06);
}


.ez-edu-subject-menu__arrow svg {
    width:
        22px;

    height:
        22px;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.ez-edu-subject-menu__arrow--prev {
    left:
        18px;
}


.ez-edu-subject-menu__arrow--next {
    right:
        18px;
}


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

@media (max-width: 991px) {

    .ez-edu-subject-menu {
        padding:
            76px 0 84px;
    }


    .ez-edu-subject-menu__header {
        margin-bottom:
            44px;
    }


    .ez-edu-subject-menu__title {
        font-size:
            40px;
    }


    .ez-edu-subject-menu__layout {
        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(330px, 1.1fr);

        gap:
            42px;
    }


    .ez-edu-subject-menu__gallery {
        max-width:
            460px;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-edu-subject-menu {
        padding:
            62px 0 70px;
    }


    .ez-edu-subject-menu__header {
        margin-bottom:
            34px;
    }


    .ez-edu-subject-menu__title {
        font-size:
            34px;

        line-height:
            1.15;
    }


    .ez-edu-subject-menu__layout {
        display:
            flex;

        flex-direction:
            column;

        gap:
            34px;
    }


    .ez-edu-subject-menu__content {
        width:
            100%;
    }


    .ez-edu-subject-menu__description {
        gap:
            13px;
    }


    .ez-edu-subject-menu__description-item {
        grid-template-columns:
            24px minmax(0, 1fr);

        gap:
            10px;
    }


    .ez-edu-subject-menu__description-icon {
        width:
            21px;

        height:
            21px;
    }


    .ez-edu-subject-menu__description-icon svg {
        width:
            20px;

        height:
            20px;
    }


    .ez-edu-subject-menu__description-text {
        font-size:
            15px;

        line-height:
            1.65;
    }


    .ez-edu-subject-menu__downloads {
        margin-top:
            26px;
    }


    .ez-edu-subject-menu__download {
        min-height:
            44px;

        padding:
            10px 18px;

        font-size:
            13px;
    }


    .ez-edu-subject-menu__media {
        width:
            100%;
    }


    .ez-edu-subject-menu__gallery {
        width:
            100%;

        max-width:
            100%;

        margin:
            0;

        border-radius:
            16px;
    }


    .ez-edu-subject-menu__arrow {
        width:
            40px;

        height:
            40px;
    }


    .ez-edu-subject-menu__arrow--prev {
        left:
            12px;
    }


    .ez-edu-subject-menu__arrow--next {
        right:
            12px;
    }

}



/* ==========================================================
 * EVERZEN EDU SUBJECT MENU REFINED VISUAL 20261011
 * ========================================================== */

.ez-edu-subject-menu {
    position: relative;
    isolation: isolate;
    background: #FFF8EE;
    overflow: hidden;
}

.ez-edu-subject-menu > .container {
    position: relative;
    z-index: 3;
}


/* TITLE */

.ez-edu-subject-menu__title {
    font-family: "Great Vibes", cursive !important;
    font-size: 58px;
    font-weight: 400;
    line-height: 1.08;
    color: #E88400;
    text-transform: none;
    letter-spacing: 0;
}


/* DECOR */

.ez-edu-subject-menu__decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.ez-edu-subject-menu__decor-item {
    position: absolute;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .17;
}

.ez-edu-subject-menu__decor-item--carrot {
    top: 54px;
    left: -18px;
    width: 165px;
    color: #E88400;
    transform: rotate(-10deg);
}

.ez-edu-subject-menu__decor-item--citrus {
    top: 22px;
    right: 5%;
    width: 118px;
    color: #E88400;
    opacity: .13;
    transform: rotate(12deg);
}

.ez-edu-subject-menu__decor-item--fork {
    top: 27%;
    right: -6px;
    width: 62px;
    color: #3C6F52;
    opacity: .14;
    transform: rotate(8deg);
}

.ez-edu-subject-menu__decor-item--spoon {
    top: 47%;
    left: 2%;
    width: 52px;
    color: #3C6F52;
    opacity: .12;
    transform: rotate(-14deg);
}

.ez-edu-subject-menu__decor-item--tomato {
    right: -30px;
    bottom: 36px;
    width: 150px;
    color: #E88400;
    opacity: .16;
    transform: rotate(8deg);
}

.ez-edu-subject-menu__decor-item--herbs {
    left: 7%;
    bottom: -10px;
    width: 230px;
    color: #3C6F52;
    opacity: .16;
    transform: rotate(-4deg);
}

.ez-edu-subject-menu__decor-item--grain {
    right: 13%;
    bottom: -42px;
    width: 98px;
    color: #C8953C;
    opacity: .16;
    transform: rotate(10deg);
}

.ez-edu-subject-menu__decor-item--leaf {
    top: 19%;
    left: 24%;
    width: 150px;
    color: #3C6F52;
    opacity: .09;
    transform: rotate(14deg);
}


/* DESCRIPTION */

.ez-edu-subject-menu__description {
    gap: 19px;
}

.ez-edu-subject-menu__description-item {
    grid-template-columns:
        26px minmax(0, 1fr);

    gap: 13px;
}

.ez-edu-subject-menu__description-icon {
    color: #E88400;
}

.ez-edu-subject-menu__description-text {
    font-family: "Raleway", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    color: #44504d;
}


/* DOWNLOAD */

.ez-edu-subject-menu__download {
    cursor: pointer;
}


/* IMAGE */

.ez-edu-subject-menu__gallery {
    background: #f1e7d9;
    box-shadow: none;
}

.ez-edu-subject-menu__image {
    transition: opacity .65s ease;
}


/* TABLET */

@media (max-width: 991px) {

    .ez-edu-subject-menu__title {
        font-size: 50px;
    }

    .ez-edu-subject-menu__decor-item--leaf {
        display: none;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .ez-edu-subject-menu__title {
        font-size: 40px;
    }

    .ez-edu-subject-menu__description-text {
        font-size: 15px;
    }

    .ez-edu-subject-menu__decor-item {
        opacity: .1;
    }

    .ez-edu-subject-menu__decor-item--carrot {
        left: -36px;
        width: 105px;
    }

    .ez-edu-subject-menu__decor-item--citrus {
        right: -18px;
        width: 82px;
    }

    .ez-edu-subject-menu__decor-item--tomato {
        right: -42px;
        width: 108px;
    }

    .ez-edu-subject-menu__decor-item--herbs {
        left: -25px;
        width: 140px;
    }

    .ez-edu-subject-menu__decor-item--grain,
    .ez-edu-subject-menu__decor-item--leaf {
        display: none;
    }

}



/* ==========================================================
 * EVERZEN EDU SUBJECT MENU FINAL SPACING 20261011
 * ========================================================== */


/* ----------------------------------------------------------
 * TẠO KHOẢNG THỞ LỚN HƠN SAU TIÊU ĐỀ
 * ---------------------------------------------------------- */

.ez-edu-subject-menu__header {
    margin-bottom: 86px !important;
}


/* ----------------------------------------------------------
 * DECORATIVE LINE
 * ---------------------------------------------------------- */

.ez-edu-subject-menu__title-line {
    width: 190px;
    height: 28px;
    margin: 13px auto 0;
}


.ez-edu-subject-menu__title-line svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}


.ez-edu-subject-menu__title-line path {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.ez-edu-subject-menu__title-line-main {
    stroke: #E88400;
    stroke-width: 2;
}


.ez-edu-subject-menu__title-line-accent {
    stroke: #3C6F52;
    stroke-width: 1.5;
    opacity: .65;
}


/* ----------------------------------------------------------
 * CẢ 2 KHỐI TRÁI + PHẢI GIỮ CÙNG MỘT CAO ĐỘ
 * ---------------------------------------------------------- */

.ez-edu-subject-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-edu-subject-menu__downloads {
    display: flex !important;
    width: 100%;
    justify-content: flex-end !important;
    align-items: center;
    margin-top: 34px;
}


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

@media (max-width: 991px) {

    .ez-edu-subject-menu__header {
        margin-bottom: 68px !important;
    }

    .ez-edu-subject-menu__title-line {
        width: 165px;
        height: 24px;
        margin-top: 11px;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-edu-subject-menu__header {
        margin-bottom: 48px !important;
    }

    .ez-edu-subject-menu__title-line {
        width: 145px;
        height: 21px;
        margin-top: 9px;
    }

    .ez-edu-subject-menu__downloads {
        justify-content: flex-end !important;
        margin-top: 26px;
    }

}



/* ==========================================================
 * EVERZEN EDU SUBJECT MENU TABLET VERTICAL ALIGN 20261011
 * ========================================================== */

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

    .ez-edu-subject-menu__layout {
        align-items: center !important;
    }

    .ez-edu-subject-menu__content {
        align-self: center;
    }

}



/* ==========================================================
 * EVERZEN EDU SUBJECT VALUES V2 CSS 20261011
 * ========================================================== */

.ez-edu-subject-values {
    position: relative;

    padding:
        108px
        0
        122px;

    overflow:
        hidden;

    background:
        linear-gradient(
            180deg,
            #EEF6F1 0%,
            #F7FAF8 100%
        );
}


.ez-edu-subject-values > .container {
    position: relative;

    z-index: 3;
}


/* ----------------------------------------------------------
 * HEADER
 * ---------------------------------------------------------- */

.ez-edu-subject-values__header {
    max-width:
        860px;

    margin:
        0
        auto
        72px;

    text-align:
        center;
}


.ez-edu-subject-values__title {
    margin:
        0;

    font-family:
        "Great Vibes",
        cursive;

    font-size:
        62px;

    font-weight:
        400;

    line-height:
        1.08;

    color:
        #E88400;
}


.ez-edu-subject-values__description {
    max-width:
        760px;

    margin:
        18px
        auto
        0;

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

    font-size:
        17px;

    font-weight:
        400;

    line-height:
        1.75;

    color:
        #5C6D68;
}


.ez-edu-subject-values__description p {
    margin:
        0;
}


/* ----------------------------------------------------------
 * JOURNEY
 * ---------------------------------------------------------- */

.ez-edu-subject-values__journey {
    position:
        relative;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        120px
        minmax(0, 1fr);

    column-gap:
        38px;

    row-gap:
        12px;

    max-width:
        1120px;

    margin:
        0
        auto;
}


/* central path */

.ez-edu-subject-values__stem {
    position:
        absolute;

    top:
        12px;

    bottom:
        12px;

    left:
        50%;

    width:
        82px;

    transform:
        translateX(-50%);

    pointer-events:
        none;
}


.ez-edu-subject-values__stem svg {
    width:
        100%;

    height:
        100%;
}


.ez-edu-subject-values__stem path {
    fill:
        none;

    stroke:
        #98B98B;

    stroke-width:
        3;

    stroke-linecap:
        round;

    stroke-dasharray:
        3 10;

    opacity:
        .75;
}


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

.ez-edu-subject-values__item {
    position:
        relative;

    min-height:
        230px;
}


.ez-edu-subject-values__item--left {
    grid-column:
        1;

    padding-right:
        22px;
}


.ez-edu-subject-values__item--right {
    grid-column:
        3;

    padding-left:
        22px;

    margin-top:
        68px;
}


/*
 * Tạo nhịp bất đối xứng.
 */

.ez-edu-subject-values__item:nth-of-type(4n + 1) {
    margin-top:
        4px;
}


.ez-edu-subject-values__item:nth-of-type(4n + 2) {
    margin-top:
        68px;
}


.ez-edu-subject-values__item:nth-of-type(4n + 3) {
    margin-top:
        -8px;
}


.ez-edu-subject-values__item:nth-of-type(4n + 4) {
    margin-top:
        78px;
}


/* ----------------------------------------------------------
 * NODE
 * ---------------------------------------------------------- */

.ez-edu-subject-values__node {
    position:
        absolute;

    top:
        46px;

    width:
        72px;

    height:
        36px;

    z-index:
        4;
}


.ez-edu-subject-values__item--left
.ez-edu-subject-values__node {
    right:
        -94px;
}


.ez-edu-subject-values__item--right
.ez-edu-subject-values__node {
    left:
        -94px;
}


.ez-edu-subject-values__node::before {
    content:
        "";

    position:
        absolute;

    top:
        17px;

    width:
        55px;

    height:
        2px;

    background:
        #AEC9A3;
}


.ez-edu-subject-values__item--left
.ez-edu-subject-values__node::before {
    right:
        0;
}


.ez-edu-subject-values__item--right
.ez-edu-subject-values__node::before {
    left:
        0;
}


.ez-edu-subject-values__node span {
    position:
        absolute;

    top:
        9px;

    width:
        18px;

    height:
        18px;

    border-radius:
        50%;

    background:
        #7FA16F;

    box-shadow:
        0
        0
        0
        7px
        rgba(127, 161, 111, .14);
}


.ez-edu-subject-values__item--left
.ez-edu-subject-values__node span {
    right:
        48px;
}


.ez-edu-subject-values__item--right
.ez-edu-subject-values__node span {
    left:
        48px;
}


/* little leaf */

.ez-edu-subject-values__node::after {
    content:
        "";

    position:
        absolute;

    top:
        3px;

    width:
        22px;

    height:
        15px;

    border:
        2px
        solid
        #91B082;

    border-radius:
        100%
        0;

    background:
        #F7FAF8;

    transform:
        rotate(35deg);
}


.ez-edu-subject-values__item--left
.ez-edu-subject-values__node::after {
    right:
        7px;
}


.ez-edu-subject-values__item--right
.ez-edu-subject-values__node::after {
    left:
        7px;

    transform:
        rotate(-35deg)
        scaleX(-1);
}


/* ----------------------------------------------------------
 * CARD
 * ---------------------------------------------------------- */

.ez-edu-subject-values__card {
    position:
        relative;

    padding:
        30px
        32px
        32px;

    border:
        1px
        solid
        rgba(84, 122, 73, .13);

    border-radius:
        28px;

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

    box-shadow:
        0
        18px
        45px
        rgba(31, 78, 70, .07);

    backdrop-filter:
        blur(3px);
}


.ez-edu-subject-values__item:nth-of-type(4n + 1)
.ez-edu-subject-values__card {
    transform:
        rotate(-1deg);
}


.ez-edu-subject-values__item:nth-of-type(4n + 2)
.ez-edu-subject-values__card {
    transform:
        rotate(1deg);
}


.ez-edu-subject-values__item:nth-of-type(4n + 3)
.ez-edu-subject-values__card {
    transform:
        rotate(.7deg);
}


.ez-edu-subject-values__item:nth-of-type(4n + 4)
.ez-edu-subject-values__card {
    transform:
        rotate(-.8deg);
}


.ez-edu-subject-values__number {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        52px;

    padding:
        8px
        13px;

    margin-bottom:
        16px;

    border-radius:
        999px;

    background:
        #FFF1DC;

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

    font-size:
        13px;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        .12em;

    color:
        #D98000;
}


.ez-edu-subject-values__item-title {
    margin:
        0
        0
        12px;

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

    font-size:
        25px;

    font-weight:
        700;

    line-height:
        1.35;

    color:
        #245C57;
}


.ez-edu-subject-values__item-content {
    font-family:
        "Raleway",
        sans-serif;

    font-size:
        16px;

    font-weight:
        400;

    line-height:
        1.78;

    color:
        #5B6965;
}


.ez-edu-subject-values__item-content p {
    margin:
        0;
}


/* ----------------------------------------------------------
 * BACKGROUND DECOR
 * ---------------------------------------------------------- */

.ez-edu-subject-values__decor {
    position:
        absolute;

    inset:
        0;

    z-index:
        1;

    pointer-events:
        none;
}


.ez-edu-subject-values__decor-branch {
    position:
        absolute;

    width:
        250px;

    stroke:
        #72986A;

    stroke-width:
        2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

    opacity:
        .13;
}


.ez-edu-subject-values__decor-branch--left {
    left:
        -52px;

    bottom:
        -60px;
}


.ez-edu-subject-values__decor-branch--right {
    right:
        -52px;

    top:
        70px;

    transform:
        scaleX(-1);
}


.ez-edu-subject-values__fruit {
    position:
        absolute;

    width:
        18px;

    height:
        18px;

    border-radius:
        50%;

    background:
        #EAA64B;

    opacity:
        .22;

    box-shadow:
        25px
        13px
        0
        #F0C36A,

        8px
        35px
        0
        #8FB77E;
}


.ez-edu-subject-values__fruit--1 {
    top:
        16%;

    left:
        12%;
}


.ez-edu-subject-values__fruit--2 {
    right:
        11%;

    bottom:
        17%;

    transform:
        rotate(18deg);
}


.ez-edu-subject-values__fruit--3 {
    right:
        31%;

    top:
        8%;

    transform:
        scale(.72);
}


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

@media (max-width: 991px) {

    .ez-edu-subject-values {
        padding:
            88px
            0
            96px;
    }


    .ez-edu-subject-values__header {
        margin-bottom:
            54px;
    }


    .ez-edu-subject-values__title {
        font-size:
            50px;
    }


    .ez-edu-subject-values__description {
        font-size:
            16px;
    }


    /*
     * Tablet chuyển về timeline dọc.
     */

    .ez-edu-subject-values__journey {
        display:
            grid;

        grid-template-columns:
            42px
            minmax(0, 1fr);

        gap:
            22px;

        max-width:
            760px;
    }


    .ez-edu-subject-values__stem {
        left:
            20px;

        width:
            38px;

        transform:
            none;
    }


    .ez-edu-subject-values__stem svg {
        width:
            38px;
    }


    .ez-edu-subject-values__item,
    .ez-edu-subject-values__item--left,
    .ez-edu-subject-values__item--right,
    .ez-edu-subject-values__item:nth-of-type(n) {

        grid-column:
            2;

        padding:
            0;

        margin:
            0 !important;

        min-height:
            0;
    }


    .ez-edu-subject-values__node,
    .ez-edu-subject-values__item--left
    .ez-edu-subject-values__node,
    .ez-edu-subject-values__item--right
    .ez-edu-subject-values__node {

        top:
            31px;

        left:
            -58px;

        right:
            auto;

        width:
            48px;

        height:
            30px;
    }


    .ez-edu-subject-values__node::before,
    .ez-edu-subject-values__item--left
    .ez-edu-subject-values__node::before,
    .ez-edu-subject-values__item--right
    .ez-edu-subject-values__node::before {

        top:
            14px;

        left:
            16px;

        right:
            auto;

        width:
            26px;
    }


    .ez-edu-subject-values__node span,
    .ez-edu-subject-values__item--left
    .ez-edu-subject-values__node span,
    .ez-edu-subject-values__item--right
    .ez-edu-subject-values__node span {

        top:
            6px;

        left:
            15px;

        right:
            auto;

        width:
            16px;

        height:
            16px;
    }


    .ez-edu-subject-values__node::after {
        display:
            none;
    }


    .ez-edu-subject-values__card,
    .ez-edu-subject-values__item:nth-of-type(n)
    .ez-edu-subject-values__card {

        transform:
            none;
    }


    .ez-edu-subject-values__item-title {
        font-size:
            23px;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-edu-subject-values {
        padding:
            72px
            0
            82px;
    }


    .ez-edu-subject-values__header {
        margin-bottom:
            40px;
    }


    .ez-edu-subject-values__title {
        font-size:
            40px;
    }


    .ez-edu-subject-values__description {
        font-size:
            15px;

        line-height:
            1.7;
    }


    .ez-edu-subject-values__journey {
        grid-template-columns:
            32px
            minmax(0, 1fr);

        gap:
            18px;
    }


    .ez-edu-subject-values__stem {
        left:
            14px;

        width:
            28px;
    }


    .ez-edu-subject-values__node,
    .ez-edu-subject-values__item--left
    .ez-edu-subject-values__node,
    .ez-edu-subject-values__item--right
    .ez-edu-subject-values__node {

        left:
            -48px;

        width:
            40px;
    }


    .ez-edu-subject-values__card {
        padding:
            22px
            22px
            24px;

        border-radius:
            22px;
    }


    .ez-edu-subject-values__number {
        min-width:
            47px;

        padding:
            7px
            11px;

        margin-bottom:
            13px;

        font-size:
            12px;
    }


    .ez-edu-subject-values__item-title {
        font-size:
            20px;
    }


    .ez-edu-subject-values__item-content {
        font-size:
            15px;

        line-height:
            1.72;
    }


    .ez-edu-subject-values__decor-branch {
        width:
            150px;

        opacity:
            .08;
    }


    .ez-edu-subject-values__fruit--3 {
        display:
            none;
    }

}



/* ==========================================================
 * EVERZEN EDU SUBJECT VALUES VISUAL REFINE 20261011
 * ========================================================== */


/* ----------------------------------------------------------
 * 1. SECTION BACKGROUND + TOP SPACING
 * ---------------------------------------------------------- */

.ez-edu-subject-values {
    padding:
        76px
        0
        122px;

    background:
        linear-gradient(
            180deg,
            #F6F0DF 0%,
            #F8F4E8 48%,
            #F0F5E9 100%
        );
}


/* ----------------------------------------------------------
 * 2. HEADER
 * ---------------------------------------------------------- */

.ez-edu-subject-values__header {
    margin-bottom:
        66px;
}


/* ----------------------------------------------------------
 * 3. CENTER CONTENT INSIDE EACH "FRUIT"
 * ---------------------------------------------------------- */

.ez-edu-subject-values__card {
    text-align:
        center;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        100%;
}


.ez-edu-subject-values__number {
    margin-left:
        auto;

    margin-right:
        auto;
}


.ez-edu-subject-values__item-title {
    width:
        100%;

    max-width:
        92%;

    margin-left:
        auto;

    margin-right:
        auto;

    text-align:
        center;
}


.ez-edu-subject-values__item-content {
    width:
        100%;

    text-align:
        center;
}


/* ----------------------------------------------------------
 * 4. DIFFERENT ORGANIC SILHOUETTES
 * ---------------------------------------------------------- */


/* Fruit 01 — rounded fruit / pear-like */
.ez-edu-subject-values__item:nth-of-type(4n + 1)
.ez-edu-subject-values__card {

    border-radius:
        42px
        42px
        58px
        34px;

    clip-path:
        polygon(
            4% 4%,
            91% 1%,
            98% 14%,
            99% 82%,
            91% 96%,
            13% 99%,
            2% 88%,
            1% 17%
        );
}


/* Fruit 02 — soft asymmetric blob */
.ez-edu-subject-values__item:nth-of-type(4n + 2)
.ez-edu-subject-values__card {

    border-radius:
        58px
        30px
        52px
        36px;

    clip-path:
        polygon(
            8% 1%,
            90% 3%,
            99% 18%,
            96% 89%,
            86% 98%,
            10% 96%,
            1% 80%,
            3% 13%
        );
}


/* Fruit 03 — leaf / capsule hybrid */
.ez-edu-subject-values__item:nth-of-type(4n + 3)
.ez-edu-subject-values__card {

    border-radius:
        34px
        62px
        32px
        62px;

    clip-path:
        polygon(
            3% 8%,
            82% 1%,
            98% 16%,
            99% 78%,
            84% 98%,
            8% 94%,
            1% 79%,
            2% 20%
        );
}


/* Fruit 04 — wide pebble / harvest shape */
.ez-edu-subject-values__item:nth-of-type(4n + 4)
.ez-edu-subject-values__card {

    border-radius:
        64px
        40px
        66px
        38px;

    clip-path:
        polygon(
            10% 2%,
            88% 1%,
            98% 16%,
            97% 86%,
            83% 98%,
            14% 97%,
            2% 83%,
            1% 18%
        );
}


/* ----------------------------------------------------------
 * GIVE EACH FRUIT A SLIGHTLY DIFFERENT TONE
 * ---------------------------------------------------------- */

.ez-edu-subject-values__item:nth-of-type(4n + 1)
.ez-edu-subject-values__card {
    background:
        linear-gradient(
            180deg,
            #FFFDF5 0%,
            #FFF8E9 100%
        );
}


.ez-edu-subject-values__item:nth-of-type(4n + 2)
.ez-edu-subject-values__card {
    background:
        linear-gradient(
            180deg,
            #F8FCEF 0%,
            #EFF6E6 100%
        );
}


.ez-edu-subject-values__item:nth-of-type(4n + 3)
.ez-edu-subject-values__card {
    background:
        linear-gradient(
            180deg,
            #FFF9EC 0%,
            #FFF1D8 100%
        );
}


.ez-edu-subject-values__item:nth-of-type(4n + 4)
.ez-edu-subject-values__card {
    background:
        linear-gradient(
            180deg,
            #F4FAF5 0%,
            #EAF3E8 100%
        );
}


/* ----------------------------------------------------------
 * SLIGHT FRUIT-LIKE DEPTH
 * ---------------------------------------------------------- */

.ez-edu-subject-values__card::before {
    content:
        "";

    position:
        absolute;

    top:
        12px;

    left:
        16%;

    width:
        32%;

    height:
        22px;

    border-radius:
        50%;

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

    filter:
        blur(8px);

    pointer-events:
        none;
}


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

@media (max-width: 991px) {

    .ez-edu-subject-values {
        padding:
            64px
            0
            94px;
    }


    .ez-edu-subject-values__header {
        margin-bottom:
            48px;
    }


    /*
     * Trên tablet/mobile vẫn giữ khác biệt hình dáng,
     * nhưng giảm mức "méo" để text dễ đọc.
     */

    .ez-edu-subject-values__item:nth-of-type(4n + 1)
    .ez-edu-subject-values__card {

        border-radius:
            34px
            34px
            44px
            28px;

        clip-path:
            none;
    }


    .ez-edu-subject-values__item:nth-of-type(4n + 2)
    .ez-edu-subject-values__card {

        border-radius:
            44px
            26px
            40px
            30px;

        clip-path:
            none;
    }


    .ez-edu-subject-values__item:nth-of-type(4n + 3)
    .ez-edu-subject-values__card {

        border-radius:
            26px
            44px
            28px
            42px;

        clip-path:
            none;
    }


    .ez-edu-subject-values__item:nth-of-type(4n + 4)
    .ez-edu-subject-values__card {

        border-radius:
            46px
            30px
            48px
            28px;

        clip-path:
            none;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-edu-subject-values {
        padding:
            54px
            0
            78px;
    }


    .ez-edu-subject-values__header {
        margin-bottom:
            36px;
    }


    .ez-edu-subject-values__item-title {
        max-width:
            100%;
    }

}



/* ==========================================================
 * EVERZEN EDU SUBJECT VALUES DETAIL REFINE 20261011
 * ========================================================== */


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

.ez-edu-subject-values__title-line {
    width:
        176px;

    height:
        24px;

    margin:
        11px
        auto
        0;
}


.ez-edu-subject-values__title-line svg {
    display:
        block;

    width:
        100%;

    height:
        100%;

    overflow:
        visible;
}


.ez-edu-subject-values__title-line path {
    fill:
        none;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.ez-edu-subject-values__title-line-main {
    stroke:
        #E88400;

    stroke-width:
        1.8;
}


.ez-edu-subject-values__title-line-accent {
    stroke:
        #7FA16F;

    stroke-width:
        1.25;

    opacity:
        .68;
}


/* ----------------------------------------------------------
 * DESCRIPTION ICON
 * ---------------------------------------------------------- */

.ez-edu-subject-values__description-icon {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        28px;

    height:
        28px;

    margin-right:
        8px;

    vertical-align:
        middle;

    transform:
        translateY(-1px);
}


.ez-edu-subject-values__description-icon svg {
    width:
        100%;

    height:
        100%;

    stroke:
        #7FA16F;

    stroke-width:
        1.55;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


.ez-edu-subject-values__description {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        0;
}


/* ----------------------------------------------------------
 * SHRINK ONLY ITEM 01 + 03
 * ---------------------------------------------------------- */

.ez-edu-subject-values__item:nth-of-type(4n + 1),
.ez-edu-subject-values__item:nth-of-type(4n + 3) {
    max-width:
        88%;
}


.ez-edu-subject-values__item:nth-of-type(4n + 1) {
    justify-self:
        end;
}


.ez-edu-subject-values__item:nth-of-type(4n + 3) {
    justify-self:
        end;
}


.ez-edu-subject-values__item:nth-of-type(4n + 1)
.ez-edu-subject-values__card,
.ez-edu-subject-values__item:nth-of-type(4n + 3)
.ez-edu-subject-values__card {

    padding:
        25px
        28px
        27px;
}


.ez-edu-subject-values__item:nth-of-type(4n + 1)
.ez-edu-subject-values__item-title,
.ez-edu-subject-values__item:nth-of-type(4n + 3)
.ez-edu-subject-values__item-title {

    font-size:
        23px;
}


.ez-edu-subject-values__item:nth-of-type(4n + 1)
.ez-edu-subject-values__item-content,
.ez-edu-subject-values__item:nth-of-type(4n + 3)
.ez-edu-subject-values__item-content {

    font-size:
        15px;

    line-height:
        1.72;
}


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

@media (max-width: 991px) {

    .ez-edu-subject-values__title-line {
        width:
            154px;

        height:
            22px;

        margin-top:
            9px;
    }


    /*
     * Tablet đã chuyển timeline 1 cột:
     * không thu hẹp card 01/03 quá nhiều.
     */

    .ez-edu-subject-values__item:nth-of-type(4n + 1),
    .ez-edu-subject-values__item:nth-of-type(4n + 3) {

        max-width:
            94%;

        justify-self:
            start;
    }


    .ez-edu-subject-values__item:nth-of-type(4n + 1)
    .ez-edu-subject-values__item-title,
    .ez-edu-subject-values__item:nth-of-type(4n + 3)
    .ez-edu-subject-values__item-title {

        font-size:
            21px;
    }

}


/* ----------------------------------------------------------
 * MOBILE
 * ---------------------------------------------------------- */

@media (max-width: 767px) {

    .ez-edu-subject-values__title-line {
        width:
            138px;

        height:
            20px;

        margin-top:
            8px;
    }


    .ez-edu-subject-values__description-icon {
        width:
            24px;

        height:
            24px;

        margin-right:
            6px;
    }


    .ez-edu-subject-values__item:nth-of-type(4n + 1),
    .ez-edu-subject-values__item:nth-of-type(4n + 3) {

        max-width:
            100%;
    }

}




/* ==========================================================
 * EVERZEN EDU SUBJECT VALUES MOBILE TITLE SIZE 20261011
 * ========================================================== */

@media (max-width: 767px) {

    .ez-edu-subject-values__item-title {
        font-size: 17px !important;
        line-height: 1.28;
    }

}

/* ===== EVERZEN EDU SUBJECT GALLERY CSS 20261011 START ===== */
/* EVERZEN EDU SUBJECT MOMENTS 2026 */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments {
    position: relative;
    overflow: hidden;

    padding: 58px 0 68px;

    background: #FCFBF8;
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-container {
    position: relative;
    z-index: 2;
}


/* DECORATIVE JOURNEY LINES */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-lines {
    position: absolute;
    z-index: 0;

    inset: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-lines path {
    fill: none;

    stroke: rgba(31,78,70,.17);
    stroke-width: 2;

    vector-effect: non-scaling-stroke;
}


/* TITLE */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-title {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;

    gap: 12px 22px;

    margin: 0 0 46px;

    color: var(--ez-green);
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-title-main {
    font-family: "Kanit", sans-serif;

    font-size: clamp(34px, 3.25vw, 52px);
    font-weight: 700;
    line-height: 1.05;

    letter-spacing: .01em;
    text-transform: uppercase;
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-title-decor {
    position: relative;
    top: 4px;

    color: #88C999;

    font-size: clamp(36px, 3.8vw, 58px);
    font-weight: 400;
    line-height: 1;
}


/* DESKTOP COLLAGE */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-collage {
    position: relative;

    display: grid;

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

    grid-template-rows:
        repeat(8, 74px);

    gap: 16px;

    min-height: 704px;
}


/* PHOTO BASE */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moment-photo {
    position: relative;

    display: block;

    overflow: hidden;

    min-width: 0;
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moment-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .6s ease;
}

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

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moment-photo:hover img {
        transform: scale(1.025);
    }
}


/* 1 - TOP LEFT */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moment-photo-1 {
    grid-column: 1 / 4;
    grid-row: 1 / 4;

    border-radius: 190px 0 0 0;
}


/* 2 - BOTTOM LEFT */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moment-photo-2 {
    grid-column: 1 / 4;
    grid-row: 4 / 9;

    border-radius: 0 0 0 16px;
}


/* 3 - TALL CENTER LEFT */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moment-photo-3 {
    grid-column: 4 / 7;
    grid-row: 1 / 6;

    border-radius: 0;
}


/* 4 - CENTER LEFT BOTTOM */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moment-photo-4 {
    grid-column: 4 / 7;
    grid-row: 6 / 9;

    border-radius: 0;
}


/* 5 - TOP CENTER RIGHT */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moment-photo-5 {
    grid-column: 7 / 10;
    grid-row: 1 / 4;

    border-radius: 0;
}


/* 6 - TALL RIGHT */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moment-photo-6 {
    grid-column: 10 / 13;
    grid-row: 1 / 6;

    border-radius: 0;
}


/* 7 - BOTTOM RIGHT */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moment-photo-7 {
    grid-column: 10 / 13;
    grid-row: 6 / 9;

    border-radius: 0 0 190px 0;
}


/* CENTER JOURNEY COPY */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-journey {
    grid-column: 7 / 10;
    grid-row: 4 / 9;

    display: flex;
    flex-direction: column;

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

    text-align: center;

    color: var(--ez-green);
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-pin {
    width: 27px;
    height: auto;

    margin-bottom: 8px;
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-pin path {
    fill: none;
    stroke: #6C9B83;
    stroke-width: 2;
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-pin circle {
    fill: none;
    stroke: #6C9B83;
    stroke-width: 2;
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-favorite {
    font-family: "Kanit", sans-serif;

    font-size: 20px;
    font-weight: 500;
    line-height: 1.45;

    letter-spacing: .02em;
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-journey-word {
    display: block;

    margin: 4px 0 8px;

    color: #B89C68;

    font-size: 58px;
    line-height: 1;
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-start {
    font-family: "Kanit", sans-serif;

    font-size: 18px;
    font-weight: 500;

    letter-spacing: .025em;
}


/* MOBILE VERSION HIDDEN ON DESKTOP */

.ez-edu-subject-gallery-v2 .ez-edu-subject-moments-mobile {
    display: none;
}


/* TABLET LANDSCAPE */

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

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-collage {
        grid-template-rows:
            repeat(8, 58px);

        gap: 12px;

        min-height: 548px;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-journey-word {
        font-size: 48px;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-favorite {
        font-size: 17px;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-start {
        font-size: 15px;
    }
}


/* TABLET PORTRAIT + MOBILE */

@media (max-width: 991px) {

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments {
        padding: 58px 0 68px;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-collage {
        display: none;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-mobile {
        display: block;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-title {
        gap: 8px 14px;

        margin-bottom: 34px;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-title-main {
        font-size: clamp(28px, 5vw, 40px);
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-title-decor {
        font-size: clamp(31px, 6vw, 46px);
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-mobile-rotator {
        position: relative;

        width: min(82%, 560px);

        aspect-ratio: 4 / 5;

        margin: 0 auto;

        overflow: hidden;

        border-radius: 20px;

        box-shadow:
            0 24px 34px rgba(0,0,0,.16);
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-mobile-slide {
        position: absolute;

        inset: 0;

        display: block;

        opacity: 0;
        visibility: hidden;

        transition:
            opacity 1.15s ease,
            visibility 1.15s ease;
    }

    .ez-edu-subject-gallery-v2
    .ez-edu-subject-moments-mobile-slide.is-active {
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }

    .ez-edu-subject-gallery-v2
    .ez-edu-subject-moments-mobile-slide img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-mobile-copy {
        display: flex;
        flex-direction: column;

        align-items: center;

        margin-top: 42px;

        text-align: center;

        color: var(--ez-green);
    }

    .ez-edu-subject-gallery-v2
    .ez-edu-subject-moments-mobile-copy
    .ez-edu-subject-moments-journey-word {
        font-size: 52px;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments {
        padding: 36px 0 44px;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-title {
        display: block;

        margin-bottom: 30px;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-title-main {
        display: block;

        font-size: clamp(24px, 7vw, 32px);
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-title-decor {
        display: block;

        position: relative;
        top: 2px;

        width: fit-content;
        margin: 3px auto 0;

        font-size: clamp(27px, 8vw, 37px);
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-mobile-rotator {
        width: 88%;

        border-radius: 18px;

        box-shadow:
            0 22px 30px rgba(0,0,0,.18);
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-mobile-copy {
        margin-top: 36px;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-favorite {
        font-size: 16px;
    }

    .ez-edu-subject-gallery-v2
    .ez-edu-subject-moments-mobile-copy
    .ez-edu-subject-moments-journey-word {
        margin: 2px 0 5px;

        font-size: 46px;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-start {
        font-size: 14px;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-moments-lines {
        width: 170%;
        left: -35%;
    }
}


/* JOURNEY — TỔNG QUAN */

.ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-journey {
    left: -2%;
    bottom: -7px;

    width: 104%;
    height: 180px;

    opacity: .13;
}


/* JOURNEY CONTINUATION — ĐIỂM NỔI BẬT */

.ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-journey-tail {
    top: -14px;
    right: -4%;

    width: 72%;
    height: 125px;

    opacity: .075;
}


/* MOUNTAIN CONTOUR — ĐIỂM ĐẾN */

.ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-mountains {
    right: -105px;
    bottom: -92px;

    width: 610px;
    height: auto;

    opacity: .105;
}


/* ORGANIC BRANCH — LỊCH TRÌNH */

.ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-branch {
    right: -36px;
    top: 82px;

    width: 270px;
    height: auto;

    opacity: .095;
}

.ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-branch-stem {
    stroke-width: 1.55;
}


/* TABLET LANDSCAPE */

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

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-journey {
        height: 150px;
        opacity: .11;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-mountains {
        right: -150px;
        width: 530px;
        opacity: .09;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-branch {
        right: -80px;
        width: 235px;
        opacity: .08;
    }
}


/* TABLET PORTRAIT */

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

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-journey {
        left: -18%;
        width: 130%;
        height: 135px;
        opacity: .10;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-journey-tail {
        width: 88%;
        opacity: .06;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-mountains {
        right: -185px;
        bottom: -70px;
        width: 470px;
        opacity: .075;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-branch {
        right: -105px;
        top: 105px;
        width: 215px;
        opacity: .07;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-journey {
        left: -65%;
        bottom: -3px;

        width: 190%;
        height: 105px;

        opacity: .09;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-journey-tail {
        display: none;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-mountains {
        right: -190px;
        bottom: -42px;

        width: 390px;

        opacity: .065;
    }

    .ez-edu-subject-gallery-v2 .ez-edu-subject-gallery-decor-branch {
        right: -115px;
        top: 150px;

        width: 185px;

        opacity: .06;
    }
}


/*
 * Edu Subject adapter:
 * section sits directly after Values.
 */

.ez-edu-subject-gallery-v2 {
    position: relative;
    background: #FFFFFF;
}


.ez-edu-subject-gallery-v2
.ez-edu-subject-moments {
    margin: 0;
}


/*
 * Không phụ thuộc generic rule từ module khác ngoài
 * Moments block from being required.
 */

.ez-edu-subject-gallery-v2
.ez-edu-subject-moments img {
    display: block;
}


/*
 * Edu Subject title/description data are mapped to
 * vị trí title chính/decor của Edu Subject.
 */

.ez-edu-subject-gallery-v2
.ez-edu-subject-moments-title-main,
.ez-edu-subject-gallery-v2
.ez-edu-subject-moments-title-decor {
    text-align: center;
}


/* ===== EVERZEN EDU SUBJECT GALLERY CSS 20261011 END ===== */


/* ==========================================================
 * EVERZEN EDU SUBJECT GALLERY TITLE COLORS 20261011
 * ========================================================== */

/* Tiêu đề chính: cùng màu với section Đội ngũ */
.ez-edu-subject-gallery-v2
.ez-edu-subject-moments-title-main {
    color: #245C57 !important;
}


/* Dòng decor / mô tả */
.ez-edu-subject-gallery-v2
.ez-edu-subject-moments-title-decor {
    color: #E88400 !important;
}

/* EVERZEN EDU SUBJECT CTA INDEPENDENT 20261011 */

/*
 * ==========================================================
 * EDU SUBJECT DETAIL — CTA INDEPENDENT
 *
 * Snapshot CSS độc lập.
 * Không phụ thuộc Edu Subject homepage.
 *
 * Scope:
 * .ez-edu-subject-cta-v2
 * ==========================================================
 */

.ez-edu-subject-cta-v2 {
    --cta-bg: #FBF2E6;
}

.ez-edu-subject-cta-v2 {
    position: relative;

    padding: 64px 0 68px !important;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 92% 12%,
            rgba(232, 132, 0, .11),
            transparent 24%
        ),
        radial-gradient(
            circle at 5% 88%,
            rgba(127, 168, 161, .15),
            transparent 25%
        ),
        #FFF4E7 !important;

    color: #263333;
}

.ez-edu-subject-cta-v2
> .image-after {
    display: none !important;
}

.ez-edu-subject-cta-v2::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 42px;
    right: 5%;

    width: 150px;
    height: 150px;

    border-radius: 50%;

    border:
        1px solid
        rgba(232, 132, 0, .13);

    box-shadow:
        30px 22px 0 -28px rgba(232, 132, 0, .38),
        -23px 64px 0 -26px rgba(127, 168, 161, .42),
        62px 76px 0 -27px rgba(232, 132, 0, .28);

    pointer-events: none;
}

.ez-edu-subject-cta-v2::after {
    content: "✦";

    position: absolute;
    z-index: 0;

    right: 12%;
    bottom: 46px;

    font-size: 28px;
    line-height: 1;

    color: rgba(232, 132, 0, .20);

    transform: rotate(14deg);

    pointer-events: none;
}

.ez-edu-subject-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-edu-subject-cta-v2
> .container
> .row {
    display: contents !important;
}

.ez-edu-subject-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-edu-subject-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:
        "Raleway",
        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: #263333 !important;

    text-align: left !important;
    text-transform: none !important;
}

.ez-edu-subject-cta-v2
.title-all.type2-cta-title::after {
    content: none !important;

    display: none !important;
}

.ez-edu-subject-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: #E88400;
}

.ez-edu-subject-cta-v2
> .container
> .row
> :nth-child(1) {
    grid-column: 1;
    grid-row: 1 / 3;

    align-self: stretch;
}

.ez-edu-subject-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-edu-subject-cta-v2
.type2-cta-image::after {
    content: "";

    position: absolute;

    inset:
        6% -4%
        4% -4%;

    z-index: -1;

    border-radius: 50%;

    background:
        rgba(
            232,
            132,
            0,
            .06
        );

    filter: blur(34px);

    pointer-events: none;
}

.ez-edu-subject-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-edu-subject-cta-v2
> .container
> .row
> :nth-child(2) {
    grid-column: 2;
    grid-row: 2;
}

.ez-edu-subject-cta-v2
.endow-content {
    width: 100%;

    padding: 0 !important;
}

.ez-edu-subject-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-edu-subject-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: #245C57 !important;

    background-image: none !important;

    box-shadow:
        0 12px 28px
        rgba(36, 92, 87, .12);
}

.ez-edu-subject-cta-v2
.endow-content
.head
.discount
.value {
    position: static !important;

    margin: 0 !important;

    font-family:
        "Open Sans",
        Arial,
        sans-serif !important;

    font-size: 25px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    color: #FFFFFF !important;

    transform: none !important;
}

.ez-edu-subject-cta-v2
.endow-content
.head
.discount
.value::after {
    content: "%" !important;

    position: static !important;

    margin-left: 1px;

    font-family:
        "Open Sans",
        Arial,
        sans-serif !important;

    font-size: 12px !important;

    color: rgba(255,255,255,.88) !important;
}

.ez-edu-subject-cta-v2
.form-price {
    display: flex;

    flex-direction: column;

    align-items: flex-start;
}

.ez-edu-subject-cta-v2
.endow-content
.head
.price-sale {
    margin: 0 0 5px !important;

    font-family:
        "Raleway",
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    line-height: 1.35 !important;

    color: #7A8583 !important;

    text-decoration-thickness: 1px !important;
}

.ez-edu-subject-cta-v2
.endow-content
.head
.price {
    margin: 0 !important;

    font-family:
        "Open Sans",
        Arial,
        sans-serif !important;

    font-size: 35px !important;
    font-weight: 700 !important;

    line-height: 1.08 !important;

    color: #E88400 !important;
}

.ez-edu-subject-cta-v2
.content
.type2-cta-title-decor {
    margin: 0 0 20px !important;

    padding: 0 !important;

    font-family:
        "Dancing Script SVN",
        "Dancing Script",
        cursive !important;

    font-size: 42px !important;
    font-weight: 400 !important;
    font-style: normal !important;

    line-height: 1.05 !important;

    letter-spacing: 0 !important;

    color: #E88400 !important;

    text-align: left !important;
    text-transform: none !important;
}

.ez-edu-subject-cta-v2
.type2-cta-description {
    margin: -6px 0 24px;

    font-family:
        "Raleway",
        sans-serif !important;

    font-size: 16px !important;
    font-weight: 500 !important;

    line-height: 1.65 !important;

    color: #4A5555 !important;
}

.ez-edu-subject-cta-v2
.type2-cta-description
p:last-child {
    margin-bottom: 0;
}

.ez-edu-subject-cta-v2
.endow-content
.list-endow {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.ez-edu-subject-cta-v2
.endow-content
.list-endow
li {
    position: relative;

    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 0 0 30px !important;

    font-family:
        "Raleway",
        sans-serif !important;

    font-size: 16px !important;
    font-weight: 500 !important;

    line-height: 1.55 !important;

    color: #263333 !important;
}

.ez-edu-subject-cta-v2
.endow-content
.list-endow
li:not(:last-child) {
    margin-bottom: 16px !important;
}

.ez-edu-subject-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(36, 92, 87, .10) !important;

    background-image: none !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size: 12px;
    font-weight: 700;

    line-height: 1;

    color: #245C57;
}

.ez-edu-subject-cta-v2
.type2-cta-item__title {
    display: block;

    font-family:
        "Open Sans",
        Arial,
        sans-serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    line-height: 1.45;

    color: #263333;
}

.ez-edu-subject-cta-v2
.type2-cta-item__description {
    margin-top: 4px;

    font-size: 14px;
    line-height: 1.55;

    color: #697473;
}

.ez-edu-subject-cta-v2
.type2-cta-item__description
p {
    margin: 0;
}

.ez-edu-subject-cta-v2
> .container
> .row
> :nth-child(3) {
    grid-column: 3;
    grid-row: 2;

    align-self: start;
}

.ez-edu-subject-cta-v2
.ez-edu-subject-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(
            38,
            51,
            51,
            .045
        );
}

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
.title {
    font-family:
        "Open Sans",
        Arial,
        sans-serif !important;

    font-weight: 700 !important;

    letter-spacing: .01em;

    color: #245C57 !important;
}

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form
.form-group__admin {
    min-height: 44px !important;

    padding:
        9px 30px
        9px 0 !important;

    border-top:
        1px solid
        rgba(38, 51, 51, .10) !important;
}

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form
.form-group__admin
.form-control,

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form
.form-group__admin
.select {
    font-family:
        "Raleway",
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    color: #263333 !important;

    text-transform: none !important;
}

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form
input[type="submit"],

.ez-edu-subject-cta-v2
.ez-edu-subject-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: #E88400 !important;

    font-family:
        "Open Sans",
        Arial,
        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-edu-subject-cta-v2
.type2-cta-admin-button-wrap {
    margin-top: 30px;
}

.ez-edu-subject-cta-v2
.type2-cta-admin-button {
    display: inline-flex;

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

    min-height: 46px;

    padding:
        11px 26px;

    border:
        1px solid
        #E88400;

    border-radius:
        999px;

    background:
        #E88400;

    font-family:
        "Open Sans",
        Arial,
        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-edu-subject-cta-v2
    a.type2-cta-admin-button:hover {
        transform:
            translateY(-2px);

        background:
            #D77900;

        border-color:
            #D77900;

        box-shadow:
            0 10px 24px
            rgba(
                232,
                132,
                0,
                .18
            );
    }
}

@media (
    min-width: 576px
) and (
    max-width: 1199px
) {
.ez-edu-subject-cta-v2 {
        padding:
            52px 0
            56px !important;
    }

.ez-edu-subject-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-edu-subject-cta-v2
    .title-all.type2-cta-title {
        grid-column: 1 / -1;
        grid-row: 1;

        font-size: 26px !important;
    }

.ez-edu-subject-cta-v2
    > .container
    > .row
    > :nth-child(1) {
        grid-column: 1;
        grid-row: 2;
    }

.ez-edu-subject-cta-v2
    > .container
    > .row
    > :nth-child(2) {
        grid-column: 2;
        grid-row: 2;
    }

.ez-edu-subject-cta-v2
    > .container
    > .row
    > :nth-child(3) {
        grid-column: 1 / -1;
        grid-row: 3;
    }

.ez-edu-subject-cta-v2
    .type2-cta-image {
        min-height: 430px;
    }

.ez-edu-subject-cta-v2
    .type2-cta-title-decor {
        font-size: 40px !important;
    }

.ez-edu-subject-cta-v2
    .ez-edu-subject-cta-form.type2-cta-form {
        max-width: 620px !important;

        margin:
            10px auto
            0 !important;
    }
}

@media (max-width: 575px) {
.ez-edu-subject-cta-v2 {
        padding:
            42px 0
            46px !important;
    }

.ez-edu-subject-cta-v2
    > .container {
        display: block;
    }

.ez-edu-subject-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-edu-subject-cta-v2
    .title-all.type2-cta-title::before {
        width: 25px;

        margin-right: 8px;
    }

.ez-edu-subject-cta-v2
    > .container
    > .row {
        display: flex !important;

        flex-direction: column;

        gap: 28px;

        margin: 0 !important;
    }

.ez-edu-subject-cta-v2
    > .container
    > .row
    > [class*="col-"] {
        display: block !important;

        width: 100% !important;

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

.ez-edu-subject-cta-v2
    .type2-cta-image {
        min-height: 0;

        height: auto;

        aspect-ratio: 4 / 3;

        border-radius: 0;
    }

.ez-edu-subject-cta-v2
    .endow-content
    .head {
        gap: 15px;

        margin-bottom:
            25px !important;
    }

.ez-edu-subject-cta-v2
    .endow-content
    .head
    .discount {
        width: 72px !important;
        height: 72px !important;

        flex-basis: 72px !important;
    }

.ez-edu-subject-cta-v2
    .endow-content
    .head
    .discount
    .value {
        font-size: 22px !important;
    }

.ez-edu-subject-cta-v2
    .endow-content
    .head
    .price {
        font-size: 30px !important;
    }

.ez-edu-subject-cta-v2
    .type2-cta-title-decor {
        margin-bottom:
            18px !important;

        font-size: 34px !important;
    }

.ez-edu-subject-cta-v2
    .type2-cta-description {
        font-size: 15px !important;
    }

.ez-edu-subject-cta-v2
    .endow-content
    .list-endow
    li {
        font-size: 15px !important;
    }

.ez-edu-subject-cta-v2
    .ez-edu-subject-cta-form.type2-cta-form {
        padding:
            21px 17px
            18px !important;

        border-radius: 18px !important;
    }

.ez-edu-subject-cta-v2::before {
        width: 95px;
        height: 95px;

        top: 22px;
        right: -40px;
    }
}

.ez-edu-subject-cta-v2
.type2-cta-image {
    position: relative;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.ez-edu-subject-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-edu-subject-cta-v2
.type2-cta-image::after {
    content: "";

    position: absolute;
    inset: -2% -3%;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            to right,
            #FFF4E7 0%,
            rgba(255,244,231,.82) 3%,
            rgba(255,244,231,.30) 8%,
            transparent 16%,
            transparent 84%,
            rgba(255,244,231,.30) 92%,
            rgba(255,244,231,.82) 97%,
            #FFF4E7 100%
        ),
        linear-gradient(
            to bottom,
            #FFF4E7 0%,
            rgba(255,244,231,.72) 3%,
            rgba(255,244,231,.20) 9%,
            transparent 17%,
            transparent 83%,
            rgba(255,244,231,.20) 91%,
            rgba(255,244,231,.72) 97%,
            #FFF4E7 100%
        );
}

.ez-edu-subject-cta-v2
.ez-edu-subject-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(38,51,51,.025) !important;

    -webkit-backdrop-filter:
        blur(18px);

    backdrop-filter:
        blur(18px);
}

.ez-edu-subject-cta-v2
.type2-cta-admin-button-wrap {
    margin-top: 26px;
}

.ez-edu-subject-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:
        "Open Sans",
        Arial,
        sans-serif !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    color: #E88400 !important;

    text-decoration: none !important;
}

.ez-edu-subject-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-edu-subject-cta-v2
    a.type2-cta-admin-button:hover {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        color: #D77900 !important;

        transform: none !important;
    }

.ez-edu-subject-cta-v2
    a.type2-cta-admin-button:hover::after {
        transform:
            translateX(4px);
    }
}

.ez-edu-subject-cta-v2
.endow-content
.list-endow
li
.type2-cta-item__title {
    display: inline !important;

    font-family:
        "Open Sans",
        Arial,
        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: #263333 !important;
}

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
.title {
    font-family:
        "Open Sans",
        Arial,
        sans-serif !important;

    font-weight: 700 !important;

    color: #245C57 !important;
}

@media (min-width: 576px) and (max-width: 1199px) {
.ez-edu-subject-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-edu-subject-cta-v2
    .ez-edu-subject-cta-form.type2-cta-form {
        background:
            rgba(255,255,255,.25) !important;
    }

.ez-edu-subject-cta-v2
    .type2-cta-admin-button {
        font-size: 14px !important;
    }
}

.ez-edu-subject-cta-v2 {
    --cta-bg: #FBF2E6;
}

.ez-edu-subject-cta-v2 .type2-cta-image {
    position: relative;
    isolation: isolate;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.ez-edu-subject-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-edu-subject-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(251,242,230,.92) 3%,
            rgba(251,242,230,.58) 8%,
            rgba(251,242,230,.20) 14%,
            rgba(251,242,230,0) 20%,
            rgba(251,242,230,0) 80%,
            rgba(251,242,230,.20) 86%,
            rgba(251,242,230,.58) 92%,
            rgba(251,242,230,.92) 97%,
            var(--cta-bg) 100%
        ),
        linear-gradient(to bottom,
            var(--cta-bg) 0%,
            rgba(251,242,230,.92) 3%,
            rgba(251,242,230,.58) 8%,
            rgba(251,242,230,.20) 14%,
            rgba(251,242,230,0) 20%,
            rgba(251,242,230,0) 80%,
            rgba(251,242,230,.20) 86%,
            rgba(251,242,230,.58) 92%,
            rgba(251,242,230,.92) 97%,
            var(--cta-bg) 100%
        );
}

.ez-edu-subject-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(251,242,230,0) 24%),
        radial-gradient(circle at 100% 0%, var(--cta-bg) 0%, rgba(251,242,230,0) 24%),
        radial-gradient(circle at 0% 100%, var(--cta-bg) 0%, rgba(251,242,230,0) 24%),
        radial-gradient(circle at 100% 100%, var(--cta-bg) 0%, rgba(251,242,230,0) 24%);
}

.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form {
    background: rgba(255,255,255,.18) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form select,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form select option {
    text-transform: uppercase;
}

.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form .wpcf7-form-control-wrap select {
    text-transform: uppercase;
}

.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form .current,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form .selected,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form .select2-selection__rendered {
    text-transform: uppercase;
}

.ez-edu-subject-cta-v2 {
    --cta-bg: #FBF2E6;
}

.ez-edu-subject-cta-v2 .type2-cta-image {
    position: relative;
    isolation: isolate;
    overflow: hidden !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.ez-edu-subject-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-edu-subject-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(251,242,230,.98) 4%,
            rgba(251,242,230,.88) 8%,
            rgba(251,242,230,.68) 13%,
            rgba(251,242,230,.38) 18%,
            rgba(251,242,230,.12) 24%,
            rgba(251,242,230,0) 31%,
            rgba(251,242,230,0) 69%,
            rgba(251,242,230,.12) 76%,
            rgba(251,242,230,.38) 82%,
            rgba(251,242,230,.68) 87%,
            rgba(251,242,230,.88) 92%,
            rgba(251,242,230,.98) 96%,
            var(--cta-bg) 100%
        ),
        linear-gradient(
            to bottom,
            var(--cta-bg) 0%,
            rgba(251,242,230,.98) 4%,
            rgba(251,242,230,.88) 8%,
            rgba(251,242,230,.68) 13%,
            rgba(251,242,230,.38) 18%,
            rgba(251,242,230,.12) 24%,
            rgba(251,242,230,0) 31%,
            rgba(251,242,230,0) 69%,
            rgba(251,242,230,.12) 76%,
            rgba(251,242,230,.38) 82%,
            rgba(251,242,230,.68) 87%,
            rgba(251,242,230,.88) 92%,
            rgba(251,242,230,.98) 96%,
            var(--cta-bg) 100%
        );
}

.ez-edu-subject-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(251,242,230,.88) 10%, rgba(251,242,230,.45) 20%, rgba(251,242,230,0) 34%),
        radial-gradient(circle at 100% 0%, var(--cta-bg) 0%, rgba(251,242,230,.88) 10%, rgba(251,242,230,.45) 20%, rgba(251,242,230,0) 34%),
        radial-gradient(circle at 0% 100%, var(--cta-bg) 0%, rgba(251,242,230,.88) 10%, rgba(251,242,230,.45) 20%, rgba(251,242,230,0) 34%),
        radial-gradient(circle at 100% 100%, var(--cta-bg) 0%, rgba(251,242,230,.88) 10%, rgba(251,242,230,.45) 20%, rgba(251,242,230,0) 34%);
}

.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form {
    background: rgba(255,255,255,.14) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form select,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form option,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form .current,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form .selected,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form.type2-cta-form .select2-selection__rendered {
    text-transform: none !important;
}

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
.form-group__admin
select,

.ez-edu-subject-cta-v2
.ez-edu-subject-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:
        "Open Sans",
        Arial,
        sans-serif !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    letter-spacing: .04em !important;

    color: #747474 !important;

    text-transform: none !important;

    -webkit-appearance: none;
    appearance: none;
}

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
.form-group__admin
select option {

    font-family:
        "Open Sans",
        Arial,
        sans-serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    letter-spacing: .02em !important;

    color: #263333 !important;

    text-transform: none !important;
}

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
.form-group__admin
select.select {

    font-family: "Raleway", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;

    color: #747474 !important;

    text-transform: none !important;
}

.ez-edu-subject-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: "Raleway", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .04em !important;

    color: #747474 !important;

    text-transform: none !important;

    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.ez-edu-subject-cta-v2
.type2-cta-form
select.select.wcf7
option {

    font-family: "Raleway", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;

    color: #263333 !important;

    text-transform: none !important;
}

@media (min-width: 576px) and (max-width: 1199px) {
.ez-edu-subject-cta-v2
    .type2-cta-form
    select.select.wcf7 {

        font-family: "Raleway", sans-serif !important;

        font-size: 14px !important;

        font-weight: 500 !important;

        letter-spacing: .04em !important;

        color: #747474 !important;

        text-transform: none !important;
    }
}

@media (max-width: 575px) {
.ez-edu-subject-cta-v2
    .type2-cta-form
    select.select.wcf7 {

        font-family: "Raleway", sans-serif !important;

        font-size: 14px !important;

        font-weight: 500 !important;

        letter-spacing: .04em !important;

        color: #747474 !important;

        text-transform: none !important;
    }
}

@media (max-width: 575px) {
.ez-edu-subject-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-edu-subject-cta-v2
    .endow-content
    .content
    p.title.type2-cta-title-decor {

        font-size: 30px !important;
        line-height: 1.12 !important;
    }
}

/* /EVERZEN EDU SUBJECT CTA INDEPENDENT 20261011 */

/* EVERZEN EDU SUBJECT 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-edu-subject-cta-v2 .type2-cta-form input,
.ez-edu-subject-cta-v2 .type2-cta-form textarea,
.ez-edu-subject-cta-v2 .type2-cta-form select,
.ez-edu-subject-cta-v2 .type2-cta-form option,
.ez-edu-subject-cta-v2 .type2-cta-form label,
.ez-edu-subject-cta-v2 .type2-cta-form .nice-select,
.ez-edu-subject-cta-v2 .type2-cta-form .nice-select .current,
.ez-edu-subject-cta-v2 .type2-cta-form .nice-select .option,
.ez-edu-subject-cta-v2 .type2-cta-form .wpcf7-submit,
.ez-edu-subject-cta-v2 .type2-cta-form button[type="submit"],

.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form input,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form textarea,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form select,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form option,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form label,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form .nice-select,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form .nice-select .current,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form .nice-select .option,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form .wpcf7-submit,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form button[type="submit"] {
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/*
 * Placeholder cũng không uppercase.
 */
.ez-edu-subject-cta-v2 .type2-cta-form input::placeholder,
.ez-edu-subject-cta-v2 .type2-cta-form textarea::placeholder,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form input::placeholder,
.ez-edu-subject-cta-v2 .ez-edu-subject-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-edu-subject-cta-v2 .ez-edu-subject-cta-form .title-form,
.ez-edu-subject-cta-v2 .ez-edu-subject-cta-form .form-title,
.ez-edu-subject-cta-v2 .type2-cta-form .title-form,
.ez-edu-subject-cta-v2 .type2-cta-form .form-title {
    text-transform: uppercase !important;
}

/* /EVERZEN EDU SUBJECT CTA FORM CASE 20261011 */

/* EVERZEN EDU SUBJECT 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-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
.form-group__admin
.form-control,

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
.form-group__admin
.select,

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
.form-group__admin
select.select,

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
.form-group__admin
select.select.wcf7,

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
input,

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
textarea,

.ez-edu-subject-cta-v2
.type2-cta-form
input,

.ez-edu-subject-cta-v2
.type2-cta-form
textarea,

.ez-edu-subject-cta-v2
.type2-cta-form
select.select.wcf7 {

    font-family:
        "Raleway",
        sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;

    color: #747474 !important;

    text-transform: none !important;
}


/*
 * Placeholder giống hệt select.
 */
.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
input::placeholder,

.ez-edu-subject-cta-v2
.ez-edu-subject-cta-form.type2-cta-form
textarea::placeholder,

.ez-edu-subject-cta-v2
.type2-cta-form
input::placeholder,

.ez-edu-subject-cta-v2
.type2-cta-form
textarea::placeholder {

    font-family:
        "Raleway",
        sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;

    color: #747474 !important;

    text-transform: none !important;

    opacity: 1 !important;
}


/*
 * Option khi mở dropdown.
 */
.ez-edu-subject-cta-v2
.type2-cta-form
select.select.wcf7
option {

    font-family:
        "Raleway",
        sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    letter-spacing: 0 !important;

    color: #747474 !important;

    text-transform: none !important;
}

/* EVERZEN EDU SUBJECT CTA FORM STANDARD 500 END */

/* EVERZEN EDU SUBJECT RELATED V2 STYLE 20261011 START */

/* ==========================================================
   SECTION 13 — RELATED PROGRAMS
   GIỮ LAYOUT, CHỈ TINH CHỈNH MÀU + TYPO + DECOR
   ========================================================== */

.ez-edu-subject-related-v2 {
    position: relative;
    isolation: isolate;
}


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

.ez-edu-subject-related-v2 .title-all {
    position: relative;
    display: table;
    margin: 0 auto 48px auto !important;
    padding: 0 72px !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    color: #245C57 !important;
    text-transform: none !important;
}

.ez-edu-subject-related-v2 .title-all::before,
.ez-edu-subject-related-v2 .title-all::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 42px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(232, 132, 0, 0.20) 0%,
        rgba(232, 132, 0, 0.90) 50%,
        rgba(232, 132, 0, 0.20) 100%
    );
    transform: translateY(-50%);
}

.ez-edu-subject-related-v2 .title-all::before {
    left: 12px;
}

.ez-edu-subject-related-v2 .title-all::after {
    right: 12px;
}

.ez-edu-subject-related-v2 .title-all span,
.ez-edu-subject-related-v2 .title-all strong {
    color: inherit !important;
}


/* ==========================================================
   DECOR TO ORANGE
   ========================================================== */

/* Các icon / họa tiết trong section */
.ez-edu-subject-related-v2 .image-before img,
.ez-edu-subject-related-v2 .image-after img,
.ez-edu-subject-related-v2 [class*="decor"] img,
.ez-edu-subject-related-v2 [class*="icon"] img,
.ez-edu-subject-related-v2 img[src*="before-program"],
.ez-edu-subject-related-v2 img[src*="ball"],
.ez-edu-subject-related-v2 img[src*="location"],
.ez-edu-subject-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-edu-subject-related-v2 img[src*="ball"],
.ez-edu-subject-related-v2 [class*="ball"] img,
.ez-edu-subject-related-v2 [class*="football"] img,
.ez-edu-subject-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-edu-subject-related-v2 + * .line-left,
.ez-edu-subject-related-v2 + * .decor-line-left,
.ez-edu-subject-related-v2 + * .before-line-left,
.ez-edu-subject-related-v2 + * .connect-line-left,
.ez-edu-subject-related-v2 + * .tent-line-left {
    display: none !important;
}


/* ==========================================================
   CARD SHELL
   ========================================================== */

.ez-edu-subject-related-v2 .ez-edu-subject-related-card {
    background: rgba(232, 132, 0, 0.11) !important;
    border: 1px solid rgba(232, 132, 0, 0.28) !important;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(232, 132, 0, 0.06);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.ez-edu-subject-related-v2 .ez-edu-subject-related-card:hover {
    transform: translateY(-3px);
    border-color: rgba(232, 132, 0, 0.42) !important;
    box-shadow: 0 14px 32px rgba(232, 132, 0, 0.10);
}

.ez-edu-subject-related-v2 .ez-edu-subject-related-card .img {
    display: block;
    overflow: hidden;
}

.ez-edu-subject-related-v2 .ez-edu-subject-related-card .ct-text {
    background: transparent !important;
    color: #5F5A52 !important;
}


/* ==========================================================
   CARD TYPO
   ========================================================== */

.ez-edu-subject-related-v2 .ez-edu-subject-related-card .text-decor {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    letter-spacing: .02em !important;
    color: #E88400 !important;
    text-transform: none !important;
    opacity: .92;
}

.ez-edu-subject-related-v2 .ez-edu-subject-related-card .title {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    color: #245C57 !important;
    text-transform: none !important;
    text-decoration: none !important;
}

.ez-edu-subject-related-v2 .ez-edu-subject-related-card .s-content,
.ez-edu-subject-related-v2 .ez-edu-subject-related-card .s-content p {
    font-family: "Raleway", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    color: #5F5A52 !important;
}


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

@media (max-width: 1199px) {
    .ez-edu-subject-related-v2 .title-all {
        font-size: 28px !important;
        padding: 0 60px !important;
    }

    .ez-edu-subject-related-v2 .title-all::before,
    .ez-edu-subject-related-v2 .title-all::after {
        width: 34px;
    }
}

@media (max-width: 767px) {
    .ez-edu-subject-related-v2 .title-all {
        font-size: 23px !important;
        padding: 0 40px !important;
        margin-bottom: 36px !important;
    }

    .ez-edu-subject-related-v2 .title-all::before,
    .ez-edu-subject-related-v2 .title-all::after {
        width: 24px;
        height: 2px;
    }

    .ez-edu-subject-related-v2 .ez-edu-subject-related-card .title {
        font-size: 15px !important;
    }

    .ez-edu-subject-related-v2 .ez-edu-subject-related-card .s-content,
    .ez-edu-subject-related-v2 .ez-edu-subject-related-card .s-content p {
        font-size: 14px !important;
    }
}

/* EVERZEN EDU SUBJECT RELATED V2 STYLE 20261011 END */

/* EVERZEN EDU SUBJECT CONNECT V2 STYLE 20261011 START */

/*
 * EDU SUBJECT — SECTION KẾT NỐI
 *
 * Không sửa widget dùng chung.
 * Chỉ áp dụng khi widget nằm trong:
 * .ez-edu-subject-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-edu-subject-connect-v2
.section-connect {

    background:
        #F8F1E7 !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-edu-subject-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-edu-subject-connect-v2
.section-connect
.image-before img,

.ez-edu-subject-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-edu-subject-connect-v2
.section-connect
.image-before img {

    opacity:
        .72;
}


/* ==========================================================
   MOBILE
   Widget legacy vốn ẩn before/after ở mobile bằng
   d-none d-md-block nên không thay đổi hành vi đó.
   ========================================================== */

/* EVERZEN EDU SUBJECT CONNECT V2 STYLE 20261011 END */

/* EVERZEN EDU SUBJECT MAIN TITLE STANDARD 20261011 START */

/*
 * ==========================================================
 * EDU SUBJECT — MAIN SECTION TITLE STANDARD
 * ==========================================================
 *
 * CHỈ ÁP DỤNG:
 *
 * 1. GIỚI THIỆU CHUNG
 * 2. TRẠI HÈ CÓ
 * 3. CẤU TRÚC CHƯƠNG TRÌNH
 * 4. LỊCH TRÌNH
 * 5. ĐỘI NGŨ ...
 * 6. TÌM HIỂU THÊM EDU SUBJECT
 * 7. KẾT NỐI VỚI EVERZEN ACADEMY
 *
 * KHÔNG ÁP DỤNG:
 *
 * - title decor
 * - Family Edu Subject
 * - 10-2
 * - f-decor
 * - chữ viết tay
 * - title card
 */


/* ==========================================================
   BASE TYPOGRAPHY
   ========================================================== */

.ez-edu-subject-intro-title,

.ez-edu-subject-activities-title,

.ez-edu-subject-curriculum__title,

.ez-edu-subject-schedule__title,
.ez-edu-subject-schedule-title,

.ez-edu-subject-team-wall__title,

.ez-edu-subject-related-v2
.title-all,

.ez-edu-subject-connect-v2
.section-connect
.title-all {

    font-family:
        "KaniT",
        sans-serif !important;

    font-weight:
        700 !important;

    color:
        rgb(36, 92, 87) !important;
}


/*
 * Team hiện có thể tách từ cuối vào span
 * để làm visual.
 *
 * Đây là một phần của MAIN TITLE,
 * không phải title decor.
 */

.ez-edu-subject-team-wall__title
span {

    font-family:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        inherit !important;

    color:
        rgb(36, 92, 87) !important;
}


/*
 * Connect widget legacy có thể dùng strong
 * bên trong title.
 *
 * Edu Subject override toàn bộ title về
 * cùng hệ typography.
 */

.ez-edu-subject-connect-v2
.section-connect
.title-all
strong {

    font-family:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        inherit !important;

    color:
        rgb(36, 92, 87) !important;
}


/* ==========================================================
   LARGE DESKTOP
   >= 1200px
   ========================================================== */

@media (min-width: 1200px) {

    .ez-edu-subject-intro-title,

    .ez-edu-subject-activities-title,

    .ez-edu-subject-curriculum__title,

    .ez-edu-subject-schedule__title,
    .ez-edu-subject-schedule-title,

    .ez-edu-subject-team-wall__title,

    .ez-edu-subject-related-v2
    .title-all,

    .ez-edu-subject-connect-v2
    .section-connect
    .title-all {

        font-size:
            32px !important;
    }

}


/* ==========================================================
   TABLET / SMALL DESKTOP
   768px — 1199px
   ========================================================== */

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

    .ez-edu-subject-intro-title,

    .ez-edu-subject-activities-title,

    .ez-edu-subject-curriculum__title,

    .ez-edu-subject-schedule__title,
    .ez-edu-subject-schedule-title,

    .ez-edu-subject-team-wall__title,

    .ez-edu-subject-related-v2
    .title-all,

    .ez-edu-subject-connect-v2
    .section-connect
    .title-all {

        font-size:
            28px !important;
    }

}


/* ==========================================================
   MOBILE
   < 768px
   ========================================================== */

@media (max-width: 767px) {

    .ez-edu-subject-intro-title,

    .ez-edu-subject-activities-title,

    .ez-edu-subject-curriculum__title,

    .ez-edu-subject-schedule__title,
    .ez-edu-subject-schedule-title,

    .ez-edu-subject-team-wall__title,

    .ez-edu-subject-related-v2
    .title-all,

    .ez-edu-subject-connect-v2
    .section-connect
    .title-all {

        font-size:
            22px !important;
    }

}

/* EVERZEN EDU SUBJECT MAIN TITLE STANDARD 20261011 END */

/* EVERZEN EDU SUBJECT 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 Edu Subject
 *
 * Không tác động title-decor.
 */


/* ==========================================================
   TYPOGRAPHY CHUNG
   ========================================================== */

body.single-edu_subject
.ez-edu-subject-activities
.ez-edu-subject-activities-title,

body.single-edu_subject
.ez-edu-subject-related-v2
.title-all {

    font-family:
        "KaniT",
        sans-serif !important;

    font-weight:
        700 !important;

    color:
        rgb(36, 92, 87) !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-edu_subject
.ez-edu-subject-activities
.ez-edu-subject-activities-title span,

body.single-edu_subject
.ez-edu-subject-activities
.ez-edu-subject-activities-title strong,

body.single-edu_subject
.ez-edu-subject-related-v2
.title-all span,

body.single-edu_subject
.ez-edu-subject-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-edu_subject
    .ez-edu-subject-activities
    .ez-edu-subject-activities-title,

    body.single-edu_subject
    .ez-edu-subject-related-v2
    .title-all {

        font-size:
            32px !important;
    }

}


/* ==========================================================
   768px — 1199px
   ========================================================== */

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

    body.single-edu_subject
    .ez-edu-subject-activities
    .ez-edu-subject-activities-title,

    body.single-edu_subject
    .ez-edu-subject-related-v2
    .title-all {

        font-size:
            28px !important;
    }

}


/* ==========================================================
   < 768px
   ========================================================== */

@media (max-width: 767px) {

    body.single-edu_subject
    .ez-edu-subject-activities
    .ez-edu-subject-activities-title,

    body.single-edu_subject
    .ez-edu-subject-related-v2
    .title-all {

        font-size:
            22px !important;
    }

}


/* ==========================================================
   >= 1200px
   ========================================================== */

@media (min-width: 1200px) {

    body.single-edu_subject
    .ez-edu-subject-schedule-head
    .ez-edu-subject-section-label {

        font-size:
            32px !important;
    }

}


/* ==========================================================
   768px — 1199px
   ========================================================== */

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

    body.single-edu_subject
    .ez-edu-subject-schedule-head
    .ez-edu-subject-section-label {

        font-size:
            28px !important;
    }

}


/* ==========================================================
   < 768px
   ========================================================== */

@media (max-width: 767px) {

    body.single-edu_subject
    .ez-edu-subject-schedule-head
    .ez-edu-subject-section-label {

        font-size:
            22px !important;
    }

}

/* EVERZEN EDU SUBJECT SCHEDULE TITLE FORCE 20261011 END */

/* EVERZEN EDU SUBJECT SCHEDULE TITLE FINAL FIX 20261011 START */

body.single-edu_subject h2.ez-edu-subject-schedule-title {
    font-family: "KaniT", sans-serif !important;
    font-weight: 700 !important;
    color: rgb(36, 92, 87) !important;
}

@media (min-width: 1200px) {
    body.single-edu_subject h2.ez-edu-subject-schedule-title {
        font-size: 32px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.single-edu_subject h2.ez-edu-subject-schedule-title {
        font-size: 28px !important;
    }
}

@media (max-width: 767px) {
    body.single-edu_subject h2.ez-edu-subject-schedule-title {
        font-size: 22px !important;
    }
}

/* EVERZEN EDU SUBJECT SCHEDULE TITLE FINAL FIX 20261011 END */

/* EVERZEN EDU SUBJECT RELATED SPACING 20261011 START */

/*
 * TÌM HIỂU THÊM EDU SUBJECT
 *
 * Chỉ tăng khoảng thở ngoài của section.
 * Không thay đổi title / decor / card.
 */

@media (min-width: 1200px) {

    .ez-edu-subject-related-v2 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

}


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

    .ez-edu-subject-related-v2 {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

}


@media (max-width: 767px) {

    .ez-edu-subject-related-v2 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

}

/* EVERZEN EDU SUBJECT RELATED SPACING 20261011 END */

/* EVERZEN EDU SUBJECT SCHEDULE DAY TABS FINAL START 20261011 */

/*
 * ==========================================================
 * SCHEDULE — DAY TABS
 * Giữ visual độc lập trong Edu Subject detail.
 * ==========================================================
 */

.ez-edu-subject-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-edu-subject-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-edu-subject-schedule #sche-tab .nav-item:last-child {
    margin-right: 0 !important;
}


.ez-edu-subject-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: KaniT, sans-serif !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    color: #B3B2B3 !important;

    text-transform: uppercase !important;
    white-space: nowrap !important;

    transition:
        color .2s ease !important;
}


.ez-edu-subject-schedule #sche-tab .nav-link:hover,
.ez-edu-subject-schedule #sche-tab .nav-link:focus,
.ez-edu-subject-schedule #sche-tab .nav-link:focus-visible {
    color: #4C7E8D !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


.ez-edu-subject-schedule #sche-tab .nav-link.active,
.ez-edu-subject-schedule #sche-tab .show > .nav-link {
    color: #4C7E8D !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-edu-subject-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-edu-subject-schedule #sche-tab {
        overflow-x: auto !important;
        overflow-y: hidden !important;

        scrollbar-width: none !important;
    }

    .ez-edu-subject-schedule #sche-tab::-webkit-scrollbar {
        display: none !important;
    }

    .ez-edu-subject-schedule #sche-tab .nav-item {
        margin-right: 24px !important;
    }

    .ez-edu-subject-schedule #sche-tab .nav-link {
        font-size: 21px !important;
    }

}


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

@media (max-width: 767px) {

    .ez-edu-subject-schedule #sche-tab {
        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch !important;

        scrollbar-width: none !important;
    }

    .ez-edu-subject-schedule #sche-tab::-webkit-scrollbar {
        display: none !important;
    }

    .ez-edu-subject-schedule #sche-tab .nav-item {
        margin-right: 20px !important;
    }

    .ez-edu-subject-schedule #sche-tab .nav-link {
        font-size: 18px !important;
    }

}

/* EVERZEN EDU SUBJECT SCHEDULE DAY TABS FINAL END 20261011 */

/* EVERZEN EDU SUBJECT SCHEDULE DAY TAB LEFT GAP START 20261011 */

.ez-edu-subject-schedule #sche-tab {
    padding-left: 18px !important;
}

@media (max-width: 767px) {
    .ez-edu-subject-schedule #sche-tab {
        padding-left: 14px !important;
    }
}

/* EVERZEN EDU SUBJECT SCHEDULE DAY TAB LEFT GAP END 20261011 */

/* EVERZEN EDU SUBJECT 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-edu-subject-schedule #sche-tab {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    row-gap: 10px !important;
}

.ez-edu-subject-schedule #sche-tab .nav-item {
    flex: 0 0 auto !important;
}

.ez-edu-subject-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-edu-subject-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-edu-subject-schedule #sche-tab {
        flex-wrap: wrap !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        row-gap: 8px !important;
    }

}

/* EVERZEN EDU SUBJECT SCHEDULE DAY TABS WRAP END 20261011 */