.elementor-23 .elementor-element.elementor-element-5d914cbf{--display:flex;--min-height:14vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-7vh;--margin-bottom:0;--margin-left:0;--margin-right:0;--z-index:0;}.elementor-23 .elementor-element.elementor-element-5d914cbf:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-5d914cbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF2EA00;}.elementor-23 .elementor-element.elementor-element-ababc70{width:100%;max-width:100%;}.elementor-23 .elementor-element.elementor-element-6516057{--display:flex;--min-height:14vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-7vh;--margin-bottom:0;--margin-left:0;--margin-right:0;--z-index:0;}.elementor-23 .elementor-element.elementor-element-6516057:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-6516057 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF2EA00;}.elementor-23 .elementor-element.elementor-element-07e326b{width:100%;max-width:100%;}.elementor-23 .elementor-element.elementor-element-3342b4c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-7f00ce31{--display:flex;--min-height:80vh;--justify-content:flex-end;--overlay-opacity:0;--border-radius:24px 24px 24px 24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-7f00ce31::before, .elementor-23 .elementor-element.elementor-element-7f00ce31 > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-7f00ce31 > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-7f00ce31 > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-7f00ce31 > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-7f00ce31 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-23 .elementor-element.elementor-element-7f00ce31:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-7f00ce31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://67nailbar.com/wp-content/uploads/2026/05/e79f1757-7d09-4bde-abde-e5400a8cb540-1.jpg") 50% 50%;background-size:cover;}.elementor-23 .elementor-element.elementor-element-71f0a63a{--display:flex;--min-height:0px;--border-radius:24px 24px 24px 24px;--padding-top:60px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-23 .elementor-element.elementor-element-71f0a63a:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-71f0a63a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FAF2EA00 0%, #FAF2EA 100%);}.elementor-23 .elementor-element.elementor-element-191fa521{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-23 .elementor-element.elementor-element-191fa521 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-191fa521 .elementor-heading-title{font-family:"Cormorant Infant", Sans-serif;font-size:60px;font-weight:700;text-transform:none;font-style:normal;line-height:1.1em;letter-spacing:0px;color:#A77824;}.elementor-23 .elementor-element.elementor-element-60a01136 .elementor-heading-title{font-family:"Cormorant Infant", Sans-serif;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-3342b4c5{--width:100%;}}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-5d914cbf{--min-height:40px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-6516057{--min-height:40px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-7f00ce31{--min-height:60vw;}.elementor-23 .elementor-element.elementor-element-71f0a63a{--min-height:0px;--justify-content:flex-end;--padding-top:60px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-23 .elementor-element.elementor-element-191fa521 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-23 .elementor-element.elementor-element-191fa521 .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-5d914cbf{--min-height:20px;}.elementor-23 .elementor-element.elementor-element-6516057{--min-height:20px;}.elementor-23 .elementor-element.elementor-element-7f00ce31{--min-height:100vw;}.elementor-23 .elementor-element.elementor-element-71f0a63a{--padding-top:40px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-23 .elementor-element.elementor-element-191fa521 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-191fa521{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-23 .elementor-element.elementor-element-191fa521.elementor-element{--align-self:flex-start;}.elementor-23 .elementor-element.elementor-element-191fa521 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for heading, class: .elementor-element-191fa521 *//* ===== LUXURY GOLD H2 TONE SÁNG, TINH TẾ ===== */ h3 { font-family: 'Playfair Display', serif; font-size: 64px; font-weight: 700; letter-spacing: 4px; text-align: center; position: relative; display: inline-block; padding-bottom: 25px; overflow: hidden; margin: 0; /* CHAMPAGNE GOLD GRADIENT */ background: linear-gradient( 90deg, #9a7b4f 0%, #d4af37 20%, #fff3bc 40%, #ffffff 50%, #fff3bc 60%, #d4af37 80%, #9a7b4f 100% ); background-size: 300% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Soft gold glow */ text-shadow: 0 0 4px rgba(212, 175, 55, 0.15), 0 0 10px rgba(252, 224, 139, 0.2); animation: goldFlow 12s ease-in-out infinite alternate; transition: text-shadow 0.5s ease; } /* LIGHT SWEEP MỀM MẠI HƠN */ h3::before { content: ""; position: absolute; top: 0; left: -150%; width: 70%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.5), /* Giảm độ gắt của vệt sáng */ transparent ); transform: skewX(-25deg); animation: lightSweep 8s cubic-bezier(0.4, 0, 0.2, 1) infinite; pointer-events: none; } /* HOVER VỚI ĐỘ GLOW VỪA PHẢI, SANG TRỌNG */ h3:hover { text-shadow: 0 0 6px rgba(252, 224, 139, 0.3), 0 0 15px rgba(212, 175, 55, 0.4), 0 0 30px rgba(252, 224, 139, 0.2); } /* SPARKLE (NGÔI SAO NHỎ) */ h3 span { position: relative; display: inline-block; } h3 span::after { content: ""; position: absolute; top: 10%; right: 5%; width: 6px; height: 6px; background: white; border-radius: 50%; box-shadow: 0 0 10px white, 0 0 20px rgba(252, 224, 139, 0.8), 0 0 30px rgba(212, 175, 55, 0.6); animation: sparkle 4s ease-in-out infinite; pointer-events: none; } /* ===== LUXURY GOLD H5 XUYT TÔNG NHẸ ===== */ h5 { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 10px; text-align: center; /* champagne gold gradient */ background: linear-gradient( 90deg, #9a7b4f, #d4af37, #ffffff, #fce08b, #9a7b4f ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Soft glow */ text-shadow: 0 0 4px rgba(212, 175, 55, 0.15), 0 0 8px rgba(252, 224, 139, 0.1); animation: goldShimmer 8s ease-in-out infinite alternate; } /* Floating Gold Dust */ .gold-dust { position: absolute; width: 2px; height: 2px; background: #f8e596; border-radius: 50%; box-shadow: 15px 25px 2px #ffffff, -25px -35px 1px #c59b3d, 35px -15px 2px #f8e596, -45px 25px 1px #bd9853, /* Tông nâu vàng nhẹ lại */ 55px 45px 2px #ffffff, -55px -55px 1px #c59b3d; animation: float-dust 8s linear infinite; opacity: 0; pointer-events: none; } /* ANIMATIONS */ @keyframes goldFlow { 0% { background-position: 0% center; } 100% { background-position: 300% center; } } @keyframes sparkle { 0% { opacity: 0; transform: scale(0.3) rotate(0deg); } 50% { opacity: 1; transform: scale(1.2) rotate(45deg); } 100% { opacity: 0; transform: scale(0.3) rotate(90deg); } } @keyframes goldShimmer { 0% { background-position: 0% center; } 100% { background-position: 200% center; } } @keyframes float-dust { 0% { transform: translateY(20px) rotate(0deg); opacity: 0; } 20% { opacity: 0.8; } 80% { opacity: 0.8; } 100% { transform: translateY(-80px) rotate(180deg); opacity: 0; } }/* End custom CSS */