@font-face { font-family: 'HelveticaNeue'; font-weight: 100; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-thin-dh.woff2') format('woff2'); }
@font-face { font-family: 'HelveticaNeue'; font-weight: 300; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-light-dh.woff2') format('woff2'); }
@font-face { font-family: 'HelveticaNeue'; font-weight: 300; font-style: italic; font-display: swap; src: url('/fonts/dh/hn-light-italic-dh.woff2') format('woff2'); }
@font-face { font-family: 'HelveticaNeue'; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-regular-dh.woff2') format('woff2'); }
@font-face { font-family: 'HelveticaNeue'; font-weight: 500; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-medium-dh.woff2') format('woff2'); }
@font-face { font-family: 'HelveticaNeueLight'; font-weight: 300; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-light-dh.woff2') format('woff2'); }
@font-face { font-family: 'BlushingRose'; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/dh/blushing-rose-dh.woff2') format('woff2'); }
@font-face { font-family: 'BlushingRoseVN'; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/dh/blushing-rose-dh.woff2') format('woff2'); }
@font-face { font-family: 'Blushing Rose'; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/dh/blushing-rose-dh.woff2') format('woff2'); }
@font-face { font-family: 'Motherland'; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/dh/motherland-400-dh.woff2') format('woff2'); }
.tt-meta, .tt-more, .tt-search, .tv-dot.one, .tv-dots.one-page, .loc5-fx, .art-media { display: none; }
.rmhd .rmhd-lang { display: none !important; }
@media (min-width: 769px) {
:root { --u: calc(100vw / 1920); --rm-cream: #fff7cf; }
.rmhd-logo { width: calc(141 * var(--u)) !important; height: calc(55 * var(--u)) !important; }
.rmhd-logo img { width: 100%; height: 100%; object-fit: contain; }
.rmhd-menu .mi { font-size: calc(16.67 * var(--u)) !important; letter-spacing: 0 !important; color: var(--rm-cream) !important; }
.rmhd-lang .vi-box {
box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
width: calc(21.2 * var(--u)); height: calc(21.2 * var(--u)); padding: 0;
border: max(1px, calc(0.73 * var(--u))) solid #fff; border-radius: 0;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300;
font-size: calc(14.26 * var(--u)); letter-spacing: 0; color: #fff6b5;
}
.s-hero .hero-copy .rm-ctl { color: var(--rm-cream) !important; }
.s-hero .hero-copy .rm-ctl:nth-child(1) { font-size: calc(41.67 * var(--u)) !important; }
.s-hero .hero-copy .rm-ctl:nth-child(2),
.s-hero .hero-copy .rm-ctl:nth-child(3) { font-size: calc(72.92 * var(--u)) !important; }
.s-hero .hero-copy .rm-ctl:nth-child(4) { font-size: calc(31.25 * var(--u)) !important; }
.s-hero .s1-rm { width: calc(727 * var(--u)) !important; height: auto; content: url('/assets/figma/home-s1-rm.png'); }
.s-hero .hs-slide:first-child { background-image: url('/assets/figma/home-s1-bg.jpg') !important; background-size: cover; background-position: center top; }
.s-hero .hero-grass, .s-hero .hero-sp { display: none !important; }
.rmhd:not(.stick)::after { display: none; }
.rm-fab { right: calc(53.1 * var(--u)); bottom: calc(91 * var(--u)); width: calc(57.1 * var(--u)); min-width: 0; max-width: none; }
.rm-fab .rm-fab-x { font-size: calc(34 * var(--u)); }
.rm-fab.open .rm-fab-b:nth-child(4) { transform: translateY(-135.7%) scale(1); }
.rm-fab.open .rm-fab-b:nth-child(3) { transform: translateY(-271.4%) scale(1); }
.rm-fab.open .rm-fab-b:nth-child(2) { transform: translateY(-407.1%) scale(1); }
.rm-fab.open .rm-fab-b:nth-child(1) { transform: translateY(-542.8%) scale(1); }
.s-insp { aspect-ratio: auto !important; height: calc(1080 * var(--u)); padding: 0 !important; }
.s-insp .rm-ct { margin: 0 !important; padding-top: calc(182 * var(--u)); }
.s-insp .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.67 * var(--u)) !important; }
.s-insp .rm-ctl:nth-child(1) { letter-spacing: -0.04em; }
.s-insp .s2-track { position: absolute !important; inset: 0 !important; height: auto !important; }
.s-insp .s2-frame {
top: calc(362 * var(--u)) !important; width: 43.3333% !important; aspect-ratio: 832 / 496 !important;
transform: scale(.8005); transition: transform .85s cubic-bezier(.22,.61,.36,1); will-change: transform; backface-visibility: hidden;
border-radius: calc(15 * var(--u)); overflow: hidden; background: #fff;
}
.s-insp .s2-frame.is-c { transform: none; }
.s-insp .s2-frame .ph { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; border-radius: 0 !important; object-fit: cover; }
.s-insp .s2-frame .kh { display: none !important; }
.s-insp .s2-dots {
position: absolute !important; left: calc(921.4 * var(--u)) !important; top: calc(940.5 * var(--u)) !important;
transform: none !important; margin: 0 !important; gap: calc(21 * var(--u)) !important;
}
.s-insp .s2-dots b { width: calc(12 * var(--u)) !important; height: calc(12 * var(--u)) !important; min-width: 0 !important; min-height: 0 !important; background: rgba(255, 255, 255, .5) !important; }
.s-insp .s2-dots b.on { background: #fff !important; }
.s-info3 { aspect-ratio: auto !important; height: calc(1080 * var(--u)); background: #001f11 url('/assets/figma/home-s3-bg.jpg') center top / 100% auto no-repeat !important; }
.s-info3 .info3-panel {
position: absolute !important; left: calc(337 * var(--u)) !important; top: calc(574 * var(--u)) !important; right: auto !important; bottom: auto !important;
width: calc(1247 * var(--u)) !important; height: calc(428 * var(--u)) !important; margin: 0 !important; padding: 0 !important;
display: block !important; background: none !important; border: 0 !important; box-shadow: none !important;
-webkit-backdrop-filter: none !important; backdrop-filter: none !important; border-radius: 0 !important; transform: none !important;
}
.s-info3 .info3-panel::before, .s-info3 .info3-panel::after { display: none !important; }
.s-info3 .info3-panel .rm-ct { position: absolute !important; left: calc(63 * var(--u)); top: calc(150 * var(--u)); width: auto !important; flex: none !important; }
.s-info3 .info3-panel .info3-title { position: absolute !important; left: calc(63 * var(--u)); top: calc(161 * var(--u)); width: calc(245 * var(--u)) !important; height: auto !important; max-width: none !important; flex: none !important; }
.s-info3 .info3-panel .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.67 * var(--u)) !important; white-space: nowrap; }
.s-info3 .info3-table {
position: absolute !important; left: calc(390 * var(--u)); top: calc(26 * var(--u)); width: calc(800 * var(--u)) !important;
display: grid !important; grid-template-columns: calc(180 * var(--u)) calc(61 * var(--u)) 1fr !important;
row-gap: calc(30 * var(--u)) !important; align-items: start;
}
.s-info3 .info3-table::before { left: calc(189 * var(--u)) !important; top: calc(-6 * var(--u)) !important; bottom: auto !important; height: calc(378 * var(--u)); width: max(1px, calc(.53 * var(--u))) !important; background: #fff7b5 !important; }
.s-info3 .info3-table .lbl { font-size: calc(16.67 * var(--u)) !important; letter-spacing: 0 !important; color: var(--rm-cream) !important; line-height: calc(24.71 * var(--u)) !important; text-transform: uppercase; }
.s-info3 .info3-table .mk { justify-self: start !important; width: calc(18 * var(--u)); text-align: center; font-size: calc(15 * var(--u)) !important; line-height: calc(24.71 * var(--u)) !important; color: var(--rm-cream) !important; top: 0 !important; }
.s-info3 .info3-table .val { top: 0 !important; font-size: calc(16.67 * var(--u)) !important; letter-spacing: -0.011em; line-height: calc(24.71 * var(--u)) !important; color: var(--rm-cream) !important; }
.s-video { height: calc(1080 * var(--u)); padding: 0 !important; display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; }
.s-video .video-frame { width: calc(1500 * var(--u)) !important; margin: 0 !important; }
.s-loc5 { aspect-ratio: auto !important; height: calc(1080 * var(--u)); }
.s-loc5 .loc5-map { inset: auto !important; left: 0 !important; top: calc(6.65 * var(--u)) !important; width: 100% !important; height: auto !important; aspect-ratio: 1920 / 1066.7; }
.s-loc5 .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.67 * var(--u)) !important; white-space: nowrap; }
.s-loc5 .loc5-gmap img { width: calc(136.8 * var(--u)) !important; height: auto !important; }
.s-values { height: calc(1080 * var(--u)); padding: 0 !important; overflow: hidden; }
.s-values .sv-inner { height: 100%; padding: 0 !important; margin: 0 !important; max-width: none !important; }
.s-values .rm-ct { position: absolute !important; left: 0; top: calc(142 * var(--u)); width: 100% !important; margin: 0 !important; }
.s-values .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.55 * var(--u)) !important; letter-spacing: -0.04em; }
.s-values .sv-slider { position: absolute !important; left: calc(55.3 * var(--u)); top: calc(395 * var(--u)); width: calc(1864.7 * var(--u)) !important; height: calc(425.8 * var(--u)); margin: 0 !important; padding: 0 !important; }
.s-values .sv-track { gap: calc(12.7 * var(--u)) !important; height: 100%; padding: 0 !important; }
.s-values .sv-card {
flex: 0 0 calc(517.8 * var(--u)) !important; width: calc(517.8 * var(--u)) !important; height: calc(425.8 * var(--u)) !important;
aspect-ratio: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: calc(10 * var(--u)) !important;
overflow: hidden; background: #fff !important; box-shadow: none !important;
}
.s-values .sv-card::before { display: none !important; }
.s-values .sv-card::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 47%; background: linear-gradient(to top, rgba(0, 31, 17, .92), rgba(0, 31, 17, 0)); pointer-events: none; }
#giatri .sv-track .sv-card .svc-ph { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; max-width: none !important; max-height: none !important; aspect-ratio: auto !important; transform: none !important; }
#giatri .sv-track .sv-card .svc-n {
position: absolute !important; left: calc(14.7 * var(--u)) !important; top: calc(10 * var(--u)) !important; right: auto !important; bottom: auto !important; width: auto !important; height: auto !important; z-index: 2;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(72.92 * var(--u)) !important;
line-height: 1 !important; text-align: left !important; color: var(--rm-cream) !important; opacity: .5;
}
#giatri .sv-track .sv-card .svc-t {
display: block !important; position: absolute !important; left: calc(23.7 * var(--u)) !important; bottom: calc(22 * var(--u)) !important; top: auto !important; right: auto !important; width: auto !important; margin: 0 !important; z-index: 2;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(20.83 * var(--u)) !important;
line-height: 1.2 !important; text-align: left !important; text-transform: uppercase; white-space: nowrap; color: var(--rm-cream) !important;
}
#giatri .sv-track .sv-card .svc-l1, #giatri .sv-track .sv-card .svc-l2 { display: inline !important; font: inherit !important; color: inherit !important; letter-spacing: 0 !important; }
#giatri .sv-track .sv-card .svc-l1::after { content: ' '; }
#giatri .sv-track .sv-card .svc-t br { display: none; }
.s-fulldesign { height: calc(1080 * var(--u)); overflow: hidden; }
.s-fulldesign > img { content: url('/assets/figma/home-s7.png'); width: 100% !important; height: 100% !important; object-fit: fill; }
.s-fulldesign .rm-ctl { color: #fdf6c2 !important; font-size: calc(41.67 * var(--u)) !important; white-space: nowrap; }
.s-matbang { padding-top: calc(98 * var(--u)) !important; }
.s-matbang .mbs-wrap { padding-top: 0 !important; margin-top: 0 !important; }
.s-matbang .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.67 * var(--u)) !important; }
.s-founder { aspect-ratio: auto !important; height: calc(1080 * var(--u)) !important; background: #001f11 url('/assets/figma/home-s9-bg.jpg') center top / 100% auto no-repeat !important; }
.s-founder .fd-panel { inset: 0 !important; width: auto !important; height: auto !important; background: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.s-founder .fd-panel::before, .s-founder .fd-panel::after { display: none !important; }
.s-founder .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.67 * var(--u)) !important; white-space: nowrap; }
.s-founder .fd-logo { width: calc(373 * var(--u)) !important; height: auto !important; }
.s-founder .fd-text {
left: calc(140 * var(--u)) !important; top: calc(550 * var(--u)) !important; right: auto !important; bottom: auto !important; width: calc(506 * var(--u)) !important; max-width: none !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important;
font-size: calc(16.67 * var(--u)) !important; line-height: calc(20 * var(--u)) !important; text-align: justify; color: var(--rm-cream) !important;
}
.s-founder .fd-text p { font: inherit !important; color: inherit !important; margin: 0 0 calc(20 * var(--u)) !important; text-align: justify !important; }
.s-founder .fd-text, .s-founder .fd-text p { opacity: 1 !important; visibility: visible !important; transform: none !important; max-height: none !important; overflow: visible !important; }
.s-partners:not(.pts-slider) { height: calc(571 * var(--u)); padding: 0 !important; box-sizing: border-box; }
.s-partners .rm-ct { position: absolute !important; left: 0; top: calc(108 * var(--u)); width: 100% !important; margin: 0 !important; }
.s-partners .rm-ctl, .s-partners .pt-title { color: var(--rm-cream) !important; font-size: calc(41.67 * var(--u)) !important; }
.s-partners:not(.pts-slider) .pt-row { position: absolute !important; left: 0 !important; top: calc(245 * var(--u)) !important; width: 100% !important; height: calc(200 * var(--u)) !important; margin: 0 !important; }
.s-partners:not(.pts-slider) .pt-col { top: calc(245 * var(--u)) !important; transform: translateX(-50%) !important; width: calc(300 * var(--u)) !important; display: flex !important; flex-direction: column; align-items: center; }
.s-partners:not(.pts-slider) .pt-col:nth-child(1) { left: 11.693% !important; }
.s-partners:not(.pts-slider) .pt-col:nth-child(2) { left: 30.078% !important; }
.s-partners:not(.pts-slider) .pt-col:nth-child(3) { left: 50% !important; }
.s-partners:not(.pts-slider) .pt-col:nth-child(4) { left: 68.854% !important; }
.s-partners:not(.pts-slider) .pt-col:nth-child(5) { left: 88.307% !important; }
.s-partners:not(.pts-slider) .pt-frame { width: auto !important; height: calc(86 * var(--u)) !important; display: flex !important; align-items: center; justify-content: center; background: none !important; border: 0 !important; padding: 0 !important; }
.s-partners:not(.pts-slider) .pt-frame img { width: auto !important; height: auto !important; max-width: none !important; max-height: calc(80 * var(--u)) !important; }
.s-partners:not(.pts-slider) .pt-col:nth-child(1) .pt-frame img { width: calc(73 * var(--u)) !important; }
.s-partners:not(.pts-slider) .pt-col:nth-child(2) .pt-frame img { width: calc(79 * var(--u)) !important; }
.s-partners:not(.pts-slider) .pt-col:nth-child(3) .pt-frame img { width: calc(178 * var(--u)) !important; }
.s-partners:not(.pts-slider) .pt-col:nth-child(4) .pt-frame img { width: calc(98 * var(--u)) !important; }
.s-partners:not(.pts-slider) .pt-col:nth-child(5) .pt-frame img { width: calc(173 * var(--u)) !important; }
.s-partners .pt-cap {
margin: calc(40 * var(--u)) 0 0 !important; max-width: calc(190 * var(--u)); text-align: center !important; text-transform: uppercase;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important;
font-size: calc(16.67 * var(--u)) !important; line-height: calc(20 * var(--u)) !important; letter-spacing: 0 !important; color: var(--rm-cream) !important;
}
.rmft { position: relative; height: calc(1080 * var(--u)); padding: 0 !important; box-sizing: border-box; overflow: hidden; }
.rmft .rmft-grid { display: block !important; position: static !important; margin: 0 !important; padding: 0 !important; max-width: none !important; width: auto !important; }
.rmft .rmft-info { position: absolute !important; left: calc(166 * var(--u)); top: calc(201 * var(--u)); width: calc(720 * var(--u)) !important; margin: 0 !important; padding: 0 !important; }
.rmft .rmft-dev { display: flex !important; gap: calc(65 * var(--u)) !important; align-items: flex-start; margin: 0 !important; }
.rmft .rmft-devcol { width: calc(200 * var(--u)) !important; margin: 0 !important; }
.rmft .rmft-devcol:nth-child(1) .rmft-devcap { display: none !important; }
.rmft .rmft-devcol:nth-child(1) img { content: url('/assets/figma/ft-tuta.png'); width: calc(200 * var(--u)) !important; height: auto !important; }
.rmft .rmft-devcol:nth-child(2) .rmft-devcap { display: block; font-size: calc(11.9 * var(--u)) !important; letter-spacing: -0.004em !important; text-align: center; white-space: nowrap; color: #fff !important; line-height: 1 !important; text-transform: uppercase; margin: calc(8 * var(--u)) 0 calc(11 * var(--u)) !important; }
.rmft .rmft-devcol:nth-child(2) img { width: calc(200 * var(--u)) !important; height: auto !important; }
.rmft .rmft-brand { font-size: calc(31.25 * var(--u)) !important; color: var(--rm-cream) !important; text-transform: uppercase; white-space: nowrap; margin: calc(34 * var(--u)) 0 0 !important; line-height: 1.1 !important; }
.rmft .rmft-sub, .rmft .rmft-lbl, .rmft .rmft-val {
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: calc(16.67 * var(--u)) !important;
letter-spacing: 0 !important; text-transform: uppercase; color: var(--rm-cream) !important; white-space: nowrap; line-height: 1.2 !important; display: block;
}
.rmft .rmft-sub, .rmft .rmft-lbl { font-weight: 300 !important; }
.rmft .rmft-val { font-weight: 400 !important; }
.rmft .rmft-sub { margin: calc(18 * var(--u)) 0 0 !important; }
.rmft .rmft-blk { margin: calc(70 * var(--u)) 0 0 !important; }
.rmft .rmft-val { margin-top: calc(11 * var(--u)) !important; }
.rmft .rmft-soclbl { margin: calc(108 * var(--u)) 0 0 !important; }
.rmft .rmft-soc { display: flex !important; gap: calc(36.7 * var(--u)) !important; margin: calc(22 * var(--u)) 0 0 !important; }
.rmft .rmft-soc a, .rmft .rmft-soc img { width: calc(49.4 * var(--u)) !important; height: calc(49.4 * var(--u)) !important; display: block; }
.rmft .rmft-form-wrap {
position: absolute !important; left: calc(1008.5 * var(--u)); top: calc(172 * var(--u)); width: calc(814.9 * var(--u)) !important; height: calc(709.1 * var(--u));
margin: 0 !important; padding: 0 !important; box-sizing: border-box; background: rgba(255, 255, 255, .04) !important; border: 0 !important; border-radius: 0 !important;
}
.rmft .rmft-title { margin: 0 !important; padding-top: calc(46 * var(--u)); text-align: center !important; font-size: calc(41.69 * var(--u)) !important; line-height: 1.1 !important; color: var(--rm-cream) !important; text-transform: uppercase; }
.rmft .rmft-form { position: absolute !important; left: calc(30.6 * var(--u)); top: calc(153.6 * var(--u)); width: calc(744.9 * var(--u)) !important; margin: 0 !important; display: block !important; }
.rmft .rmft-in {
display: block; width: 100% !important; height: calc(58 * var(--u)) !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box;
background: none !important; border: 0 !important; border-bottom: 1px solid #fdf4c5 !important; border-radius: 0 !important; box-shadow: none !important; resize: none;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(18.74 * var(--u)) !important;
letter-spacing: 0 !important; text-align: left !important; text-transform: none !important; color: #fff6b5 !important;
}
.rmft .rmft-in::placeholder { color: #fff6b5 !important; opacity: 1; text-transform: none !important; letter-spacing: 0 !important; text-align: left !important; }
.rmft .rmft-two { display: grid !important; grid-template-columns: calc(318.4 * var(--u)) calc(402.9 * var(--u)) !important; column-gap: calc(23.5 * var(--u)) !important; margin: calc(48.7 * var(--u)) 0 0 !important; }
.rmft .rmft-area { margin-top: calc(34.2 * var(--u)) !important; padding-top: calc(4 * var(--u)) !important; }
.rmft .rmft-note { display: block; margin: calc(26 * var(--u)) 0 0 !important; text-align: center !important; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-style: italic; font-size: calc(15.05 * var(--u)) !important; color: var(--rm-cream) !important; }
.rmft .rmft-priv { margin: calc(38 * var(--u)) calc(-10 * var(--u)) 0 !important; text-align: center !important; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(16.67 * var(--u)) !important; line-height: calc(27.08 * var(--u)) !important; color: var(--rm-cream) !important; }
.rmft .rmft-submit {
display: block !important; width: calc(156 * var(--u)) !important; height: calc(38.2 * var(--u)) !important; min-height: 0 !important; margin: calc(58 * var(--u)) auto 0 !important; padding: 0 !important; box-sizing: border-box;
background: none !important; border: 1px solid var(--rm-cream) !important; border-radius: calc(19.1 * var(--u)) !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(16.68 * var(--u)) !important; letter-spacing: 0.006em !important; color: var(--rm-cream) !important; line-height: 1 !important; white-space: nowrap;
}
.rmft .rmft-sub, .rmft .rmft-blk .rmft-lbl { font-weight: 100 !important; }
.rmft .rmft-brand, .rmft .rmft-title { letter-spacing: 0 !important; }
.rmft .rmft-submit { min-width: 0 !important; max-width: none !important; }
.hb { height: calc(1080 * var(--u)) !important; min-height: 0 !important; aspect-ratio: auto !important; }
.hb .rm-ctl { color: var(--rm-cream) !important; white-space: nowrap; }
.hb .hb-desc {
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important;
font-size: calc(16.67 * var(--u)) !important; line-height: calc(20 * var(--u)) !important; letter-spacing: 0 !important; color: var(--rm-cream) !important; margin: 0 !important;
}
.hb .hb-cta { position: absolute; left: 50%; top: calc(938 * var(--u)); transform: translateX(-50%);
display: flex; flex-direction: column; align-items: center; text-decoration: none; z-index: 5; cursor: pointer; }
.hb .hb-cta-t { font-family: 'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400;
text-transform: uppercase; letter-spacing: calc(2.6 * var(--u)); color: #fdf6c2;
font-size: calc(14 * var(--u)); line-height: 1; }
.hb .hb-cta-dot { width: calc(8 * var(--u)); height: calc(8 * var(--u)); border-radius: 50%; background: #fdf6c2; margin-top: calc(17 * var(--u)); }
.hb .hb-cta-line { width: 1px; height: calc(86 * var(--u)); margin-top: calc(-4 * var(--u));
background: linear-gradient(#fdf6c2, rgba(253,246,194,.12)); }
.hb .hb-cta:hover .hb-cta-t { opacity: .78; }
body[data-page="vi-tri"] .hb { background-image: url('/assets/figma/kt-s1-bg.jpg') !important; background-size: 100% 100% !important; background-position: center top !important; }
body[data-page="vi-tri"] .hb .hb-grad-top, body[data-page="vi-tri"] .hb .hb-grad-bot { display: none !important; }
body[data-page="vi-tri"] .hb .rm-ctl:nth-child(1) { font-size: calc(41.65 * var(--u)) !important; letter-spacing: -0.04em; }
body[data-page="vi-tri"] .hb .rm-ctl:nth-child(2) { font-size: calc(72.89 * var(--u)) !important; }
body[data-page="vi-tri"] .hb .hb-desc { width: calc(325 * var(--u)) !important; max-width: none !important; text-align: justify !important; letter-spacing: -0.005em !important; }
.vt2 { height: calc(1080 * var(--u)); padding: 0 !important; box-sizing: border-box; }
.vt2 .rm-ct { position: absolute !important; left: 0; top: calc(137 * var(--u)); width: 100% !important; margin: 0 !important; }
.vt2 .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.67 * var(--u)) !important; }
.vt2 .vt2-row { position: absolute !important; left: calc(99 * var(--u)); top: calc(326 * var(--u)); width: calc(1735 * var(--u)) !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; gap: calc(32.2 * var(--u)) !important; }
.vt2 .vt2-row img { flex: none !important; width: calc(556.9 * var(--u)) !important; height: calc(609.6 * var(--u)) !important; object-fit: cover; border-radius: calc(10 * var(--u)) !important; border: 0 !important; }
.vt3 { height: calc(1080 * var(--u)) !important; aspect-ratio: auto !important; padding: 0 !important; }
.vt3 .rm-ct { position: absolute !important; left: 0; top: calc(148 * var(--u)); width: 100% !important; margin: 0 !important; }
.vt3 .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.53 * var(--u)) !important; font-weight: 400 !important; }
.vt3 .vt3-col { width: calc(333 * var(--u)) !important; }
.vt3 .vt3-col:nth-child(2) { left: calc(162.5 * var(--u)) !important; top: calc(378.5 * var(--u)) !important; }
.vt3 .vt3-col:nth-child(3) { left: calc(583.9 * var(--u)) !important; top: calc(424 * var(--u)) !important; }
.vt3 .vt3-col:nth-child(4) { left: calc(1003.9 * var(--u)) !important; top: calc(378.5 * var(--u)) !important; }
.vt3 .vt3-col:nth-child(5) { left: calc(1424.9 * var(--u)) !important; top: calc(424 * var(--u)) !important; }
.vt3 .vt3-card { width: calc(333 * var(--u)) !important; height: calc(406.5 * var(--u)) !important; aspect-ratio: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; border: 1px solid var(--rm-cream) !important; border-radius: calc(10 * var(--u)) !important; overflow: hidden; background: #fff !important; }
.vt3 .vt3-card::before, .vt3 .vt3-card::after { display: none !important; }
.vt3 .vt3-card img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; }
.vt3 .vt3-lb { display: flex !important; align-items: center; gap: calc(13.5 * var(--u)) !important; margin: calc(39.5 * var(--u)) 0 0 calc(31 * var(--u)) !important; padding: 0 !important; }
.vt3 .vt3-col.up .vt3-lb { margin: 0 0 calc(42 * var(--u)) calc(37.3 * var(--u)) !important; }
.vt3 .vt3-lb .num {
flex: none !important; box-sizing: border-box; width: calc(46 * var(--u)) !important; height: calc(47.5 * var(--u)) !important; display: flex !important; align-items: center; justify-content: center;
border: 1px solid var(--rm-cream) !important; border-radius: calc(10 * var(--u)) !important; background: none !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(27.3 * var(--u)) !important; letter-spacing: -0.006em; color: #fff6b5 !important; line-height: 1 !important;
}
.vt3 .vt3-lb .tx {
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(16.67 * var(--u)) !important;
line-height: calc(29.3 * var(--u)) !important; letter-spacing: 0 !important; text-transform: uppercase; white-space: nowrap; color: var(--rm-cream) !important;
}
body[data-page="san-pham"] .hb { background-image: url('/assets/figma/sp-s1-bg.jpg') !important; background-size: 100% 100% !important; background-position: center top !important; }
body[data-page="san-pham"] .hb .hb-grad-top, body[data-page="san-pham"] .hb .hb-grad-bot { display: none !important; }
body[data-page="san-pham"] .hb .rm-ctl { font-weight: 400 !important; -webkit-text-stroke: 0 !important; }
body[data-page="san-pham"] .hb .rm-ctl:nth-child(1) { font-size: calc(41.67 * var(--u)) !important; }
body[data-page="san-pham"] .hb .rm-ctl:nth-child(2) { font-size: calc(72.92 * var(--u)) !important; }
.sp2 { position: relative !important; height: calc(1080 * var(--u)); padding: 0 !important; box-sizing: border-box; overflow: hidden; }
.sp2 .rm-ct { position: absolute !important; left: 0; top: calc(107 * var(--u)); width: 100% !important; margin: 0 !important; }
.sp2 .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.67 * var(--u)) !important; }
.sp2 .sp2-tabs { position: absolute !important; left: calc(628.2 * var(--u)); top: calc(238.9 * var(--u)); margin: 0 !important; padding: 0 !important; display: flex !important; gap: calc(67.3 * var(--u)) !important; width: auto !important; }
.sp2 .sp2-tab {
box-sizing: border-box; width: calc(178.9 * var(--u)) !important; height: calc(43 * var(--u)) !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
border: 1px solid var(--rm-cream) !important; border-radius: calc(21.5 * var(--u)) !important; background: #073a00 !important; box-shadow: none !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(16.67 * var(--u)) !important;
letter-spacing: 0 !important; text-transform: uppercase; color: #fdfbea !important; line-height: 1 !important; left: 0 !important;
}
.sp2 .sp2-tab.on { background: transparent !important; }
.sp2 .sp2-stage { position: absolute !important; left: 0 !important; top: calc(346 * var(--u)) !important; width: 100% !important; max-width: none !important; height: calc(638 * var(--u)) !important; margin: 0 !important; aspect-ratio: auto !important; }
.sp2 .sp2-item { top: 0 !important; width: calc(960 * var(--u)) !important; height: calc(638 * var(--u)) !important; transform: none !important; opacity: 1 !important; filter: none !important; border-radius: calc(10 * var(--u)) !important; overflow: hidden; background: #fff; }
.sp2 .sp2-item { transition: left .72s cubic-bezier(.22,.61,.36,1) !important; }
.sp2 .sp2-item.c { left: calc(480 * var(--u)) !important; }
.sp2 .sp2-item.l { left: calc(-560 * var(--u)) !important; }
.sp2 .sp2-item.r { left: calc(1520 * var(--u)) !important; right: auto !important; }
.sp2 .sp2-item.far-l { left: calc(-1600 * var(--u)) !important; right: auto !important; }
.sp2 .sp2-item.far-r { left: calc(2560 * var(--u)) !important; right: auto !important; }
.sp2 .sp2-item.cf-off { display: none !important; }
.sp2 .sp2-item img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; }
.sp2 .sp2-btn.prev { left: calc(417 * var(--u)) !important; }
.sp2 .sp2-btn.next { left: auto !important; right: calc(417 * var(--u)) !important; }
.sp3 { position: relative !important; height: calc(1080 * var(--u)); padding: 0 !important; box-sizing: border-box; overflow: hidden; }
.sp3 .rm-ct { position: absolute !important; left: 0; top: calc(113 * var(--u)); width: 100% !important; margin: 0 !important; }
.sp3 .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.67 * var(--u)) !important; }
.sp3 .sp3-row { position: absolute !important; left: calc(1063.3 * var(--u)) !important; top: calc(640 * var(--u)) !important; width: auto !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; gap: calc(55.4 * var(--u)) !important; }
.sp3 .sp3-row::before { content: ''; position: absolute; left: 0; top: calc(-132 * var(--u)); width: calc(65 * var(--u)); height: calc(65 * var(--u)); background: url('/assets/figma/sp-s3-icon.png') center / contain no-repeat; pointer-events: none; }
.sp3 .sp3-card { flex: none !important; width: calc(395 * var(--u)) !important; height: calc(263 * var(--u)) !important; margin: 0 !important; border-radius: calc(10 * var(--u)) !important; overflow: hidden; cursor: pointer; background: #fff; transition: none !important; }
.sp3 .sp3-card img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; }
.sp3 .sp3-card .sp3-fade { display: none !important; }
.sp3 .sp3-card:not(.on) .sp3-cap { display: none !important; }
.sp3 .sp3-card.on { position: absolute !important; left: calc(-891.3 * var(--u)) !important; top: calc(-291 * var(--u)) !important; width: calc(832.5 * var(--u)) !important; height: calc(553.5 * var(--u)) !important; overflow: visible; background: none; cursor: default; }
.sp3 .sp3-card.on img { border-radius: calc(10 * var(--u)); }
.sp3 .sp3-card.on .sp3-cap { position: absolute !important; left: calc(881 * var(--u)) !important; top: calc(8 * var(--u)) !important; right: auto !important; bottom: auto !important; width: calc(432 * var(--u)) !important; padding: 0 !important; background: none !important; text-align: left !important; transform: none !important; }
.sp3 .sp3-cap h3 { margin: 0 !important; font-size: calc(20.83 * var(--u)) !important; line-height: calc(25 * var(--u)) !important; letter-spacing: 0.035em !important; text-transform: uppercase; text-align: left !important; color: var(--rm-cream) !important; -webkit-text-stroke: calc(0.73 * var(--u)) currentColor; }
.sp3 .sp3-cap p {
margin: calc(16 * var(--u)) 0 0 !important; text-align: left !important; white-space: normal !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(16.67 * var(--u)) !important; line-height: calc(20 * var(--u)) !important; color: var(--rm-cream) !important;
}
body[data-page="tien-ich"] .hb { background-image: url('/assets/figma/ti-s1-bg.jpg') !important; background-size: 100% 100% !important; background-position: center top !important; }
body[data-page="tien-ich"] .hb .hb-grad-top, body[data-page="tien-ich"] .hb .hb-grad-bot { display: none !important; }
body[data-page="tien-ich"] .hb .rm-ctl { font-weight: 400 !important; -webkit-text-stroke: 0 !important; }
body[data-page="tien-ich"] .hb .rm-ctl:nth-child(1) { font-size: calc(41.67 * var(--u)) !important; }
body[data-page="tien-ich"] .hb .rm-ctl:nth-child(2) { font-size: calc(72.92 * var(--u)) !important; }
.ti2 { height: calc(1080 * var(--u)) !important; aspect-ratio: auto !important; padding: 0 !important; background: #001f11 url('/assets/figma/ti-s2-bg.jpg') center top / 100% 100% no-repeat !important; }
.ti2 .rm-ct { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; margin: 0 !important; }
.ti2 .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.72 * var(--u)) !important; font-weight: 400 !important; -webkit-text-stroke: 0 !important; white-space: nowrap; }
.ti2 .ti2-text { left: calc(1284 * var(--u)) !important; top: calc(545 * var(--u)) !important; right: auto !important; bottom: auto !important; width: calc(463 * var(--u)) !important; max-width: none !important; margin: 0 !important; }
.ti2 .ti2-text p {
margin: 0 0 calc(20 * var(--u)) !important; text-align: justify !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(16.69 * var(--u)) !important; line-height: calc(20.03 * var(--u)) !important; letter-spacing: -0.004em !important; color: var(--rm-cream) !important;
}
.ti3 { height: calc(1080 * var(--u)) !important; aspect-ratio: auto !important; padding: 0 !important; overflow: hidden; }
.ti3 .rm-ct { position: absolute !important; left: 0; top: calc(104 * var(--u)); width: 100% !important; margin: 0 !important; }
.ti3 .rm-ctl { color: var(--rm-cream) !important; font-size: calc(41.67 * var(--u)) !important; }
.ti3 .ti3-stage { position: absolute !important; left: 0 !important; top: calc(311.1 * var(--u)) !important; width: 100% !important; max-width: none !important; height: calc(584.4 * var(--u)) !important; margin: 0 !important; aspect-ratio: auto !important; }
.ti3 .ti3-item { top: 0 !important; width: calc(928.7 * var(--u)) !important; height: calc(584.4 * var(--u)) !important; transform: none !important; opacity: 1 !important; filter: none !important; border-radius: calc(15 * var(--u)) !important; overflow: hidden; background: #001107; }
.ti3 .ti3-item { transition: left .72s cubic-bezier(.22,.61,.36,1) !important; }
.ti3 .ti3-item.c { left: calc(495.5 * var(--u)) !important; }
.ti3 .ti3-item.l { left: calc(-502.2 * var(--u)) !important; }
.ti3 .ti3-item.r { left: calc(1493.2 * var(--u)) !important; right: auto !important; }
.ti3 .ti3-item.far-l { left: calc(-1499.9 * var(--u)) !important; right: auto !important; }
.ti3 .ti3-item.far-r { left: calc(2490.9 * var(--u)) !important; right: auto !important; }
.ti3 .ti3-item.cf-off { display: none !important; }
.ti3 .ti3-item img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; }
.ti3 .ti3-cap {
left: 0 !important; right: 0 !important; top: calc(938 * var(--u)) !important; bottom: auto !important; width: 100% !important; transform: none !important; text-align: center !important; margin: 0 !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(16.67 * var(--u)) !important; line-height: 1.2 !important; letter-spacing: 0 !important; color: var(--rm-cream) !important;
}
.ti3 .ti3-btn { top: calc(941 * var(--u)) !important; bottom: auto !important; }
.ti3 .ti3-btn.prev { left: calc(700 * var(--u)) !important; right: auto !important; }
.ti3 .ti3-btn.next { left: calc(1125 * var(--u)) !important; right: auto !important; }
body[data-page="tien-do"] .hb { background-image: url('/assets/figma/td-s1-bg.jpg') !important; background-size: 100% 100% !important; background-position: center top !important; }
body[data-page="tien-do"] .hb .hb-grad-top, body[data-page="tien-do"] .hb .hb-grad-bot { display: none !important; }
body[data-page="tien-do"] .hb .rm-ctl { font-size: calc(72.92 * var(--u)) !important; font-weight: 400 !important; -webkit-text-stroke: 0 !important; }
.td2 { position: relative !important; height: calc(1080 * var(--u)); padding: 0 !important; box-sizing: border-box; }
.td2 .td2-in { position: absolute !important; left: calc(405.5 * var(--u)); top: calc(171.2 * var(--u)); width: calc(1109 * var(--u)) !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.td2 .td-cards { display: flex !important; flex-direction: column; gap: calc(113.1 * var(--u)) !important; margin: 0 !important; padding: 0 !important; }
.td2 .td-card {
display: flex !important; box-sizing: border-box; width: calc(1109 * var(--u)) !important; height: calc(271.9 * var(--u)) !important; margin: 0 !important; padding: 0 !important;
border: 1px solid #fff !important; border-radius: 0 !important; overflow: hidden; box-shadow: none !important;
background: url('/assets/figma/td-card-bg.png') center / 100% 100% no-repeat !important;
}
.td2 .td-card-img { flex: 0 0 calc(597 * var(--u)) !important; width: calc(597 * var(--u)) !important; height: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; overflow: hidden; }
.td2 .td-card-img img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; display: block; }
.td2 .td-card-body { flex: 1 1 auto !important; position: relative !important; padding: 0 !important; margin: 0 !important; background: none !important; display: block !important; }
.td2 .td-card-body h3 {
position: absolute !important; left: calc(31.5 * var(--u)) !important; top: calc(58 * var(--u)) !important; margin: 0 !important; width: calc(440 * var(--u)) !important;
font-size: calc(31.25 * var(--u)) !important; line-height: calc(37.5 * var(--u)) !important; letter-spacing: 0 !important; text-transform: uppercase; text-align: left !important; color: var(--rm-cream) !important;
}
.td2 .td-card-body .td-more {
position: absolute !important; left: calc(32 * var(--u)) !important; top: calc(172.3 * var(--u)) !important; box-sizing: border-box; width: calc(145 * var(--u)) !important; height: calc(37 * var(--u)) !important;
display: flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; background: none !important; border: 1px solid #fff !important; border-radius: calc(18 * var(--u)) !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-style: italic; font-size: calc(16.6 * var(--u)) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--rm-cream) !important; white-space: nowrap;
}
body[data-page="thu-vien"] .hb { background-image: url('/assets/figma/tv-s1-bg.jpg') !important; background-size: 100% 100% !important; background-position: center top !important; }
body[data-page="thu-vien"] .hb .hb-grad-top, body[data-page="thu-vien"] .hb .hb-grad-bot { display: none !important; }
body[data-page="thu-vien"] .hb .rm-ctl { font-size: calc(83.33 * var(--u)) !important; font-weight: 400 !important; -webkit-text-stroke: 0 !important; color: #fdf6c2 !important; }
.tv2 { position: relative !important; height: calc(1080 * var(--u)); padding: 0 !important; box-sizing: border-box; }
.tv2 .tv2-in { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.tv2 .tv-tabs { position: absolute !important; left: calc(734.9 * var(--u)); top: calc(72.2 * var(--u)); width: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: flex-start !important; gap: calc(71.1 * var(--u)) !important; }
.tv2 .tv-tab {
box-sizing: border-box; width: calc(189.5 * var(--u)) !important; height: calc(45.5 * var(--u)) !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
border: 2px solid #fff !important; border-radius: calc(22.8 * var(--u)) !important; background: #073a00 !important; box-shadow: none !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(20.83 * var(--u)) !important;
letter-spacing: 0 !important; text-transform: uppercase; color: #fdfbea !important; line-height: 1 !important;
}
.tv2 .tv-tab.on { background: transparent !important; }
.tv2 .tv-anh { position: absolute !important; left: calc(193 * var(--u)); top: calc(168 * var(--u)); width: calc(1535 * var(--u)) !important; margin: 0 !important; padding: 0 !important; }
.tv2 .tv-grid { display: grid !important; grid-template-columns: repeat(2, calc(738.5 * var(--u))) !important; gap: calc(39 * var(--u)) calc(58 * var(--u)) !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.tv2 .tv-cat { width: calc(738.5 * var(--u)) !important; height: calc(373 * var(--u)) !important; aspect-ratio: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: calc(23 * var(--u)) !important; overflow: hidden; background-color: #001107; }
.tv2 .tv-cat .tv-cat-front { border-radius: 0 !important; }
.tv2 .tv-cat .tv-cat-name {
left: 0 !important; right: 0 !important; top: auto !important; bottom: calc(18 * var(--u)) !important; width: 100% !important; height: auto !important; padding: 0 !important; display: block !important; text-align: center !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 400 !important; font-size: calc(27.22 * var(--u)) !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: uppercase;
color: #fdf6c2 !important; -webkit-text-fill-color: #fdf6c2 !important; background: none !important;
}
body[data-page="tin-tuc"] .hb { background-image: url('/assets/figma/tt-s1-bg.jpg') !important; background-size: 100% 100% !important; background-position: center top !important; }
body[data-page="tin-tuc"] .hb .hb-grad-top, body[data-page="tin-tuc"] .hb .hb-grad-bot { display: none !important; }
body[data-page="tin-tuc"] .hb .rm-ctl { font-size: calc(72.92 * var(--u)) !important; font-weight: 400 !important; -webkit-text-stroke: 0 !important; }
.tt2 { position: relative !important; padding: calc(129 * var(--u)) 0 calc(130 * var(--u)) !important; box-sizing: border-box; min-height: calc(1080 * var(--u)); }
.tt2::before { content: 'BẢN TIN NỔI BẬT'; display: block; text-align: center; font-family: 'BlushingRoseVN', 'Blushing Rose', Georgia, serif; font-weight: 400; font-size: calc(41.67 * var(--u)); line-height: calc(64 * var(--u)); color: #fdf6c2; }
.tt2 .tt-cats { margin: calc(52 * var(--u)) auto calc(60 * var(--u)) !important; }
.tt2 .tt-grid { display: grid !important; grid-template-columns: repeat(3, calc(432 * var(--u))) !important; gap: calc(106 * var(--u)) calc(56.2 * var(--u)) !important; width: calc(1408.4 * var(--u)) !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; }
.tt2 .tt-card { width: calc(432 * var(--u)) !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; }
.tt2 .tt-thumb { width: calc(432 * var(--u)) !important; height: calc(392.7 * var(--u)) !important; aspect-ratio: auto !important; border-radius: 0 !important; overflow: hidden; background: #0d0606; }
.tt2 .tt-thumb img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; display: block; }
.tt2 .tt-date {
left: auto !important; right: calc(48.6 * var(--u)) !important; top: 0 !important; box-sizing: border-box; width: calc(67.5 * var(--u)) !important; height: calc(83.1 * var(--u)) !important; padding: 0 !important;
display: flex !important; flex-direction: column; align-items: center; justify-content: center; background: rgba(0, 29, 11, .68) !important; border-radius: 0 !important; border: 0 !important;
}
.tt2 .tt-date .dd { font-size: calc(33.5 * var(--u)) !important; line-height: 1 !important; color: #fdfbea !important; letter-spacing: -0.004em; }
.tt2 .tt-date .my { font-size: calc(14.58 * var(--u)) !important; line-height: 1 !important; margin-top: calc(7 * var(--u)) !important; color: #fdfbea !important; letter-spacing: -0.007em; }
.tt2 .tt-title {
margin: calc(37 * var(--u)) 0 0 !important; padding: 0 !important; text-align: left !important;
font-family: 'BlushingRoseVN', 'Blushing Rose', Georgia, serif !important; font-weight: 400 !important; font-size: calc(20.83 * var(--u)) !important; line-height: calc(25 * var(--u)) !important;
letter-spacing: 0 !important; text-transform: uppercase; color: var(--rm-cream) !important;
}
body[data-page="article"] { background: #fffefb !important; }
body[data-page="article"] .art-onbg-bg { position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: auto !important; width: 100% !important; height: calc(643.75 * var(--u)) !important; background-size: cover !important; background-position: center 30% !important; filter: none !important; }
body[data-page="article"] .art-onbg-scrim { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: calc(643.75 * var(--u)) !important; background: linear-gradient(to bottom, rgba(0, 41, 0, 0) 45%, rgba(0, 41, 0, .55) 80%, rgba(0, 41, 0, .96) 100%) !important; }
body[data-page="article"] .art-hb-title {
position: relative !important; left: auto !important; top: auto !important; width: auto !important; max-width: none !important; height: auto !important; min-height: 0 !important; display: block !important;
margin: calc(643.75 * var(--u)) 0 0 !important; padding: calc(55 * var(--u)) calc(330 * var(--u)) calc(96 * var(--u)) !important; box-sizing: border-box; background: #fffefb !important;
font-size: calc(99.38 * var(--u)) !important; line-height: calc(119.4 * var(--u)) !important; letter-spacing: 0 !important; text-align: center !important; text-transform: uppercase;
color: #002900 !important; -webkit-text-fill-color: #002900 !important; text-shadow: none !important;
}
body[data-page="article"] .art-body { margin: 0 !important; padding: 0 0 calc(140 * var(--u)) !important; background: #fffefb !important; }
body[data-page="article"] .art-body .inner { width: calc(1264 * var(--u)) !important; max-width: none !important; margin: 0 0 0 calc(306.25 * var(--u)) !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; }
body[data-page="article"] .art-body .crumb, body[data-page="article"] .art-body .crumb a, body[data-page="article"] .art-body .crumb span {
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 400 !important; font-size: calc(22.5 * var(--u)) !important; line-height: 1.3 !important; text-transform: uppercase; color: #000 !important; letter-spacing: 0 !important;
}
body[data-page="article"] .art-body .crumb { margin: 0 !important; padding: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body[data-page="article"] .art-body .bd { width: calc(1221.25 * var(--u)) !important; max-width: none !important; margin: calc(30 * var(--u)) 0 0 calc(42.5 * var(--u)) !important; padding: 0 !important; }
body[data-page="article"] .art-body .bd p, body[data-page="article"] .art-body .bd li {
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 400 !important; font-size: calc(30 * var(--u)) !important; line-height: calc(56.25 * var(--u)) !important;
letter-spacing: 0 !important; text-align: justify !important; color: #000 !important; margin: 0 0 calc(40 * var(--u)) !important;
}
body[data-page="article"] .art-body .bd img { display: block; width: 100% !important; height: auto !important; margin: calc(10 * var(--u)) 0 !important; border-radius: 0 !important; }
body[data-page="article"] .art-body .bd em, body[data-page="article"] .art-body .bd figcaption { font-style: italic; text-align: center; display: block; }
body[data-page="article"] .art-onbg-bg, body[data-page="article"] .art-onbg-scrim { z-index: 0 !important; opacity: 1 !important; }
body[data-page="article"] .art-hb-title, body[data-page="article"] .art-body { position: relative !important; z-index: 1 !important; }
body[data-page="article"] main.art-onbg { position: relative !important; padding-top: calc(643.75 * var(--u)) !important; margin-top: 0 !important; }
body[data-page="article"] .art-hb-title { margin-top: 0 !important; }
.td2 .td-card-body h3 .l1, .td2 .td-card-body h3 .l2, .td2 .td-card-body h3 .td-mon { font-size: calc(27 * var(--u)) !important; line-height: calc(36.45 * var(--u)) !important; }
.td2 .td-card-body h3 .td-mon { margin-left: .28em !important; }
.td2 .td-more .grad { font-size: calc(15 * var(--u)) !important; }
.tt2 .tt-cat { font-size: calc(14 * var(--u)) !important; padding: calc(8 * var(--u)) calc(18 * var(--u)) !important; }
@font-face { font-family: Gilroy; font-weight: 200; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-light-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 200; font-style: italic; font-display: swap; src: url('/fonts/dh/hn-light-italic-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 300; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-light-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 300; font-style: italic; font-display: swap; src: url('/fonts/dh/hn-light-italic-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-regular-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 400; font-style: italic; font-display: swap; src: url('/fonts/dh/hn-light-italic-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 500; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-medium-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 500; font-style: italic; font-display: swap; src: url('/fonts/dh/hn-medium-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 600; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-medium-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 600; font-style: italic; font-display: swap; src: url('/fonts/dh/hn-medium-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 700; font-style: normal; font-display: swap; src: url('/fonts/dh/hn-medium-dh.woff2') format('woff2'); }
@font-face { font-family: Gilroy; font-weight: 700; font-style: italic; font-display: swap; src: url('/fonts/dh/hn-medium-dh.woff2') format('woff2'); }
body, .home-canvas, .sub-canvas, .rmft { background-color: #001f11 !important; background-image: none !important; }
.s-loc5 { background: #001f11 url('/assets/figma/home-s5-bg.jpg') center top / 100% 100% no-repeat !important; }
.s-loc5 .loc5-map { display: none !important; }
.s-fulldesign > img { content: url('/assets/figma/home-s7-v2.jpg') !important; }
.sv-slider .sv-btn, .sp2-stage .sp2-btn { opacity: 0 !important; transition: opacity .25s ease; }
.sv-slider:hover .sv-btn, .sp2-stage:hover .sp2-btn, .sv-slider .sv-btn:focus-visible, .sp2-stage .sp2-btn:focus-visible { opacity: 1 !important; }
.s-matbang { position: relative !important; height: calc(1080 * var(--u)) !important; min-height: 0 !important; padding: 0 !important; box-sizing: border-box; overflow: hidden; background: #001f11 !important; }
.s-matbang .mbs-wrap { position: absolute !important; inset: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.s-matbang .mbs-head { position: absolute !important; left: 0; top: calc(98 * var(--u)); width: 100%; margin: 0 !important; padding: 0 !important; }
.s-matbang .mbs-head .rm-ct { margin: 0 !important; }
.s-matbang .mbs-tabs { position: absolute !important; left: 0; top: calc(172 * var(--u)); width: 100%; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: center; gap: calc(20 * var(--u)) !important; }
.s-matbang .mbs-mp { position: absolute !important; left: 50% !important; top: calc(224 * var(--u)) !important; width: calc(1090 * var(--u)) !important; height: calc(725.6 * var(--u)) !important; max-width: none !important; margin: 0 0 0 calc(-545 * var(--u)) !important; aspect-ratio: auto !important; }
.s-matbang .mbs-floors { position: absolute !important; left: 0; top: calc(979.5 * var(--u)); width: 100%; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: center; flex-wrap: nowrap !important; gap: calc(24 * var(--u)) !important; }
.s-matbang .mbs-tabs button, .s-matbang .mbs-floors button {
box-sizing: border-box; height: calc(33 * var(--u)) !important; min-width: calc(111 * var(--u)) !important; padding: 0 calc(26 * var(--u)) !important; border: 1px solid #fdf6c2 !important; border-radius: calc(16.5 * var(--u)) !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(16.67 * var(--u)) !important; line-height: 1 !important; letter-spacing: -0.012em !important;
color: #fff7cf !important; background: transparent !important; white-space: nowrap;
}
.s-matbang .mbs-tabs button.on, .s-matbang .mbs-floors button.on, .s-matbang .mbs-floors button:hover { background: #fdf6c2 !important; color: #001f11 !important; }
.s-matbang .mbs-hint { position: absolute !important; left: 0; top: calc(1030 * var(--u)); width: 100%; margin: 0 !important; text-align: center; font-size: calc(13 * var(--u)) !important; line-height: 1.3 !important; opacity: .7; }
.rmft .rmft-devcol:nth-child(2) img { position: relative; top: calc(-4.9 * var(--u)); }
.rmft .rmft-sub + .rmft-blk .rmft-lbl { position: relative; top: calc(3 * var(--u)); }
.rmft .rmft-sub + .rmft-blk .rmft-val { position: relative; top: calc(-2.4 * var(--u)); }
.rmft .rmft-blk + .rmft-blk .rmft-lbl { position: relative; top: calc(19.6 * var(--u)); }
.rmft .rmft-blk + .rmft-blk .rmft-val { position: relative; top: calc(14 * var(--u)); }
.rmft .rmft-soclbl { position: relative; top: calc(17 * var(--u)); }
.rmft .rmft-soc { position: relative; top: calc(19 * var(--u)); }
.rmft .rmft-title { position: absolute !important; left: calc(351.5 * var(--u)) !important; top: calc(49 * var(--u)) !important; width: calc(140 * var(--u)) !important; height: calc(46 * var(--u)) !important; margin: 0 !important; padding: 0 !important; line-height: calc(46 * var(--u)) !important; text-align: center !important; white-space: nowrap; }
.rmft .rmft-in::placeholder { text-transform: none !important; color: #fff6b5 !important; opacity: 1 !important; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: calc(18.74 * var(--u)) !important; letter-spacing: 0 !important; }
.rmft .rmft-in { color: #fff6b5 !important; font-size: calc(18.74 * var(--u)) !important; text-transform: none !important; letter-spacing: 0 !important; }
.rmft .rmft-note { position: relative; left: calc(7 * var(--u)); top: calc(1.5 * var(--u)); }
.rmft .rmft-priv { position: relative; left: calc(6 * var(--u)); top: calc(1 * var(--u)); }
.rmft .rmft-submit { position: relative; left: calc(18 * var(--u)); top: calc(3.6 * var(--u)); }
.vt3 .vt3-col { height: calc(545 * var(--u)) !important; }
.vt3 .vt3-col.up { top: calc(424 * var(--u)) !important; }
.vt3 .vt3-col:not(.up) { top: calc(378.5 * var(--u)) !important; }
.vt3 .vt3-card { position: absolute !important; left: 0 !important; top: 0 !important; width: calc(333 * var(--u)) !important; height: calc(406.5 * var(--u)) !important; margin: 0 !important; box-sizing: border-box; background: transparent !important; border: 1px solid #fff7cf !important; border-radius: calc(10 * var(--u)) !important; overflow: hidden; box-shadow: none !important; }
.vt3 .vt3-col.up .vt3-card { top: calc(91 * var(--u)) !important; }
.vt3 .vt3-card img { inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; }
.vt3 .vt3-lb { position: absolute !important; left: calc(31 * var(--u)) !important; top: calc(446 * var(--u)) !important; margin: 0 !important; display: flex !important; align-items: flex-start !important; white-space: nowrap; }
.vt3 .vt3-col.up .vt3-lb { top: 0 !important; left: calc(37.3 * var(--u)) !important; }
.vt3 .vt3-col.up .vt3-lb .tx { position: relative; left: calc(3 * var(--u)); }
.vt3 .vt3-col:nth-child(5) .vt3-lb { left: calc(22.6 * var(--u)) !important; top: calc(1.5 * var(--u)) !important; align-items: center !important; }
.ti3 .ti3-cap-side { position: absolute; top: calc(941 * var(--u)); font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: calc(16.67 * var(--u)); line-height: calc(20 * var(--u)); color: #fff7cf; white-space: nowrap; pointer-events: none; }
.ti3 .ti3-cap-side.l { right: calc(1870 * var(--u)); }
.ti3 .ti3-cap-side.r { left: calc(1773 * var(--u)); }
.ti3 .ti3-btn { opacity: 0 !important; transition: opacity .25s ease; }
.ti3:hover .ti3-btn, .ti3 .ti3-btn:focus-visible { opacity: 1 !important; }
.vt3 .vt3-col.up .vt3-lb { left: 0 !important; }
.vt3 .vt3-col:nth-child(5) .vt3-lb { left: calc(-14.7 * var(--u)) !important; }
.tt2::before { position: relative; top: calc(10 * var(--u)); }
.s-info3 .info3-table > :nth-child(-n+3) { transform: translateY(calc(-2.9 * var(--u))); }
.s-info3 .info3-table > :nth-child(n+4):nth-child(-n+6) { transform: translateY(calc(1.5 * var(--u))); }
.s-info3 .info3-table > :nth-child(n+7):nth-child(-n+9) { transform: translateY(calc(2.3 * var(--u))); }
.s-info3 .info3-table > :nth-child(n+10):nth-child(-n+12) { transform: translateY(calc(-4.4 * var(--u))); }
.s-info3 .info3-table > :nth-child(n+13):nth-child(-n+15) { transform: translateY(calc(11.5 * var(--u))); }
.s-loc5 .loc5-inner { position: static !important; display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.s-loc5 .loc5-text { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; max-width: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }
.s-loc5 .loc5-text .rm-ct { position: static !important; margin: 0 !important; padding: 0 !important; }
.s-loc5 .loc5-text .rm-ctl { position: absolute !important; margin: 0 !important; width: auto !important; max-width: none !important; line-height: calc(47 * var(--u)) !important; }
.s-loc5 .loc5-text .rm-ctl:nth-child(1) { left: calc(154 * var(--u)) !important; top: calc(437 * var(--u)) !important; }
.s-loc5 .loc5-text .rm-ctl:nth-child(2) { left: calc(191 * var(--u)) !important; top: calc(491 * var(--u)) !important; }
.s-loc5 .loc5-gmap {
position: absolute !important; left: calc(307.1 * var(--u)) !important; top: calc(552 * var(--u)) !important; width: calc(136.8 * var(--u)) !important; height: calc(32.5 * var(--u)) !important; margin: 0 !important; padding: 0 !important;
box-sizing: border-box; border: 1px solid #fdf6c2; border-radius: calc(16.25 * var(--u)); display: flex !important; align-items: center; justify-content: center; text-decoration: none; transition: background-color .25s ease;
}
.s-loc5 .loc5-gmap img { display: none !important; }
.s-loc5 .loc5-gmap::after { content: 'Google Maps'; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: calc(16.67 * var(--u)); line-height: 1; letter-spacing: -0.0153em; color: #fff7cf; }
.s-loc5 .loc5-gmap:hover { background-color: rgba(253, 246, 194, .14); }
.sv-slider .sv-btn { width: calc(46 * var(--u)) !important; height: calc(46 * var(--u)) !important; font-size: calc(22 * var(--u)) !important; }
.s-matbang .mbs-guide .g { font-size: calc(14 * var(--u)) !important; padding: calc(11 * var(--u)) calc(18 * var(--u)) !important; }
.rmft .rmft-blk { row-gap: calc(7 * var(--u)) !important; }
.sp2-stage .sp2-btn { width: calc(46 * var(--u)) !important; height: calc(46 * var(--u)) !important; font-size: calc(22 * var(--u)) !important; }
.ti3 .ti3-btn { width: calc(95 * var(--u)) !important; height: calc(14 * var(--u)) !important; background-size: 100% 100% !important; }
.tt2 .tt-cats { margin-bottom: calc(71 * var(--u)) !important; }
.tt2 .tt-grid { translate: none !important; grid-template-columns: repeat(3, calc(432 * var(--u))) !important; column-gap: calc(55.9 * var(--u)) !important; row-gap: calc(88 * var(--u)) !important; width: calc(1407.8 * var(--u)) !important; margin: 0 0 0 calc(256 * var(--u)) !important; align-items: start; }
.tt2 .tt-title { margin-top: calc(39.9 * var(--u)) !important; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; min-height: calc(20.81 * var(--u)) !important; }
.tt2 .tt-thumb img { transition: transform .6s ease; }
.tt2 .tt-card:hover .tt-thumb img { transform: scale(1.04); }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
.s-founder .fd-text p, .hb .hb-desc, .sp3 .sp3-cap h3, .sp3 .sp3-cap p, .ti3 .ti3-cap, .tt2 .tt-date .dd, .tt2 .tt-date .my { text-shadow: none !important; -webkit-text-stroke: 0 !important; }
.rmft .rmft-devcap { font-size: max(10px, calc(11.9 * var(--u))) !important; white-space: nowrap; }
.rmft .rmft-note { font-size: max(11px, calc(15.05 * var(--u))) !important; }
.rmhd .vi-box { font-size: max(10.5px, calc(14.2 * var(--u))) !important; }
.tt2 .tt-cat { font-size: max(11px, calc(14 * var(--u))) !important; }
.tt2 .tt-date .my { font-size: max(10.5px, calc(14.58 * var(--u))) !important; }
.td2 .td-more .grad { font-size: max(11px, calc(15 * var(--u))) !important; }
.s-matbang .mbs-hint { font-size: max(10.5px, calc(13 * var(--u))) !important; }
.s-matbang .mbs-guide .g, .s-matbang .mbs-guide .lb { font-size: max(10.5px, calc(14 * var(--u))) !important; }
footer.rmft .rmft-dev .rmft-devcol .rmft-devcap { font-size: max(10px, calc(11.9 * var(--u))) !important; white-space: nowrap; }
.s-insp .rm-ct .rm-ctl:first-child, .vt2 .rm-ct .rm-ctl:first-child {
background-image: linear-gradient(180deg, #fff7cf 0%, #fff7cf 59%, rgba(255, 247, 207, .28) 100%) !important;
-webkit-background-clip: text !important; background-clip: text !important;
-webkit-text-fill-color: transparent !important; color: transparent !important;
padding: calc(14 * var(--u)) calc(16 * var(--u)) calc(22 * var(--u)) !important; margin: calc(-14 * var(--u)) calc(-16 * var(--u)) calc(-22 * var(--u)) !important;
}
.s-values .sv-card { background: #001f11 !important; isolation: isolate; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.s-values .sv-card::after { z-index: 1 !important; height: 48% !important; background: linear-gradient(to top, #001f11 0%, rgba(0, 31, 17, .86) 22%, rgba(0, 31, 17, .45) 58%, rgba(0, 31, 17, 0) 100%) !important; }
#giatri .sv-track .sv-card .svc-ph { z-index: 0; }
body:not([data-page="home"]) .rmhd:not(.stick) { background: url('/assets/figma/header-bar.png') top center / 100% calc(104 * var(--u)) no-repeat; }
.rm-tx { filter: url(#rm-thin); }
.rm-tx.rm-tx-thin { filter: url(#rm-thin2); }
.s-insp .rm-ct .rm-ctl:first-child, .vt2 .rm-ct .rm-ctl:first-child { padding: calc(14 * var(--u)) 0 calc(22 * var(--u)) !important; margin-top: calc(-14 * var(--u)) !important; margin-bottom: calc(-22 * var(--u)) !important; margin-left: revert-layer !important; margin-right: revert-layer !important; }
.s-info3 .info3-table .lbl, .s-info3 .info3-table .val, .s-founder .fd-text p, .hb .hb-desc, .sp3 .sp3-cap p, footer.rmft .rmft-submit,
.td2 .td-card-body h3 .l1, .td2 .td-card-body h3 .l2, .td2 .td-card-body h3 .td-mon, .td2 .td-more .grad {
color: var(--rm-cream) !important; -webkit-text-fill-color: var(--rm-cream) !important;
}
.td2 .td-card-body h3 .l1, .td2 .td-card-body h3 .l2, .td2 .td-card-body h3 .td-mon { letter-spacing: 0 !important; }
.td2 .td-more .grad { font-size: max(11px, calc(16.6 * var(--u))) !important; letter-spacing: 0 !important; }
.sp3 .sp3-card.on .sp3-cap p { width: auto !important; max-width: none !important; margin: calc(12 * var(--u)) calc(-8 * var(--u)) 0 0 !important; }
.vt3 .vt3-card img { inset: -1% !important; width: 102% !important; height: 102% !important; }
.s-values .sv-card::after {
height: 45.33% !important;
background: linear-gradient(to top, rgb(0, 18, 0) 0%, rgba(0, 18, 0, .84) 12.5%, rgba(0, 18, 0, .627) 25%, rgba(0, 18, 0, .275) 50%, rgba(0, 18, 0, .066) 75%, rgba(0, 18, 0, 0) 100%) !important;
}
.sv-slider .sv-btn, .ti3 .ti3-btn, .sp2-stage .sp2-btn {
width: calc(65 * var(--u)) !important; height: calc(65 * var(--u)) !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;
border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; font-size: 0 !important; color: transparent !important;
background: url('/assets/figma/sp-s3-icon.png') center / 100% 100% no-repeat !important; cursor: pointer; z-index: 5;
}
.sv-slider .sv-btn { top: calc(180.4 * var(--u)) !important; bottom: auto !important; }
.sv-slider .sv-btn.prev { left: calc(15.7 * var(--u)) !important; right: auto !important; transform: scaleX(-1) !important; }
.sv-slider .sv-btn.next { left: auto !important; right: calc(71 * var(--u)) !important; transform: none !important; }
.ti3 .ti3-btn { top: calc(570.8 * var(--u)) !important; bottom: auto !important; max-width: none !important; }
.ti3 .ti3-btn::before, .ti3 .ti3-btn::after { display: none !important; }
.ti3 .ti3-btn.prev { left: calc(24 * var(--u)) !important; right: auto !important; transform: scaleX(-1) !important; }
.ti3 .ti3-btn.next { left: auto !important; right: calc(24 * var(--u)) !important; transform: none !important; }
.ti3 .ti3-cap-side { display: none !important; }
.sp2-stage .sp2-btn { top: 50% !important; bottom: auto !important; }
.sp2-stage .sp2-btn.prev { left: calc(24 * var(--u)) !important; right: auto !important; transform: translateY(-50%) scaleX(-1) !important; }
.sp2-stage .sp2-btn.next { left: auto !important; right: calc(24 * var(--u)) !important; transform: translateY(-50%) !important; }
.s-fulldesign > img { content: url('/assets/figma/home-s7-v5.jpg') !important; }
body[data-page="thu-vien"] .hb { background-image: url('/assets/figma/tv-s1-bg-v2.jpg') !important; }
body[data-page="thu-vien"] .hb .rm-ctl { font-size: calc(72.92 * var(--u)) !important; color: var(--rm-cream) !important; }
.tv2 .tv-tab { border: 1px solid var(--rm-cream) !important; font-size: max(11px, calc(16.67 * var(--u))) !important; }
.tv2 .tv-cat .tv-cat-fade {
left: 0 !important; right: 0 !important; top: calc(167 * var(--u)) !important; bottom: calc(-3 * var(--u)) !important; width: auto !important; height: auto !important;
background: linear-gradient(to bottom, rgba(0, 18, 0, 0) 0%, rgba(0, 18, 0, .016) 12.5%, rgba(0, 18, 0, .063) 25%, rgba(0, 18, 0, .14) 37.5%, rgba(0, 18, 0, .26) 50%, rgba(0, 18, 0, .41) 62.5%, rgba(0, 18, 0, .6) 75%, rgba(0, 18, 0, .8) 87.5%, rgb(0, 18, 0) 100%) !important;
}
.tv2 .tv-cat .tv-cat-name {
bottom: calc(23.35 * var(--u)) !important; font-weight: 300 !important; font-size: calc(20.83 * var(--u)) !important; line-height: calc(25 * var(--u)) !important;
color: var(--rm-cream) !important; -webkit-text-fill-color: var(--rm-cream) !important;
}
.tv2 .tv-dots { position: absolute !important; left: 0 !important; top: calc(829.6 * var(--u)) !important; width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: center; gap: calc(11.9 * var(--u)) !important; }
.tv2 .tv-dots .tv-dot, .tv2 .tv-dots .tv-dot.one { display: block !important; width: calc(11.4 * var(--u)) !important; height: calc(11.4 * var(--u)) !important; min-width: 0 !important; border-radius: 50% !important; background: #fff !important; opacity: .5; border: 0 !important; }
.tv2 .tv-dots .tv-dot.on { opacity: 1; }
.tt2 { padding: calc(348 * var(--u)) 0 calc(130 * var(--u)) !important; }
.tt2::before { content: none !important; display: none !important; }
.tt2 .tt-cats { position: absolute !important; left: calc(257.5 * var(--u)) !important; top: calc(217.5 * var(--u)) !important; width: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: flex-start !important; gap: calc(21 * var(--u)) !important; }
.tt2 .tt-cat {
box-sizing: border-box; width: calc(133 * var(--u)) !important; height: calc(30 * var(--u)) !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important;
border: 1px solid var(--rm-cream) !important; border-radius: calc(15 * var(--u)) !important; background: transparent !important; box-shadow: none !important;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: max(11px, calc(16.68 * var(--u))) !important;
line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap; color: var(--rm-cream) !important; -webkit-text-fill-color: var(--rm-cream) !important;
}
.tt2 .tt-cat.on { background: var(--rm-cream) !important; color: #001f11 !important; -webkit-text-fill-color: #001f11 !important; }
.tt2 .tt-cat[data-cat=""] { order: 0; }
.tt2 .tt-cat[data-cat="thi-truong"] { order: 1; }
.tt2 .tt-cat[data-cat="su-kien"] { order: 2; }
.tt2 .tt-cat[data-cat="du-an"] { order: 3; }
.tt2 .tt-search { display: block !important; position: absolute; left: calc(1346.5 * var(--u)); top: calc(217.5 * var(--u)); box-sizing: border-box; width: calc(317 * var(--u)); height: calc(30 * var(--u)); border: 1px solid var(--rm-cream); border-radius: calc(15 * var(--u)); margin: 0; }
.tt2 .tt-search input {
box-sizing: border-box; width: 100%; height: 100%; margin: 0; padding: 0 calc(44 * var(--u)) 0 calc(14.4 * var(--u)); border: 0; outline: 0; background: transparent; appearance: none; -webkit-appearance: none;
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: max(11px, calc(16.68 * var(--u))); letter-spacing: 0; color: var(--rm-cream);
}
.tt2 .tt-search input::placeholder { color: var(--rm-cream); opacity: 1; }
.tt2 .tt-search input::-webkit-search-cancel-button { display: none; }
.tt2 .tt-search-ic { position: absolute; left: calc(279.9 * var(--u)); top: calc(4.4 * var(--u)); width: calc(20 * var(--u)); height: calc(20 * var(--u)); pointer-events: none;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='8.05' cy='8.05' r='7.55' stroke='%23FFF7CF'/%3E%3Cpath d='M13.6 13.6L19.5 19.5' stroke='%23FFF7CF' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.tt2 .tt-grid { grid-template-columns: repeat(3, calc(435 * var(--u))) !important; column-gap: calc(52.5 * var(--u)) !important; row-gap: calc(80 * var(--u)) !important; width: calc(1410 * var(--u)) !important; margin: 0 0 0 calc(255 * var(--u)) !important; }
.tt2 .tt-card { width: calc(435 * var(--u)) !important; padding-left: calc(1 * var(--u)) !important; box-sizing: border-box; }
.tt2 .tt-card.tt-q-hide { display: none !important; }
.tt2 .tt-thumb { width: calc(435 * var(--u)) !important; height: calc(396 * var(--u)) !important; margin-left: calc(-1 * var(--u)) !important; }
.tt2 .tt-date { display: none !important; }
.tt2 .tt-meta { display: flex !important; align-items: center; margin: calc(27.1 * var(--u)) 0 0 !important; height: calc(20 * var(--u));
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: max(11px, calc(16.67 * var(--u))); line-height: calc(20 * var(--u)); letter-spacing: 0; text-transform: uppercase; color: var(--rm-cream); white-space: nowrap; }
.tt2 .tt-meta-dot { flex: none; width: calc(8 * var(--u)); height: calc(8 * var(--u)); border-radius: 50%; background: #ffebc5; margin: 0 calc(9 * var(--u)) 0 calc(10.7 * var(--u)); }
.tt2 .tt-meta-cal { flex: none; width: calc(16 * var(--u)); height: calc(17 * var(--u)); margin: calc(-3 * var(--u)) calc(11.8 * var(--u)) 0 0; background: url('/assets/figma/tt-calendar.png') center / 100% 100% no-repeat; }
.tt2 .tt-title { margin-top: calc(7.8 * var(--u)) !important; padding-top: calc(10 * var(--u)) !important; min-height: calc(60 * var(--u)) !important; filter: none !important; clip-path: inset(0 0 calc(2.5 * var(--u)) 0); }
.tt2 .tt-more { display: flex !important; align-items: center; margin: calc(21.8 * var(--u)) 0 0; height: calc(15 * var(--u));
font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-style: italic; font-size: max(10px, calc(12.5 * var(--u))); line-height: calc(15 * var(--u)); letter-spacing: 0; text-transform: uppercase; color: var(--rm-cream); white-space: nowrap; }
.tt2 .tt-more i { flex: none; width: calc(17 * var(--u)); height: calc(6 * var(--u)); margin: calc(3 * var(--u)) 0 0 calc(9.5 * var(--u));
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 6' fill='none'%3E%3Cpath d='M0 3H16M13.5 0.5L16 3L13.5 5.5' stroke='%23FFF7CF'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.rm-fab .rm-fab-main, .rm-fab .rm-fab-b { box-sizing: border-box; border: 1px solid #fdf6c2 !important; border-radius: 50% !important; background: rgba(2, 51, 0, .85) !important; overflow: hidden; }
.rm-fab .rm-fab-main:hover { transform: none; filter: brightness(1.12); }
.rm-fab .rm-fab-b img { clip-path: circle(41% at 50% 50%); }
.rm-fab .rm-fab-x { background: rgba(2, 51, 0, .85); }
.rmhd .rmhd-dots { color: transparent !important; -webkit-text-fill-color: transparent !important; filter: none !important; cursor: pointer; }
.rmhd .rmhd-lang .vi-box { position: relative; }
.rmhd .rmhd-lang .vi-box::after {
content: ''; position: absolute; left: calc(32.7 * var(--u)); top: calc(-0.6 * var(--u)); width: calc(4.7 * var(--u)); height: calc(21.8 * var(--u)); margin: -1px 0 0 -1px; pointer-events: none;
background:
radial-gradient(circle closest-side, #fff 97%, transparent 100%) 0 0 / 100% calc(4.7 * var(--u)) no-repeat,
radial-gradient(circle closest-side, #fff 97%, transparent 100%) 0 calc(8.55 * var(--u)) / 100% calc(4.7 * var(--u)) no-repeat,
radial-gradient(circle closest-side, #fff 97%, transparent 100%) 0 calc(17.1 * var(--u)) / 100% calc(4.7 * var(--u)) no-repeat;
}
.rmhd .rmhd-lang .vi-box { border-color: rgba(255, 255, 255, .73) !important; }
.tv2 .tv-tabs { z-index: 6; }
.tv2 .tv-video { position: absolute !important; left: 0 !important; top: calc(168 * var(--u)) !important; width: 100% !important; margin: 0 !important; padding: 0 !important; z-index: 1; }
.tv2 .tv-vslide { min-height: 0 !important; max-height: none !important; height: calc(644.5 * var(--u)) !important; }
.tv2 .tv-vmain { width: calc(1145.7 * var(--u)) !important; max-width: none !important; }
.tv2 .tv-vframe { border-radius: calc(23 * var(--u)) !important; }
.tv2 .tv-vtitle { display: none !important; }
.tv2 .tv-vside { top: 50% !important; border-radius: calc(23 * var(--u)) !important; }
.tv2 .tv-pager { margin: calc(185.1 * var(--u)) 0 0 !important; gap: calc(11.9 * var(--u)) !important; min-height: calc(11.4 * var(--u)); }
.tv2 .tv-pager .dot { width: calc(11.4 * var(--u)) !important; height: calc(11.4 * var(--u)) !important; min-width: 0 !important; border: 0 !important; background: #fff !important; opacity: .5; }
.tv2 .tv-pager .dot.on { opacity: 1; }
.tv2 .tv-pager .arw {
position: absolute !important; top: calc(289.75 * var(--u)) !important; width: calc(65 * var(--u)) !important; height: calc(65 * var(--u)) !important; padding: 0 !important; margin: 0 !important;
border: 0 !important; border-radius: 0 !important; font-size: 0 !important; color: transparent !important; z-index: 5;
background: url('/assets/figma/sp-s3-icon.png') center / 100% 100% no-repeat !important;
}
.tv2 .tv-pager .arw > * { display: none !important; }
.tv2 .tv-pager .arw:first-child { left: calc(24 * var(--u)) !important; transform: scaleX(-1) !important; }
.tv2 .tv-pager .arw:last-child { right: calc(24 * var(--u)) !important; }
.sp3 .sp3-row::before { display: none !important; }
.sp3 .sp3-next {
position: absolute; left: calc(1063 * var(--u)); top: calc(508 * var(--u)); width: calc(65 * var(--u)); height: calc(65 * var(--u)); padding: 0; margin: 0; border: 0; border-radius: 50%;
background: url('/assets/figma/sp-s3-icon.png') center / 100% 100% no-repeat; cursor: pointer; z-index: 6; transition: filter .2s, transform .2s;
}
.sp3 .sp3-next:hover { filter: brightness(1.15); transform: translateX(calc(3 * var(--u))); }
.s-insp .s2-track.no-anim .s2-frame { transition: none !important; }
.rmhd .rmhd-dots { translate: 0 calc(-2.8 * var(--u)); }
.rmhd, .rmhd .rmhd-in { height: calc(79 * var(--u)) !important; min-height: 0 !important; }
body:not([data-page="home"]) .rmhd:not(.stick) { background-size: 100% calc(79 * var(--u)) !important; }
.td2 .td2-in { left: calc(165 * var(--u)) !important; top: calc(256 * var(--u)) !important; width: calc(1591 * var(--u)) !important; }
.td2 .td2-in .td-cards { display: grid !important; grid-template-columns: repeat(2, calc(760 * var(--u))) !important; gap: calc(58 * var(--u)) calc(71 * var(--u)) !important; }
.td2 .td2-in .td-card { width: calc(760 * var(--u)) !important; height: calc(218 * var(--u)) !important; border: 0 !important; background: #fff7cf !important; }
.td2 .td2-in .td-card-img { flex: 0 0 calc(402 * var(--u)) !important; width: calc(402 * var(--u)) !important; }
.td2 .td2-in .td-card-body { display: flex !important; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 calc(16 * var(--u)) 0 calc(19.5 * var(--u)) !important; min-width: 0; }
.td2 .td2-in .td-card-body h3 { position: static !important; width: auto !important; max-width: 100%; margin: 0 !important; color: #0f1800 !important; }
.td2 .td2-in .td-card-body h3 .l1, .td2 .td2-in .td-card-body h3 .l2, .td2 .td2-in .td-card-body h3 .td-mon {
font-size: calc(25.08 * var(--u)) !important; line-height: calc(41.9 * var(--u)) !important; letter-spacing: 0 !important; color: #0f1800 !important; -webkit-text-fill-color: #0f1800 !important; background: none !important;
}
.td2 .td2-in .td-card-body h3 .td-mon { display: block; margin-left: 0 !important; }
.td2 .td2-in .td-card-body::before, .td2 .td2-in .td-card-body::after { display: none !important; }
.td2 .td2-in .td-card-body .td-more {
position: static !important; margin: calc(10.8 * var(--u)) 0 0 calc(2 * var(--u)) !important; width: calc(115.9 * var(--u)) !important; height: calc(29.7 * var(--u)) !important;
border: 1px solid #0f1800 !important; border-radius: calc(14.85 * var(--u)) !important; color: #0f1800 !important; font-size: max(11px, calc(16.72 * var(--u))) !important;
}
.td2 .td2-in .td-more .grad { font-size: max(11px, calc(16.72 * var(--u))) !important; color: #0f1800 !important; -webkit-text-fill-color: #0f1800 !important; background: none !important; }
.s-fulldesign > img { pointer-events: none !important; cursor: default !important; }
.sp2 .sp2-item.c, .ti3 .ti3-item.c, .sp3 .sp3-card.on img { cursor: zoom-in; }
.rm-lb .sv-lb-cap { font-family: 'BlushingRoseVN', 'Blushing Rose', Georgia, serif; }
.td2 .td2-in .rm-tx { filter: none !important; }
.s-loc5 { background-image: url('/assets/figma/home-s5-bg-v2.jpg') !important; }
.s-loc5 .loc5-fx { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }
.s-loc5 .loc5-fx svg { display: block; width: 100%; height: 100%; }
.hb, .s-hero { max-height: none !important; }
.s-hero { height: calc(1080 * var(--u)) !important; min-height: 0 !important; }
.hb .hb-desc .hb-ln { display: block; white-space: nowrap; text-align: justify; text-align-last: justify; }
.hb .hb-desc .hb-ln:last-child { text-align-last: left; }
footer.rmft .rmft-in::placeholder, .ct-panel .rmft-in::placeholder { color: rgba(255, 246, 181, .465) !important; -webkit-text-fill-color: rgba(255, 246, 181, .465) !important; opacity: 1 !important; }
footer.rmft .rmft-in, .ct-panel .rmft-in { border-bottom-color: rgba(253, 244, 197, .465) !important; }
body[data-page="vi-tri"] .hb { background-image: url('/assets/figma/kt-s1-bg-v2.jpg') !important; }
body[data-page="article"] { background: #fdf9e3 !important; }
body[data-page="article"] main.art-onbg { padding-top: 0 !important; background: #fdf9e3 !important; }
body[data-page="article"] .art-onbg-bg, body[data-page="article"] .art-onbg-scrim { display: none !important; }
body[data-page="article"] .art-hb-title {
margin: calc(103 * var(--u)) 0 0 !important; padding: 0 calc(82 * var(--u)) !important; background: none !important;
font-size: calc(72.9 * var(--u)) !important; line-height: calc(88 * var(--u)) !important; color: #002900 !important; -webkit-text-fill-color: #002900 !important;
}
body[data-page="article"] .art-body { background: none !important; padding: 0 0 calc(140 * var(--u)) !important; }
body[data-page="article"] .art-body .inner { width: calc(1756 * var(--u)) !important; margin: 0 0 0 calc(82 * var(--u)) !important; }
body[data-page="article"] .art-body .crumb { margin: calc(139 * var(--u)) 0 0 calc(7 * var(--u)) !important; height: calc(30 * var(--u)); }
body[data-page="article"] .art-body .crumb, body[data-page="article"] .art-body .crumb a, body[data-page="article"] .art-body .crumb span {
font-size: max(11px, calc(17.2 * var(--u))) !important; line-height: calc(30 * var(--u)) !important;
}
body[data-page="article"] .art-body .crumb .sep { margin: 0 calc(10 * var(--u)); }
body[data-page="article"] .art-media { display: block; width: calc(1756 * var(--u)); margin: calc(50 * var(--u)) 0 0; background: none; text-align: center; }
body[data-page="article"] .art-media img, body[data-page="article"] .art-body .bd img { display: block; width: auto !important; max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; }
body[data-page="article"] .art-body .bd { width: calc(1751 * var(--u)) !important; margin: calc(34.5 * var(--u)) 0 0 calc(5 * var(--u)) !important; }
body[data-page="article"] .art-body .bd p, body[data-page="article"] .art-body .bd li {
font-weight: 300 !important; font-size: max(13px, calc(20 * var(--u))) !important; line-height: calc(40 * var(--u)) !important; margin: 0 0 calc(24 * var(--u)) !important;
}
body[data-page="article"] .art-body .bd .rm-tx { filter: none !important; }
.ct-panel { --c: calc(100cqw / 1920); background: #001f11 !important; background-image: none !important; border: 1px solid rgba(253, 246, 194, .28) !important; }
.ct-panel::before { content: ''; position: absolute; left: calc(1008.5 * var(--c)); top: calc(172 * var(--c)); width: calc(814.9 * var(--c)); height: calc(709.1 * var(--c)); background: rgba(255, 255, 255, .04); pointer-events: none; }
.ct-panel > *, .ct-panel .ct-form > * { text-shadow: none !important; }
.ct-panel .cl-dev { left: calc(166 * var(--c)) !important; top: calc(201 * var(--c)) !important; width: calc(465 * var(--c)) !important; height: calc(74 * var(--c)) !important; gap: 0 !important; display: block !important; }
.ct-panel .cl-devcol { position: absolute !important; top: 0 !important; display: block !important; margin: 0 !important; }
.ct-panel .cl-devcol:nth-child(1) { left: 0 !important; width: calc(200 * var(--c)) !important; height: calc(74 * var(--c)) !important; }
.ct-panel .cl-devcol:nth-child(1) .cl-devcap { display: none !important; }
.ct-panel .cl-devcol:nth-child(1) img { content: url('/assets/figma/ft-tuta.png'); width: calc(200 * var(--c)) !important; height: auto !important; display: block; }
.ct-panel .cl-devcol:nth-child(2) { left: calc(265 * var(--c)) !important; width: calc(200 * var(--c)) !important; top: calc(8 * var(--c)) !important; }
.ct-panel .cl-devcol:nth-child(2) .cl-devcap { display: block !important; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: max(8px, calc(11.9 * var(--c))) !important; line-height: 1 !important; letter-spacing: -0.004em !important; text-transform: uppercase; color: #fff !important; white-space: nowrap; text-align: center; margin: 0 !important; }
.ct-panel .cl-devcol:nth-child(2) img { width: calc(200 * var(--c)) !important; height: auto !important; margin-top: calc(12 * var(--c)) !important; display: block; }
.ct-panel .cl-htitle { left: calc(166 * var(--c)) !important; top: calc(309 * var(--c)) !important; width: auto !important; margin: 0 !important; font-family: 'BlushingRoseVN', 'Blushing Rose', Georgia, serif !important; font-weight: 400 !important; font-size: calc(31.25 * var(--c)) !important; line-height: calc(34.4 * var(--c)) !important; letter-spacing: 0 !important; text-transform: uppercase; color: #fff7cf !important; -webkit-text-fill-color: #fff7cf !important; background: none !important; white-space: nowrap; }
.ct-panel > span.cl-sub, .ct-panel > span.cl-lbl, .ct-panel > span.cl-val {
left: calc(166 * var(--c)) !important; width: auto !important; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: max(9px, calc(16.67 * var(--c))) !important; line-height: calc(20 * var(--c)) !important;
letter-spacing: 0 !important; text-transform: uppercase; color: #fff7cf !important; -webkit-text-fill-color: #fff7cf !important; background: none !important; white-space: nowrap;
}
.ct-panel > span.cl-sub { top: calc(361.4 * var(--c)) !important; font-weight: 100 !important; }
.ct-panel > span.cl-lbl { font-weight: 100 !important; }
.ct-panel > span.cl-val { font-weight: 400 !important; }
.ct-panel > span:nth-of-type(2) { top: calc(454.4 * var(--c)) !important; }
.ct-panel > span:nth-of-type(3) { top: calc(487 * var(--c)) !important; }
.ct-panel > span:nth-of-type(4) { top: calc(599 * var(--c)) !important; }
.ct-panel > span:nth-of-type(5) { top: calc(631.4 * var(--c)) !important; }
.ct-panel > span:nth-of-type(6) { top: calc(762.4 * var(--c)) !important; font-weight: 300 !important; }
.ct-panel .cl-social { left: calc(166 * var(--c)) !important; top: calc(806.4 * var(--c)) !important; height: calc(49.4 * var(--c)) !important; gap: calc(36.7 * var(--c)) !important; }
.ct-panel .cl-social a, .ct-panel .cl-social img { width: calc(49.4 * var(--c)) !important; height: calc(49.4 * var(--c)) !important; }
.ct-panel .ct-title { left: calc(1008.5 * var(--c)) !important; width: calc(843 * var(--c)) !important; top: calc(221 * var(--c)) !important; margin: 0 !important; text-align: center !important; font-family: 'BlushingRoseVN', 'Blushing Rose', Georgia, serif !important; font-weight: 400 !important; font-size: calc(41.69 * var(--c)) !important; line-height: calc(46 * var(--c)) !important; letter-spacing: 0 !important; text-transform: uppercase; color: #fff7cf !important; -webkit-text-fill-color: #fff7cf !important; background: none !important; }
.ct-panel .cl-in {
background: none !important; border: 0 !important; border-bottom: 1px solid rgba(253, 244, 197, .465) !important; border-radius: 0 !important; padding: 0 !important; height: calc(44 * var(--c)) !important; min-height: 0 !important;
text-align: left !important; text-transform: none !important; letter-spacing: 0 !important; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: max(10px, calc(18.74 * var(--c))) !important; color: #fff6b5 !important; resize: none; box-shadow: none !important;
}
.ct-panel .cl-in::placeholder { color: rgba(255, 246, 181, .465) !important; -webkit-text-fill-color: rgba(255, 246, 181, .465) !important; opacity: 1 !important; text-transform: none !important; letter-spacing: 0 !important; text-align: left !important; }
.ct-panel .cl-in[name="name"] { left: calc(1039.1 * var(--c)) !important; top: calc(339.6 * var(--c)) !important; width: calc(744.9 * var(--c)) !important; }
.ct-panel .cl-in[name="phone"] { left: calc(1039.1 * var(--c)) !important; top: calc(446.3 * var(--c)) !important; width: calc(318.4 * var(--c)) !important; }
.ct-panel .cl-in[name="email"] { left: calc(1381 * var(--c)) !important; top: calc(446.5 * var(--c)) !important; width: calc(402.9 * var(--c)) !important; }
.ct-panel .cl-in[name="issue"] { left: calc(1039.1 * var(--c)) !important; top: calc(538.5 * var(--c)) !important; width: calc(744.9 * var(--c)) !important; line-height: calc(40 * var(--c)) !important; overflow: hidden; }
.ct-panel .cl-note { left: calc(1046.1 * var(--c)) !important; width: calc(744.9 * var(--c)) !important; top: calc(610 * var(--c)) !important; text-align: center !important; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-style: italic; font-size: max(9px, calc(15.05 * var(--c))) !important; line-height: calc(24 * var(--c)) !important; color: #fff7cf !important; letter-spacing: 0 !important; }
.ct-panel .cl-privacy { left: calc(1035.1 * var(--c)) !important; width: calc(764.9 * var(--c)) !important; top: calc(671.5 * var(--c)) !important; margin: 0 !important; text-align: center !important; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: max(9px, calc(16.67 * var(--c))) !important; line-height: calc(27.08 * var(--c)) !important; color: #fff7cf !important; letter-spacing: 0 !important; }
.ct-panel .ct-err { top: calc(742 * var(--c)) !important; }
.ct-panel .cl-submit { left: calc(1351.5 * var(--c)) !important; top: calc(786.3 * var(--c)) !important; width: calc(156 * var(--c)) !important; height: calc(38.2 * var(--c)) !important; box-sizing: border-box; padding: 0 !important; background: none !important; border: 1px solid #fff7cf !important; border-radius: calc(19.1 * var(--c)) !important; font-family: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 300 !important; font-size: max(9px, calc(16.68 * var(--c))) !important; letter-spacing: 0.006em !important; color: #fff7cf !important; -webkit-text-fill-color: #fff7cf !important; white-space: nowrap; }
.ct-panel .cl-submit:hover { background: rgba(253, 246, 194, .14) !important; }
.ct-panel .rm-tx { filter: none; }
.tt2 .tt-title { font-size: calc(16.65 * var(--u)) !important; line-height: calc(20.81 * var(--u)) !important; min-height: calc(20.81 * var(--u)) !important; }
.tt2 .tt-more { margin-top: calc(34.3 * var(--u)) !important; }
.ti3 .ti3-cap { font-size: calc(20 * var(--u)) !important; line-height: calc(20 * var(--u)) !important; top: calc(935 * var(--u)) !important; }
.s-video .video-frame { height: calc(844 * var(--u)) !important; aspect-ratio: auto !important; border: 0 !important;
box-shadow: none !important; background: transparent !important; }
.s-video .video-frame, .s-video .yt-facade, .s-video .yt-thumb { border-radius: calc(16 * var(--u)) !important; }
.s-video .yt-facade { background: transparent !important; }
}