.elementor-13 .elementor-element.elementor-element-1204cc9{--display:flex;--min-height:650px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:60px 60px 0px 0px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-1204cc9:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-1204cc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2F2020;}.elementor-13 .elementor-element.elementor-element-df4cbd2{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-df4cbd2:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-df4cbd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0d9ffdf );}.elementor-13 .elementor-element.elementor-element-b25ea5e{width:var( --container-widget-width, 100% );max-width:100%;margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;top:0.016px;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-b25ea5e{left:1px;}body.rtl .elementor-13 .elementor-element.elementor-element-b25ea5e{right:1px;}.elementor-13 .elementor-element.elementor-element-065a5a5{--display:flex;--min-height:650px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:60px 60px 0px 0px;--margin-top:-48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-065a5a5:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-065a5a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-33187aa{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-33187aa:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-33187aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-858c1f6{width:var( --container-widget-width, 100% );max-width:100%;background-color:#000000;margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;top:1.016px;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-858c1f6{left:2px;}body.rtl .elementor-13 .elementor-element.elementor-element-858c1f6{right:2px;}.elementor-13 .elementor-element.elementor-element-841ec2b{--display:flex;--min-height:650px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:60px 60px 0px 0px;--margin-top:-48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-841ec2b:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-841ec2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DB;}.elementor-13 .elementor-element.elementor-element-34382cd{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-34382cd:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-34382cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DB;}.elementor-13 .elementor-element.elementor-element-9fbc205{width:var( --container-widget-width, 100% );max-width:100%;margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;top:0.016px;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-9fbc205{left:1px;}body.rtl .elementor-13 .elementor-element.elementor-element-9fbc205{right:1px;}.elementor-13 .elementor-element.elementor-element-1f8d36e{--display:flex;--min-height:650px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:60px 60px 0px 0px;--margin-top:-48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-1f8d36e:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-1f8d36e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DB;}.elementor-13 .elementor-element.elementor-element-950ce31{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-950ce31:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-950ce31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DB;}.elementor-13 .elementor-element.elementor-element-74e26bf{width:var( --container-widget-width, 100% );max-width:100%;margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;top:1.016px;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-74e26bf{left:-2px;}body.rtl .elementor-13 .elementor-element.elementor-element-74e26bf{right:-2px;}.elementor-13 .elementor-element.elementor-element-bf07549{--display:flex;}.elementor-13 .elementor-element.elementor-element-bf07549:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-bf07549 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DB;}.elementor-13 .elementor-element.elementor-element-7467b68{--spacer-size:50px;}.elementor-13 .elementor-element.elementor-element-ba23182{--display:flex;--min-height:20px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:60px 60px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-ba23182:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-ba23182 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DB;}.elementor-13 .elementor-element.elementor-element-ba23182.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-f98eec4{width:var( --container-widget-width, 100% );max-width:100%;margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-f98eec4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-07cd47d{--display:flex;--min-height:650px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-f9e3554{margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-e87f414{margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-76e2707{margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-7e43e10{--display:flex;--min-height:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-53446b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}body.elementor-page-13:not(.elementor-motion-effects-element-type-background), body.elementor-page-13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9DDCF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-1204cc9{--width:100%;}.elementor-13 .elementor-element.elementor-element-df4cbd2{--content-width:60%;}.elementor-13 .elementor-element.elementor-element-065a5a5{--width:100%;}.elementor-13 .elementor-element.elementor-element-33187aa{--content-width:60%;}.elementor-13 .elementor-element.elementor-element-841ec2b{--width:100%;}.elementor-13 .elementor-element.elementor-element-34382cd{--content-width:60%;}.elementor-13 .elementor-element.elementor-element-1f8d36e{--width:100%;}.elementor-13 .elementor-element.elementor-element-950ce31{--content-width:60%;}.elementor-13 .elementor-element.elementor-element-ba23182{--width:100%;}.elementor-13 .elementor-element.elementor-element-07cd47d{--width:100%;}.elementor-13 .elementor-element.elementor-element-7e43e10{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-13 .elementor-element.elementor-element-ba23182{--width:100%;}}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-b25ea5e{top:-135px;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-858c1f6{left:2px;}body.rtl .elementor-13 .elementor-element.elementor-element-858c1f6{right:2px;}.elementor-13 .elementor-element.elementor-element-858c1f6{top:-0.984px;}.elementor-13 .elementor-element.elementor-element-9fbc205{top:134px;}.elementor-13 .elementor-element.elementor-element-1f8d36e{--margin-top:51px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-74e26bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;top:133px;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-74e26bf{left:0px;}body.rtl .elementor-13 .elementor-element.elementor-element-74e26bf{right:0px;}.elementor-13 .elementor-element.elementor-element-7467b68{--spacer-size:190px;}.elementor-13 .elementor-element.elementor-element-ba23182{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-f98eec4{margin:335px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-df4cbd2{--content-width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-33187aa{--content-width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-858c1f6{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-34382cd{--content-width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-9fbc205{left:0px;}body.rtl .elementor-13 .elementor-element.elementor-element-9fbc205{right:0px;}.elementor-13 .elementor-element.elementor-element-9fbc205{top:88px;}.elementor-13 .elementor-element.elementor-element-950ce31{--content-width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-74e26bf{margin:-73px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-f98eec4{margin:26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-07cd47d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-f9e3554{padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-e87f414{padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-76e2707{padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-7e43e10{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-b25ea5e *//* ============================
   BLOCK TRẮNG TIKOFU – DESKTOP
   ============================ */
.tikofu-section-white {
  width: 100%;
  background-color: #ffffff;       /* nền ngoài cùng */
  display: flex;
  justify-content: center;
  padding: 80px 5vw;               /* top/bottom 80, 2 bên 5% màn hình */
  box-sizing: border-box;
}

.tikofu-section-inner {
  max-width: 1200px;               /* bề ngang content tối đa */
  width: 100%;
  background-color: #ffffff;
  border-radius: 60px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.04);
  padding: 60px 70px;
  display: flex;
  align-items: center;
  gap: 60px;
  box-sizing: border-box;
}

/* Cột trái (text) */
.tikofu-left {
  flex: 1 1 50%;
}

.tikofu-title {
  font-size: 40px;
  letter-spacing: 0.06em;
  margin: 0 0 24px;
}

.tikofu-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 32px;
}

/* Button */
.tikofu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 999px;
  font-size: 14px;
  letter-spacing: 0.08em;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.tikofu-btn:hover {
  background-color: #222;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}

/* Cột phải (video / ảnh) */
.tikofu-right {
  flex: 1 1 50%;
}

.tikofu-right video,
.tikofu-right img {
  width: 100%;
  height: auto;
  border-radius: 32px;
  display: block;
  object-fit: cover;
}

/* ============================
   TABLET – <= 1024px
   ============================ */
@media (max-width: 1024px) {
  .tikofu-section-white {
    padding: 60px 4vw;
  }

  .tikofu-section-inner {
    padding: 40px 40px;
    border-radius: 40px;
    gap: 40px;
  }

  .tikofu-title {
    font-size: 32px;
  }

  .tikofu-desc {
    font-size: 14px;
  }
}

/* ============================
   MOBILE – <= 767px
   ============================ */
@media (max-width: 767px) {
  .tikofu-section-white {
    padding: 40px 16px;           /* full-width sát viền mobile hơn */
  }

  .tikofu-section-inner {
    padding: 24px 20px;
    border-radius: 28px;
    flex-direction: column;       /* xếp dọc: text trên, video dưới */
    align-items: flex-start;
    gap: 24px;
  }

  .tikofu-left,
  .tikofu-right {
    flex: 1 1 100%;
  }

  .tikofu-title {
    font-size: 26px;
    line-height: 1.3;
  }

  .tikofu-desc {
    font-size: 13px;
    margin-bottom: 24px;
  }

  .tikofu-btn {
    padding: 12px 26px;
    font-size: 13px;
  }

  .tikofu-right video,
  .tikofu-right img {
    border-radius: 20px;
  }
}
.tikofu-section-white {
  background-color: #F5E9DB;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df4cbd2 */.tikofu-section-white {
  background-color: #F5E9DB;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1204cc9 *//* ===============================
   0. RESET CƠ BẢN & HÌNH ẢNH / VIDEO
================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Body chung cho toàn site */
body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  color: #222;
  background-color: #ffffff;
}

/* ===============================
   1. CONTAINER & SECTION CƠ BẢN
================================= */

/* Khung content chuẩn (dùng cho mọi section) */
.tikofu-section {
  width: 100%;
  padding: 80px 80px;
}

.tikofu-section__inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* Fullscreen section (hero / video) */
.tikofu-fullscreen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===============================
   2. TYPOGRAPHY – TIÊU ĐỀ & ĐOẠN VĂN
================================= */

/* Tiêu đề lớn (hero) */
.tikofu-title-xl {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.15;
  margin: 0 0 20px;
}

/* Tiêu đề vừa (section heading) */
.tikofu-title-lg {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.2;
  margin: 0 0 16px;
}

/* Sub heading */
.tikofu-subtitle {
  font-size: 15px;
  line-height: 1.8;
  max-width: 720px;
  margin: 0 0 26px;
  color: #555;
}

/* Text nhỏ / meta */
.tikofu-kicker {
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 18px;
}

/* ===============================
   3. GRID / CỘT – DÙNG CHO LIST DỊCH VỤ, DỰ ÁN
================================= */

/* 3 cột desktop → 2 cột tablet → 1 cột mobile */
.tikofu-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/* 2 cột desktop → 1 cột mobile */
.tikofu-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}

/* Card chung */
.tikofu-card {
  background: #fbf8f3;
  border-radius: 24px;
  padding: 24px 24px 28px;
}

/* ===============================
   4. BUTTON CHUNG
================================= */

.tikofu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 30px;
  border-radius: 999px;
  border: none;
  background: #111;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s ease;
}

.tikofu-btn--outline {
  background: transparent;
  color: #111;
  border: 1px solid #111;
}

.tikofu-btn:hover {
  background: #333;
}

/* ===============================
   5. RESPONSIVE BREAKPOINTS
================================= */

/* TABLET (<= 1024px) */
@media (max-width: 1024px) {

  .tikofu-section {
    padding: 60px 40px;
  }

  .tikofu-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .tikofu-grid-2 {
    gap: 24px;
  }

  .tikofu-card {
    border-radius: 20px;
    padding: 22px 20px 24px;
  }
}

/* MOBILE (<= 767px) */
@media (max-width: 767px) {

  .tikofu-section {
    padding: 40px 16px;
  }

  .tikofu-section__inner {
    max-width: 100%;
  }

  .tikofu-fullscreen {
    min-height: 100vh;
    align-items: flex-start;
  }

  .tikofu-title-xl {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .tikofu-title-lg {
    font-size: 22px;
    margin-bottom: 14px;
  }

  .tikofu-subtitle {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }

  .tikofu-grid-3,
  .tikofu-grid-2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .tikofu-card {
    border-radius: 18px;
    padding: 20px 16px 22px;
  }

  .tikofu-btn {
    width: auto;
    font-size: 12px;
    padding: 9px 22px;
  }
}

/* ===============================
   6. FULLSCREEN VIDEO DÙNG CHUNG
================================= */

.tikofu-video-bg {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.tikofu-video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.tikofu-renovation {
  width: 100%;
  padding: 40px 16px 40px 40px;  /* TRÊN 40 – PHẢI 16 – DƯỚI 40 – TRÁI 40 */
  box-sizing: border-box;
  background: #fbf8f3;
}
.tikofu-section-white {
  background-color: #F5E9DB;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-858c1f6 *//* VÙNG NGOÀI – NỀN TRẮNG */
.tikofu-section-white {
    width: 100%;
    background: #f1f1f1;
    padding: 80px 0;
    display: flex;
    justify-content: center;
}

/* KHỐI BÊN TRONG */
.tikofu-section-inner {
    width: 92%;
    max-width: 1400px;
    background: #ffffff;
    border-radius: 80px 80px 40px 40px; /* ⭐ Bo cong giống ảnh mẫu */
    padding: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    box-sizing: border-box;
}

/* TRÁI */
.tikofu-left {
    flex: 1 1 45%;
}

.tikofu-title {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 52px;
    margin-bottom: 25px;
    color: #111;
}

.tikofu-desc {
    font-size: 20px;
    margin-bottom: 35px;
    color: #333;
}

.tikofu-btn {
    padding: 12px 32px;
    background: #111;
    color: #fff;
    text-decoration: none;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
}

/* PHẢI (VIDEO) */
.tikofu-right {
    flex: 1 1 50%;
    border-radius: 40px;
    overflow: hidden;
}

.tikofu-right video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* TABLET */
@media (max-width: 1024px) {
    .tikofu-section-inner {
        padding: 60px;
        flex-direction: column;
        gap: 40px;
    }

    .tikofu-left,
    .tikofu-right {
        flex: 1 1 100%;
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .tikofu-section-inner {
        padding: 30px;
        border-radius: 40px;
    }

    .tikofu-title {
        font-size: 34px;
    }

    .tikofu-desc {
        font-size: 16px;
    }

    .tikofu-right {
        height: 260px;
        border-radius: 24px;
    }

    .tikofu-right video {
        height: 100%;
        object-fit: cover;
    }
}
.tikofu-section-white {
  background-color: #F5E9DB;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33187aa */.tikofu-section-white {
  background-color: #F5E9DB;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-065a5a5 *//* ===============================
   0. RESET CƠ BẢN & HÌNH ẢNH / VIDEO
================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Body chung cho toàn site */
body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  color: #222;
  background-color: #ffffff;
}

/* ===============================
   1. CONTAINER & SECTION CƠ BẢN
================================= */

/* Khung content chuẩn (dùng cho mọi section) */
.tikofu-section {
  width: 100%;
  padding: 80px 80px;
}

.tikofu-section__inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* Fullscreen section (hero / video) */
.tikofu-fullscreen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===============================
   2. TYPOGRAPHY – TIÊU ĐỀ & ĐOẠN VĂN
================================= */

/* Tiêu đề lớn (hero) */
.tikofu-title-xl {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.15;
  margin: 0 0 20px;
}

/* Tiêu đề vừa (section heading) */
.tikofu-title-lg {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.2;
  margin: 0 0 16px;
}

/* Sub heading */
.tikofu-subtitle {
  font-size: 15px;
  line-height: 1.8;
  max-width: 720px;
  margin: 0 0 26px;
  color: #555;
}

/* Text nhỏ / meta */
.tikofu-kicker {
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 18px;
}

/* ===============================
   3. GRID / CỘT – DÙNG CHO LIST DỊCH VỤ, DỰ ÁN
================================= */

/* 3 cột desktop → 2 cột tablet → 1 cột mobile */
.tikofu-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/* 2 cột desktop → 1 cột mobile */
.tikofu-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}

/* Card chung */
.tikofu-card {
  background: #fbf8f3;
  border-radius: 24px;
  padding: 24px 24px 28px;
}

/* ===============================
   4. BUTTON CHUNG
================================= */

.tikofu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 30px;
  border-radius: 999px;
  border: none;
  background: #111;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s ease;
}

.tikofu-btn--outline {
  background: transparent;
  color: #111;
  border: 1px solid #111;
}

.tikofu-btn:hover {
  background: #333;
}

/* ===============================
   5. RESPONSIVE BREAKPOINTS
================================= */

/* TABLET (<= 1024px) */
@media (max-width: 1024px) {

  .tikofu-section {
    padding: 60px 40px;
  }

  .tikofu-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .tikofu-grid-2 {
    gap: 24px;
  }

  .tikofu-card {
    border-radius: 20px;
    padding: 22px 20px 24px;
  }
}

/* MOBILE (<= 767px) */
@media (max-width: 767px) {

  .tikofu-section {
    padding: 40px 16px;
  }

  .tikofu-section__inner {
    max-width: 100%;
  }

  .tikofu-fullscreen {
    min-height: 100vh;
    align-items: flex-start;
  }

  .tikofu-title-xl {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .tikofu-title-lg {
    font-size: 22px;
    margin-bottom: 14px;
  }

  .tikofu-subtitle {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }

  .tikofu-grid-3,
  .tikofu-grid-2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .tikofu-card {
    border-radius: 18px;
    padding: 20px 16px 22px;
  }

  .tikofu-btn {
    width: auto;
    font-size: 12px;
    padding: 9px 22px;
  }
}

/* ===============================
   6. FULLSCREEN VIDEO DÙNG CHUNG
================================= */

.tikofu-video-bg {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.tikofu-video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.tikofu-renovation {
  width: 100%;
  padding: 40px 16px 40px 40px;  /* TRÊN 40 – PHẢI 16 – DƯỚI 40 – TRÁI 40 */
  box-sizing: border-box;
  background: #fbf8f3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fbc205 *//* ============================
   BLOCK TRẮNG TIKOFU – DESKTOP
   ============================ */
.tikofu-section-white {
  width: 100%;
  background-color: #ffffff;       /* nền ngoài cùng */
  display: flex;
  justify-content: center;
  padding: 80px 5vw;               /* top/bottom 80, 2 bên 5% màn hình */
  box-sizing: border-box;
}

.tikofu-section-inner {
  max-width: 1200px;               /* bề ngang content tối đa */
  width: 100%;
  background-color: #ffffff;
  border-radius: 60px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.04);
  padding: 60px 70px;
  display: flex;
  align-items: center;
  gap: 60px;
  box-sizing: border-box;
}

/* Cột trái (text) */
.tikofu-left {
  flex: 1 1 50%;
}

.tikofu-title {
  font-size: 40px;
  letter-spacing: 0.06em;
  margin: 0 0 24px;
}

.tikofu-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 32px;
}

/* Button */
.tikofu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 999px;
  font-size: 14px;
  letter-spacing: 0.08em;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.tikofu-btn:hover {
  background-color: #222;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}

/* Cột phải (video / ảnh) */
.tikofu-right {
  flex: 1 1 50%;
}

.tikofu-right video,
.tikofu-right img {
  width: 100%;
  height: auto;
  border-radius: 32px;
  display: block;
  object-fit: cover;
}

/* ============================
   TABLET – <= 1024px
   ============================ */
@media (max-width: 1024px) {
  .tikofu-section-white {
    padding: 60px 4vw;
  }

  .tikofu-section-inner {
    padding: 40px 40px;
    border-radius: 40px;
    gap: 40px;
  }

  .tikofu-title {
    font-size: 32px;
  }

  .tikofu-desc {
    font-size: 14px;
  }
}

/* ============================
   MOBILE – <= 767px
   ============================ */
@media (max-width: 767px) {
  .tikofu-section-white {
    padding: 40px 16px;           /* full-width sát viền mobile hơn */
  }

  .tikofu-section-inner {
    padding: 24px 20px;
    border-radius: 28px;
    flex-direction: column;       /* xếp dọc: text trên, video dưới */
    align-items: flex-start;
    gap: 24px;
  }

  .tikofu-left,
  .tikofu-right {
    flex: 1 1 100%;
  }

  .tikofu-title {
    font-size: 26px;
    line-height: 1.3;
  }

  .tikofu-desc {
    font-size: 13px;
    margin-bottom: 24px;
  }

  .tikofu-btn {
    padding: 12px 26px;
    font-size: 13px;
  }

  .tikofu-right video,
  .tikofu-right img {
    border-radius: 20px;
  }
}
@keyframes pro-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-50% - 5px)); }
  /*  -50%: trượt nửa track  
      -5px: bù 1 nửa khoảng cách (gap 10px) để mượt tuyệt đối */
}
.tikofu-section-white {
  background-color: #F5E9DB;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-841ec2b *//* ===============================
   0. RESET CƠ BẢN & HÌNH ẢNH / VIDEO
================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Body chung cho toàn site */
body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  color: #222;
  background-color: #ffffff;
}

/* ===============================
   1. CONTAINER & SECTION CƠ BẢN
================================= */

/* Khung content chuẩn (dùng cho mọi section) */
.tikofu-section {
  width: 100%;
  padding: 80px 80px;
}

.tikofu-section__inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* Fullscreen section (hero / video) */
.tikofu-fullscreen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===============================
   2. TYPOGRAPHY – TIÊU ĐỀ & ĐOẠN VĂN
================================= */

/* Tiêu đề lớn (hero) */
.tikofu-title-xl {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.15;
  margin: 0 0 20px;
}

/* Tiêu đề vừa (section heading) */
.tikofu-title-lg {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.2;
  margin: 0 0 16px;
}

/* Sub heading */
.tikofu-subtitle {
  font-size: 15px;
  line-height: 1.8;
  max-width: 720px;
  margin: 0 0 26px;
  color: #555;
}

/* Text nhỏ / meta */
.tikofu-kicker {
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 18px;
}

/* ===============================
   3. GRID / CỘT – DÙNG CHO LIST DỊCH VỤ, DỰ ÁN
================================= */

/* 3 cột desktop → 2 cột tablet → 1 cột mobile */
.tikofu-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/* 2 cột desktop → 1 cột mobile */
.tikofu-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}

/* Card chung */
.tikofu-card {
  background: #fbf8f3;
  border-radius: 24px;
  padding: 24px 24px 28px;
}

/* ===============================
   4. BUTTON CHUNG
================================= */

.tikofu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 30px;
  border-radius: 999px;
  border: none;
  background: #111;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s ease;
}

.tikofu-btn--outline {
  background: transparent;
  color: #111;
  border: 1px solid #111;
}

.tikofu-btn:hover {
  background: #333;
}

/* ===============================
   5. RESPONSIVE BREAKPOINTS
================================= */

/* TABLET (<= 1024px) */
@media (max-width: 1024px) {

  .tikofu-section {
    padding: 60px 40px;
  }

  .tikofu-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .tikofu-grid-2 {
    gap: 24px;
  }

  .tikofu-card {
    border-radius: 20px;
    padding: 22px 20px 24px;
  }
}

/* MOBILE (<= 767px) */
@media (max-width: 767px) {

  .tikofu-section {
    padding: 40px 16px;
  }

  .tikofu-section__inner {
    max-width: 100%;
  }

  .tikofu-fullscreen {
    min-height: 100vh;
    align-items: flex-start;
  }

  .tikofu-title-xl {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .tikofu-title-lg {
    font-size: 22px;
    margin-bottom: 14px;
  }

  .tikofu-subtitle {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }

  .tikofu-grid-3,
  .tikofu-grid-2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .tikofu-card {
    border-radius: 18px;
    padding: 20px 16px 22px;
  }

  .tikofu-btn {
    width: auto;
    font-size: 12px;
    padding: 9px 22px;
  }
}

/* ===============================
   6. FULLSCREEN VIDEO DÙNG CHUNG
================================= */

.tikofu-video-bg {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.tikofu-video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.tikofu-renovation {
  width: 100%;
  padding: 40px 16px 40px 40px;  /* TRÊN 40 – PHẢI 16 – DƯỚI 40 – TRÁI 40 */
  box-sizing: border-box;
  background: #fbf8f3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74e26bf */.tikofu-right {
  position: relative;
  overflow: hidden;
  border-radius: 24px; /* nếu cần bo góc */
}

.tikofu-media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.tikofu-section-white {
  background-color: #F5E9DB;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f8d36e *//* ===============================
   0. RESET CƠ BẢN & HÌNH ẢNH / VIDEO
================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Body chung cho toàn site */
body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  color: #222;
  background-color: #ffffff;
}

/* ===============================
   1. CONTAINER & SECTION CƠ BẢN
================================= */

/* Khung content chuẩn (dùng cho mọi section) */
.tikofu-section {
  width: 100%;
  padding: 80px 80px;
}

.tikofu-section__inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* Fullscreen section (hero / video) */
.tikofu-fullscreen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ===============================
   2. TYPOGRAPHY – TIÊU ĐỀ & ĐOẠN VĂN
================================= */

/* Tiêu đề lớn (hero) */
.tikofu-title-xl {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(32px, 4.5vw, 56px);
  line-height: 1.15;
  margin: 0 0 20px;
}

/* Tiêu đề vừa (section heading) */
.tikofu-title-lg {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.2;
  margin: 0 0 16px;
}

/* Sub heading */
.tikofu-subtitle {
  font-size: 15px;
  line-height: 1.8;
  max-width: 720px;
  margin: 0 0 26px;
  color: #555;
}

/* Text nhỏ / meta */
.tikofu-kicker {
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 18px;
}

/* ===============================
   3. GRID / CỘT – DÙNG CHO LIST DỊCH VỤ, DỰ ÁN
================================= */

/* 3 cột desktop → 2 cột tablet → 1 cột mobile */
.tikofu-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/* 2 cột desktop → 1 cột mobile */
.tikofu-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}

/* Card chung */
.tikofu-card {
  background: #fbf8f3;
  border-radius: 24px;
  padding: 24px 24px 28px;
}

/* ===============================
   4. BUTTON CHUNG
================================= */

.tikofu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 30px;
  border-radius: 999px;
  border: none;
  background: #111;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s ease;
}

.tikofu-btn--outline {
  background: transparent;
  color: #111;
  border: 1px solid #111;
}

.tikofu-btn:hover {
  background: #333;
}

/* ===============================
   5. RESPONSIVE BREAKPOINTS
================================= */

/* TABLET (<= 1024px) */
@media (max-width: 1024px) {

  .tikofu-section {
    padding: 60px 40px;
  }

  .tikofu-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .tikofu-grid-2 {
    gap: 24px;
  }

  .tikofu-card {
    border-radius: 20px;
    padding: 22px 20px 24px;
  }
}

/* MOBILE (<= 767px) */
@media (max-width: 767px) {

  .tikofu-section {
    padding: 40px 16px;
  }

  .tikofu-section__inner {
    max-width: 100%;
  }

  .tikofu-fullscreen {
    min-height: 100vh;
    align-items: flex-start;
  }

  .tikofu-title-xl {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .tikofu-title-lg {
    font-size: 22px;
    margin-bottom: 14px;
  }

  .tikofu-subtitle {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }

  .tikofu-grid-3,
  .tikofu-grid-2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .tikofu-card {
    border-radius: 18px;
    padding: 20px 16px 22px;
  }

  .tikofu-btn {
    width: auto;
    font-size: 12px;
    padding: 9px 22px;
  }
}

/* ===============================
   6. FULLSCREEN VIDEO DÙNG CHUNG
================================= */

.tikofu-video-bg {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.tikofu-video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.tikofu-renovation {
  width: 100%;
  padding: 40px 16px 40px 40px;  /* TRÊN 40 – PHẢI 16 – DƯỚI 40 – TRÁI 40 */
  box-sizing: border-box;
  background: #fbf8f3;
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-7467b68 */.tikofu-section-white {
  background-color: #F5E9DB;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f98eec4 *//* Import font Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&display=swap');

/* HỘP CHÍNH */
.tikofu-box {
    width: 100%;
    height: 300px;
    background: #ffffff;                  /* màu bạn yêu cầu */
    border-radius: 80px 80px 0 0;         /* bo cong 2 góc trên */
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

/* TIÊU ĐỀ */
.tikofu-title {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    font-weight: 600;
    color: #1d1d1d;
    margin: 0;
    letter-spacing: -0.5px;
}

/* NÚT */
.tikofu-btn {
    background: #d1a780;
    padding: 14px 38px;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    transition: 0.3s;
}

.tikofu-btn:hover {
    opacity: 0.85;
}

/* TABLET */
@media (max-width: 1024px) {
    .tikofu-box {
        padding: 0 50px;
        border-radius: 60px;
    }

    .tikofu-title {
        font-size: 40px;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .tikofu-box {
        height: auto;
        padding: 40px 20px;
        flex-direction: column;
        gap: 20px;
        text-align: center;
        border-radius: 40px;
    }

    .tikofu-title {
        font-size: 32px;
        line-height: 1.2;
    }

    .tikofu-btn {
        padding: 12px 30px;
        font-size: 13px;
    }
}
/* ===============================
   GLOBAL FONT + UPPERCASE
   Áp dụng: toàn bộ website
   =============================== */

/* Set font cho toàn site */
html, body, * {
    font-family: "Montserrat", Arial, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px; /* nhìn sang hơn */
}

/* Body background nếu cần */
body {
    background-color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba23182 *//* ============================
   BLOCK TRẮNG TIKOFU – DESKTOP
   ============================ */
.tikofu-section-white {
  width: 100%;
  background-color: #ffffff;       /* nền ngoài cùng */
  display: flex;
  justify-content: center;
  padding: 80px 5vw;               /* top/bottom 80, 2 bên 5% màn hình */
  box-sizing: border-box;
}

.tikofu-section-inner {
  max-width: 1200px;               /* bề ngang content tối đa */
  width: 100%;
  background-color: #ffffff;
  border-radius: 60px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.04);
  padding: 60px 70px;
  display: flex;
  align-items: center;
  gap: 60px;
  box-sizing: border-box;
}

/* Cột trái (text) */
.tikofu-left {
  flex: 1 1 50%;
}

.tikofu-title {
  font-size: 40px;
  letter-spacing: 0.06em;
  margin: 0 0 24px;
}

.tikofu-desc {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 32px;
}

/* Button */
.tikofu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 999px;
  font-size: 14px;
  letter-spacing: 0.08em;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.tikofu-btn:hover {
  background-color: #222;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}

/* Cột phải (video / ảnh) */
.tikofu-right {
  flex: 1 1 50%;
}

.tikofu-right video,
.tikofu-right img {
  width: 100%;
  height: auto;
  border-radius: 32px;
  display: block;
  object-fit: cover;
}

/* ============================
   TABLET – <= 1024px
   ============================ */
@media (max-width: 1024px) {
  .tikofu-section-white {
    padding: 60px 4vw;
  }

  .tikofu-section-inner {
    padding: 40px 40px;
    border-radius: 40px;
    gap: 40px;
  }

  .tikofu-title {
    font-size: 32px;
  }

  .tikofu-desc {
    font-size: 14px;
  }
}

/* ============================
   MOBILE – <= 767px
   ============================ */
@media (max-width: 767px) {
  .tikofu-section-white {
    padding: 40px 16px;           /* full-width sát viền mobile hơn */
  }

  .tikofu-section-inner {
    padding: 24px 20px;
    border-radius: 28px;
    flex-direction: column;       /* xếp dọc: text trên, video dưới */
    align-items: flex-start;
    gap: 24px;
  }

  .tikofu-left,
  .tikofu-right {
    flex: 1 1 100%;
  }

  .tikofu-title {
    font-size: 26px;
    line-height: 1.3;
  }

  .tikofu-desc {
    font-size: 13px;
    margin-bottom: 24px;
  }

  .tikofu-btn {
    padding: 12px 26px;
    font-size: 13px;
  }

  .tikofu-right video,
  .tikofu-right img {
    border-radius: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9e3554 *//* KHUNG SLIDER */
.pro-slider {
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  height: auto;
}

/* DẢI ẢNH CHẠY NGANG */
.pro-track {
  display: flex;
  width: max-content;
  gap: 10px;                        /* ⭐ khoảng cách giữa các ảnh */
  animation: pro-scroll 40s linear infinite;
}

/* ẢNH CHUẨN KIẾN TRÚC – GIỮ TỈ LỆ */
.pro-track img {
  height: 350px;                    /* bạn có thể đổi 300 / 400 tùy layout */
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 16px;
  flex-shrink: 0;
}

/* ANIMATION CHUẨN CHO GAP 10PX */
@keyframes pro-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-50% - 5px)); }
  /*  -50%: trượt nửa track  
      -5px: bù 1 nửa khoảng cách (gap 10px) để mượt tuyệt đối */
}

/* MOBILE TỰ CO */
@media (max-width: 768px) {
  .pro-track img {
    height: 220px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e87f414 *//* KHUNG SLIDER */
.pro-slider {
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  height: auto;
}

/* DẢI ẢNH CHẠY NGANG */
.pro-track {
  display: flex;
  width: max-content;
  gap: 10px;                        /* ⭐ khoảng cách giữa các ảnh */
  animation: pro-scroll 40s linear infinite;
}

/* ẢNH CHUẨN KIẾN TRÚC – GIỮ TỈ LỆ */
.pro-track img {
  height: 350px;                    /* bạn có thể đổi 300 / 400 tùy layout */
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 16px;
  flex-shrink: 0;
}

/* ANIMATION CHUẨN CHO GAP 10PX */
@keyframes pro-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-50% - 5px)); }
  /*  -50%: trượt nửa track  
      -5px: bù 1 nửa khoảng cách (gap 10px) để mượt tuyệt đối */
}

/* MOBILE TỰ CO */
@media (max-width: 768px) {
  .pro-track img {
    height: 220px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76e2707 *//* KHUNG SLIDER */
.pro-slider {
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  height: auto;
}

/* DẢI ẢNH CHẠY NGANG */
.pro-track {
  display: flex;
  width: max-content;
  gap: 10px;                        /* ⭐ khoảng cách giữa các ảnh */
  animation: pro-scroll 40s linear infinite;
}

/* ẢNH CHUẨN KIẾN TRÚC – GIỮ TỈ LỆ */
.pro-track img {
  height: 350px;                    /* bạn có thể đổi 300 / 400 tùy layout */
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 16px;
  flex-shrink: 0;
}

/* ANIMATION CHUẨN CHO GAP 10PX */
@keyframes pro-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-50% - 5px)); }
  /*  -50%: trượt nửa track  
      -5px: bù 1 nửa khoảng cách (gap 10px) để mượt tuyệt đối */
}

/* MOBILE TỰ CO */
@media (max-width: 768px) {
  .pro-track img {
    height: 220px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53446b7 *//* ===============================
   GLOBAL FONT + UPPERCASE
   Áp dụng: toàn bộ website
   =============================== */

/* Set font cho toàn site */
html, body, * {
    font-family: "Montserrat", Arial, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px; /* nhìn sang hơn */
}

/* Body background nếu cần */
body {
    background-color: #ffffff;
}/* End custom CSS */
/* Start custom CSS */.tikofu-section-white {
  background-color: #F5E9DB;
}/* End custom CSS */