.elementor-10 .elementor-element.elementor-element-bb4b9bb{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.5;}.elementor-10 .elementor-element.elementor-element-bb4b9bb:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-bb4b9bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020202;background-image:url("https://daorutnhatrang.com/wp-content/uploads/2026/07/Gemini_Generated_Image_awfwzdawfwzdawfw-scaled-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-bb4b9bb::before, .elementor-10 .elementor-element.elementor-element-bb4b9bb > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-bb4b9bb > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-bb4b9bb > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-bb4b9bb > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-bb4b9bb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-e8044c2{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-75d02a4{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-396a454{font-family:"Roboto", Sans-serif;font-size:0px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-396a454 p{margin-block-end:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-98c1eda{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-98c1eda .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-icon i{color:#CE9945;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-icon svg{fill:#CE9945;transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-afb4481{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-text{color:#D2D2D2;transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-63d72aa{border-radius:10px 10px 10px 10px;}.elementor-10 .elementor-element.elementor-element-63d72aa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-10 .elementor-element.elementor-element-63d72aa .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;text-transform:uppercase;fill:#020202;color:#020202;}.elementor-10 .elementor-element.elementor-element-6b14c15{--display:flex;--min-height:724px;--padding-top:0px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-6b14c15:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-6b14c15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0D0B;background-image:url("https://daorutnhatrang.com/wp-content/uploads/2026/07/bg.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-93245db{--divider-border-style:solid;--divider-color:#E3B564;--divider-border-width:1px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-93245db .elementor-divider-separator{width:100%;}.elementor-10 .elementor-element.elementor-element-93245db .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10 .elementor-element.elementor-element-077eba0{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-79fdcbd.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-79fdcbd{text-align:center;}.elementor-10 .elementor-element.elementor-element-79fdcbd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-6ae6f62{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-a7712d6{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-59b7912{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3B564;--border-color:#E3B564;--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-069b89f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-069b89f .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-069b89f.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-069b89f.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-069b89f.elementor-view-default .elementor-icon{color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-069b89f.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-069b89f.elementor-view-default .elementor-icon svg{fill:#E3B564;}.elementor-10 .elementor-element.elementor-element-a8caf3e{text-align:center;}.elementor-10 .elementor-element.elementor-element-a8caf3e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#E3B564;}.elementor-10 .elementor-element.elementor-element-96f5fa7{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#D2D2D2;}.elementor-10 .elementor-element.elementor-element-96f5fa7 p{margin-block-end:0px;}.elementor-10 .elementor-element.elementor-element-bb3b930{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3B564;--border-color:#E3B564;--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-10 .elementor-element.elementor-element-f315f3b .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-f315f3b.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-f315f3b.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-f315f3b.elementor-view-default .elementor-icon{color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-f315f3b.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-f315f3b.elementor-view-default .elementor-icon svg{fill:#E3B564;}.elementor-10 .elementor-element.elementor-element-6623545{text-align:center;}.elementor-10 .elementor-element.elementor-element-6623545 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#E3B564;}.elementor-10 .elementor-element.elementor-element-6c9783f{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#D2D2D2;}.elementor-10 .elementor-element.elementor-element-6c9783f p{margin-block-end:0px;}.elementor-10 .elementor-element.elementor-element-a82ee74{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3B564;--border-color:#E3B564;--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-10 .elementor-element.elementor-element-52c0712 .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-52c0712.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-52c0712.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-52c0712.elementor-view-default .elementor-icon{color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-52c0712.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-52c0712.elementor-view-default .elementor-icon svg{fill:#E3B564;}.elementor-10 .elementor-element.elementor-element-0ed5a5e{text-align:center;}.elementor-10 .elementor-element.elementor-element-0ed5a5e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#E3B564;}.elementor-10 .elementor-element.elementor-element-5ac7840{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#D2D2D2;}.elementor-10 .elementor-element.elementor-element-5ac7840 p{margin-block-end:0px;}.elementor-10 .elementor-element.elementor-element-b43a75c{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3B564;--border-color:#E3B564;--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-10 .elementor-element.elementor-element-47f12f5 .elementor-icon-wrapper{text-align:center;}.elementor-10 .elementor-element.elementor-element-47f12f5.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-47f12f5.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-47f12f5.elementor-view-default .elementor-icon{color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-47f12f5.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-47f12f5.elementor-view-default .elementor-icon svg{fill:#E3B564;}.elementor-10 .elementor-element.elementor-element-8a7948f{text-align:center;}.elementor-10 .elementor-element.elementor-element-8a7948f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#E3B564;}.elementor-10 .elementor-element.elementor-element-31917bf{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#D2D2D2;}.elementor-10 .elementor-element.elementor-element-31917bf p{margin-block-end:0px;}.elementor-10 .elementor-element.elementor-element-8801ec6{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-602a13b.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-602a13b{text-align:center;}.elementor-10 .elementor-element.elementor-element-602a13b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-3b8065a{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-47bd523{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-5103605{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-b898bf5 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-10 .elementor-element.elementor-element-b898bf5 .elementor-icon-box-title{margin-block-end:5px;color:#E3B564;}.elementor-10 .elementor-element.elementor-element-b898bf5.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-b898bf5.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-b898bf5.elementor-view-default .elementor-icon{fill:#E3B564;color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-b898bf5.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-b898bf5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-b898bf5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-b898bf5.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-b898bf5.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-b898bf5.elementor-view-default:has(:focus) .elementor-icon{fill:#E3B564;color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-b898bf5 .elementor-icon{font-size:30px;}.elementor-10 .elementor-element.elementor-element-b898bf5 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-b898bf5 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-10 .elementor-element.elementor-element-b898bf5:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-b898bf5:has(:focus) .elementor-icon-box-title{color:#E3B564;}.elementor-10 .elementor-element.elementor-element-b898bf5 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#D2D2D2;}.elementor-10 .elementor-element.elementor-element-8968aac{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-68568eb .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-10 .elementor-element.elementor-element-68568eb .elementor-icon-box-title{margin-block-end:5px;color:#E3B564;}.elementor-10 .elementor-element.elementor-element-68568eb.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-68568eb.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-68568eb.elementor-view-default .elementor-icon{fill:#E3B564;color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-68568eb.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-68568eb.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-68568eb.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-68568eb.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-68568eb.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-68568eb.elementor-view-default:has(:focus) .elementor-icon{fill:#E3B564;color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-68568eb .elementor-icon{font-size:30px;}.elementor-10 .elementor-element.elementor-element-68568eb .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-68568eb .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-10 .elementor-element.elementor-element-68568eb:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-68568eb:has(:focus) .elementor-icon-box-title{color:#E3B564;}.elementor-10 .elementor-element.elementor-element-68568eb .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#D2D2D2;}.elementor-10 .elementor-element.elementor-element-eb143a1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-a320904 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-10 .elementor-element.elementor-element-a320904 .elementor-icon-box-title{margin-block-end:5px;color:#E3B564;}.elementor-10 .elementor-element.elementor-element-a320904.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-a320904.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-a320904.elementor-view-default .elementor-icon{fill:#E3B564;color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-a320904.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-a320904.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-a320904.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-a320904.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-a320904.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-a320904.elementor-view-default:has(:focus) .elementor-icon{fill:#E3B564;color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-a320904 .elementor-icon{font-size:30px;}.elementor-10 .elementor-element.elementor-element-a320904 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-a320904 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-10 .elementor-element.elementor-element-a320904:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-a320904:has(:focus) .elementor-icon-box-title{color:#E3B564;}.elementor-10 .elementor-element.elementor-element-a320904 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#D2D2D2;}.elementor-10 .elementor-element.elementor-element-73060e7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-beabdcd .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-10 .elementor-element.elementor-element-beabdcd .elementor-icon-box-title{margin-block-end:5px;color:#E3B564;}.elementor-10 .elementor-element.elementor-element-beabdcd.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-beabdcd.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-beabdcd.elementor-view-default .elementor-icon{fill:#E3B564;color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-beabdcd.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-beabdcd.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-beabdcd.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-beabdcd.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-beabdcd.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-10 .elementor-element.elementor-element-beabdcd.elementor-view-default:has(:focus) .elementor-icon{fill:#E3B564;color:#E3B564;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-beabdcd .elementor-icon{font-size:30px;}.elementor-10 .elementor-element.elementor-element-beabdcd .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-beabdcd .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-10 .elementor-element.elementor-element-beabdcd:has(:hover) .elementor-icon-box-title,
					 .elementor-10 .elementor-element.elementor-element-beabdcd:has(:focus) .elementor-icon-box-title{color:#E3B564;}.elementor-10 .elementor-element.elementor-element-beabdcd .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#D2D2D2;}.elementor-10 .elementor-element.elementor-element-12b731b{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-bce9682.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-bce9682{text-align:center;}.elementor-10 .elementor-element.elementor-element-bce9682 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-cdc152c{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-c170776 .elementor-button{background-color:#00000000;font-family:"Roboto", Sans-serif;font-size:60px;font-weight:500;fill:#E3B564;color:#E3B564;border-radius:10px 10px 10px 10px;}.elementor-10 .elementor-element.elementor-element-c98a378{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-204d0a5{--divider-border-style:solid;--divider-color:#E3B564;--divider-border-width:1px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-204d0a5 .elementor-divider-separator{width:100%;}.elementor-10 .elementor-element.elementor-element-204d0a5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10 .elementor-element.elementor-element-99857ee{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-10 .elementor-element.elementor-element-99857ee.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-99857ee .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-8f9ce26{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-reviews .elementor-testimonial__header, .elementor-widget-reviews .elementor-testimonial__name{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-reviews .elementor-testimonial__text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-main-swiper .swiper-slide{background-color:#00000000;border-width:2px 2px 2px 2px;border-radius:10px;border-color:#E3B564;}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-testimonial__header{padding-top:20px;padding-left:20px;padding-right:20px;}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-testimonial__content{padding-bottom:20px;padding-left:20px;padding-right:20px;}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-swiper-button{font-size:20px;color:#E3B564;}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-swiper-button svg{fill:#E3B564;}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-testimonial__name{color:#E3B564;}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-testimonial__header, .elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-testimonial__name{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-testimonial__title{color:#BBA173;font-family:"Roboto", Sans-serif;}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-testimonial__text{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-testimonial__icon:not(.elementor-testimonial__rating){color:#E3B564;}.elementor-10 .elementor-element.elementor-element-66ff5ee .elementor-testimonial__icon:not(.elementor-testimonial__rating) svg{fill:#E3B564;}.elementor-10 .elementor-element.elementor-element-2466f5d{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-2466f5d:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-2466f5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141414;}.elementor-10 .elementor-element.elementor-element-07b8bd5{padding:0px 0px 40px 0px;text-align:center;}.elementor-10 .elementor-element.elementor-element-07b8bd5.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-07b8bd5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10 .elementor-element.elementor-element-d37d0b2{--grid-columns:3;}.elementor-10 .elementor-element.elementor-element-fc5b730{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-e8044c2{--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-a7712d6{--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-47bd523{--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-d37d0b2{--grid-columns:2;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-bb4b9bb{--min-height:60vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-bb4b9bb:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-bb4b9bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-10 .elementor-element.elementor-element-e8044c2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-75d02a4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-396a454{text-align:center;}.elementor-10 .elementor-element.elementor-element-98c1eda{text-align:center;}.elementor-10 .elementor-element.elementor-element-98c1eda .elementor-heading-title{font-size:15px;}.elementor-10 .elementor-element.elementor-element-afb4481.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10 .elementor-element.elementor-element-afb4481 .elementor-icon-list-item > a{font-size:14px;}.elementor-10 .elementor-element.elementor-element-077eba0{--margin-top:2px;--margin-bottom:2px;--margin-left:2px;--margin-right:2px;}.elementor-10 .elementor-element.elementor-element-79fdcbd .elementor-heading-title{font-size:24px;}.elementor-10 .elementor-element.elementor-element-a7712d6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-069b89f .elementor-icon{font-size:40px;}.elementor-10 .elementor-element.elementor-element-069b89f .elementor-icon svg{height:40px;}.elementor-10 .elementor-element.elementor-element-f315f3b .elementor-icon{font-size:40px;}.elementor-10 .elementor-element.elementor-element-f315f3b .elementor-icon svg{height:40px;}.elementor-10 .elementor-element.elementor-element-52c0712 .elementor-icon{font-size:40px;}.elementor-10 .elementor-element.elementor-element-52c0712 .elementor-icon svg{height:40px;}.elementor-10 .elementor-element.elementor-element-47f12f5 .elementor-icon{font-size:40px;}.elementor-10 .elementor-element.elementor-element-47f12f5 .elementor-icon svg{height:40px;}.elementor-10 .elementor-element.elementor-element-602a13b .elementor-heading-title{font-size:24px;}.elementor-10 .elementor-element.elementor-element-47bd523{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-b898bf5 .elementor-icon{font-size:30px;}.elementor-10 .elementor-element.elementor-element-bce9682 .elementor-heading-title{font-size:24px;}.elementor-10 .elementor-element.elementor-element-c170776 .elementor-button{font-size:30px;}.elementor-10 .elementor-element.elementor-element-c98a378{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-99857ee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10 .elementor-element.elementor-element-99857ee .elementor-heading-title{font-size:24px;}.elementor-10 .elementor-element.elementor-element-2466f5d{--padding-top:20px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-07b8bd5{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-07b8bd5 .elementor-heading-title{font-size:24px;}.elementor-10 .elementor-element.elementor-element-d37d0b2{--grid-columns:1;}}/* Start custom CSS for button, class: .elementor-element-63d72aa *//* 1. TRẠNG THÁI MẶC ĐỊNH CỦA NÚT */
.linear-btn .elementor-button,
a.linear-btn {
    background-image: linear-gradient(to right, #CB953D, #E3B564, #CB953D) !important;
    background-color: transparent !important;
    border: none !important;
    transition: all 0.4s ease !important; /* Chuyển động mượt mà */
    position: relative; /* Cần thiết cho vệt sáng */
    overflow: hidden; /* Giữ vệt sáng không bị tràn ra ngoài viền nút */
}

/* Định dạng chữ và icon */
.linear-btn .elementor-button-text {
    color: #020202 !important; 
    text-transform: uppercase; /* Chữ in hoa giúp tăng độ sang trọng */
    letter-spacing: 1px; /* Tạo khoảng cách chữ thoáng hơn */
}
.linear-btn .elementor-button-icon svg {
    fill: #020202 !important;
    transition: transform 0.3s ease !important;
}

/* 2. HIỆU ỨNG HOVER (Nổi lên + Đổ bóng + Sáng màu) */
.linear-btn .elementor-button:hover,
a.linear-btn:hover {
    /* Chuyển sang dải gradient sáng hơn một chút (Tone vàng nhạt) */
    background-image: linear-gradient(to right, #E3B564, #FDE6A9, #E3B564) !important;
    
    /* Nút nổi nhẹ lên 3px */
    transform: translateY(-3px);
    
    /* Đổ bóng ánh vàng gold tỏa ra xung quanh */
    box-shadow: 0 10px 25px rgba(203, 149, 61, 0.6) !important;
}

/* Đẩy icon mũi tên rê nhẹ sang phải khi hover tạo cảm giác kêu gọi hành động */
.linear-btn .elementor-button:hover .elementor-button-icon svg,
a.linear-btn:hover .elementor-button-icon svg {
    transform: translateX(5px);
}

/* 3. HIỆU ỨNG VỆT SÁNG LƯỚT QUA (LUXURY SHINE) */
.linear-btn .elementor-button::before,
a.linear-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); /* Làm nghiêng vệt sáng */
    transition: left 0.7s ease-in-out;
}

/* Khi hover, vệt sáng sẽ chạy từ trái sang phải */
.linear-btn .elementor-button:hover::before,
a.linear-btn:hover::before {
    left: 150%;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-79fdcbd */.heading-linear .elementor-heading-title {
    /* Tạo dải màu gradient từ trái sang phải */
    background: linear-gradient(to right, #F2D8AA, #E3B564);
    
    /* Áp dụng background vào text (chữ) */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Làm trong suốt màu chữ gốc để lộ phần màu nền gradient ở dưới */
    -webkit-text-fill-color: transparent;
    color: transparent; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59b7912 *//* ========================================================
   HIỆU ỨNG LUXURY HOVER CHO CLASS .div-card
======================================================== */

/* 1. Trạng thái mặc định của Card */
.div-card {
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid #E3B564; 
    border-radius: 8px; /* Bo góc nhẹ để trông mềm mại, bạn có thể chỉnh hoặc xóa nếu muốn vuông */
    background-color: transparent; 
}

/* Đảm bảo nội dung nằm trên lớp vệt sáng */
.div-card > div {
    position: relative;
    z-index: 2;
}

/* 2. Tạo vệt sáng lướt qua (Shine effect) */
.div-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(227, 181, 100, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    transition: all 0.8s ease;
    z-index: 1;
}

/* 3. Hiệu ứng cho Icon và Tiêu đề (Mặc định mượt mà) */
.div-card .elementor-icon svg,
.div-card .elementor-heading-title {
    transition: all 0.5s ease;
}

/* ========================================================
   TRẠNG THÁI KHI HOVER (CHUỘT LƯỚT VÀO)
======================================================== */

/* Hiệu ứng Card nhấc lên và tỏa ánh sáng vàng rực rỡ hơn */
.div-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(227, 181, 100, 0.2), 0 5px 15px rgba(0, 0, 0, 0.1);
    border-color: #f7d694; /* Viền sáng hơn một chút */
    background: linear-gradient(145deg, rgba(227, 181, 100, 0.05) 0%, rgba(255,255,255,0) 100%);
}

/* Kích hoạt vệt sáng lướt qua */
.div-card:hover::before {
    left: 150%;
}

/* Icon phóng to nhẹ và phát sáng */
.div-card:hover .elementor-icon svg {
    transform: scale(1.15);
    fill: #f7d694; /* Làm màu icon sáng lên */
    filter: drop-shadow(0px 4px 10px rgba(227, 181, 100, 0.7));
}

/* Tiêu đề phát sáng nhẹ */
.div-card:hover .elementor-heading-title {
    color: #f7d694;
    text-shadow: 0px 2px 8px rgba(227, 181, 100, 0.5);
}

/* Nội dung text mượt mà di chuyển theo (Tùy chọn) */
.div-card:hover .elementor-widget-text-editor {
    color: #ffffff; /* Thay đổi màu text miêu tả nếu nền tối, hoặc đổi lại cho phù hợp màu nền của bạn */
    opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb3b930 *//* ========================================================
   HIỆU ỨNG LUXURY HOVER CHO CLASS .div-card
======================================================== */

/* 1. Trạng thái mặc định của Card */
.div-card {
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid #E3B564; 
    border-radius: 8px; /* Bo góc nhẹ để trông mềm mại, bạn có thể chỉnh hoặc xóa nếu muốn vuông */
    background-color: transparent; 
}

/* Đảm bảo nội dung nằm trên lớp vệt sáng */
.div-card > div {
    position: relative;
    z-index: 2;
}

/* 2. Tạo vệt sáng lướt qua (Shine effect) */
.div-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(227, 181, 100, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    transition: all 0.8s ease;
    z-index: 1;
}

/* 3. Hiệu ứng cho Icon và Tiêu đề (Mặc định mượt mà) */
.div-card .elementor-icon svg,
.div-card .elementor-heading-title {
    transition: all 0.5s ease;
}

/* ========================================================
   TRẠNG THÁI KHI HOVER (CHUỘT LƯỚT VÀO)
======================================================== */

/* Hiệu ứng Card nhấc lên và tỏa ánh sáng vàng rực rỡ hơn */
.div-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(227, 181, 100, 0.2), 0 5px 15px rgba(0, 0, 0, 0.1);
    border-color: #f7d694; /* Viền sáng hơn một chút */
    background: linear-gradient(145deg, rgba(227, 181, 100, 0.05) 0%, rgba(255,255,255,0) 100%);
}

/* Kích hoạt vệt sáng lướt qua */
.div-card:hover::before {
    left: 150%;
}

/* Icon phóng to nhẹ và phát sáng */
.div-card:hover .elementor-icon svg {
    transform: scale(1.15);
    fill: #f7d694; /* Làm màu icon sáng lên */
    filter: drop-shadow(0px 4px 10px rgba(227, 181, 100, 0.7));
}

/* Tiêu đề phát sáng nhẹ */
.div-card:hover .elementor-heading-title {
    color: #f7d694;
    text-shadow: 0px 2px 8px rgba(227, 181, 100, 0.5);
}

/* Nội dung text mượt mà di chuyển theo (Tùy chọn) */
.div-card:hover .elementor-widget-text-editor {
    color: #ffffff; /* Thay đổi màu text miêu tả nếu nền tối, hoặc đổi lại cho phù hợp màu nền của bạn */
    opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a82ee74 *//* ========================================================
   HIỆU ỨNG LUXURY HOVER CHO CLASS .div-card
======================================================== */

/* 1. Trạng thái mặc định của Card */
.div-card {
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid #E3B564; 
    border-radius: 8px; /* Bo góc nhẹ để trông mềm mại, bạn có thể chỉnh hoặc xóa nếu muốn vuông */
    background-color: transparent; 
}

/* Đảm bảo nội dung nằm trên lớp vệt sáng */
.div-card > div {
    position: relative;
    z-index: 2;
}

/* 2. Tạo vệt sáng lướt qua (Shine effect) */
.div-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(227, 181, 100, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    transition: all 0.8s ease;
    z-index: 1;
}

/* 3. Hiệu ứng cho Icon và Tiêu đề (Mặc định mượt mà) */
.div-card .elementor-icon svg,
.div-card .elementor-heading-title {
    transition: all 0.5s ease;
}

/* ========================================================
   TRẠNG THÁI KHI HOVER (CHUỘT LƯỚT VÀO)
======================================================== */

/* Hiệu ứng Card nhấc lên và tỏa ánh sáng vàng rực rỡ hơn */
.div-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(227, 181, 100, 0.2), 0 5px 15px rgba(0, 0, 0, 0.1);
    border-color: #f7d694; /* Viền sáng hơn một chút */
    background: linear-gradient(145deg, rgba(227, 181, 100, 0.05) 0%, rgba(255,255,255,0) 100%);
}

/* Kích hoạt vệt sáng lướt qua */
.div-card:hover::before {
    left: 150%;
}

/* Icon phóng to nhẹ và phát sáng */
.div-card:hover .elementor-icon svg {
    transform: scale(1.15);
    fill: #f7d694; /* Làm màu icon sáng lên */
    filter: drop-shadow(0px 4px 10px rgba(227, 181, 100, 0.7));
}

/* Tiêu đề phát sáng nhẹ */
.div-card:hover .elementor-heading-title {
    color: #f7d694;
    text-shadow: 0px 2px 8px rgba(227, 181, 100, 0.5);
}

/* Nội dung text mượt mà di chuyển theo (Tùy chọn) */
.div-card:hover .elementor-widget-text-editor {
    color: #ffffff; /* Thay đổi màu text miêu tả nếu nền tối, hoặc đổi lại cho phù hợp màu nền của bạn */
    opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b43a75c *//* ========================================================
   HIỆU ỨNG LUXURY HOVER CHO CLASS .div-card
======================================================== */

/* 1. Trạng thái mặc định của Card */
.div-card {
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid #E3B564; 
    border-radius: 8px; /* Bo góc nhẹ để trông mềm mại, bạn có thể chỉnh hoặc xóa nếu muốn vuông */
    background-color: transparent; 
}

/* Đảm bảo nội dung nằm trên lớp vệt sáng */
.div-card > div {
    position: relative;
    z-index: 2;
}

/* 2. Tạo vệt sáng lướt qua (Shine effect) */
.div-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(227, 181, 100, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    transition: all 0.8s ease;
    z-index: 1;
}

/* 3. Hiệu ứng cho Icon và Tiêu đề (Mặc định mượt mà) */
.div-card .elementor-icon svg,
.div-card .elementor-heading-title {
    transition: all 0.5s ease;
}

/* ========================================================
   TRẠNG THÁI KHI HOVER (CHUỘT LƯỚT VÀO)
======================================================== */

/* Hiệu ứng Card nhấc lên và tỏa ánh sáng vàng rực rỡ hơn */
.div-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(227, 181, 100, 0.2), 0 5px 15px rgba(0, 0, 0, 0.1);
    border-color: #f7d694; /* Viền sáng hơn một chút */
    background: linear-gradient(145deg, rgba(227, 181, 100, 0.05) 0%, rgba(255,255,255,0) 100%);
}

/* Kích hoạt vệt sáng lướt qua */
.div-card:hover::before {
    left: 150%;
}

/* Icon phóng to nhẹ và phát sáng */
.div-card:hover .elementor-icon svg {
    transform: scale(1.15);
    fill: #f7d694; /* Làm màu icon sáng lên */
    filter: drop-shadow(0px 4px 10px rgba(227, 181, 100, 0.7));
}

/* Tiêu đề phát sáng nhẹ */
.div-card:hover .elementor-heading-title {
    color: #f7d694;
    text-shadow: 0px 2px 8px rgba(227, 181, 100, 0.5);
}

/* Nội dung text mượt mà di chuyển theo (Tùy chọn) */
.div-card:hover .elementor-widget-text-editor {
    color: #ffffff; /* Thay đổi màu text miêu tả nếu nền tối, hoặc đổi lại cho phù hợp màu nền của bạn */
    opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-602a13b */.heading-linear .elementor-heading-title {
    /* Tạo dải màu gradient từ trái sang phải */
    background: linear-gradient(to right, #F2D8AA, #E3B564);
    
    /* Áp dụng background vào text (chữ) */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Làm trong suốt màu chữ gốc để lộ phần màu nền gradient ở dưới */
    -webkit-text-fill-color: transparent;
    color: transparent; 
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b898bf5 *//* ========================================================
   HIỆU ỨNG LUXURY HOVER CHO CLASS .div-icon
======================================================== */

/* 1. Thiết lập chung cho sự mượt mà */
.div-icon .elementor-icon-box-wrapper {
    transition: all 0.4s ease-in-out;
}

/* --- Icon --- */
.div-icon .elementor-icon {
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.4s ease;
}

.div-icon .elementor-icon svg {
    fill: #E3B564; /* Màu vàng mặc định */
    transition: fill 0.4s ease;
}

/* --- Tiêu đề (Heading) --- */
.div-icon .elementor-icon-box-title {
    position: relative;
    display: inline-block; /* Cần thiết để đường gạch dưới ôm sát độ dài chữ */
    transition: color 0.4s ease;
    padding-bottom: 6px; /* Khoảng cách từ chữ tới đường kẻ */
    color: #E3B564;
}

/* Tạo đường gạch dưới ẩn ở giữa tiêu đề */
.div-icon .elementor-icon-box-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%; /* Điểm bắt đầu từ chính giữa */
    width: 0; /* Mặc định độ dài bằng 0 */
    height: 1.5px; /* Độ mỏng của viền để tạo sự thanh lịch */
    background-color: #E3B564;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translateX(-50%); /* Căn giữa tuyệt đối */
}

/* --- Đoạn văn (Description) --- */
.div-icon .elementor-icon-box-description {
    color: #ffffff;
    opacity: 1; /* Làm dịu chữ đi một chút khi chưa hover */
    transition: all 0.4s ease;
}

/* ========================================================
   TRẠNG THÁI KHI HOVER
======================================================== */

/* Nhấc toàn bộ nội dung lên rất nhẹ để tạo cảm giác nhẹ nhàng */
.div-icon:hover .elementor-icon-box-wrapper {
    transform: translateY(-4px);
}

/* Icon: Phóng to nhẹ, đổi độ sáng và đổ hào quang vàng */
.div-icon:hover .elementor-icon {
    transform: scale(1.12);
    filter: drop-shadow(0 5px 12px rgba(227, 181, 100, 0.4));
}

.div-icon:hover .elementor-icon svg {
    fill: #fcd98d; /* Màu vàng sáng lên khi hover */
}

/* Tiêu đề: Đổi màu sáng hơn */
.div-icon:hover .elementor-icon-box-title {
    color: #fcd98d; 
}

/* Hiệu ứng thanh lịch: Đường kẻ bung ra từ giữa và phát sáng */
.div-icon:hover .elementor-icon-box-title::after {
    width: 100%; /* Mở rộng toàn bộ chiều dài text */
    background-color: #fcd98d;
    box-shadow: 0 0 6px rgba(227, 181, 100, 0.5);
}

/* Đoạn văn: Sáng rõ hoàn toàn thu hút sự chú ý */
.div-icon:hover .elementor-icon-box-description {
    opacity: 1;
}




@media (max-width: 767px) {
    .elementor-icon-box-icon {
        border: 1px solid #E3B564;
        padding: 15px;
        border-radius: 10px;
        width: 60px;
        text-align: center;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5103605 */.elementor-icon-box-icon {
    border: 1px solid #E3B564;
    padding: 15px;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bce9682 */.heading-linear .elementor-heading-title {
    /* Tạo dải màu gradient từ trái sang phải */
    background: linear-gradient(to right, #F2D8AA, #E3B564);
    
    /* Áp dụng background vào text (chữ) */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Làm trong suốt màu chữ gốc để lộ phần màu nền gradient ở dưới */
    -webkit-text-fill-color: transparent;
    color: transparent; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c170776 *//* 1. Thiết lập nút chính (Nền đen, chữ Gold) */
.btn-animation .elementor-button {
    position: relative;
    z-index: 1;
   ; /* Nền đen */
    color: #E3B564 !important; /* Màu chữ Gold của bạn */
    transition: all 0.3s ease; /* Thêm hiệu ứng mượt khi hover */
}

/* 2. Tạo đường viền Gold kim loại chuyển động */
.btn-animation .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 6px; /* VIỀN MỎNG LẠI (2px): Giúp nút trông tinh tế, sắc sảo hơn */
    
    /* Dải màu Gold mô phỏng ánh kim: kết hợp vàng đậm, vàng gốc và highlight trắng vàng */
    background: linear-gradient(60deg, #8A5A19, #E3B564, #FFF4D0, #E3B564, #8A5A19, #E3B564, #FFF4D0, #8A5A19);
    background-size: 300% 300%;
    
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    
    pointer-events: none;
    /* Chạy chậm lại (8 giây) để tạo cảm giác sang trọng, điềm đạm */
    animation: glowing-gold-border 4s ease-in-out infinite alternate; 
}

/* 3. Quầng sáng (Glow) Gold tinh tế */
.btn-animation .elementor-button::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 2px;
    
    background: linear-gradient(60deg, #8A5A19, #E3B564, #FFF4D0, #E3B564, #8A5A19, #E3B564, #FFF4D0, #8A5A19);
    background-size: 300% 300%;
    
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    
    filter: blur(6px); /* Giảm độ nhòe xuống để quầng sáng ôm sát, gọn gàng hơn */
    opacity: 0.55; /* Giảm độ sáng để không bị chói, giữ chất "sang" */
    pointer-events: none;
    z-index: -1;
    animation: glowing-gold-border 8s ease-in-out infinite alternate;
}

/* 4. Khung hình chuyển động ánh kim */
@keyframes glowing-gold-border {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}




/* =========================================
   BỔ SUNG HIỆU ỨNG HOVER CHO NÚT GOLD
========================================= */

/* 1. Đảm bảo nút chính có độ mượt khi chuyển đổi trạng thái */
.btn-animation .elementor-button {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 2. Trạng thái Hover của nút chính */
.btn-animation .elementor-button:hover {
    transform: translateY(-3px); /* Nhẹ nhàng nổi lên trên */
   
    /* Kết hợp 2 lớp bóng: 
       - Lớp ngoài (đổ bóng màu vàng nhạt xuống dưới)
       - Lớp trong (hắt ánh sáng vàng nhẹ vào lõi nút) */
    box-shadow: 0 10px 20px rgba(227, 181, 100, 0.15), 
                inset 0 0 20px rgba(227, 181, 100, 0.15);
                
    /* Chữ ánh lên rực rỡ hơn */
    text-shadow: 0 0 12px rgba(227, 181, 100, 0.8); 
}

/* 3. Vầng sáng (Glow) bên ngoài bung tỏa mạnh hơn khi Hover */
.btn-animation .elementor-button:hover::after {
    filter: blur(12px); /* Tăng độ tỏa sáng */
    opacity: 0.9; /* Viền sáng rực lên */
}

/* 4. HIỆU ỨNG ĐỘC ĐÁO: Tăng tốc độ dải màu chạy */
/* Khi di chuột vào, ánh sáng kim loại sẽ lướt nhanh hơn (2 giây thay vì 8 giây) 
   tạo cảm giác như đang vuốt một thanh kim loại bóng bẩy */
.btn-animation .elementor-button:hover::before,
.btn-animation .elementor-button:hover::after {
    animation-duration: 2.5s; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-99857ee */.heading-linear .elementor-heading-title {
    /* Tạo dải màu gradient từ trái sang phải */
    background: linear-gradient(to right, #F2D8AA, #E3B564);
    
    /* Áp dụng background vào text (chữ) */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Làm trong suốt màu chữ gốc để lộ phần màu nền gradient ở dưới */
    -webkit-text-fill-color: transparent;
    color: transparent; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-07b8bd5 */.heading-linear .elementor-heading-title {
    /* Tạo dải màu gradient từ trái sang phải */
    background: linear-gradient(to right, #F2D8AA, #E3B564);
    
    /* Áp dụng background vào text (chữ) */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Làm trong suốt màu chữ gốc để lộ phần màu nền gradient ở dưới */
    -webkit-text-fill-color: transparent;
    color: transparent; 
}/* End custom CSS */