/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.bg-line{
	background-image: linear-gradient(rgb(38, 59, 126), rgb(21, 126, 65));
	border-radius:10px
}
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
}
.primary_color, .primary_color *{
	color: var(--primary-color);   
}
.font_500, .font_500 *{
	font-weight: 500
}
/* Container form */
.wpcf7 form {
  max-width: 800px;
  margin: 0 auto;
}

/* Layout hai cột */
.wpcf7-form .form-row>* {
  display: flex;
  gap: 12px;

}
.wpcf7-form .form-row > *>* {
  flex: 1;
}

/* Các input/textarea chung */
.wpcf7-form .form-control {
  width: 100%;
  box-sizing: border-box;

  border: 2px solid var(--primary-color);
  border-radius: 8px;
  outline: none;
  font-size: 14px;
}

/* Chiều cao textarea lớn */
.wpcf7-form .form-control.wpcf7-textarea {
  min-height: 140px;
  resize: none;
}



/* Nút submit */
.wpcf7-form .form-submit {
  width: 100%;
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: opacity 0.2s;
  margin-top: 8px;
}

.wpcf7-form .form-submit:hover {
  opacity: 0.9;
}
.hop_tac .box-image {
    height: 66px;
    box-shadow: 2px 2px 10px;
    padding: 8px;
    margin: 10px;
    border-radius: 10px;
    text-align: center;
}
.hop_tac .box-image img {
    height: 100%;
    width: auto;
}
.thanh_vien .image-cover {
    border-radius: 100%;
    border: solid 2px var(--primary-color);
}
.thanh_vien .text * {
    text-transform: uppercase;
}
.home_news .box-blog-post {
    background: rgb(241, 243, 244);
    padding: 10px;
    border-radius: 10px;
}

.home_blog .post-item .box {
    background-image: linear-gradient(rgb(38, 59, 126), rgb(21, 126, 16));
    padding: 10px;
    border-radius: 10px;
}

.home_blog .post-item .box {
    padding: 10px;
    border-radius: 10px;
    background-image: linear-gradient(rgb(38 59 126 / 80%), rgb(21 126 16 / 80%));
}
.home_blog .post-item .box:hover {
    background-image: linear-gradient(rgb(38, 59, 126), rgb(21, 126, 16));
}
.home_blog .post-item .box * {
    color: #fff;
    border-radius: 10px;
}

.vsetp-humans-slider {
  margin: 40px auto;
  text-align: center;
  font-family: sans-serif;
}
.vsetp-title {
  margin-bottom: 24px;
}
.vsetp-row {
  display: flex !important;
  align-items: flex-end !important;    /* chân thumbnails và slider cùng trên một baseline */
  justify-content: center !important;  /* kéo cả nhóm vào giữa */
  gap: 20px !important;                 /* khoảng cách giữa 3 cột */
}

/* Thumbnails hai bên */
.vsetp-thumbs-side {
  display: inline-flex !important;      /* để nút con xếp hàng ngang */
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;                 /* khoảng cách giữa mỗi thumb */
  width: auto !important;               /* cho container đủ rộng để chứa tất cả thumb */
  margin: 0 !important;
  padding: 0 !important;
  align-items: flex-end !important;
}
.vsetp-thumb {
    width: 50%;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;
    transition: border-color .3s;
    aspect-ratio: 1 / 1;
    margin: 0 0 0 29px;
}
.vsetp-thumbs-left .vsetp-thumb {
    margin: 0 29px 0 0;
}
.vsetp-thumb.vsetp-active {
  border-color: #52B768;
}
.vsetp-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
}

/* Slider chính */
.vsetp-slider {
  position: relative;
  width: 379px; height: 420px;
}
.vsetp-slides {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: url(https://vsetp.edu.vn/wp-content/uploads/2025/07/logo-bg.jpg) no-repeat;
    background-size: contain;
    position-area: center;
}
.vsetp-slides:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #4E5180 0%, #52B768 100%);
    opacity: 0.9;
}
.vsetp-slide {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  opacity: 0; transform: scale(0.8);
  transition: all .4s ease;
}
.vsetp-slide.vsetp-active {
  opacity: 1; transform: scale(1); z-index: 1;
}
.vsetp-slide img {
  width: 100%; display: block;
}
.vsetp-caption {
  position: absolute;
  bottom: 16px; left: 16px; right: 16px;
  text-align: left;
}
.vsetp-caption h3 {
  margin: 0; font-size: 1.2rem; color: #fff !important;text-align:center
}
.vsetp-caption p {
  margin: 4px 0 0; font-size: .9rem; color: var(--primary-color);text-align:center
}
.vsetp-thumbs-mobile {
    display: none;
    gap: 12px;
    padding-bottom: 8px;
    width: calc(100% - 48px);
    overflow: hidden;
    margin: 15px auto 0 auto;
}

.vsetp-thumb-mobile {
  flex: 0 0 calc((100% - 50px) / 5);
  border: 2px solid #ccc;
  border-radius: 50%;
  padding: 2px;
  overflow: hidden;
  cursor: pointer;
	    margin: 0;
}
.vsetp-thumb-mobile img {
  width: 103%;
  height: 103%;
  object-fit: cover;
}
.vsetp-thumb-mobile.vsetp-active {
    border-color: var(--primary-color);
}
/* Nút ‹ › */
.vsetp-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    align-items: center;
    font-size: 2.3rem;
    color: #fff;
    z-index: 2;
    margin: 0 !important;
}
.vsetp-nav.prev { left: -39px; }
.vsetp-nav.next { right: -39px; }

.absolute-footer {
    display: none;
}
.footer, .absolute-footer {
    background: linear-gradient(180deg, #168140 0%, #243D7E 100%);
}
.footer h3{
	color:#fff !important
}

div#top-bar {background: linear-gradient(180deg, #17734A 0%, rgba(35, 69, 128, 0.990817) 84.54%);
}
.color_white, .color_white *{
	color:white !important
}

/* trang gioi thieu */

.tamnhin {
    border-width: 2px 2px 2px 0;
    border-style: solid;
    border-color: var(--primary-color);
    border-radius: 0 99px 99px 0;
    padding: 15px;
    display: flex
;
    flex-flow: wrap;
    justify-content: end;
    align-items: center;
    gap: 20px;
}
.tamnhin .tamnhin_text {
    width: calc(65% - 150px);
    font-size: 17px;
    line-height: 23px;
    text-align: justify;
}
.tamnhin .tamnhin_box {
    width: 150px;
    height: 150px;
    background: var(--primary-color);
    border-radius: 50%;
    padding: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    color: #fff;
    justify-content: center;
    display: flex
;
    align-items: center;
    text-align: center;
    line-height: 40px;
}
.tamnhin.tam-right {
    border-width: 2px 0 2px 2px;
    border-radius: 99px 0 0 99px;
    display: flex
;
    justify-content: start;
}
.giatri {
    position: relative;
    display: flex
;
    flex-flow: wrap;
    align-items: center;
    z-index: 9;
}
.giatri:before {
    content: '';
    border: 2px solid var(--primary-color);
    border-radius: 10px;
    width: 100%;
    height: 70%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
}
.giatri .giatri-left {
    width: 200px;
    text-align: center;
}
.giatri .giatri-left p {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    margin: 0 0 20px 0;
}
.giatri .giatri-left .giatri-number {
    color: var(--primary-color);
    font-size: 50px;
    font-weight: 700;
    line-height: 55px;
}
.giatri .giatri-right {
    width: calc(100% - 200px);
}
.giatri-top {
    display: flex
;
    gap: 15px;
    justify-content: center;
}
.giatri-top .giatri-box {
    width: 300px;
    border: 2px solid var(--primary-color);
    border-radius: 5px;
    background: #fff;
    position: relative;
    z-index: 9;
}
.giatri-top .giatri-heading {
    background: var(--primary-color);
    color: #fff;
    font-weight: 700;
    border-radius: 4px 4px 0 0;
    text-align: center;
    padding: 5px;
}
.giatri-top .giatri-content {
    text-align: center;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    padding: 15px;
}
.mb-4 {
    margin-bottom: 40px;
}

.thanh_vien .row-slider .img-inner {
    padding: 20px;
}
.thanh_vien .row-slider .img-inner img {
    border: solid 2px var(--primary-color);
    border-radius: 100%;
}

.mobile-nav .icon-menu:before {
    color: #fff;
}
.mobile-sidebar .ux-search-submit {
    background: var(--primary-color);
}
.bg_primary{background: var(--primary-color);}
.radius_19{border-radius:19px}
.h2_gradient {
    background: linear-gradient(90deg, #17734A, #244185);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.width_100{width:100%}
.text_400 *{font-weight: 400 !important;}
.title_w_border:after {
    border-bottom: solid;
    border-width: 2px;
    content: "";
    position: absolute;
    width: 80%;
    border-color: var(--primary-color);
}
.title_w_border {
    margin-bottom: 50px;
}
.btn_linear {
    background: linear-gradient(181deg, #17734A, #244185) !important;
}

.title_w_border_center::after {
    border-width: 2px;
    content: "";
    position: absolute;
    width: 30% !important;
    height: 20px;
    background: rebeccapurple;
}
.title_w_right b:first-child {
    display: none;
}
.title_w_right .section-title-center span {
    margin: 0 14px 0 0;
    text-transform: math-auto;
}
.title_w_right b {
    opacity: 1;
    max-width: 55px;
}
.title_w_right .section-title {
    justify-content: unset;
}
.title_w_border h2, .title_w_right h2 {
    font-size: 33px;
}
.vs-meta-line {
  display: flex;
  justify-content: space-between; /* Đẩy 2 khối ra 2 bên */
  align-items: center;
  font-size: 14px;
  margin: 10px 0 8px;
}

.vs-meta-line .vs-cat {
  font-weight: 600;
  color: #0f7b48;
}

.vs-meta-line .vs-date {
  color: #6b7280;
}
.title_w_none .section-title-center>b {
    display: none;
}
.title_w_none .section-title-center span{       text-transform: math-auto;
	    margin: unset !important;
}

.home_text_bg>p {
    margin-bottom: -50px;
}


/* Reset & base */
.cf7-enroll input,
.cf7-enroll select,
.cf7-enroll textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.2;
  color: #111;
  border: 0;
  outline: none;
  border-radius: 16px;
  padding: 3px 20px;
  margin: 0 0 18px;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25), 0 8px 24px rgba(0, 0, 0, 0.25);
	min-height: 3.5em;
}
.boder_radius_img_15 img {
    border-radius: 15px;
}
/* Placeholder xám */
.cf7-enroll ::placeholder { color:#9aa0a6; opacity:1; }

/* Select có caret như ảnh */
.cf7-enroll select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 18px 18px;
  padding-right: 48px; /* chừa chỗ cho caret */
}

/* Nút vàng chữ đỏ, bo tròn, đổ bóng */
.cf7-enroll .btn-cta, .cf7-enroll input[type="submit"].btn-cta {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 9px;
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25), 0 8px 24px rgba(0, 0, 0, 0.25);
    transition: transform .06s 
ease, filter .2s 
ease;
    font-size: 28px;
    min-height: 66px;
    background: conic-gradient(from 99.89deg at 50% 50%, #FD0A0A -153.76deg, #AE0C0C 64.8deg, #FD0A0A 206.24deg, #AE0C0C 424.8deg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.cf7-enroll .btn-cta:hover { filter: brightness(1.03); }
.cf7-enroll .btn-cta:active { transform: translateY(1px); }
.bnt_submit {
    max-width: 333px;
    text-align: center;
    margin: 26px auto 0 auto;
	position: relative;
}

.bnt_submit p:after {
    background: linear-gradient(#ffe96b, #ffd400);
    content: "";
    width: calc(100% + 16px);
    height: calc(100% - 34px);
    position: absolute;
    top: -8px;
    left: -8px;
    border-radius: 60px;
    z-index: -1;
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25), 0 8px 24px rgba(0, 0, 0, 0.25);
    border: solid 8px #fff;
}

/* Trên màn nhỏ vẫn đẹp */
@media (max-width: 480px) {
  .cf7-enroll { padding: 20px 16px; }
  .cf7-enroll input,
  .cf7-enroll select { font-size: 16px; border-radius: 14px; }
}
.home .box-blog-post .is-divider {
    display: none;
}
.home_sign_blog .col.post-item {
    padding-bottom: unset;
}
.home_sign_blog .post-item .box-text {
    padding-bottom: unset;
}

.text_gradient {
  text-align: center;
}

.text_gradient p {
  background: linear-gradient(0deg, #244185, #18754B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.home .nophoso {
    opacity: 0;
    height: 50px;
}
.b_color_p strong {
    color: var(--primary-color);
}

.chien_luoc .is-border {
    border-color: var(--primary-color);
}

.chien_luoc .img-right:before,.chien_luoc .img-left:before {
    content: "";
    width: 33px;
    height: 33px;
    position: absolute;
    left: -66px;
    top: calc(50% - 33px);
    border-radius: 100%;
    border: solid 5px var(--primary-color);
}
.chien_luoc .img-left:before {
	left:unset;
	right: -67px
}
.max_1500 {
    max-width: 1500px !important;
    margin: 0 auto;
}
.mission-card{
  --blue:#1f3b80;         /* viền + bo cong */
  --green:#1a7a4a;        /* gạch ngang */
  --radius:22px;

  position:relative;
  background:#fff;
  border:2.5px solid var(--blue);
  border-radius:var(--radius);
  padding:38px 28px 28px;  /* chừa chỗ cho tiêu đề */
  margin-top:90px;         /* đẩy card xuống để tiêu đề nằm ngoài */
}

/* gạch xanh phía trên (nằm dưới nhãn) */
.mission-card::before{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:-36px;               /* nằm cao hơn viền 1 chút */
  height:36px;             /* chiều cao khung xanh để giống hình */
  border:2px solid var(--green);
  border-radius:6px;
  z-index:0;
}

.mission-card__title {
    position: absolute;
    left: 50%;
    top: -58px;
    transform: translateX(-50%);
    margin: 0;
    padding: 6px 10px;
    background: #1e3a8a;
    color: #fff;
    letter-spacing: .5px;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .12);
    z-index: 2;
    text-transform: uppercase;
    text-align: center;
    min-width: 298px;
	width:fit-content
}

/* nội dung bên trong card */
.mission-card__content{
  font-size:clamp(15px, 1.2vw, 18px);
  line-height:1.8;
  font-weight:500;          /* chữ đậm như mẫu */
  color:#0f172a;
  padding:6px 2px 2px;
}
.coreval{
  --blue:#203a80;   /* viền box + line */
  --badge:#1e3a8a;  /* nền badge */
  --green:#1a7a4a;  /* khung xanh mảnh */
  --radius:22px;

  position:relative;
  max-width:1200px; margin:0 auto;
  padding-top:42px; /* chừa chỗ cho badge */
}

/* Badge + khung xanh mảnh đúng như ảnh */
.cv-badge{position:absolute; left:50%; top:0; transform:translateX(-50%); width:max-content}
.cv-badge > span {
    display: inline-block;
    padding: 6px 25px;
    background: var(--badge);
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .12);
    position: relative;
    z-index: 2;
    min-width: 298px;
    text-align: center;
}
/* khung xanh mảnh “lọt” dưới badge */
.cv-badge .cv-frame{
    position: absolute;
    left: -18%;
    right: -18%;
    height: 36px;
    top: 42px;
    transform: translateY(-50%);
    border: 2px solid var(--green);
    border-radius: 6px;
    z-index: 1;
}

/* Hệ đường nối */
.cv-lines{position:relative; height:110px; margin-top:4px;}
.cv-line-v, .cv-line-h, .cv-tap{position:absolute; background:var(--blue); opacity:.95;}
/* trục dọc chính từ giữa badge xuống */
.cv-line-v.center{width:3px; height:58px; left:50%; transform:translateX(-50%); top:0;}
/* đường ngang dài */
.cv-line-h {
    height: 3px;
    width: 66.66%;
    left: 16.66%;
    top: 58px;
}
/* nhánh rơi xuống 3 box */
.cv-tap{width:3px; height:70px; top:58px; left:var(--x); transform:translateX(-50%);}

/* Lưới 3 card */
.cv-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:18px;}
.cv-card{
  border:2.5px solid var(--blue); border-radius:var(--radius);
  padding:18px 22px; background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.cv-card h4{margin:0 0 6px; color:#1e3a8a; font-size:18px; font-weight:800;}
.cv-card p{margin:0; color:#111827; line-height:1.7}
.four-pillars {
    color: var(--primary-color);
    width: fit-content;
    margin: 0 auto;
}

/* Sidebar rộng hơn (ví dụ 30% thay vì 25%) */
.page-right-sidebar>div>.large-3.col {
  flex: 0 0 30%;
  max-width: 30%;
}

/* Nội dung co lại còn 70% */
.page-right-sidebar #content {
  flex: 0 0 70%;
  max-width: 70%;
}
.sidebar_v2 {
    padding: 0 !important;
}
.sidebar_v2 .box-text-inner {
    font-size: 0.8rem;
}
.sidebar_v2 .is-divider {
    display: none;
}

.sidebar_v2 .col.post-item {
    padding-bottom: 11px;
}

.sidebar_v2 .box-text {
    padding-bottom: unset;
}
.sidebar_v2  .post-title a {
    color: var(--fs-color-success);
}
.page-title-inner .entry-category {
    font-size: 48px;
    color: #fff !important;
    opacity: 1 !important;
}
/* Đưa icon sang phải trong tiêu đề accordion */
.site_faq .accordion-title.plain{
  display:flex !important;
  align-items:center;
  width:100%;
  gap:.5rem;
}
.site_faq .accordion-title {
    color: var(--primary-color);
    font-weight: 700;
	  order:1;
  flex:1;  
}

.site_faq .accordion-title.plain .toggle{
  order:2;
  margin-left:auto; 
  position:static !important;
  background:none;
  border:0;
  line-height:1;
}
.site_faq .accordion-title {
    border: unset;
}
.site_faq .accordion-title.active,.site_faq .accordion-title:hover {
    background: var(--fs-color-primary);
	color:#fff !important
}
.site_faq .accordion-title ,.site_faq .accordion-inner{
    border-radius: 30px;
    box-shadow: 2px 2px 5px #0000004f;
    margin-bottom: 30px;
}
.site_faq .accordion-inner {
    margin-top: -58px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 50px;
}
.blog_news .post-item {
    padding-bottom: unset;
}
.post-item .is-divider {
    display: none;
}
/* ===== HERO (bài đầu tiên) ===== */
.cat-hero { margin-bottom: 28px; }
.cat-hero .hero-img{
  width:100%; height:auto; display:block;
  border-radius:18px; object-fit:cover;
}
.cat-hero .hero-body{ margin-top:10px; }
.cat-hero .cat-pill{
  color:var(--primary-color);
  font-weight:700; font-size:13px; line-height:1; margin:0 0 6px;
}
.cat-hero .hero-title{ font-size:22px; line-height:1.35; margin:0 0 6px; }
.cat-hero .hero-title a{ color:#111; }
.cat-hero .hero-title a:hover{ color:var(--primary-color); }
.cat-hero .hero-excerpt{ color:#2d2d2d; }

/* ===== LIST NGANG (các bài sau) ===== */
.cat-row{
  display:flex; gap:18px; align-items:flex-start;
  padding:12px 6px; border-radius:18px; margin-bottom:20px;
}
.cat-row .row-thumb{ flex:0 0 44%; max-width:44%; }
.cat-row .row-img{
  width:100%; height:220px; object-fit:cover; border-radius:18px; display:block;
}
.cat-row .row-body{ flex:1; min-width:0; }
.cat-row .cat-pill{
  color:var(--primary-color);
  font-weight:700; font-size:13px; line-height:1; margin-bottom:6px;
}
.cat-row .row-title{ font-size:18px; line-height:1.35; margin:0 0 6px; }
.cat-row .row-title a{ color:#111; }
.cat-row .row-title a:hover{ color:var(--primary-color); }
.cat-row .row-excerpt{ color:#333; }

/* Mobile: xếp dọc */
@media (max-width: 849px){
  .cat-row{ flex-direction:column; }
  .cat-row .row-thumb{ flex-basis:auto; max-width:none; }
  .cat-row .row-img{ height:auto; }
}

/* Hero 16:9 crop */
.cat-hero .hero-thumb{
  position: relative;
  display: block;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;              /* bo góc + ẩn phần thừa */
}
/* Fallback cho mọi trình duyệt: giữ khung 16:9 bằng padding */
.cat-hero .hero-thumb::before{
  content: "";
  display: block;
  padding-top: 56.25%;           /* 16:9 */
}
.cat-hero .hero-img{
  position: absolute;            /* phủ đầy khung 16:9 */
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;             /* cắt đúng tỉ lệ, không méo ảnh */
  object-position: center;
}
.chuong_trinh .box-text-inner {
	width: fit-content
}
.chuong_trinh .box-text-inner:after {
    content: "";
    width: 33px;
    height: 18px;
    position: relative;
    top: 5px;
    display: block;
    background: url(https://vsetp.edu.vn/wp-content/uploads/2025/08/Group-127.svg) no-repeat;
    background-size: contain;
}
.chuong_trinh .box-text.text-center {
    border: solid 2px var(--fs-color-success);
    border-top: unset;
}
.page-title-bg {
    display: none;
}
.custom_blog_ht {
    margin-top: 60px;
}

.color_success *{
	color:var(--fs-color-success)
}
.page-title.blog-featured-title.featured-title.no-overflow {
    background: url(https://vsetp.edu.vn/wp-content/uploads/2025/08/Rectangle-89.jpg);
    background-size: cover;
    padding: 36px 0;
}
/* ====== Flatsome Header Sub-menu (dropdown) ====== */
.header .nav-dropdown.nav-dropdown-default {
  --vs-active: #18754B;                    /* màu xanh active */
  --vs-divider: rgba(36, 65, 133, .28);    /* 244185 nhạt */
  background: #fff;
  border: 1px solid #eef0f6;
  border-radius: 12px;
  padding: 8px 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  min-width: 320px; /* tùy bạn: 280–380px */
}

.header .nav-dropdown.nav-dropdown-default > li {
  margin: 0;
}

.header .nav-dropdown.nav-dropdown-default > li + li {
  border-top: 1px solid var(--vs-divider);
}

/* Link item */
.header .nav-dropdown.nav-dropdown-default > li > a {
  display: block;
  padding: 10px 14px;
  line-height: 1.35;
  color: var(--primary-color);             /* xanh chủ đạo */
  text-decoration: none;
  transition: color .2s ease, background .2s ease, padding-left .2s ease;
  border-radius: 8px;
}

/* Hover */
.header .nav-dropdown.nav-dropdown-default > li > a:hover {
  color: var(--vs-active);
  padding-left: 18px;
}

/* Active (đang ở trang đó) */
.header .nav-dropdown.nav-dropdown-default > .current-menu-item > a,
.header .nav-dropdown.nav-dropdown-default > li > a[aria-current="page"] {
  color: var(--vs-active);
  font-weight: 600;
  position: relative;
}

.header .nav-dropdown.nav-dropdown-default > .current-menu-item > a::before,
.header .nav-dropdown.nav-dropdown-default > li > a[aria-current="page"]::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 18px;
  border-radius: 3px;
  background: var(--vs-active);
}
.title_padding h1.entry-title,.page-title-inner h1{font-size:48px !important}
#cfacebook .open{    box-shadow: rgba(0, 0, 0, 0.2) 6px 6px 6px 10px;}
#cfacebook {
    position: fixed;
    bottom: 69px;
    right: 10px;
    z-index: 99999;
    width: 350px;
	max-width: calc(100% - 20px);
    height: auto;
    border-radius: 15px;
    line-height: 25px;
    -moz-box-shadow: rgb(0 18 46 / 78%) 0px 8px 18px;
    -webkit-box-shadow: rgb(0 18 46 / 78%) 0px 8px 18px;
        box-shadow: #000 0px 8px 18px;
	
}
#cfacebook .fchat {
    float: left;
    height: 412px;
    display: none;
    background-color: #fff;
	padding: 5px 15px;
	z-index: 10;
    position: relative;
	    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
    font-size:14px;
    color:#000;
	overflow: hidden;
}

#cfacebook.open>div {
    display: block;
}
#cfacebook .fchat .fb-page {
    margin-top: -5px;
    float: left;
}
.fchat span {
    width: 260px!important;
}
h2.twolines {
    margin: 0;
}
.chat-header {
    padding: 8px 28px 3px;
    background: #168140;
    background: linear-gradient(to bottom, #1fae57 0%, #178c45 50%, #148c43 51%, #168140 100%);
    position: relative;
    z-index: 4;
    display: none;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: white;
}
.avatars-wrapper {
    width: 52px;
    height: 52px;
    margin: 0px 18px 0px 0px;
    float: left;
}
.header-ava {
    width: 39px;
    height: 39px;
    border-radius: 24px;
    background-size: cover;
    background-position: center center;
    float: left;
}
.chat h2.twolines {
    margin-bottom: 5px;
}

.chat h2 {
    font-size: 22px;
    font-weight: 600;
    color: currentcolor;
    margin: 4px 0px 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    max-width: calc(100% - 145px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
}
.top-heading {
    font-size: 16px;
    display: block;
    line-height: 15px;
    margin-top: 4px;
}
.chat-header #ic-minimize {
    height: 20px;
    width: 27px;
    transform: rotate(270deg);
}
#cfacebook svg,.chat_fb1 svg {
    width: 26px;
    height: 26px;
    fill: rgb(255, 255, 255);
    transition: all 0.2s ease-in-out 0s;
}
button.material-icons.exit-chat.ripple {
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
}
.offline-message span.online::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    background: rgb(88, 183, 67);
    border-radius: 50%;
    left: 15px;
    bottom: 5px;
}
.offline-message {
    margin-top: 5px;
}
.fchat>div {
    display: none;
}

.tuvanclose {
    background: unset;
}
.batdautuvan {
    color: white;
    background: #168140;
    padding: 10px 40px 10px 40px;
    text-align: center;
    border-radius: 30px;
}
.nuttuvan {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: calc(100% - 10px);
}
.button_asina2 {
    border-radius: 30px !important;
}

#fchat.open>div {
    display: block !important;
}
#fchat.open>p {
    display: none !important;
}
.chat-header *{color:white;}
@keyframes show{
  from {width:0px;height:0px;overflow: hidden}
  to {width:0px;height:0px;overflow: hidden}
}
.overlaypu2.open {
    display: block;
}
.overlaypu2 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    display: none;
    color: white;
    z-index: 99999999999;
    position: fixed;
    padding: 10px 30px 5px 30px;overflow-y: scroll;
}
.popup-nojs {
    margin: 20px auto;
    border-radius: 5px;
    position: absolute;
    height: auto;
    border: solid 2px;
width:100%
}
.popup-nojs .closepu {
    position: absolute;
    right: 0;
    transition: all 200ms;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    color: #f00 !IMPORTANT;
    background: #fff;
    padding: 2px 7px;
    width: 30px;
    height: 30px;
}
.pop-right>div {
    background: white;
    padding-bottom: 10px;
}
.overlaypu2::-webkit-scrollbar {
    display: none;
}
.form {
    margin: 0px 20px;
    padding: 0px;
    border-radius: 15px;
    overflow: hidden;
    background: red;
}
#dangkyPOP .chonmien button.active {
    background: red;
    color: white;
}

/* Style the buttons inside the tab */
.chonmien button {
    float: left;
    border: solid 1px #ccc;
    transition: 0.3s;
    font-size: 14px;
    display: block !important;
    width: 33.333%;
}

/* Change background color of buttons on hover */
.chonmien button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.chonmien button.active {
  background-color: #ffa500;
}

/* Style the tab content */
.mienbac,.mientrung,.miennam {
  display: none;}

.chonmien .active{
display:block !important}
.chonmien p {
    margin-bottom: 3px;
    font-size: 13px;
}
.chat_fb1 {
    position: fixed;
    z-index: 99999;
    bottom: 5px;
    right: 10px;
    padding: 18px;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    color: #168140;
    background: #168140;
    border: unset !important;
    border-radius: 100% !important;
}
#cfacebook svg, .chat_fb1 svg {
    width: 26px;
    height: 26px;
    fill: rgb(255, 255, 255);
    transition: all 0.2s 
ease-in-out 0s;
}
.fchat .asina-body span {
    width: 100% !important;
}
  :root{
    --cmc-brand: #00B5E2;    /* Màu nhấn (CTA) */
    --cmc-text:  #1e293b;    /* Màu chữ chính */
    --cmc-muted: #64748b;    /* Màu chữ phụ */
    --cmc-bg:    #ffffff;    /* Nền thẻ */
    --cmc-border:#e2e8f0;    /* Viền chia */
  }

.cmc-welcome {
    width: 360px;
    max-width: 92vw;
    background: var(--cmc-bg);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(2, 10, 20, .10);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--cmc-text);
    position: fixed;
    right: 10px;
    bottom: 74px;
    z-index: 999999;
	display:none
}
.cmc-welcome.open{
	display:block
}
  .cmc-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    color: #94a3b8;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    background: #eee;
    padding: 2px 0 0 0;
}
  .cmc-close:hover{ background:#f1f5f9; color:#334155; }
.cmc_noti {
    position: absolute;
    background: #ff0000c9;
    color: #fff;
    bottom: -22px;
    right: 0;
    border-radius: 3px;
    width: 15px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    z-index: 12;
}
  .cmc-head{
    display: flex; align-items: center; gap: 10px;
    padding: 16px 16px 6px 16px;
  }
  .cmc-avatar{
    width: 36px; height: 36px; border-radius: 50%;
    object-fit: cover; flex: 0 0 36px;
    box-shadow: 0 0 0 2px #fff, 0 0 1px rgba(0,0,0,.15);
  }
  .cmc-title{
    font-weight: 600; font-size: 18px; line-height: 1.2;
  }

  .cmc-body{
    padding: 0 16px 14px 58px; /* đẩy nội dung thẳng hàng với tiêu đề */
  }
  .cmc-body p{
    margin: 0;
    line-height: 1.35;
  }

  .cmc-cta{
    border-top: 1px solid var(--cmc-border);
    padding: 0 12px;
    text-align: center;
  }
  .cmc-btn{
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    color: #168140;
    padding: 8px 14px;
    border-radius: 999px;
    transition: background .2s, transform .05s;
	      width: 100%;
  }

  .cmc-btn:active{ transform: translateY(1px); }

  /* Tối ưu hiển thị nhỏ */
  @media (max-width: 380px){
    .cmc-body p{ font-size: 18px; }
    .cmc-title{ font-size: 16px; }
  }
/* Tablet tinh chỉnh chiều dài line ngang cho cân */
@media (max-width: 1024px){
  .cv-line-h{width:84%; left:8%;}
  .cv-tap:nth-child(3){left:14%}          /* 16.666% -> 14% để khớp lề nội dung */
  .cv-tap:nth-child(4){left:50%}
  .cv-tap:nth-child(5){left:86%}
}

/* Mobile: xếp dọc, ẩn hệ đường nối */
@media (max-width: 767px){
  .coreval{padding-top:72px}
  .cv-lines{display:none}
  .cv-grid{grid-template-columns:1fr; gap:16px}
  .cv

@media screen and (max-width:767px){
	.vsetp-thumbs-mobile {
	display: flex;}
.vsetp-thumbs-side {
    display: none !important;
}
.hoptac .flickity-button {
    display: none;
}
.thanh_vien .gallery-columns-6 .gallery-item,.thanh_vien .large-columns-6 .flickity-slider>.col,.thanh_vien .large-columns-6>.col {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }
.vi_sao_chon strong {
    font-size: 22px;
}
}


.title_padding {
    padding: 123px 0 90px 0;
}
.title_padding h1.entry-title,.page-title-inner h1{font-size:36px !important}

@media screen and (min-width:1024px){
.blog-single .large-9.col {
    flex-basis: 68%;
    max-width: 68%;
}
.blog-single .post-sidebar.large-3.col {
    flex-basis: 33%;
    max-width: 32%;
}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}