@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Noto+Serif:wght@500;600;700&display=swap");

/* ============================================
   AN THINH PHAT - NHA HANG KHACH SAN
   HERO SECTION - FLATSOME UX BUILDER

   ID: #atp-hotel-hero
   BACKGROUND: FULL WIDTH
   CONTENT: MAX 1240PX
   PRIMARY: #F8752B
============================================ */

/* 01. RESET */

#atp-hotel-hero,
#atp-hotel-hero *,
#atp-hotel-hero *::before,
#atp-hotel-hero *::after {
  box-sizing: border-box;
}

/* 02. HERO FULL WIDTH */

#atp-hotel-hero {
  position: relative !important;
  isolation: isolate;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100vw !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 510px !important;

  margin: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 55px 30px !important;

  overflow: hidden !important;

  background-color: #211B17 !important;

  /* ẢNH NỀN TẠM TỪ HERO QUÁN CAFE */
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/10/hero-dich-vu-thiet-ke-thi-cong-quan-cafe-tra-sua.webp") !important;

  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;

  color: #FFFFFF !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* 03. DARK OVERLAY */

#atp-hotel-hero::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;

  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.94) 0%,
    rgba(0, 0, 0, 0.90) 35%,
    rgba(0, 0, 0, 0.85) 65%,
    rgba(0, 0, 0, 0.78) 85%,
    rgba(0, 0, 0, 0.18) 100%
  ) !important;

  pointer-events: none !important;
}

/* 04. INNER CONTAINER */

#atp-hotel-hero .atp-hotel-hero-inner {
  position: relative !important;
  z-index: 1 !important;

  display: block !important;

  width: 100% !important;
  max-width: 1240px !important;
  min-width: 0 !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* 05. CONTENT */

#atp-hotel-hero .atp-hotel-hero-content {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* 06. LABEL */

#atp-hotel-hero .atp-hotel-hero-label {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;

  margin: 0 0 15px !important;
  padding: 0 !important;

  color: #F8752B !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;

  text-align: left !important;
  text-transform: uppercase !important;
}

/* 07. LABEL ORANGE LINE */

#atp-hotel-hero .atp-hotel-hero-label::before {
  content: "" !important;

  display: block !important;
  flex: 0 0 4px !important;

  width: 4px !important;
  height: 17px !important;

  background: #F8752B !important;
}

/* 08. MAIN H1 */

#atp-hotel-hero h1.atp-hotel-hero-title {
  display: block !important;

  width: 100% !important;
  max-width: 760px !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  color: #FFFFFF !important;
  background: transparent !important;

  font-family: "Noto Serif", Georgia, serif !important;
  font-size: 43px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.32 !important;

  letter-spacing: -0.5px !important;

  text-align: left !important;
  text-transform: none !important;

  word-break: normal !important;
}

/* 09. ORANGE H1 */

#atp-hotel-hero .atp-hotel-title-accent {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #F8752B !important;

  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* 10. DESCRIPTION */

#atp-hotel-hero p.atp-hotel-hero-desc {
  display: block !important;

  width: 100% !important;
  max-width: 670px !important;

  margin: 0 0 23px !important;
  padding: 0 !important;

  color: #FFFFFF !important;
  background: transparent !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;

  text-align: left !important;
  text-transform: none !important;
}

/* ============================================
   11. FOUR FEATURES
============================================ */

#atp-hotel-hero .atp-hotel-features {
  position: relative !important;
  isolation: isolate;

  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  align-items: start !important;
  column-gap: 18px !important;
  row-gap: 14px !important;

  width: 100% !important;
  max-width: 1120px !important;
  min-width: 0 !important;

  margin: 0 0 26px !important;
  padding: 0 !important;
}

/* FEATURES BACKDROP */

#atp-hotel-hero .atp-hotel-features::before {
  content: "" !important;

  position: absolute !important;
  z-index: -1 !important;
  inset: -12px !important;

  background: rgba(0, 0, 0, 0.52) !important;
  border-radius: 6px !important;

  pointer-events: none !important;
}

/* FEATURE ITEM */

#atp-hotel-hero .atp-hotel-feature {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;

  gap: 10px !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* ICON WRAPPER */

#atp-hotel-hero .atp-hotel-feature-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 36px !important;

  width: 36px !important;
  height: 36px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: rgba(248, 117, 43, 0.13) !important;
  border: 1px solid rgba(248, 117, 43, 0.7) !important;
  border-radius: 9px !important;
}

/* SVG IMAGE */

#atp-hotel-hero .atp-hotel-feature-icon img {
  display: block !important;

  flex: 0 0 21px !important;

  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  max-width: 21px !important;
  max-height: 21px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  object-fit: contain !important;
}

/* FEATURE TEXT */

#atp-hotel-hero .atp-hotel-feature-text {
  display: block !important;

  flex: 1 1 auto !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #FFFFFF !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;

  text-align: left !important;
  text-transform: none !important;

  white-space: normal !important;
  word-break: normal !important;
}

/* ============================================
   12. CTA BUTTON GROUP
============================================ */

#atp-hotel-hero .atp-hotel-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;

  gap: 13px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* BUTTON BASE */

#atp-hotel-hero a.atp-hotel-button,
#atp-hotel-hero a.atp-hotel-button:link,
#atp-hotel-hero a.atp-hotel-button:visited {
  display: inline-flex !important;
  flex-direction: row !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 11px !important;

  width: auto !important;
  max-width: 100% !important;
  min-height: 50px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 13px 23px !important;

  border-radius: 5px !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;

  letter-spacing: 0 !important;

  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;

  white-space: normal !important;
  box-shadow: none !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}

/* REMOVE FLATSOME DECORATIONS */

#atp-hotel-hero a.atp-hotel-button::before,
#atp-hotel-hero a.atp-hotel-button::after {
  content: none !important;
  display: none !important;
}

/* PRIMARY BUTTON - ZALO */

#atp-hotel-hero a.atp-hotel-primary,
#atp-hotel-hero a.atp-hotel-primary:link,
#atp-hotel-hero a.atp-hotel-primary:visited {
  background: #F8752B !important;
  border: 2px solid #F8752B !important;
  color: #FFFFFF !important;
}

#atp-hotel-hero a.atp-hotel-primary:hover {
  background: #D95616 !important;
  border-color: #D95616 !important;
  color: #FFFFFF !important;
}

/* SECONDARY BUTTON - TIKTOK */

#atp-hotel-hero a.atp-hotel-secondary,
#atp-hotel-hero a.atp-hotel-secondary:link,
#atp-hotel-hero a.atp-hotel-secondary:visited {
  background: rgba(0, 0, 0, 0.24) !important;
  border: 2px solid rgba(255, 255, 255, 0.86) !important;
  color: #FFFFFF !important;
}

#atp-hotel-hero a.atp-hotel-secondary:hover {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #222222 !important;
}

/* PLAY ICON */

#atp-hotel-hero .atp-hotel-play {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 23px !important;

  width: 23px !important;
  height: 23px !important;

  background: #FFFFFF !important;
  border-radius: 50% !important;

  color: #D95616 !important;

  font-family: Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

/* ARROW ICON */

#atp-hotel-hero .atp-hotel-arrow {
  display: inline-block !important;

  color: inherit !important;

  font-family: Arial, sans-serif !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

/* KEYBOARD FOCUS */

#atp-hotel-hero a.atp-hotel-button:focus-visible {
  outline: 3px solid #FFB887 !important;
  outline-offset: 4px !important;
}

/* ============================================
   13. TABLET
============================================ */

@media screen and (max-width: 991px) {

  #atp-hotel-hero {
    min-height: 470px !important;
    padding: 48px 26px !important;
  }

  #atp-hotel-hero h1.atp-hotel-hero-title {
    font-size: 37px !important;
  }

  #atp-hotel-hero .atp-hotel-features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 680px !important;
    gap: 16px !important;
  }
}

/* ============================================
   14. MOBILE
============================================ */

@media screen and (max-width: 549px) {

  #atp-hotel-hero {
    min-height: 610px !important;
    padding: 45px 20px !important;

    background-position: 62% center !important;
  }

  #atp-hotel-hero::before {
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.95) 0%,
      rgba(0, 0, 0, 0.88) 58%,
      rgba(0, 0, 0, 0.66) 100%
    ) !important;
  }

  #atp-hotel-hero .atp-hotel-hero-label {
    font-size: 15px !important;
  }

  #atp-hotel-hero h1.atp-hotel-hero-title {
    font-size: 31px !important;
    line-height: 1.4 !important;
  }

  #atp-hotel-hero p.atp-hotel-hero-desc {
    font-size: 16px !important;
  }

  #atp-hotel-hero .atp-hotel-features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: none !important;

    column-gap: 14px !important;
    row-gap: 18px !important;
  }

  #atp-hotel-hero .atp-hotel-feature {
    gap: 8px !important;
  }

  #atp-hotel-hero .atp-hotel-feature-icon {
    flex: 0 0 32px !important;

    width: 32px !important;
    height: 32px !important;
  }

  #atp-hotel-hero .atp-hotel-feature-icon img {
    flex: 0 0 19px !important;

    width: 19px !important;
    height: 19px !important;

    min-width: 19px !important;
    max-width: 19px !important;
    max-height: 19px !important;
  }

  #atp-hotel-hero .atp-hotel-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 11px !important;
  }

  #atp-hotel-hero a.atp-hotel-button {
    width: 100% !important;
  }
}

/* ============================================
   15. ACCESSIBILITY
============================================ */

@media (prefers-reduced-motion: reduce) {
  #atp-hotel-hero a.atp-hotel-button {
    transition: none !important;
  }
}






/* ================================================
   AN THINH PHAT - NHU CAU KHACH HANG
   FLATSOME UX BUILDER - CLEAN CSS
   SECTION: #atp-nhks-needs
   PRIMARY: #F8752B
================================================ */

/* RESET */
#atp-nhks-needs,
#atp-nhks-needs *,
#atp-nhks-needs *::before,
#atp-nhks-needs *::after {
  box-sizing: border-box;
}

/* SECTION */
#atp-nhks-needs {
  --needs-orange: #F8752B;
  --needs-dark: #101827;

  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  color: var(--needs-dark);
  font: 400 15px/1.6 "Be Vietnam Pro", Arial, sans-serif;
}

/* MAIN CONTAINER */
#atp-nhks-needs .atp-needs-container {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: 480px;
  padding: 34px 0;
}

/* LIGHT BACKGROUND DECORATION */
#atp-nhks-needs .atp-needs-decoration {
  position: absolute;
  z-index: 0;
  top: -70px;
  right: 7%;
  width: 43%;
  height: 560px;
  border-radius: 160px;
  background: linear-gradient(90deg,
      rgba(248, 117, 43, .01),
      rgba(248, 117, 43, .055),
      rgba(248, 117, 43, .015));
  transform: rotate(40deg);
  pointer-events: none;
}

/* RIGHT RESTAURANT IMAGE */
#atp-nhks-needs .atp-needs-visual {
  position: absolute;
  z-index: 1;
  top: 0;
  right: calc(50% - 50vw);
  bottom: 0;
  width: 660px;
  height: 100%;
  overflow: hidden;
  border-radius: 72% 0 0 36% / 100% 0 0 80%;
  background: linear-gradient(155deg,
      #FFD67B 0%,
      #FFC45E 22%,
      #FFB238 42%,
      #FF961F 65%,
      #F8752B 85%,
      #EF641B 100%);
  pointer-events: none;
}

#atp-nhks-needs .atp-needs-visual::before {
  content: "";
  position: absolute;
  inset: 4px 0 12px 7px;
  border-radius: inherit;
  background: #392316 url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/nhu-cau-dich-vu-thiet-ke-thi-cong-nha-hang-khach-san.webp"
    ) center / cover no-repeat;
}

#atp-nhks-needs .atp-needs-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 660 480' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23FFBF51'/%3E%3Cstop offset='55%25' stop-color='%23FF951F'/%3E%3Cstop offset='100%25' stop-color='%23EF641B'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 480 C180 478 410 468 560 410 C610 385 640 355 660 320 L660 480 Z' fill='url(%23g)'/%3E%3C/svg%3E"
    ) center / 100% 100% no-repeat;
}

/* INTRO */
#atp-nhks-needs .atp-needs-intro {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 720px;
}

/* ORANGE LABEL */
#atp-nhks-needs .atp-needs-label {
  display: inline-flex;
  align-items: center;
  margin: 0 0 18px;
  padding: 9px 17px;
  border-radius: 999px;
  background: #FF6900;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
}

/* HEADING */
#atp-nhks-needs h2.atp-needs-title {
  max-width: 720px;
  margin: 0 0 14px;
  padding: 0;
  color: var(--needs-dark);
  font: 700 35px/1.33 "Noto Serif", Georgia, serif;
  letter-spacing: -.4px;
  text-align: left;
  text-transform: none;
}

/* DESCRIPTION */
#atp-nhks-needs p.atp-needs-description {
  max-width: 690px;
  margin: 0;
  padding: 0;
  color: #26374C;
  font-size: 15px;
  line-height: 1.75;
}

/* FOUR CARDS */
#atp-nhks-needs .atp-needs-cards {
  position: relative;
  z-index: 5;
  display: flex !important;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  max-width: 920px;
  margin: 28px 0 0;
  padding: 0;
}

/* FLATSOME INSERTED EMPTY PARAGRAPHS */
#atp-nhks-needs .atp-needs-cards>p,
#atp-nhks-needs .atp-needs-cards>br {
  display: none !important;
}

/* CARD */
#atp-nhks-needs .atp-needs-cards>.atp-needs-card {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  min-height: 225px;
  margin: 0;
  padding: 18px 14px;
  border: 1px solid #F1EBE7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(28, 25, 23, .09);
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}

/* ICON FRAME */
#atp-nhks-needs .atp-needs-icon {
  display: block !important;
  flex: 0 0 66px;
  width: 66px;
  height: 66px;
  margin: 0 auto 13px;
  padding: 0;
  border-radius: 50%;
  background-color: #FFF0E7;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}

/* ICON 01 - DIAMOND */
#atp-nhks-needs .atp-needs-card:nth-of-type(1) .atp-needs-icon {
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/diamond-1.svg");
}

/* ICON 02 - GEAR */
#atp-nhks-needs .atp-needs-card:nth-of-type(2) .atp-needs-icon {
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/gear-1.svg");
}

/* ICON 03 - DOLLAR */
#atp-nhks-needs .atp-needs-card:nth-of-type(3) .atp-needs-icon {
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/circle-dollar-sign-1.svg");
}

/* ICON 04 - CALENDAR */
#atp-nhks-needs .atp-needs-card:nth-of-type(4) .atp-needs-icon {
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/calendar-check-1.svg");
}

/* CARD HEADING */
#atp-nhks-needs .atp-needs-card h3 {
  width: 100%;
  min-height: 48px;
  margin: 0 0 10px;
  padding: 0;
  color: var(--needs-dark);
  font: 700 17px/1.4 "Noto Serif", Georgia, serif;
  text-align: center;
  text-transform: none;
}

/* CARD DESCRIPTION */
#atp-nhks-needs .atp-needs-card p {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #28384D;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}

/* HOVER */
@media (hover: hover) {
  #atp-nhks-needs .atp-needs-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(28, 25, 23, .13);
  }
}

/* TABLET */
@media (max-width: 1024px) {
  #atp-nhks-needs .atp-needs-container {
    min-height: 0;
    padding: 30px 0;
  }

  #atp-nhks-needs .atp-needs-intro {
    max-width: 60%;
  }

  #atp-nhks-needs h2.atp-needs-title {
    font-size: 29px;
  }

  #atp-nhks-needs .atp-needs-visual {
    width: 440px;
    height: 355px;
    bottom: auto;
  }

  #atp-nhks-needs .atp-needs-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 100%;
    gap: 12px;
  }

  #atp-nhks-needs .atp-needs-cards>.atp-needs-card {
    min-height: 190px;
  }
}

/* MOBILE */
@media (max-width: 600px) {
  #atp-nhks-needs .atp-needs-container {
    display: flex;
    flex-direction: column;
    padding: 24px 0;
  }

  #atp-nhks-needs .atp-needs-intro {
    order: 1;
    max-width: 100%;
  }

  #atp-nhks-needs h2.atp-needs-title {
    font-size: 27px;
  }

  #atp-nhks-needs .atp-needs-visual {
    position: relative;
    order: 2;
    top: auto;
    right: auto;
    bottom: auto;
    flex: 0 0 240px;
    width: 100%;
    height: 240px;
    margin: 24px 0 0;
    border-radius: 90px 12px 12px 35px;
  }

  #atp-nhks-needs .atp-needs-visual::before {
    border-radius: inherit;
  }

  #atp-nhks-needs .atp-needs-cards {
    order: 3;
    grid-template-columns: 1fr;
    margin-top: 18px;
  }

  #atp-nhks-needs .atp-needs-cards>.atp-needs-card {
    min-height: 0;
    padding: 18px;
  }

  #atp-nhks-needs .atp-needs-card h3 {
    min-height: 0;
  }
}

/* ACCESSIBILITY */
@media (prefers-reduced-motion: reduce) {
  #atp-nhks-needs .atp-needs-card {
    transition: none;
  }
}




/* ==========================================
   AN THINH PHAT - NHKS SOLUTIONS
   FLATSOME UX BUILDER
   CLEAN CSS
========================================== */

/* 01. SECTION */

#atp-nhks-design {
  --orange: #F8752B;
  --dark: #101827;
  --text: #28384D;
  --line: #EDE5E0;
  --light: #FFF0E6;

  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  color: var(--dark);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

#atp-nhks-design,
#atp-nhks-design *,
#atp-nhks-design *::before,
#atp-nhks-design *::after {
  box-sizing: border-box;
}

/* 02. CONTAINER */

#atp-nhks-design .atp-nhks-inner {
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
  padding: 28px 20px 25px;
}

/* 03. LABEL */

#atp-nhks-design .atp-nhks-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  padding: 7px 14px;
  border-radius: 999px;
  background: var(--light);
  color: #E9671E;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

#atp-nhks-design .atp-nhks-label-line {
  display: block;
  flex: 0 0 5px;
  width: 5px;
  height: 18px;
  background: var(--orange);
}

/* 04. MAIN HEADING */

#atp-nhks-design h2.atp-nhks-heading {
  max-width: 990px;
  margin: 0 0 10px;
  padding: 0;
  color: var(--dark);
  font-family: "Noto Serif", Georgia, serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.34;
  letter-spacing: -0.4px;
  text-align: left;
  text-transform: none;
}

/* 05. INTRO */

#atp-nhks-design p.atp-nhks-intro {
  max-width: 990px;
  margin: 0 0 16px;
  padding: 0;
  color: var(--text);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
}

/* 06. SOLUTIONS LIST */

#atp-nhks-design .atp-nhks-list {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* 07. ROW LAYOUT */

#atp-nhks-design .atp-nhks-item {
  display: grid;
  grid-template-columns:
    56px minmax(0, 330px) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  grid-template-areas: "icon title description";

  align-items: center;
  column-gap: 22px;

  width: 100%;
  height: 80px;
  min-height: 80px;

  margin: 0;
  padding: 0;

  border-bottom: 1px solid var(--line);
}

#atp-nhks-design .atp-nhks-item:last-child {
  border-bottom: 0;
}

/* REMOVE EMPTY WORDPRESS LINE BREAKS */

#atp-nhks-design .atp-nhks-item > br,
#atp-nhks-design .atp-nhks-item > p:empty,
#atp-nhks-design .atp-nhks-list > br {
  display: none;
}

/* 08. ICON */

#atp-nhks-design .atp-nhks-icon {
  grid-area: icon;

  display: flex;
  align-items: center;
  justify-content: center;

  align-self: center;
  justify-self: center;

  width: 56px;
  height: 56px;
  margin: 0;
  padding: 10px;

  border-radius: 50%;
  background: var(--light);
}

#atp-nhks-design .atp-nhks-icon img {
  display: block;
  width: 36px;
  height: 36px;
  max-width: none;
  margin: 0;
  padding: 0;
  object-fit: contain;
}

/* 09. ROW TITLE */

#atp-nhks-design h3.atp-nhks-item-title {
  grid-area: title;

  display: block;
  align-self: center;

  min-width: 0;
  margin: 0;
  padding: 0;

  color: var(--dark);
  font-family: "Noto Serif", Georgia, serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  text-transform: none;
}

/* 10. ROW DESCRIPTION */

#atp-nhks-design p.atp-nhks-item-text {
  grid-area: description;

  display: block;
  align-self: center;

  min-width: 0;
  margin: 0;
  padding: 0 0 0 18px;

  border-left: 2px solid var(--orange);
  color: var(--text);

  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  text-align: left;
}

/* 11. CTA CONTAINER */

#atp-nhks-design .atp-nhks-cta {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  margin: 20px 0 0;
  padding: 0;
}

/* 12. CTA BUTTON */

#atp-nhks-design a.atp-nhks-button {
  display: inline-flex;
  flex: 0 0 205px;
  align-items: center;
  justify-content: center;

  width: 205px;
  height: 49px;
  min-height: 0;
  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 999px;
  background: var(--orange);
  background-image: none;
  color: #FFFFFF;

  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;

  box-shadow: 0 8px 20px rgba(248,117,43,.15);
  cursor: pointer;
  transition: background-color .2s ease;
}

#atp-nhks-design a.atp-nhks-button::before,
#atp-nhks-design a.atp-nhks-button::after {
  content: none;
}

#atp-nhks-design a.atp-nhks-button:hover {
  background: #DD5D19;
  color: #FFFFFF;
  text-decoration: none;
}

#atp-nhks-design a.atp-nhks-button:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 4px;
}

/* 13. TABLET */

@media (max-width: 1024px) {

  #atp-nhks-design .atp-nhks-inner {
    padding: 26px 24px 24px;
  }

  #atp-nhks-design h2.atp-nhks-heading {
    font-size: 31px;
  }

  #atp-nhks-design .atp-nhks-item {
    grid-template-columns:
      56px minmax(0, 30%) minmax(0, 1fr);

    height: auto;
    min-height: 80px;
    column-gap: 18px;
    padding: 12px 0;
  }

  #atp-nhks-design h3.atp-nhks-item-title {
    font-size: 18px;
  }

  #atp-nhks-design p.atp-nhks-item-text {
    padding-left: 15px;
  }
}

/* 14. MOBILE */

@media (max-width: 767px) {

  #atp-nhks-design .atp-nhks-inner {
    padding: 24px 16px;
  }

  #atp-nhks-design .atp-nhks-label {
    margin-bottom: 12px;
    padding: 7px 12px;
    font-size: 13px;
  }

  #atp-nhks-design h2.atp-nhks-heading {
    font-size: 27px;
    line-height: 1.4;
  }

  #atp-nhks-design p.atp-nhks-intro {
    margin-bottom: 16px;
  }

  #atp-nhks-design .atp-nhks-item {
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: auto auto;
    grid-template-areas:
      "icon title"
      "description description";

    height: auto;
    min-height: 0;

    column-gap: 12px;
    row-gap: 10px;
    padding: 12px 0;
  }

  #atp-nhks-design .atp-nhks-icon {
    width: 52px;
    height: 52px;
    padding: 9px;
  }

  #atp-nhks-design .atp-nhks-icon img {
    width: 34px;
    height: 34px;
  }

  #atp-nhks-design h3.atp-nhks-item-title {
    font-size: 18px;
  }

  #atp-nhks-design p.atp-nhks-item-text {
    padding-left: 14px;
    font-size: 15px;
    line-height: 1.6;
  }

  #atp-nhks-design .atp-nhks-cta {
    margin-top: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #atp-nhks-design a.atp-nhks-button {
    transition: none;
  }
}




/* =====================================================
   AN THINH PHAT - CONG TRINH TIEU BIEU
   FLATSOME UX BUILDER - CLEAN CSS
   PRIMARY: #F8752B
===================================================== */

#atp-nhks-projects,
#atp-nhks-projects *,
#atp-nhks-projects *::before,
#atp-nhks-projects *::after {
  box-sizing: border-box;
}

/* SECTION */
#atp-nhks-projects {
  --atp-orange: #F8752B;
  --atp-dark: #101827;
  --atp-muted: #7B8290;

  position: relative;
  display: block;
  width: 100vw;
  max-width: none;
  margin: 0 0 0 calc(50% - 50vw);
  padding: 45px 20px 50px;

  background: #FFFFFF;
  color: var(--atp-dark);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

/* CONTAINER */
#atp-nhks-projects .atp-nhks-projects-inner {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0;
}

/* HEADER */
#atp-nhks-projects .atp-nhks-projects-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 22px;
  padding: 0;
}

#atp-nhks-projects .atp-nhks-projects-heading-group {
  flex: 1 1 auto;
  min-width: 0;
}

#atp-nhks-projects .atp-nhks-projects-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  padding: 0;

  color: var(--atp-orange);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
}

#atp-nhks-projects .atp-nhks-projects-label::before {
  content: "";
  display: block;
  flex: 0 0 4px;
  width: 4px;
  height: 18px;
  background: var(--atp-orange);
}

#atp-nhks-projects #atp-nhks-projects-heading {
  margin: 0;
  padding: 0;

  color: var(--atp-dark);
  font-family: "Noto Serif", Georgia, serif;
  font-size: clamp(27px, 2.5vw, 35px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.4px;
  text-transform: none;
}

/* VIEW ALL PROJECTS */
#atp-nhks-projects .atp-nhks-projects-all,
#atp-nhks-projects .atp-nhks-projects-all:visited {
  display: inline-block;
  flex: 0 0 auto;
  align-self: flex-end;

  width: auto;
  height: auto;
  min-height: 0;
  margin: 0 0 5px;
  padding: 0;

  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;

  color: var(--atp-orange);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}

#atp-nhks-projects .atp-nhks-projects-all::before,
#atp-nhks-projects .atp-nhks-projects-all::after {
  content: none;
  display: none;
}

/* GRID - 4 COLUMNS */
#atp-nhks-projects .atp-nhks-projects-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 16px;

  width: 100%;
  margin: 0;
  padding: 0;
}

/* CARD */
#atp-nhks-projects .atp-nhks-project-card {
  display: flex;
  flex: 0 0 calc((100% - 48px) / 4);
  flex-direction: column;

  width: calc((100% - 48px) / 4);
  max-width: calc((100% - 48px) / 4);
  min-width: 0;
  min-height: 0;

  margin: 0;
  padding: 0;

  overflow: hidden;
  border: 1px solid #ECE8E5;
  border-radius: 9px;

  background: #FFFFFF;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

/* THUMBNAIL */
#atp-nhks-projects .atp-nhks-project-image {
  display: block;
  position: relative;
  flex: 0 0 158px;

  width: 100%;
  height: 158px;
  margin: 0;
  padding: 22px 0 0;

  overflow: hidden;
  border: 0;
  background: #F4F0EC;
  line-height: 0;
}

#atp-nhks-projects .atp-nhks-project-image img {
  display: block;
  position: static;

  width: 100%;
  height: 136px;
  max-width: none;
  max-height: none;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center;
}

/* CARD BODY - NO AUTO SPACING */
#atp-nhks-projects .atp-nhks-project-body {
  display: block;
  flex: 0 0 auto;

  width: 100%;
  height: auto;
  min-height: 0;

  margin: 0;
  padding: 12px 13px 20px;

  background: #FFFFFF;
}

/* PROJECT NAME */
#atp-nhks-projects .atp-nhks-project-name {
  display: block;
  margin: 0 0 5px;
  padding: 0;

  color: var(--atp-dark);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: none;
}

#atp-nhks-projects .atp-nhks-project-name a,
#atp-nhks-projects .atp-nhks-project-name a:visited {
  color: inherit;
  font: inherit;
  text-decoration: none;
}

/* PROJECT STYLE */
#atp-nhks-projects .atp-nhks-project-meta {
  display: block;
  margin: 0 0 9px;
  padding: 0;

  color: var(--atp-muted);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

/* VIEW DETAIL - LEFT ALIGNED */
#atp-nhks-projects .atp-nhks-project-detail,
#atp-nhks-projects .atp-nhks-project-detail:visited {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  align-self: flex-start;
  justify-content: flex-start;

  gap: 10px;

  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 0;

  margin: 0;
  margin-left: 0;
  padding: 0;
  padding-left: 0;
  text-indent: 0;

  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;

  color: var(--atp-orange);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;

  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}

/* REMOVE THEME-GENERATED ARROWS */
#atp-nhks-projects .atp-nhks-project-detail::before,
#atp-nhks-projects .atp-nhks-project-detail::after {
  content: none !important;
  display: none !important;
}

/* DETAIL TEXT - NO INDENT */
#atp-nhks-projects .atp-nhks-detail-text {
  display: block;
  margin: 0;
  margin-left: 0;
  padding: 0;
  padding-left: 0;
  text-indent: 0;

  color: inherit;
  font: inherit;
  line-height: 22px;
}

/* SVG ARROW - FIXED SIZE, CENTERED */
#atp-nhks-projects .atp-nhks-detail-arrow {
  display: block;
  position: static;
  flex: 0 0 18px;

  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;

  margin: 0;
  padding: 0;

  color: inherit;
  fill: none;
  vertical-align: middle;
  transform: none;
}

#atp-nhks-projects .atp-nhks-detail-arrow path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* REMOVE EMPTY WP BREAKS */
#atp-nhks-projects .atp-nhks-projects-grid > br,
#atp-nhks-projects .atp-nhks-project-card > br,
#atp-nhks-projects .atp-nhks-project-body > br,
#atp-nhks-projects .atp-nhks-project-body > p:empty {
  display: none !important;
}

/* HOVER */
#atp-nhks-projects .atp-nhks-projects-all:hover,
#atp-nhks-projects .atp-nhks-project-detail:hover,
#atp-nhks-projects .atp-nhks-project-name a:hover {
  color: #D95616;
}

@media (hover: hover) {
  #atp-nhks-projects .atp-nhks-project-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }

  #atp-nhks-projects .atp-nhks-project-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.09);
  }
}

/* TABLET - 2 COLUMNS */
@media (max-width: 899px) {
  #atp-nhks-projects .atp-nhks-projects-grid {
    flex-wrap: wrap;
  }

  #atp-nhks-projects .atp-nhks-project-card {
    flex: 0 0 calc((100% - 16px) / 2);
    width: calc((100% - 16px) / 2);
    max-width: calc((100% - 16px) / 2);
  }
}

/* MOBILE - 1 COLUMN */
@media (max-width: 549px) {
  #atp-nhks-projects {
    padding: 32px 16px 40px;
  }

  #atp-nhks-projects .atp-nhks-projects-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  #atp-nhks-projects #atp-nhks-projects-heading {
    font-size: 27px;
  }

  #atp-nhks-projects .atp-nhks-projects-grid {
    flex-wrap: wrap;
  }

  #atp-nhks-projects .atp-nhks-project-card {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  #atp-nhks-projects .atp-nhks-projects-all {
    margin: 0;
  }
}

/* ACCESSIBILITY */
#atp-nhks-projects a:focus-visible {
  outline: 2px solid var(--atp-orange);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  #atp-nhks-projects .atp-nhks-project-card {
    transition: none;
  }
}




/* ================================================
   AN THINH PHAT - QUY TRINH TRIEN KHAI
   FLATSOME - CLEAN CSS
   CONTAINER 1120PX
================================================ */

#atp-nhks-process,
#atp-nhks-process *,
#atp-nhks-process *::before,
#atp-nhks-process *::after {
  box-sizing: border-box;
}

/* SECTION */
#atp-nhks-process {
  --atp-orange: #F8752B;
  --atp-dark: #101827;
  --atp-text: #303949;
  --atp-gap: 40px;

  position: relative;
  display: block;
  width: 100vw;
  max-width: none;
  margin: 0 0 0 calc(50% - 50vw);
  padding: 34px 20px 40px;

  background: #F0EBE6;
  color: var(--atp-dark);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

/* CONTAINER */
#atp-nhks-process .atp-nhks-process-container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0;
}

/* HEADER */
#atp-nhks-process .atp-nhks-process-header {
  display: block;
  width: 100%;
  margin: 0 0 26px;
  padding: 0;
}

#atp-nhks-process .atp-nhks-process-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 8px;
  padding: 0;

  color: var(--atp-orange);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
}

#atp-nhks-process .atp-nhks-process-label::before {
  content: "";
  display: block;
  flex: 0 0 4px;
  width: 4px;
  height: 18px;
  background: var(--atp-orange);
}

#atp-nhks-process #atp-nhks-process-title {
  margin: 0 0 8px;
  padding: 0;

  color: var(--atp-dark);
  font-family: "Noto Serif", Georgia, serif;
  font-size: clamp(27px, 2.5vw, 35px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.4px;
  text-transform: none;
}

#atp-nhks-process .atp-nhks-process-description {
  margin: 0;
  padding: 0;

  color: var(--atp-text);
  font-size: 15px;
  line-height: 1.5;
}

/* GRID */
#atp-nhks-process .atp-nhks-process-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: var(--atp-gap) !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* PREVENT EXTRA WORDPRESS ELEMENTS FROM OCCUPYING COLUMNS */
#atp-nhks-process
.atp-nhks-process-grid > :not(.atp-nhks-process-card) {
  display: none !important;
}

/* CARD */
#atp-nhks-process
.atp-nhks-process-grid > .atp-nhks-process-card {
  position: relative;
  display: flex !important;
  flex-direction: column !important;

  grid-column: auto !important;
  grid-row: auto !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0;
  border-radius: 22px;
  background: #FFFFFF;
  box-shadow: 0 6px 20px rgba(16,24,39,.08);
}

/* PHOTO FRAME */
#atp-nhks-process .atp-nhks-process-image {
  display: block !important;
  flex: 0 0 150px !important;

  width: 100%;
  height: 150px;
  min-height: 150px;

  margin: 0;
  padding: 0;

  border-radius: 22px 22px 0 0;
  background-color: #E5DED7;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* PHOTO 01 */
#atp-nhks-process
.atp-nhks-process-card:nth-of-type(1)
.atp-nhks-process-image {
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/Tu-van-dinh-huong-khao-sat-mat-bang-1.webp");
}

/* PHOTO 02 */
#atp-nhks-process
.atp-nhks-process-card:nth-of-type(2)
.atp-nhks-process-image {
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/Thiet-ke-lap-du-toan-2.webp");
}

/* PHOTO 03 */
#atp-nhks-process
.atp-nhks-process-card:nth-of-type(3)
.atp-nhks-process-image {
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/Thi-cong-ban-giao-1.webp");
}

/* NUMBER */
#atp-nhks-process .atp-nhks-process-number {
  position: absolute;
  z-index: 3;
  top: -6px;
  left: 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 54px;
  height: 52px;
  margin: 0;
  padding: 0;

  border-radius: 14px;
  background: #FF7000;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
}

/* BODY */
#atp-nhks-process .atp-nhks-process-content {
  position: relative;
  display: block !important;
  flex: 1 1 auto !important;

  width: 100%;
  min-width: 0;
  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 42px 20px 19px !important;

  border-radius: 0 0 22px 22px;
  background: #FFFFFF;
}

/* ICON CIRCLE */
#atp-nhks-process .atp-nhks-process-icon {
  position: absolute;
  z-index: 2;
  top: -34px;
  left: 18px;

  display: block !important;
  width: 74px;
  height: 74px;

  margin: 0;
  padding: 0;

  border-radius: 50%;
  background-color: #FFFCFA;
  background-size: 46px 46px;
  background-position: center;
  background-repeat: no-repeat;
}

/* ICON 01 */
#atp-nhks-process
.atp-nhks-process-card:nth-of-type(1)
.atp-nhks-process-icon {
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/goal-1.svg");
}

/* ICON 02 */
#atp-nhks-process
.atp-nhks-process-card:nth-of-type(2)
.atp-nhks-process-icon {
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/monitor-1.svg");
}

/* ICON 03 */
#atp-nhks-process
.atp-nhks-process-card:nth-of-type(3)
.atp-nhks-process-icon {
  background-image: url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/gear-1.svg");
}

/* CARD TITLE */
#atp-nhks-process .atp-nhks-process-content h3 {
  margin: 0 0 11px !important;
  padding: 0 !important;

  color: var(--atp-dark);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
}

/* CHECKLIST */
#atp-nhks-process .atp-nhks-process-list {
  display: flex;
  flex-direction: column;
  gap: 7px;

  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

#atp-nhks-process .atp-nhks-process-list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;

  width: 100%;
  margin: 0 !important;
  padding: 0 !important;

  color: var(--atp-text);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  list-style: none;
}

#atp-nhks-process .atp-nhks-process-list li::before {
  content: "";
  display: block;
  flex: 0 0 23px;

  width: 23px;
  height: 23px;

  border-radius: 50%;
  background: #FFF3E9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12L9 17L20 6' fill='none' stroke='%23F8752B' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}

/* ARROWS - GENERATED OUTSIDE DOCUMENT FLOW */
#atp-nhks-process
.atp-nhks-process-card:nth-of-type(-n+2)::after {
  content: "»";
  position: absolute;
  z-index: 5;

  top: 136px;
  right: -33px;

  width: 26px;
  height: 28px;

  color: #FF7000;
  font-family: Arial, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;

  pointer-events: none;
}

/* TABLET */
@media (max-width: 991px) {
  #atp-nhks-process {
    padding: 34px 20px 42px;
  }

  #atp-nhks-process .atp-nhks-process-container {
    max-width: 640px;
  }

  #atp-nhks-process .atp-nhks-process-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 42px !important;
  }

  #atp-nhks-process .atp-nhks-process-image {
    flex-basis: 190px !important;
    height: 190px;
    min-height: 190px;
  }

  #atp-nhks-process
  .atp-nhks-process-card:nth-of-type(-n+2)::after {
    top: auto;
    right: calc(50% - 13px);
    bottom: -39px;
    transform: rotate(90deg);
  }
}

/* MOBILE */
@media (max-width: 549px) {
  #atp-nhks-process {
    padding: 30px 16px 36px;
  }

  #atp-nhks-process .atp-nhks-process-header {
    margin-bottom: 26px;
  }

  #atp-nhks-process #atp-nhks-process-title {
    font-size: 27px;
  }

  #atp-nhks-process .atp-nhks-process-image {
    flex-basis: 160px !important;
    height: 160px;
    min-height: 160px;
  }

  #atp-nhks-process .atp-nhks-process-content {
    padding: 42px 18px 18px !important;
  }

  #atp-nhks-process .atp-nhks-process-content h3 {
    font-size: 18px;
  }
}






/* ==================================================
   AN THINH PHAT - TU VAN & BAO GIA
   FLATSOME UX BUILDER - CLEAN CSS
   CONTAINER 1120PX - ORANGE #F8752B
================================================== */

#atp-bg-contact-v5,
#atp-bg-contact-v5 *,
#atp-bg-contact-v5 *::before,
#atp-bg-contact-v5 *::after {
  box-sizing: border-box;
}

/* SECTION */
#atp-bg-contact-v5 {
  --atp-orange: #F8752B;
  --atp-dark: #101827;

  position: relative;
  isolation: isolate;
  display: block;

  width: 100vw;
  max-width: none;
  margin: 0 0 0 calc(50% - 50vw);
  padding: 0;
  overflow: hidden;

  background: linear-gradient(
    110deg,
    #FFFCF9 0%,
    #FFF9F5 58%,
    #FFF0E6 100%
  );

  color: var(--atp-dark);
  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

/* BACKGROUND */
#atp-bg-contact-v5 .atp-bg5-photo {
  position: absolute;
  z-index: 0;
  inset: 0 0 0 auto;

  width: 27%;
  height: 100%;
  background: #E9D8C8 url("https://noithatanthinhphat.vn/wp-content/uploads/2026/11/nhu-cau-dich-vu-thiet-ke-thi-cong-nha-hang-khach-san.webp") center / cover no-repeat;

  clip-path: ellipse(100% 95% at 100% 50%);
  pointer-events: none;
}

#atp-bg-contact-v5 .atp-bg5-wave {
  position: absolute;
  z-index: 0;

  bottom: -210px;
  left: -10%;
  width: 105%;
  height: 300px;

  background: #F5E8DD;
  border-radius: 50%;
  transform: rotate(5deg);
  pointer-events: none;
}

/* CONTAINER */
#atp-bg-contact-v5 .atp-bg5-container {
  position: relative;
  z-index: 1;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;

  width: 100%;
  max-width: 1120px;
  margin: 0 auto !important;
  padding: 52px 20px !important;
}

/* LEFT COLUMN */
#atp-bg-contact-v5 .atp-bg5-left {
  flex: 1 1 54%;
  width: 54%;
  min-width: 0;
  max-width: 590px;

  margin: 0 !important;
  padding: 0 !important;
}

#atp-bg-contact-v5 .atp-bg5-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;

  margin: 0 0 14px !important;
  padding: 0 !important;

  color: #D85B16;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

#atp-bg-contact-v5 .atp-bg5-eyebrow::before {
  content: "";
  display: block;
  flex: 0 0 30px;
  height: 2px;
  background: var(--atp-orange);
}

/* MAIN HEADING */
#atp-bg-contact-v5 h2.atp-bg5-heading {
  display: block !important;

  margin: 0 0 18px !important;
  padding: 0 !important;

  color: var(--atp-dark) !important;
  font-family: "Noto Serif", Georgia, serif !important;
  font-size: clamp(27px, 2.5vw, 35px) !important;
  font-weight: 700 !important;
  line-height: 1.38 !important;

  text-align: left !important;
  text-transform: none !important;
}

#atp-bg-contact-v5 .atp-bg5-heading > span {
  display: block;
  color: #D85B16;
}

/* DESCRIPTION */
#atp-bg-contact-v5 p.atp-bg5-description {
  display: block;

  margin: 0 0 18px !important;
  padding: 0 !important;

  color: #344052 !important;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.7 !important;
}

/* BENEFITS */
#atp-bg-contact-v5 .atp-bg5-benefits {
  display: flex;
  flex-direction: column;
  gap: 9px;

  margin: 0 !important;
  padding: 0 !important;
}

#atp-bg-contact-v5 .atp-bg5-benefit {
  display: flex;
  align-items: center;
  gap: 11px;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--atp-dark);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

#atp-bg-contact-v5 .atp-bg5-check {
  display: flex;
  flex: 0 0 26px;
  align-items: center;
  justify-content: center;

  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;

  border: 1px solid var(--atp-orange);
  border-radius: 50%;
  background: #FFF4EC;

  color: var(--atp-orange);
  font-family: Arial, sans-serif;
  font-size: 17px;
  line-height: 1;
}

/* RIGHT CARD */
#atp-bg-contact-v5 .atp-bg5-card {
  position: relative;
  display: block !important;

  flex: 1 1 46%;
  width: 46%;
  min-width: 0;
  max-width: 485px;

  margin: 0 !important;
  padding: 30px 28px !important;

  border: 2px solid #FFFFFF;
  border-radius: 30px;

  background: #FFF8F3 !important;
  box-shadow: 0 14px 36px rgba(38, 27, 18, .08);
}

/* CARD HEADER */
#atp-bg-contact-v5 .atp-bg5-card-label {
  margin: 0 0 8px !important;
  padding: 0 !important;

  color: #D85B16;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

#atp-bg-contact-v5 h3.atp-bg5-card-heading {
  margin: 0 0 9px !important;
  padding: 0 !important;

  color: var(--atp-dark) !important;
  font-family: "Noto Serif", Georgia, serif !important;
  font-size: clamp(24px, 2vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

#atp-bg-contact-v5 .atp-bg5-underline {
  width: 60px;
  height: 9px;
  margin: 0 0 12px !important;
  padding: 0;

  border-top: 3px solid var(--atp-orange);
  border-radius: 50%;
}

#atp-bg-contact-v5 p.atp-bg5-card-description {
  margin: 0 0 17px !important;
  padding: 0 !important;

  color: #435065 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* ==========================================
   CONTACT BUTTONS - COMPACT VERTICAL SPACING
========================================== */

#atp-bg-contact-v5 .atp-bg5-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* WORDPRESS MAY WRAP LINKS IN PARAGRAPHS */
#atp-bg-contact-v5 .atp-bg5-actions > p {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

#atp-bg-contact-v5 .atp-bg5-actions > p:empty,
#atp-bg-contact-v5 .atp-bg5-actions > br,
#atp-bg-contact-v5 .atp-bg5-actions > p > br {
  display: none !important;
}

/* SHARED BUTTON STYLES */
#atp-bg-contact-v5 a.atp-bg5-button,
#atp-bg-contact-v5 a.atp-bg5-button:link,
#atp-bg-contact-v5 a.atp-bg5-button:visited {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;

  gap: 13px !important;

  width: 100% !important;
  min-height: 58px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 10px 15px !important;

  border: 1px solid transparent !important;
  border-radius: 13px !important;
  box-shadow: none !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;

  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;

  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;

  transition: transform .2s ease, filter .2s ease;
}

/* REMOVE GENERATED THEME ICONS */
#atp-bg-contact-v5 a.atp-bg5-button::before,
#atp-bg-contact-v5 a.atp-bg5-button::after {
  content: none !important;
  display: none !important;
}

/* ICON */
#atp-bg-contact-v5 .atp-bg5-button-icon {
  display: flex !important;
  flex: 0 0 38px !important;
  align-items: center !important;
  justify-content: center !important;

  width: 38px !important;
  height: 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 11px;
  background: #FFFFFF;

  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

#atp-bg-contact-v5 .atp-bg5-button-icon svg {
  display: block;
  width: 24px;
  height: 24px;

  margin: 0;
  padding: 0;
}

/* TEXT */
#atp-bg-contact-v5 .atp-bg5-button-text {
  display: block;
  flex: 1 1 auto;
  min-width: 0;

  margin: 0;
  padding: 0;

  color: inherit;
  font: inherit;
  line-height: 1.5;
}

/* ZALO */
#atp-bg-contact-v5 a.atp-bg5-zalo,
#atp-bg-contact-v5 a.atp-bg5-zalo:link,
#atp-bg-contact-v5 a.atp-bg5-zalo:visited {
  color: #FFFFFF !important;
  background: linear-gradient(100deg, #F8752B, #D85B16) !important;
  border-color: #E86B23 !important;
}

#atp-bg-contact-v5 .atp-bg5-zalo .atp-bg5-button-icon {
  color: #0068FF;
}

/* MESSENGER */
#atp-bg-contact-v5 a.atp-bg5-messenger,
#atp-bg-contact-v5 a.atp-bg5-messenger:link,
#atp-bg-contact-v5 a.atp-bg5-messenger:visited {
  color: #1764D9 !important;
  background: #EDF4FF !important;
  border-color: #BDD5FC !important;
}

#atp-bg-contact-v5 .atp-bg5-messenger .atp-bg5-button-icon {
  color: #1877F2;
}

/* PHONE */
#atp-bg-contact-v5 a.atp-bg5-call,
#atp-bg-contact-v5 a.atp-bg5-call:link,
#atp-bg-contact-v5 a.atp-bg5-call:visited {
  color: #C95512 !important;
  background: #FFF0E5 !important;
  border-color: #F5C5A6 !important;
}

#atp-bg-contact-v5 .atp-bg5-call .atp-bg5-button-icon {
  color: var(--atp-orange);
}

/* FOOTNOTE */
#atp-bg-contact-v5 p.atp-bg5-note {
  margin: 14px 0 0 !important;
  padding: 0 !important;

  color: #717A88 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

/* HOVER */
#atp-bg-contact-v5 a.atp-bg5-button:hover {
  transform: translateY(-2px);
  filter: brightness(.97);
}

/* TABLET */
@media (max-width: 900px) {
  #atp-bg-contact-v5 .atp-bg5-container {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 26px !important;

    max-width: 640px;
    padding: 42px 20px !important;
  }

  #atp-bg-contact-v5 .atp-bg5-left,
  #atp-bg-contact-v5 .atp-bg5-card {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }

  #atp-bg-contact-v5 .atp-bg5-photo {
    width: 65%;
    height: 330px;
    opacity: .10;
  }
}

/* MOBILE */
@media (max-width: 480px) {
  #atp-bg-contact-v5 .atp-bg5-container {
    gap: 22px !important;
    padding: 34px 16px !important;
  }

  #atp-bg-contact-v5 h2.atp-bg5-heading {
    font-size: 27px !important;
  }

  #atp-bg-contact-v5 .atp-bg5-card {
    padding: 25px 20px !important;
    border-radius: 25px;
  }

  #atp-bg-contact-v5 h3.atp-bg5-card-heading {
    font-size: 24px !important;
  }

  #atp-bg-contact-v5 a.atp-bg5-button {
    min-height: 56px !important;
  }
}

/* ACCESSIBILITY */
#atp-bg-contact-v5 a.atp-bg5-button:focus-visible {
  outline: 3px solid var(--atp-orange);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  #atp-bg-contact-v5 a.atp-bg5-button {
    transition: none;
  }
}






/* =====================================================
   AN THINH PHAT - KHACH HANG DANH GIA
   FLATSOME UX BUILDER - CLEAN CSS
   CONTAINER 1120PX - #F8752B
===================================================== */

#atp-nhks-reviews,
#atp-nhks-reviews *,
#atp-nhks-reviews *::before,
#atp-nhks-reviews *::after {
  box-sizing: border-box;
}

/* SECTION */
#atp-nhks-reviews {
  --review-orange: #F8752B;
  --review-dark: #101827;
  --review-muted: #7B8290;

  display: block;
  position: relative;

  width: 100vw;
  max-width: none;
  margin: 0 0 0 calc(50% - 50vw);
  padding: 40px 20px;

  background: #FAF9F7;
  color: var(--review-dark);

  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

/* TWO-COLUMN CONTAINER */
#atp-nhks-reviews .atp-nhks-reviews-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 30px !important;

  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* LEFT COLUMN */
#atp-nhks-reviews .atp-nhks-reviews-intro {
  display: block !important;
  flex: 0 0 320px !important;

  width: 320px !important;
  max-width: 320px !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* LABEL */
#atp-nhks-reviews .atp-nhks-reviews-label {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  color: var(--review-orange) !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}

#atp-nhks-reviews .atp-nhks-reviews-label::before {
  content: "";
  display: block;
  flex: 0 0 4px;

  width: 4px;
  height: 18px;
  background: var(--review-orange);
}

/* HEADING */
#atp-nhks-reviews #atp-nhks-reviews-title {
  display: block !important;

  margin: 0 0 15px !important;
  padding: 0 !important;

  color: var(--review-dark) !important;

  font-family: "Noto Serif", Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;

  text-align: left !important;
  text-transform: none !important;
}

/* DESCRIPTION */
#atp-nhks-reviews .atp-nhks-reviews-description {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--review-muted) !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

/* ONLY GOOGLE BUSINESS LINK */
#atp-nhks-reviews a.atp-nhks-reviews-more,
#atp-nhks-reviews a.atp-nhks-reviews-more:link,
#atp-nhks-reviews a.atp-nhks-reviews-more:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  width: auto !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 15px 0 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  color: var(--review-orange) !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;

  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

#atp-nhks-reviews .atp-nhks-reviews-more::before,
#atp-nhks-reviews .atp-nhks-reviews-more::after {
  content: none !important;
  display: none !important;
}

#atp-nhks-reviews .atp-nhks-reviews-more span {
  color: inherit;
  font-size: 18px;
  line-height: 1;
}

#atp-nhks-reviews a.atp-nhks-reviews-more:hover {
  color: #D95616 !important;
  text-decoration: underline !important;
}

/* THREE REVIEW CARDS */
#atp-nhks-reviews .atp-nhks-reviews-grid {
  display: grid !important;
  flex: 1 1 auto !important;

  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 12px !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* PREVENT EXTRA WP ELEMENTS OCCUPYING GRID */
#atp-nhks-reviews
.atp-nhks-reviews-grid > :not(.atp-nhks-review-card) {
  display: none !important;
}

/* CARD - NOT CLICKABLE */
#atp-nhks-reviews .atp-nhks-review-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  width: 100% !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 320px !important;

  margin: 0 !important;
  padding: 17px 15px 15px !important;

  border: 1px solid #EBEBEB !important;
  border-radius: 9px !important;

  background: #FFFFFF !important;
  box-shadow: 0 4px 15px rgba(16,24,39,.06);

  color: var(--review-dark) !important;
  cursor: default !important;
}

/* STARS */
#atp-nhks-reviews .atp-nhks-review-stars {
  display: block !important;

  margin: 0 0 17px !important;
  padding: 0 !important;

  color: #FF9F16 !important;
  font-family: Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 2px !important;
  white-space: nowrap !important;
}

/* CONTENT */
#atp-nhks-reviews .atp-nhks-review-content {
  display: block !important;
  flex: 1 1 auto !important;

  margin: 0 !important;
  padding: 0 0 17px !important;

  color: #283245 !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

/* AUTHOR */
#atp-nhks-reviews .atp-nhks-review-author {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 10px !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: auto 0 0 !important;
  padding: 13px 0 0 !important;

  border-top: 1px solid #EEEEEE !important;
}

/* AVATAR */
#atp-nhks-reviews .atp-nhks-review-avatar {
  display: flex !important;
  flex: 0 0 40px !important;

  align-items: center !important;
  justify-content: center !important;

  width: 40px !important;
  height: 40px !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 50% !important;
  color: #FFFFFF !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#atp-nhks-reviews .atp-nhks-avatar-01 {
  background: #B46D51 !important;
}

#atp-nhks-reviews .atp-nhks-avatar-02 {
  background: #E56A36 !important;
}

#atp-nhks-reviews .atp-nhks-avatar-03 {
  background: #B53260 !important;
}

/* AUTHOR INFO */
#atp-nhks-reviews .atp-nhks-review-info {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 2px !important;

  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#atp-nhks-reviews .atp-nhks-review-name {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--review-dark) !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;

  overflow-wrap: anywhere;
}

#atp-nhks-reviews .atp-nhks-review-source {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--review-muted) !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* TABLET */
@media (max-width: 991px) {
  #atp-nhks-reviews {
    padding: 40px 20px;
  }

  #atp-nhks-reviews .atp-nhks-reviews-container {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;

    max-width: 720px !important;
  }

  #atp-nhks-reviews .atp-nhks-reviews-intro {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 600px !important;
  }
}

/* MOBILE */
@media (max-width: 649px) {
  #atp-nhks-reviews {
    padding: 32px 16px 38px;
  }

  #atp-nhks-reviews .atp-nhks-reviews-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #atp-nhks-reviews #atp-nhks-reviews-title {
    font-size: 27px !important;
  }

  #atp-nhks-reviews .atp-nhks-review-card {
    min-height: 0 !important;
    padding: 20px !important;
  }
}

/* ACCESSIBILITY */
#atp-nhks-reviews a.atp-nhks-reviews-more:focus-visible {
  outline: 2px solid var(--review-orange);
  outline-offset: 4px;
}



 
/* =====================================================
   AN THINH PHAT - FAQ NHA HANG KHACH SAN
   5 QUESTIONS / ONE COLUMN
   CSS ONLY ACCORDION
   CONTAINER: 1240PX
   PRIMARY: #F8752B
===================================================== */

/* RESET */

#atp-nhks-faq,
#atp-nhks-faq *,
#atp-nhks-faq *::before,
#atp-nhks-faq *::after {
  box-sizing: border-box;
}

/* SECTION */

#atp-nhks-faq {
  --faq-orange: #F8752B;
  --faq-dark: #101827;
  --faq-text: #384457;

  position: relative;
  display: block !important;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 82px 0 90px;
  background: #FFFFFF;
  color: var(--faq-dark);

  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
}

/* CONTAINER */

#atp-nhks-faq .atp-faq-container {
  display: block !important;
  width: calc(100% - 48px);
  max-width: 1240px;
  min-width: 0;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* HEADING AREA */

#atp-nhks-faq .atp-faq-heading-wrap {
  display: block;
  max-width: 850px;
  margin: 0 auto 38px;
  text-align: center;
}

#atp-nhks-faq .atp-faq-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  margin: 0 0 16px;
  color: #D85B16;

  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .07em;
}

#atp-nhks-faq .atp-faq-eyebrow::before,
#atp-nhks-faq .atp-faq-eyebrow::after {
  content: "";
  display: block;
  flex: 0 0 28px;
  width: 28px;
  height: 2px;
  background: var(--faq-orange);
}

/* SECTION TITLE */

#atp-nhks-faq h2#atp-nhks-faq-heading {
  display: block !important;

  margin: 0 0 15px !important;
  padding: 0 !important;

  color: var(--faq-dark) !important;
  background: transparent !important;

  font-family: "Noto Serif", Georgia, serif !important;
  font-size: clamp(29px, 3vw, 40px) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -.02em;

  text-align: center !important;
  text-transform: none !important;
}

#atp-nhks-faq h2#atp-nhks-faq-heading span {
  color: #D85B16;
}

/* INTRO */

#atp-nhks-faq .atp-faq-intro {
  margin: 0 !important;
  padding: 0 !important;

  color: #536072 !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.8 !important;
  text-align: center !important;
}

/* SINGLE COLUMN LIST */

#atp-nhks-faq .atp-faq-list {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 13px;

  width: 100%;
  max-width: 1000px;
  min-width: 0;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* FAQ ITEM */

#atp-nhks-faq details.atp-faq-item {
  display: block !important;
  width: 100%;
  min-width: 0;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid #E9E3DE;
  border-radius: 15px;

  background: #FFFFFF;
  box-shadow: 0 4px 18px rgba(22, 28, 38, .025);

  overflow: hidden;
}

/* QUESTION ROW */

#atp-nhks-faq details.atp-faq-item>summary {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px;

  width: 100%;
  min-height: 78px;

  margin: 0 !important;
  padding: 21px 26px !important;

  color: var(--faq-dark) !important;
  background: transparent !important;

  list-style: none !important;
  cursor: pointer;
}

#atp-nhks-faq details.atp-faq-item>summary::-webkit-details-marker {
  display: none;
}

#atp-nhks-faq details.atp-faq-item>summary::marker {
  content: "";
}

/* QUESTION TEXT */

#atp-nhks-faq .atp-faq-question {
  display: block !important;
  flex: 1 1 auto;
  min-width: 0;

  color: var(--faq-dark) !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

/* PLUS / MINUS CIRCLE */

#atp-nhks-faq .atp-faq-toggle {
  position: relative;
  display: block !important;
  flex: 0 0 35px;

  width: 35px;
  height: 35px;

  border: 1px solid #F7D7C2;
  border-radius: 50%;
  background: #FFF5EE;
}

#atp-nhks-faq .atp-faq-toggle::before,
#atp-nhks-faq .atp-faq-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;

  width: 13px;
  height: 2px;

  border-radius: 2px;
  background: var(--faq-orange);

  transform: translate(-50%, -50%);
}

#atp-nhks-faq .atp-faq-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform .2s ease;
}

/* OPEN STATE */

#atp-nhks-faq details.atp-faq-item[open] {
  border-color: #F5C6A9;
  background: #FFFCF9;
}

#atp-nhks-faq details.atp-faq-item[open]>summary {
  color: #D85B16 !important;
}

#atp-nhks-faq details.atp-faq-item[open] .atp-faq-question {
  color: #D85B16 !important;
}

#atp-nhks-faq details.atp-faq-item[open] .atp-faq-toggle {
  background: var(--faq-orange);
  border-color: var(--faq-orange);
}

#atp-nhks-faq details.atp-faq-item[open] .atp-faq-toggle::before,
#atp-nhks-faq details.atp-faq-item[open] .atp-faq-toggle::after {
  background: #FFFFFF;
}

#atp-nhks-faq details.atp-faq-item[open] .atp-faq-toggle::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

/* ANSWER */

#atp-nhks-faq .atp-faq-answer {
  display: block;
  margin: 0 26px 23px;
  padding: 18px 0 0;

  border-top: 1px solid #EFE2D9;
}

#atp-nhks-faq .atp-faq-answer p {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--faq-text) !important;

  font-family: "Be Vietnam Pro", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
  text-align: left !important;
}

/* HOVER */

@media (hover: hover) {
  #atp-nhks-faq details.atp-faq-item:not([open]):hover {
    border-color: #F4C7A9;
  }
}

/* TABLET */

@media (max-width: 900px) {
  #atp-nhks-faq {
    padding: 65px 0 70px;
  }

  #atp-nhks-faq .atp-faq-heading-wrap {
    margin-bottom: 30px;
  }
}

/* MOBILE */

@media (max-width: 767px) {
  #atp-nhks-faq {
    padding: 48px 0 55px;
  }

  #atp-nhks-faq .atp-faq-container {
    width: calc(100% - 32px);
  }

  #atp-nhks-faq h2#atp-nhks-faq-heading {
    font-size: 27px !important;
  }

  #atp-nhks-faq .atp-faq-intro {
    font-size: 15px !important;
  }

  #atp-nhks-faq .atp-faq-list {
    gap: 11px;
  }

  #atp-nhks-faq details.atp-faq-item>summary {
    min-height: 68px;
    padding: 17px 16px !important;
    gap: 12px;
  }

  #atp-nhks-faq .atp-faq-question {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  #atp-nhks-faq .atp-faq-toggle {
    flex-basis: 31px;
    width: 31px;
    height: 31px;
  }

  #atp-nhks-faq .atp-faq-answer {
    margin: 0 16px 18px;
    padding-top: 14px;
  }

  #atp-nhks-faq .atp-faq-answer p {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }
}

/* KEYBOARD ACCESSIBILITY */

#atp-nhks-faq details.atp-faq-item>summary:focus-visible {
  outline: 2px solid var(--faq-orange);
  outline-offset: -3px;
  border-radius: 15px;
}

@media (prefers-reduced-motion: reduce) {
  #atp-nhks-faq .atp-faq-toggle::after {
    transition: none;
  }
}