/* ========== LANGUAGE (BEM) ========== */
#header_wrapper .lang{ position:relative; display:inline-flex; justify-content:flex-end; }
#header_wrapper .lang__trigger{
  display:inline-flex; align-items:center; gap:6px;font-size:14px;
  color: var(--hdr-accent); background:transparent; border:0; padding:8px 0; cursor:pointer;
}
#header_wrapper .lang__current{ color: var(--hdr-accent); }
#header_wrapper .lang__chevron{ transition: transform .18s ease;}

/* Dropdown card */
#header_wrapper .lang__menu{
  position:absolute; right:0; top: calc(100% + 8px);
  background:#fff; border-radius: var(--radius-md);
  padding: 20px; min-width:158px;
  opacity:0; visibility:hidden; transform: translateY(6px);
  transition: all .18s ease; z-index:1000;
  box-shadow: 0px 12px 40px 0px #0139561F;
}
#header_wrapper .lang__list{ list-style:none; margin:0; padding:0; }
#header_wrapper .lang__item{ position:relative; }
#header_wrapper .lang__item:not(:last-child)::after{
  content:""; display:block; height:1px; background: var(--hdr-line); margin:8px 0;
}
#header_wrapper .lang__option{
  width:100%; display:flex; align-items:center; justify-content:end;
  background:transparent; border:0; padding: 0; cursor:pointer; color:#1b1b1b;
  gap: 20px;font-size:14px;
}
#header_wrapper .lang__option:hover{ color: var(--hdr-accent); }
#header_wrapper .lang__flag{ display:block; border-radius:2px;width: 16px;height: 16px;}

/* Open state + hover to open (desktop) */
#header_wrapper .lang--open .lang__menu{ opacity:1; visibility:visible; transform: translateY(0); }
#header_wrapper .lang--open .lang__chevron{ transform: rotate(180deg); }
@media (min-width:992px){
  #header_wrapper .lang:hover .lang__menu{ opacity:1; visibility:visible; transform: translateY(0); }
  #header_wrapper .lang:hover .lang__chevron{ transform: rotate(180deg); }
}
.sticky-header .panel .scroll-logo .lang .lang__list{
    text-align: end;
}
/* nút viền đen nền trắng */
.jp-outline-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  /* kích thước gần bằng ảnh cũ 220x72 */
  width: 220px;
  height: 72px;
  box-sizing: border-box;

  border: 3px solid #000;       /* viền đen dày như ảnh */
  background: #fff;             /* nền trắng */
  color: #000 !important;                  /* chữ đen */
  text-decoration: none;
  font-size: 28px;              /* cỡ chữ lớn như ảnh */
  line-height: 1;
  letter-spacing: 0.06em;       /* giãn nhẹ cho tiếng Nhật */
  border-radius: 2px;           /* nhẹ để viền sắc nét */
  transition: background .2s, color .2s, transform .08s;
}

/* căn giữa giống class cũ aligncenter */
.aligncenter {
  display: block;
  margin: 0 auto;
  text-align: center;
}

/* hover/focus (tùy chọn) */
.jp-outline-btn:hover,
.jp-outline-btn:focus {
  background: #000;
  color: #fff;
}

/* active (tùy chọn: nhấn xuống nhẹ) */
.jp-outline-btn:active {
  transform: translateY(1px);
}
.text_main_color.content_custom{
    text-align:center;
}
/* phiên bản co giãn trên mobile (tùy chọn) */
@media (max-width: 991px) {
  .jp-outline-btn {
    width: 100%;
    max-width: 260px;           /* tránh quá to */
    height: 64px;
    font-size: 24px;
  }
  .lang_in_menu{
      display:none !important;
  }
}
.stepup2 .content-template.stepup-side-half .content a{
    color:#efefef !important;
}

a.jp-outline-btn:not(.ab-item) {
  color: #000 !important;
}
a.jp-outline-btn:not(.ab-item):hover{
    color:#fff !important;
}
.content-template .content u{
    color:#efefef;
}
.content_box{
    display:flex;
}
section.content-template2 {
    position: relative;
    padding: 0% 20%;
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
section.content-template2 .post{
    padding:40px 0;
}
/* CSS */
.cta-btn {
    --cta-bg: #ef8a00;
    --cta-bg-hover: #db7d00;
    --cta-text: #ffffff;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    font-weight: 900;
    font-size: 20px;
    padding: 20px;
    border-radius: 9999px;
    background: var(--cta-bg);
    color: var(--cta-text);
    text-decoration: none;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .15) inset;
    transition: background .2s 
ease, transform .05s 
ease, box-shadow .2s 
ease;
}

.cta-btn:hover{ background:var(--cta-bg-hover); }
.cta-btn:active{ transform:translateY(1px); }

.cta-btn:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 0 6px rgba(239,138,0,.45);
}

.cta-icon,
.cta-chevron{
  display:inline-grid;
  place-items:center;
  color:#fff;
}

.cta-icon svg,
.cta-chevron svg{
  width:40px;
  height:40px;
}

.cta-text{ letter-spacing:.02em;color:#fff; }
nav#mainNav ul li a b{
    text-transform:uppercase;
}
.google-map iframe{
    margin: 0px; border: 0px currentColor; width: 100%;
}
.single h1.first{
    padding:0;
}
#element_in_mainimg{
    width:80%;
} 
.company_page .post p{
margin-bottom:0}
@media screen and (max-width: 991px) {
    #header .logo img {
        width: 65%;
    }
}
html {
  scroll-padding-top: 117px;
  scroll-behavior: smooth; /* tuỳ chọn: cuộn mượt */
}