.elementor-kit-7{--e-global-color-primary:#2B3A45;--e-global-color-secondary:#4F6475;--e-global-color-text:#7C848A;--e-global-color-accent:#DBA240;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-letter-spacing:0.4px;--e-global-typography-primary-word-spacing:2px;--e-global-typography-secondary-font-family:"Lexend";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:0.4px;--e-global-typography-secondary-word-spacing:2px;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:0.2px;--e-global-typography-text-word-spacing:2px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-letter-spacing:0.4px;--e-global-typography-accent-word-spacing:2px;color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:1.1em;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Roboto", Sans-serif;}.elementor-kit-7 h2{font-family:"Roboto", Sans-serif;}.elementor-kit-7 h3{font-family:"Roboto", Sans-serif;}.elementor-kit-7 h4{font-family:"Roboto", Sans-serif;}.elementor-kit-7 h5{font-family:"Roboto", Sans-serif;}.elementor-kit-7 h6{font-family:"Roboto", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   BDS • FULL CSS (CLEAN + LUXURY) — SAFE VERSION
========================================================= */

/* ===== BDS-FONT-IMPORT-START ===== */
/* Nếu site đã load Roboto ở Global Fonts thì có thể bỏ @import để tối ưu */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
/* ===== BDS-FONT-IMPORT-END ===== */


/* ===== BDS-VARS-START ===== */
:root{
  --bds-primary:#2B3A45;
  --bds-secondary:#4F6475;
  --bds-text:#53585E;            
  --bds-muted:#7C848A;

  --bds-accent:#DBA240;          /* gold */
  --bds-warm:#E89300;            /* giữ tone cam cũ, nhưng hạn chế dùng */

  --bds-border:rgba(43,58,69,0.12);
  --bds-soft:rgba(43,58,69,0.04);

  --bds-radius:8px;
  --bds-radius-sm:6px;

  --bds-pad-x:5px;               /* giữ đúng layout hiện tại */
  --bds-line:1.65;

  --bds-shadow:0 8px 18px rgba(43,58,69,0.10);
  --bds-shadow-sm:0 4px 10px rgba(43,58,69,0.10);
}
/* ===== BDS-VARS-END ===== */


/* ===== BDS-BASE-START ===== */
.bds-container{
  font-family:'Roboto',sans-serif !important;
  max-width:100%;
  margin:0;
  padding:0 var(--bds-pad-x);
  color:var(--bds-text);
  line-height:var(--bds-line);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* đảm bảo link/strong không bị theme làm lệch quá */
.bds-container a{
  color:var(--bds-primary);
  text-decoration:none;
}
.bds-container a:hover{
  text-decoration:underline;
}
.bds-container strong{
  font-weight:700;
}
.bds-container em{
  color:var(--bds-secondary);
}
/* ===== BDS-BASE-END ===== */


/* ===== BDS-SUBTITLE-START ===== */
.bds-sub-title{
  font-size:19px !important;
  color:#22313c !important; /* giữ y nguyên để không đổi “cảm giác” */
  margin:15px 0;
  line-height:1.35;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.3px;
}
/* ===== BDS-SUBTITLE-END ===== */


/* ===== BDS-ADDRESS-START ===== */
.bds-address-box{
  background-color:#f8f9fa;
  border:1px solid #e9ecef;
  border-left:2px solid var(--bds-primary);
  padding:15px 20px;
  margin:20px 0 15px 0;
  border-radius:var(--bds-radius-sm);
}

.bds-address-box .label{
  background:none;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:2px;
  color:#888;
  margin-bottom:6px;
  font-weight:600;
}

.bds-address-box .address{
  font-size:17px;
  color:var(--bds-warm);  /* giữ màu highlight cũ */
  font-weight:600;
}

/* nút chỉ đường thường nằm trong box địa chỉ */
.bds-address-box .btn-chi-duong{
  margin-top:10px;
}
/* ===== BDS-ADDRESS-END ===== */


/* ===== BDS-HIGHLIGHT-INTRO-START ===== */
.bds-highlight-intro{
  font-size:16px;
  color:var(--bds-secondary);
  text-align:left;                 /* đổi justify -> tránh xấu mobile */
  border-top:1px solid #eee;
  border-bottom:1px double #e9ecef;
  padding:15px 0;
  margin-bottom:25px;
  font-style:italic;
}
/* ===== BDS-HIGHLIGHT-INTRO-END ===== */


/* ===== BDS-SECTION-TITLE-START ===== */
.bds-section-title{
  font-size:17px;
  color:#22313c;
  font-weight:700;
  margin:25px 0 12px 0;

  /* FIX: background-color:none -> transparent */
  background-color:transparent;

  padding:10px 15px;
  border-radius:var(--bds-radius-sm);
  text-transform:uppercase;
  letter-spacing:0.4px;

  /* thêm line nhẹ để “luxury” hơn nhưng không phá layout */
  border-left:2px solid rgba(219,162,64,0.55);
}
/* ===== BDS-SECTION-TITLE-END ===== */


/* ===== BDS-INFO-BOX-START ===== */
.bds-info-box{
  background-color:#fcfcfc;
  border:1px solid #eee;
  border-left:2px solid var(--bds-primary);
  padding:12px 10px;
  margin-bottom:20px;
  border-radius:var(--bds-radius-sm);
}

.bds-info-box p{
  margin:10px 0 !important;
  position:relative;
  padding-left:30px;
  font-size:15px;
  color:var(--bds-text);
  line-height:1.6;
}

.bds-info-box p .icon{
  position:absolute;
  left:6px;
  top:50%;
  transform:translateY(-50%); /* canh icon giữa dòng */
  opacity:0.9;
}
/* ===== BDS-INFO-BOX-END ===== */


/* ===== BDS-PRICE-BOX-START ===== */
.bds-price-box{
  margin:30px 0;
  text-align:center;

  border:1px dashed rgba(219,162,64,0.9);
  padding:20px 10px;
  background:linear-gradient(180deg, rgba(253,236,207,0.95), rgba(253,236,207,0.70));
  border-radius:var(--bds-radius);
  display:flex;
  flex-direction:column;
  gap:6px;
}

.bds-price-box .main-price{
  font-size:24px;
  color:var(--bds-warm); /* giữ đúng cảm giác “giá nổi” */
  font-weight:800;
  letter-spacing:0.2px;
}

.bds-price-box .unit-price{
  font-size:18px;
  color:var(--bds-primary);
  font-weight:700;
}

.bds-price-box .note{
  font-size:14px;
  color:#666;
  font-style:italic;
}
/* ===== BDS-PRICE-BOX-END ===== */


/* ===== BDS-LIST-START ===== */
.bds-list{
  padding-left:20px;
  margin:10px 0 25px 0;
  list-style-type:disc; /* đổi square -> mềm hơn */
}

.bds-list li{
  margin-bottom:10px;
  font-size:15px;
  color:var(--bds-text);
}
/* ===== BDS-LIST-END ===== */


/*==================================================
  BDS • ACTION BUTTONS (MAP + CALL)
  Style: viền đỏ đô sáng – nền trắng – chữ đỏ
  Hover: nền đỏ – chữ trắng
==================================================*/

.btn-gmap-one{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  width:auto;
  max-width:fit-content;
  margin:12px auto 22px;

  padding:11px 20px;
  font-size:15px;
  line-height:1;

  background:#ffffff;
  color:#B32626 !important;
  text-decoration:none;

  border:2px solid #B32626;
  border-radius:10px;

  font-family:'Roboto',sans-serif;
  font-weight:800;
  letter-spacing:0.3px;
  text-transform:uppercase;

  box-shadow:0 6px 14px rgba(179,38,38,0.18);
  transition:background-color .2s ease,
             color .2s ease,
             box-shadow .2s ease,
             transform .2s ease;
}

/* Hover */
.btn-gmap-one:hover{
  background:#B32626;
  color:#ffffff !important;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(179,38,38,0.28);
}

/* Icon */
.btn-gmap-one svg{
  width:20px;
  height:20px;
  fill:currentColor;
}

/* Text */
.btn-gmap-txt{
  white-space:nowrap;
}

/* Mobile */
@media (max-width:767px){
  .btn-gmap-one{
    width:100%;
    max-width:100%;
    padding:14px 18px;
    font-size:16px;
  }
}


/*==================================================
BDS • CALL NOW BUTTON — FINAL (RED SOLID)
Default: nền đỏ – chữ trắng
Hover: nền trắng – viền đỏ – chữ đỏ
==================================================*/


.btn-call-now{
display:flex;
align-items:center;
justify-content:center;
gap:10px;


width:auto;
max-width:fit-content;
margin:10px auto 26px;


padding:12px 22px;
font-size:16px;
line-height:1;


background:#B32626;
color:#ffffff !important;
text-decoration:none;


border:2px solid #B32626;
border-radius:10px;


font-family:'Roboto',sans-serif;
font-weight:800;
letter-spacing:0.3px;
text-transform:uppercase;


box-shadow:0 8px 18px rgba(179,38,38,0.25);
transition:background-color .2s ease,
color .2s ease,
border-color .2s ease,
box-shadow .2s ease,
transform .2s ease;
}


/* Hover */
.btn-call-now:hover{
background:#ffffff;
color:#B32626 !important;
border-color:#B32626;
transform:translateY(-1px);
box-shadow:0 10px 22px rgba(179,38,38,0.22);
}


/* Icon */
.btn-call-now svg{
width:20px;
height:20px;
fill:currentColor;
}


/* Text */
.btn-call-txt{
white-space:nowrap;
}


/* Mobile */
@media (max-width:767px){
.btn-call-now{
width:100%;
max-width:100%;
padding:14px 18px;
font-size:17px;
}
}



/* =========================================================
   PQV • HTML WIDGET CLEAN (SAFE)
   - Chỉ gỡ nền/shadow của WRAPPER
   - KHÔNG giết shadow của nội dung bên trong (tránh phá button)
========================================================= */

/* ===== PQV-HTML-CLEAN-START ===== */
.elementor-widget-html.pqv-html-clean,
.elementor-widget-html.pqv-html-clean > .elementor-widget-container{
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  outline:0 !important;
}

/* chặn pseudo nếu theme tạo nền */
.elementor-widget-html.pqv-html-clean::before,
.elementor-widget-html.pqv-html-clean::after,
.elementor-widget-html.pqv-html-clean > .elementor-widget-container::before,
.elementor-widget-html.pqv-html-clean > .elementor-widget-container::after{
  content:none !important;
  display:none !important;
}
/* ===== PQV-HTML-CLEAN-END ===== */





/* ===== BDS-RESPONSIVE-START ===== */
@media (max-width:767px){
  .bds-container{
    padding:0 5px; /* giữ đúng yêu cầu “không phá layout” */
  }

  .bds-sub-title{
    font-size:18px !important;
  }

  .bds-address-box{
    padding:14px 14px;
  }

  .bds-section-title{
    padding:10px 12px;
  }

  .bds-price-box .main-price{
    font-size:22px;
  }
  .bds-price-box .unit-price{
    font-size:17px;
  }
}
/* ===== BDS-RESPONSIVE-END ===== */


/*=====BDS-BTN-CHI-DUONG-START=====*/
.btn-chi-duong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  margin:5px 0;
  padding:11px 20px;               /* giống Google Map */

  background:#ffffff;
  color:#d71c1c !important;        /* đỏ đô chuẩn */
  text-decoration:none;

  border:2px solid #d71c1c;        /* viền giống hệt */
  border-radius:10px;

  font-family:'Roboto',sans-serif;
  font-size:15px;
  font-weight:800;
  letter-spacing:0.3px;
  text-transform:uppercase;

  box-shadow:0 8px 18px rgba(215,28,28,0.18);
  transition:all .25s ease;
}

/* hover giống Google Map */
.btn-chi-duong:hover{
  background:#ffffff;
  color:#d71c1c !important;
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(215,28,28,0.25);
}

/* icon */
.btn-chi-duong svg{
  width:16px;
  height:16px;
  fill:#d71c1c;
}
.btn-chi-duong svg *{
  fill:inherit;
  stroke:#d71c1c;
}
/*=====BDS-BTN-CHI-DUONG-END=====*/





/* ======================================================
   PQV – CATEGORY TITLE (CLEAN / STATIC)
   - Chỉ giữ: Font + Màu chữ + Underline
   - Không hiệu ứng, không gradient, không shadow
   - Giữ nguyên class để không phải sửa HTML
====================================================== */

/* =========================
   1) WRAPPER
========================= */
.pqv-hot-wrap{
  background:#ffffff;
  text-align:center;
  padding:40px 0;
}

/* =========================
   2) HEADING – chữ tĩnh, sạch
========================= */
.pqv-heading{
  position:relative;
  display:inline-block;
  margin:0;

  /* FONT */
  font-family:'Montserrat', sans-serif !important;
  font-weight:800 !important;
  font-size:30px;
  text-transform:uppercase;
  letter-spacing:1.8px;
  line-height:1.2;

  /* MÀU CHỮ – phẳng */
  color:#2b3a45;

  /* CHẶN MỌI HIỆU ỨNG */
  background:none !important;
  text-shadow:none !important;
  animation:none !important;
  transform:none !important;
}

/* =========================
   3) UNDERLINE – phẳng, tĩnh
========================= */
.pqv-heading.underline-title::before{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-14px;

  width:40%;
  height:2px;
  border-radius:2px;

  background:#c9a76d;

  /* Không hiệu ứng */
  box-shadow:none !important;
  animation:none !important;
}

/* =========================
   4) MOBILE
========================= */
@media (max-width:768px){
  .pqv-heading{
    font-size:20px;
    letter-spacing:1.2px;
  }
  .pqv-heading.underline-title::before{
    width:60%;
    bottom:-10px;
  }
}

/* =====================================================
   QV - VIEW MORE BUTTON
===================================================== */

.qv-view-more-wrap {
    text-align: center;
    margin: 20px 0 15px;
}

.qv-view-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-width: 260px;
    padding: 15px 28px;

    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;

    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none !important;

    /* Bình thường */
    color: #2B3A45 !important;
    background-color: #FFFFFF;

    border: 1px solid #27A4F2;
    border-radius: 3px;

    transition: all 0.25s ease;
}

.qv-view-more-arrow {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    transition: transform 0.25s ease;
}

/* Khi trỏ chuột */
.qv-view-more:hover,
.qv-view-more:focus {
    color: #FFFFFF !important;
    background-color: #27A4F2;
    border-color: #27A4F2;
    text-decoration: none !important;
}

.qv-view-more:hover .qv-view-more-arrow {
    transform: translateX(4px);
}

/* Mobile */
@media (max-width: 767px) {
    .qv-view-more-wrap {
        margin: 20px 0 20px;
    }

    .qv-view-more {
        min-width: 230px;
        padding: 14px 22px;
        font-size: 13px;
    }
}

/* ======================================================
   KGND – FORM UI (3 CARD) – CLEAN FINAL
====================================================== */

.kgnd-form{
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* CF7 hay tự bọc p/br -> tạo hở lớn */
.kgnd-form p{
  margin: 15px 0 0 0 !important;
  padding: 0 !important;
}
.kgnd-form p + p{ margin-top: 0 !important; }
.kgnd-form br{ display: none !important; }

/* CF7 wrap */
.kgnd-form .wpcf7-form-control-wrap{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card */
.kgnd-card{
  background: #fff;
  border: 1px solid rgba(80,100,117,.35);
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  box-sizing: border-box;
}
.kgnd-card + .kgnd-card{ margin-top: 30px; }

.kgnd-card__head h3{
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 650;
  color: #2B3A45;
}

/* Field */
.kgnd-form .kgnd-field{
  margin: 0 0 15px 0 !important;
}

/* Label: sát input 5px (đè mọi CSS theme) */
.kgnd-form .kgnd-field > label,
.kgnd-form label{
  display: block !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.15 !important;
  color: #475569;
}

.required{ color:#e11d48; font-weight:800; margin-left:4px; }

/* Inputs */
.kgnd-form input[type="text"],
.kgnd-form input[type="email"],
.kgnd-form input[type="tel"],
.kgnd-form input[type="number"],
.kgnd-form select,
.kgnd-form textarea{
  width: 100%;
  border: 1px solid rgba(15,23,42,.16);
  border-radius: 10px;
  background:#fff;
  color:#0f172a;
  font-size: 14px;
  box-sizing: border-box;
  outline:none;
  margin: 0 !important; /* tránh theme thêm margin */
}

.kgnd-form input,
.kgnd-form select{
  height: 44px;
  padding: 0 10px;
}

/* Textarea: ép chiều cao */
.kgnd-form textarea{
  min-height: 80px !important;
  height: 80px !important;
  padding: 8px 10px !important;
  resize: vertical;
}

/* Focus */
.kgnd-form input:focus,
.kgnd-form select:focus,
.kgnd-form textarea:focus{
  border-color: rgba(31,61,122,.55);
  box-shadow: 0 0 0 3px rgba(31,61,122,.12);
}

/* Grid */
.kgnd-grid-2{
  display:flex;
  gap: 8px;
}
.kgnd-grid-2 .kgnd-field{
  flex:1;
  margin: 0 0 8px 0 !important;
}

.kgnd-grid-price-address{
  display:flex;
  gap: 8px;
}
.kgnd-grid-price-address .field-price{ flex: 0 0 32%; }
.kgnd-grid-price-address .field-address{ flex: 1; }

/* Radio inline */
.kgnd-field-radio .wpcf7-form-control{
  display:flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin:0 !important;
  padding:0 !important;
}
.kgnd-field-radio .wpcf7-list-item{ margin:0 !important; padding:0 !important; }
.kgnd-field-radio .wpcf7-list-item label{
  display:inline-flex !important;
  align-items:center !important;
  gap: 6px !important;
  margin:0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color:#0f172a !important;
  white-space:nowrap !important;
  line-height: 1.2 !important;
}
.kgnd-field-radio input[type="radio"]{
  width: 15px !important;
  height: 15px !important;
  margin:0 !important;
  accent-color: #111827;
}

/* Help text */
.kgnd-help{
  margin-top: 6px;
  font-size: 12.5px;
  line-height: 1.35;
  color: rgba(15,23,42,.55);
}

/* Submit */
.kgnd-submit-row{ margin-top: 8px; }
.kgnd-submit{
  width: 100%;
  height: 46px;
  border: 0;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  color:#fff;
  background: #d62828;
  cursor:pointer;
}
.kgnd-submit:hover{ filter: brightness(0.97); }

.kgnd-note{
  margin-top: 10px;
  font-size: 12.5px;
  line-height: 1.5;
  color: rgba(15,23,42,.60);
}

/* Radio error box */
.kgnd-radio-error{
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.35;
  color: #dc2626;
  display:none;
}
.kgnd-radio-error.is-show{ display:block; }

/* Mobile */
@media (max-width: 767px){
  .kgnd-form{ max-width: 100%; }
  .kgnd-grid-2,
  .kgnd-grid-price-address{ display:block; }

  .kgnd-grid-2 .kgnd-field,
  .kgnd-grid-price-address .kgnd-field{
    margin-bottom: 8px !important;
  }

  .kgnd-grid-price-address .field-price{ flex: 1; }
}


/* ======================================================
   KGND – SITE CUSTOM CSS (CLEAN, PAGE-SCOPED)
   Scope: CHỈ page-id-7031

   Desktop (>=1025px):
   - Layout 2 cột 40% / 60%
   - Scroll riêng từng cột
   - Không ảnh hưởng trang khác
   - Cột phải canh theo max 1600px, scrollbar sát mép phải

   Mobile/Tablet (<=1024px):
   - KHÔNG xử lý commit-box / CTA tại đây (để tránh xung đột)
   - Layout về dạng 1 cột bình thường
====================================================== */


/* ======================================================
   DESKTOP – 2 CỘT + SCROLL RIÊNG
====================================================== */
@media (min-width: 1025px){

  /* Chỉ khóa scroll BODY ở đúng trang KGND */
  body.page-id-7031{
    overflow: hidden;
    height: 100%;
    margin: 0;
  }

  /* Wrapper 2 cột */
  body.page-id-7031 .kgnd-wrap{
    display: flex;
    width: 100%;
    height: 100vh;

    /* khoảng canh theo max 1600px, chỉ áp vào padding phải của cột phải */
    --kgnd-gutter: max(0px, calc((100vw - 1600px) / 2));
  }

  /* Hai cột scroll riêng */
  body.page-id-7031 .kgnd-left,
  body.page-id-7031 .kgnd-right{
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    /* tránh giật layout khi có scrollbar */
    overscroll-behavior: contain;
  }

  /* Cột trái 40% */
  body.page-id-7031 .kgnd-left{
    width: 40%;
    padding-right: 24px;
  }

  /* Cột phải 60% – scrollbar sát mép phải */
  body.page-id-7031 .kgnd-right{
    width: 60%;
    padding-left: 24px;

    /* canh nội dung theo max 1600px, nhưng scrollbar vẫn sát mép phải */
    padding-right: var(--kgnd-gutter);
  }
}


/* ======================================================
   MOBILE / TABLET – 1 CỘT BÌNH THƯỜNG
   (Không xử lý commit-box / CTA ở Site CSS)
====================================================== */
@media (max-width: 1024px){

  body.page-id-7031{
    overflow: auto;
    height: auto;
    margin: 0;
  }

  body.page-id-7031 .kgnd-wrap{
    display: block;
    height: auto;
    width: 100%;
  }

  body.page-id-7031 .kgnd-left,
  body.page-id-7031 .kgnd-right{
    width: 100%;
    height: auto;
    overflow: visible;
    padding: 0; /* tránh bị “kế thừa” padding desktop */
  }
}


/* ======================================================
   KGND – SCROLL OFFSET + FLASH FEEDBACK (ALL DEVICES)
====================================================== */
body.page-id-7031 #kgnd-basic,
body.page-id-7031 #kgnd-property,
body.page-id-7031 #kgnd-contact{
  scroll-margin-top: 90px;
}

body.page-id-7031 .kgnd-flash{
  animation: kgndFlash 1.2s ease-out 1;
}

@keyframes kgndFlash{
  0%   { box-shadow: 0 0 0 0 rgba(26,95,208,0.35); }
  100% { box-shadow: 0 0 0 18px rgba(26,95,208,0); }
}



/*=====QV-PILLAR-TITLES-START=====*/
:root{
  --qv-primary:#2B3A45;
  --qv-secondary:#4F6475;
  --qv-text:#7C848A;
}

/* H2 chuẩn hệ thống */
body .qv-sec-title{
  margin: 0 0 12px 0 !important;
  padding: 0 !important;

  color: var(--qv-primary) !important;
  font-family: "Roboto", sans-serif !important;

  font-weight: 600 !important;
  letter-spacing: -0.2px !important;
  line-height: 1.18 !important;

  font-size: 24px !important;
}

/* Subline chuẩn (dùng về sau nếu cần) */
body .qv-sec-sub{
  margin: 0 !important;
  color: var(--qv-text) !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  font-size: 15px !important;
}

/* tablet */
@media (max-width: 1024px){
  body .qv-sec-title{
    font-size: 22px !important;
    margin-bottom: 10px !important;
  }
}

/* mobile */
@media (max-width: 767px){
  body .qv-sec-title{
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }
}
/*=====QV-PILLAR-TITLES-END=====*/

/*=====QV-TOC-BOX-START=====*/
.toc-box{
  display:block;
  border:1px solid rgba(43,58,69,0.16);
  padding:16px 20px;
  margin:22px 0 26px;
  background:rgba(43,58,69,0.03);
  border-radius:14px;
  overflow:hidden;
}

.toc-box strong{
  display:block;
  font-weight:600;
  margin:0 0 10px;
  color:#2B3A45;
}

.toc-box ul{
  margin:0;
  padding-left:18px;
  list-style:disc;
}

.toc-box li{
  margin:6px 0;
  line-height:1.55;
}

.toc-box a{
  text-decoration:none;
  color:inherit;
}

.toc-box a:hover{
  text-decoration:underline;
}
/*=====QV-TOC-BOX-END=====*/


/*=====QV-SHARE-BTN-ORANGE-START=====*/
.qv-share-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  width:100% !important;        /* full ngang container */
  max-width:100% !important;

  padding:12px 16px;

  background:#FF9638 !important;     /* nền cam */
  color:#ffffff !important;           /* chữ trắng */

  border:2px solid #FF9638 !important;/* viền cam */
  border-radius:12px;

  font-family:"Lexend",sans-serif;
  font-weight:600;
  font-size:14px;
  line-height:1;

  text-decoration:none;
  cursor:pointer;

  box-shadow:0 10px 22px rgba(255,150,56,0.22);
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}

.qv-share-btn:hover{
  background:#ffffff !important;       /* hover nền trắng */
  color:#FF9638 !important;            /* chữ cam */
  border-color:#FF9638 !important;     /* viền cam */
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(255,150,56,0.26);
}

.qv-share-btn:active{
  transform:translateY(0);
  box-shadow:0 10px 22px rgba(255,150,56,0.22);
}

.qv-share-btn:focus{
  outline:none;
}

.qv-share-ic{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;

  background:rgba(255,255,255,0.22);
  color:inherit;
}

.qv-share-btn:hover .qv-share-ic{
  background:rgba(255,150,56,0.12);
}
/*=====QV-SHARE-BTN-ORANGE-END=====*//* End custom CSS */