/* Chuyen tu Tuy bien > CSS bo sung (Additional CSS) sang file nay ngay 05-10-2026. Sua CSS cua site o day. */
/* SanSan Image frames — 2026-09-05. Scoped to explicitly marked Image elements. */
.ss-fixed-media.img{display:block;width:100%;margin:0;overflow:hidden;aspect-ratio:auto!important}
.ss-fixed-media.img>.img-inner{position:relative;height:var(--ss-image-height,250px);padding-top:0!important;overflow:hidden}
.ss-fixed-media.img>.img-inner>img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-height:none;object-fit:cover;object-position:50% 50%}
.ss-image-card{--ss-image-height:250px}
.ss-image-program{--ss-image-height:260px}
.ss-image-organization{--ss-image-height:610px}
.ss-image-course{--ss-image-height:560px}
.ss-page-hero.ss-image-hero{overflow:hidden}
.ss-image-hero>.section-content{position:static!important}
.ss-image-hero>.section-content>.ss-hero-image.img{position:absolute!important;inset:0;width:100%!important;height:100%!important;z-index:0;margin:0}
.ss-hero-image.img>.img-inner{height:100%}
.ss-hero-image .img-inner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,20,.78),rgba(9,12,20,.55))}
.ss-image-hero>.section-content>.row{position:relative;z-index:1}
@media(min-width:550px) and (max-width:849px){.ss-image-organization{--ss-image-height:540px}.ss-image-course{--ss-image-height:420px;min-height:0}.ss-hbs-media-col--last .ss-image-course{--ss-image-height:320px}}
@media(max-width:549px){.ss-image-card,.ss-image-program{--ss-image-height:220px}.ss-image-organization{--ss-image-height:350px}.ss-image-course{--ss-image-height:210px;min-height:0}.ss-hbs-media-col--main .ss-image-course{--ss-image-height:300px}}
/* SanSan Image frames — 2026-09-05. Scoped to explicitly marked Image elements. */
.ss-fixed-media.img{display:block;width:100%;height:var(--ss-image-height,250px);margin:0;overflow:hidden;aspect-ratio:auto!important}
.ss-fixed-media.img>.img-inner{position:relative;height:100%!important;padding-top:0!important;overflow:hidden}
.ss-fixed-media.img>.img-inner>img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-height:none;object-fit:cover;object-position:50% 50%}
.ss-image-card{--ss-image-height:250px}
.ss-image-program{--ss-image-height:260px}
.ss-image-organization{--ss-image-height:610px}
.ss-image-course{--ss-image-height:560px}
.ss-page-hero.ss-image-hero{overflow:hidden}
.ss-image-hero>.section-content{position:static!important}
.ss-image-hero>.section-content>.ss-hero-image.img{position:absolute!important;inset:0;width:100%!important;height:100%!important;z-index:0;margin:0}
.ss-hero-image.img>.img-inner{height:100%}
.ss-hero-image .img-inner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,20,.78),rgba(9,12,20,.55))}
.ss-image-hero>.section-content>.row{position:relative;z-index:1}
@media(min-width:550px) and (max-width:849px){.ss-image-organization{--ss-image-height:540px}.ss-image-course{--ss-image-height:420px;min-height:0}.ss-hbs-media-col--last .ss-image-course{--ss-image-height:320px}}
@media(max-width:549px){.ss-image-card,.ss-image-program{--ss-image-height:220px}.ss-image-organization{--ss-image-height:350px}.ss-image-course{--ss-image-height:210px;min-height:0}.ss-hbs-media-col--main .ss-image-course{--ss-image-height:300px}}
/* SanSan Image frames — 2026-09-05. Scoped to explicitly marked Image elements. */
.ss-fixed-media.img{display:block;width:100%;height:var(--ss-image-height,250px);margin:0;overflow:hidden;aspect-ratio:auto!important}
.ss-fixed-media.img>.img-inner{position:relative;height:100%!important;padding-top:0!important;overflow:hidden}
.ss-fixed-media.img>.img-inner>img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-height:none;object-fit:cover;object-position:50% 50%}
.ss-image-card{--ss-image-height:250px}
.ss-image-program{--ss-image-height:260px}
.ss-image-organization{--ss-image-height:610px}
.ss-image-course{--ss-image-height:560px}
.ss-page-hero.ss-image-hero{overflow:hidden}
.ss-image-hero>.section-content{position:static!important}
.ss-image-hero>.section-content>.ss-hero-image.img{position:absolute!important;inset:0;width:100%!important;height:100%!important;z-index:0;margin:0}
.ss-hero-image.img>.img-inner{height:100%}
.ss-hero-image .img-inner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,20,.78),rgba(9,12,20,.55))}
.ss-image-hero>.section-content>.row{position:relative;z-index:1}
@media(min-width:550px) and (max-width:849px){.ss-image-organization{--ss-image-height:540px}.ss-image-course{--ss-image-height:420px;min-height:0}.ss-hbs-media-col--last .ss-image-course{--ss-image-height:320px}}
@media(max-width:549px){.ss-image-card,.ss-image-program{--ss-image-height:220px}.ss-image-organization{--ss-image-height:350px}.ss-image-course{--ss-image-height:210px;min-height:0}.ss-hbs-media-col--main .ss-image-course{--ss-image-height:300px}}

/* Featured/promo frames only; blog body images remain unchanged. */
.ssb-hero-img{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px}
.ssb-hero-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Banner blog: ảnh tự lấy tỉ lệ thật của nó, đổi sang banner khổ khác vẫn vừa khung.
   Trước đây ghim cứng aspect-ratio 1919/429 nên banner 3:1 bị cắt mất phần trên. */
.ssb-blog-promo-image .img-inner{position:relative;overflow:hidden}
.ssb-blog-promo-image .img-inner>img{position:static;width:100%;height:auto;object-fit:contain}

/* Services detail links: retain border underline, remove duplicate text underline. */
.page-id-6 .ss-library-v3-19 a.ss-ref-link,
.page-id-6 .ss-library-v3-19 a.ss-ref-link:hover,
.page-id-6 .ss-library-v3-19 a.ss-ref-link:focus { text-decoration: none !important; }
@media (min-width: 1360px) {
  .ssb-post-body--article .ssb-promo-image-only { max-width: 100%; }
  .ssb-post-body--article .ssb-promo-image-only img {
    width: auto;
    max-width: 100%;
    max-height: calc(100vh - 184px);
    margin-inline: auto;
  }
}

#content .vp-hero [data-parallax]:not(.parallax-active) {
  opacity: 1;
}