.section.section-lien-he {
     padding: 40px 0 !important;
 }

 .section.lien-he-1778915396287 {
     padding: 80px 0 !important;
 }

 /* -----------------------------section-01 */
 .lien-he-1778915396287 {
     background-color: var(--primary);
     position: relative;
     overflow: hidden;
 }

 .lien-he-1778915396287::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image:
         linear-gradient(90deg,
             rgba(0, 30, 64, 0.98) 0%,
             rgba(0, 30, 64, 0.9) 42%,
             rgba(0, 30, 64, 0.82) 100%),
         url(https://lh3.googleusercontent.com/aida-public/AB6AXuAtAY-_OQ3cBD7wT-UAtAooyDANmBmUj0IL2WOhv6cN08S2JX4KAxZM_GIj8cCYNMfegcm0HpdwaZb57cT0MflTkil3WebnWel357sfMqv_kLKyihajCr2EIy5ZeXp2WJ4TPgIaYXxoYC-k_ROGjVSHYoCRMpXzXY6UVMg3qXl4sM9gR9MrluK4uyNDqxEJSHNsy6d_Qfy0UO5SY0sqt99nJ2Y_sHhyWtxHt1A0g38SWQoAMk2KoR6csFF-u9nI0k73Hkp5xTSJsD8);
     background-size: cover;
     background-position: center;
     opacity: 1;
 }

 .row-1778915396287 {
     position: relative;
     z-index: 10;
     display: grid;
     grid-template-columns: 1fr;
 }

 .row-1778915396287 .contact-hero-content {
     max-width: 672px;
 }

 .row-1778915396287 .contact-hero-content>span {
     display: inline-block;
     padding: 4px 12px;
     background-color: var(--blue);
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 0.2em;
     text-transform: uppercase;
     margin-bottom: 16px;
     border-radius: 2px;
 }


 .row-1778915396287 .hero-action-buttons {
     margin-top: 32px;
 }

 .row-1778915396287 .hero-action-buttons>a {
     text-decoration: none;
     display: inline-flex;
     height: 64px;
     align-items: center;
     justify-content: center;
     gap: 12px;
     border-radius: 8px;
     background-color: #ef1e35;
     padding: 0 24px;
     font-size: 13px;
     font-weight: 800;
     text-transform: uppercase;
     color: var(--white);
     box-shadow: 0 20px 25px -5px rgba(66, 6, 11, 0.25);
     transition: background-color 0.2s, transform 0.2s;
 }

 .row-1778915396287 .hero-action-buttons>a:hover {
     background-color: #d9152b;
     transform: translateY(-6px);
 }

 .row-1778915396287 .hero-action-buttons>a>span:nth-of-type(1) {
     display: flex;
     height: 36px;
     width: 36px;
     align-items: center;
     justify-content: center;
     border-radius: 9999px;
     background-color: rgba(255, 255, 255, 0.15);
 }

 .row-1778915396287 .hero-action-buttons>a>span:nth-of-type(2) span {
     display: block;
     font-size: 16px;
     font-weight: 800;
 }

 .row-1778915396287 .hero-action-buttons>a>span:nth-of-type(1)>svg {
     height: 19px;
     width: 19px;
 }

 .row-1778915396287 .contact-hero-content>h1 {
     font-size: 48px;
     font-weight: 700;
     color: #ffffff;
     margin-bottom: 24px;
     line-height: 1.1;
 }

 @media (min-width: 768px) {
     .row-1778915396287 .contact-hero-content>h1 {
         font-size: 72px;
     }
 }

 .row-1778915396287 .contact-hero-content>h1>span {
     color: var(--secondary);
 }

 .row-1778915396287 .contact-hero-content>p {
     color: var(--white);
     font-size: 18px;
     line-height: 1.625;
     font-weight: 300;
 }

 /* ---------------------section-02-----------*/
 .row-1778923411415 {
     display: grid;
     grid-template-columns: repeat(1, minmax(0, 1fr));
     gap: 2rem;
 }

 @media (min-width: 1024px) {
     .row-1778923411415 {
         grid-template-columns: 0.9fr 1.25fr;
     }
 }


 .row-1778923411415 .contact-sidebar {
     display: grid;
     gap: 32px;
 }

 /* Khối thông tin gốc */
 .row-1778923411415 .contact-card {
     background-color: var(--surface-container-lowest);
     padding: 40px;
     border-radius: 12px;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
     border: 1px solid rgba(195, 198, 209, 0.2);
     display: grid;
     gap: 48px;
 }

 .row-1778923411415 .contact-card>div:first-child {
     display: grid;
     gap: 32px;
 }

 .row-1778923411415 .contact-card h2 {
     font-size: 24px;
     font-weight: 700;
     color: var(--primary);
     border-left: 4px solid var(--secondary);
     padding-left: 16px;
     line-height: 1.2;
     margin-bottom: 8px;
 }

 .row-1778923411415 .contact-card .info-item {
     display: flex;
     gap: 20px;
     align-items: flex-start;
 }

 .row-1778923411415 .contact-card .info-item>div:first-child {
     width: 48px;
     height: 48px;
     background-color: var(--surface-container-highest);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 8px;
     flex-shrink: 0;
 }

 .row-1778923411415 .contact-card .info-item>div:first-child .material-symbols-outlined {
     color: var(--secondary);
     font-size: 24px;
 }

 .row-1778923411415 .contact-card .info-item>div:last-child>p:first-child {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.15em;
     color: var(--outline);
     text-transform: uppercase;
     margin-bottom: 4px;
 }

 .row-1778923411415 .contact-card .info-item>div:last-child>p:nth-child(2) {
     color: var(--on-surface);
     font-weight: 500;
     line-height: 1.5;
 }

 /* Class cần thiết cho biến thể CSS đặc biệt */
 .row-1778923411415 .contact-card .large-text {
     font-weight: 900 !important;
     font-size: 20px;
 }

 .row-1778923411415 .contact-card .note-text {
     color: var(--secondary);
     font-size: 14px;
     font-weight: 500;
     margin-top: 4px;
     font-style: italic;
 }

 /* Mạng xã hội */
 .row-1778923411415 .contact-card>div:last-child {
     padding-top: 32px;
     border-top: 1px solid var(--surface-container);
 }

 .row-1778923411415 .contact-card h3 {
     font-size: 14px;
     font-weight: 700;
     color: var(--primary);
     margin-bottom: 16px;
     letter-spacing: 0.05em;
 }

 .row-1778923411415 .contact-card h3+div {
     display: flex;
     gap: 12px;
 }

 .row-1778923411415 .contact-card h3+div>div {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: var(--primary);
     color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: background-color 0.25s ease;
 }

 .row-1778923411415 .contact-card h3+div>div:hover {
     background-color: var(--secondary);
 }

 .row-1778923411415 .contact-card h3+div>div .material-symbols-outlined {
     font-size: 18px;
 }

 /* Khối Trust Badge */
 .row-1778923411415 .trust-badge {
     background-color: var(--primary);
     padding: 32px;
     border-radius: 12px;
     display: flex;
     align-items: center;
     gap: 24px;
     position: relative;
     overflow: hidden;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 }

 .row-1778923411415 .trust-badge>.material-symbols-outlined:first-child {
     position: absolute;
     right: -16px;
     bottom: -16px;
     opacity: 0.1;
     color: #ffffff;
     font-size: 120px;
     user-select: none;
     pointer-events: none;
 }

 .row-1778923411415 .trust-badge>div:nth-of-type(1) {
     background-color: var(--secondary);
     padding: 12px;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     z-index: 1;
 }

 .row-1778923411415 .trust-badge>div:nth-of-type(1) .material-symbols-outlined {
     color: #ffffff;
     font-size: 30px;
 }

 .row-1778923411415 .trust-badge>div:nth-of-type(2) {
     z-index: 1;
 }

 .row-1778923411415 .trust-badge>div:nth-of-type(2)>p:first-child {
     color: #ffffff;
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 4px;
 }

 .row-1778923411415 .trust-badge>div:nth-of-type(2)>p:last-child {
     color: var(--blue);
     font-size: 14px;
     line-height: 1.4;
 }

 /* Hệ thống Dark Mode theo cấu trúc phân cấp */
 /* @media (prefers-color-scheme: dark) {
        body {
          background-color: var(--inverse-surface);
        }
        .row-1778923411415 .contact-card {
          background-color: #1e2326;
          border-color: rgba(255, 255, 255, 0.05);
        }
        .row-1778923411415 .contact-card h2 {
          color: var(--inverse-on-surface);
        }
        .row-1778923411415 .contact-card .info-item > div:first-child {
          background-color: rgba(255, 255, 255, 0.05);
        }
        .row-1778923411415 .contact-card .info-item > div:last-child > p:first-child {
          color: var(--outline-variant);
        }
        .row-1778923411415 .contact-card .info-item > div:last-child > p:nth-child(2) {
          color: var(--inverse-on-surface);
        }
        .row-1778923411415 .contact-card > div:last-child {
          border-top-color: rgba(255, 255, 255, 0.1);
        }
        .row-1778923411415 .contact-card h3 {
          color: var(--inverse-on-surface);
        }
        .row-1778923411415 .contact-card h3 + div > div {
          background-color: rgba(255, 255, 255, 0.1);
        }
        .row-1778923411415 .contact-card h3 + div > div:hover {
          background-color: var(--secondary);
        }
       .row-1778923411415 .trust-badge {
          background-color: #00152b;
        }
       .row-1778923411415 .trust-badge > div:nth-of-type(2) > p:last-child {
          color: var(--outline-variant);
        }
      } */


 /* right------------ */
 .nk-booking {
     background-color: var(--surface-container-lowest);
     padding: 40px;
     border: 1px solid rgba(195, 198, 209, 0.35);
     border-radius: 8px;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
     max-width: 705px;
     margin: 0 auto;
     font-family: inherit;
 }

 .nk-booking h2 {
     color: var(--primary);
     font-size: 28px;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 9px;
 }

 .nk-booking>p:first-of-type {
     color: #2f3440;
     font-size: 16px;
     line-height: 1.5;
     margin-bottom: 24px;
 }

 .nk-booking p {
     margin: 0;
 }

 .nk-booking .nk-row {
     display: grid;
     gap: 24px;
     margin-bottom: 29px;
 }

 .nk-booking label {
     display: block;
     color: #2d3340;
     font-size: 15px;
     font-weight: 600;
     line-height: 1.4;
     margin-bottom: 8px;
 }

 .nk-booking .wpcf7-form-control-wrap {
     display: block;
     width: 100%;
 }

 .nk-booking input,
 .nk-booking select,
 .nk-booking textarea {
     width: 100%;
     border: 1px solid #d7dce3;
     border-radius: 4px;
     background-color: #ffffff;
     color: #05172c;
     font-size: 16px;
     line-height: 1.4;
 }

 .nk-booking input,
 .nk-booking select {
     min-height: 44px;
     padding: 9px 12px;
 }

 .nk-booking textarea {
     min-height: 120px;
     padding: 10px 12px;
     resize: vertical;
 }

 .nk-booking input:focus,
 .nk-booking select:focus,
 .nk-booking textarea:focus {
     border-color: var(--primary);
     outline: 1px solid var(--primary);
 }

 .nk-booking ::placeholder {
     color: #65717f;
     opacity: 1;
 }

 .nk-booking>p:not(:first-of-type) {
     margin-bottom: 24px;
 }

 .nk-booking>p:last-child {
     margin-bottom: 0;
 }

 .nk-booking button,
 .nk-booking input[type="submit"] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 12px;
     width: 100%;
     min-height: 61px;
     border: 0;
     border-radius: 4px;
     background-color: #c60d3b;
     color: #ffffff;
     cursor: pointer;
     font-size: 16px;
     font-weight: 700;
     letter-spacing: 0.02em;
     line-height: 1.2;
     padding: 18px 24px;
     text-align: center;
     text-transform: uppercase;
 }

 .nk-booking button:hover,
 .nk-booking input[type="submit"]:hover {
     background-color: #b71032;
 }

 .nk-booking .material-symbols-outlined {
     font-size: 21px;
 }

 @media (min-width: 768px) {
     .nk-booking .nk-row {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 }

 @media (max-width: 575px) {
     .nk-booking {
         padding: 28px 22px;
     }

     .nk-booking h2 {
         font-size: 25px;
     }

     .nk-booking>p:first-of-type {
         margin-bottom: 24px;
     }
 }

 /* ----------------------------------section-03 */
 .row-1780043033233 .features-grid-1779714609470 {
     box-shadow: none;
     padding: 0;
 }

 .row-1780043033233 .features-grid-1779714609470 .feature-item {
     border: 1px solid var(--blue);
     padding: 12px 16px;
     border-radius: 16px;
 }


 @media (min-width: 1024px) {
     .row-1780043033233 .features-grid-1779714609470 {
         grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 }

 /* ------------------------------------section-04 */
 .map__contact {
     overflow: hidden;
     width: 100%;
     aspect-ratio: 16 / 6;
     min-height: 360px;
     border: 1px solid #e9edf3;
     border-radius: 16px;
     background: #ffffff;
     box-shadow: 0 20px 45px rgba(26, 38, 56, 0.08);
 }

 .map__contact iframe {
     display: block;
     width: 100%;
     height: 100%;
     border: 0;
 }

 .map__contact iframe {
     border-radius: calc(var(--radius-lg) - 8px);
 }