.elementor-25 .elementor-element.elementor-element-9ab2d94{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.5;}.elementor-25 .elementor-element.elementor-element-9ab2d94:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-9ab2d94 > .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-25 .elementor-element.elementor-element-9ab2d94::before, .elementor-25 .elementor-element.elementor-element-9ab2d94 > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-9ab2d94 > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-9ab2d94 > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-9ab2d94 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-9ab2d94 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-25 .elementor-element.elementor-element-6d11e16{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-25 .elementor-element.elementor-element-0f0ec3f{--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-25 .elementor-element.elementor-element-0b00c0d{font-family:"Roboto", Sans-serif;font-size:0px;font-weight:700;}.elementor-25 .elementor-element.elementor-element-0b00c0d 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-25 .elementor-element.elementor-element-e3e083c{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-e3e083c .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-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-icon i{color:#CE9945;transition:color 0.3s;}.elementor-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-icon svg{fill:#CE9945;transition:fill 0.3s;}.elementor-25 .elementor-element.elementor-element-0cc223c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-25 .elementor-element.elementor-element-0cc223c .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-25 .elementor-element.elementor-element-9b1460e{border-radius:10px 10px 10px 10px;}.elementor-25 .elementor-element.elementor-element-9b1460e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25 .elementor-element.elementor-element-9b1460e .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;text-transform:uppercase;fill:#020202;color:#020202;}.elementor-25 .elementor-element.elementor-element-5bd24ce{--display:flex;--min-height:724px;--padding-top:0px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-25 .elementor-element.elementor-element-5bd24ce:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-5bd24ce > .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-25 .elementor-element.elementor-element-ea51c1c{--divider-border-style:solid;--divider-color:#E3B564;--divider-border-width:1px;margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-ea51c1c .elementor-divider-separator{width:100%;}.elementor-25 .elementor-element.elementor-element-ea51c1c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-25 .elementor-element.elementor-element-29283d3{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-ac8186d.elementor-element{--align-self:center;}.elementor-25 .elementor-element.elementor-element-ac8186d{text-align:center;}.elementor-25 .elementor-element.elementor-element-ac8186d .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-25 .elementor-element.elementor-element-f3877ee{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-c42b473{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-25 .elementor-element.elementor-element-5a5652d{--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-25 .elementor-element.elementor-element-4da5c1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-4da5c1a .elementor-icon-wrapper{text-align:center;}.elementor-25 .elementor-element.elementor-element-4da5c1a.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-25 .elementor-element.elementor-element-4da5c1a.elementor-view-framed .elementor-icon, .elementor-25 .elementor-element.elementor-element-4da5c1a.elementor-view-default .elementor-icon{color:#E3B564;border-color:#E3B564;}.elementor-25 .elementor-element.elementor-element-4da5c1a.elementor-view-framed .elementor-icon, .elementor-25 .elementor-element.elementor-element-4da5c1a.elementor-view-default .elementor-icon svg{fill:#E3B564;}.elementor-25 .elementor-element.elementor-element-5882ee9{text-align:center;}.elementor-25 .elementor-element.elementor-element-5882ee9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#E3B564;}.elementor-25 .elementor-element.elementor-element-0b9c3a3{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-25 .elementor-element.elementor-element-0b9c3a3 p{margin-block-end:0px;}.elementor-25 .elementor-element.elementor-element-62ac986{--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-25 .elementor-element.elementor-element-385708a .elementor-icon-wrapper{text-align:center;}.elementor-25 .elementor-element.elementor-element-385708a.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-25 .elementor-element.elementor-element-385708a.elementor-view-framed .elementor-icon, .elementor-25 .elementor-element.elementor-element-385708a.elementor-view-default .elementor-icon{color:#E3B564;border-color:#E3B564;}.elementor-25 .elementor-element.elementor-element-385708a.elementor-view-framed .elementor-icon, .elementor-25 .elementor-element.elementor-element-385708a.elementor-view-default .elementor-icon svg{fill:#E3B564;}.elementor-25 .elementor-element.elementor-element-dd508b0{text-align:center;}.elementor-25 .elementor-element.elementor-element-dd508b0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#E3B564;}.elementor-25 .elementor-element.elementor-element-9f520ef{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-25 .elementor-element.elementor-element-9f520ef p{margin-block-end:0px;}.elementor-25 .elementor-element.elementor-element-c4ce1b0{--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-25 .elementor-element.elementor-element-3555bad .elementor-icon-wrapper{text-align:center;}.elementor-25 .elementor-element.elementor-element-3555bad.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-25 .elementor-element.elementor-element-3555bad.elementor-view-framed .elementor-icon, .elementor-25 .elementor-element.elementor-element-3555bad.elementor-view-default .elementor-icon{color:#E3B564;border-color:#E3B564;}.elementor-25 .elementor-element.elementor-element-3555bad.elementor-view-framed .elementor-icon, .elementor-25 .elementor-element.elementor-element-3555bad.elementor-view-default .elementor-icon svg{fill:#E3B564;}.elementor-25 .elementor-element.elementor-element-47de976{text-align:center;}.elementor-25 .elementor-element.elementor-element-47de976 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#E3B564;}.elementor-25 .elementor-element.elementor-element-89a3f3f{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-25 .elementor-element.elementor-element-89a3f3f p{margin-block-end:0px;}.elementor-25 .elementor-element.elementor-element-43caf51{--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-25 .elementor-element.elementor-element-97fa5eb .elementor-icon-wrapper{text-align:center;}.elementor-25 .elementor-element.elementor-element-97fa5eb.elementor-view-stacked .elementor-icon{background-color:#E3B564;}.elementor-25 .elementor-element.elementor-element-97fa5eb.elementor-view-framed .elementor-icon, .elementor-25 .elementor-element.elementor-element-97fa5eb.elementor-view-default .elementor-icon{color:#E3B564;border-color:#E3B564;}.elementor-25 .elementor-element.elementor-element-97fa5eb.elementor-view-framed .elementor-icon, .elementor-25 .elementor-element.elementor-element-97fa5eb.elementor-view-default .elementor-icon svg{fill:#E3B564;}.elementor-25 .elementor-element.elementor-element-bc13e6d{text-align:center;}.elementor-25 .elementor-element.elementor-element-bc13e6d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#E3B564;}.elementor-25 .elementor-element.elementor-element-9713277{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-25 .elementor-element.elementor-element-9713277 p{margin-block-end:0px;}.elementor-25 .elementor-element.elementor-element-1b489e6{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-e89420c.elementor-element{--align-self:center;}.elementor-25 .elementor-element.elementor-element-e89420c{text-align:center;}.elementor-25 .elementor-element.elementor-element-e89420c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;}.elementor-25 .elementor-element.elementor-element-237f09a{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-3cf659e .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;}@media(max-width:1024px){.elementor-25 .elementor-element.elementor-element-6d11e16{--grid-auto-flow:row;}.elementor-25 .elementor-element.elementor-element-c42b473{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-6d11e16{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-25 .elementor-element.elementor-element-0b00c0d{text-align:center;}.elementor-25 .elementor-element.elementor-element-e3e083c{text-align:center;}.elementor-25 .elementor-element.elementor-element-e3e083c .elementor-heading-title{font-size:15px;}.elementor-25 .elementor-element.elementor-element-0cc223c.elementor-element{--align-self:center;}.elementor-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-25 .elementor-element.elementor-element-0cc223c .elementor-icon-list-item > a{font-size:14px;}.elementor-25 .elementor-element.elementor-element-c42b473{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for button, class: .elementor-element-9b1460e *//* 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-ac8186d */.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-5a5652d *//* ========================================================
   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-62ac986 *//* ========================================================
   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-c4ce1b0 *//* ========================================================
   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-43caf51 *//* ========================================================
   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-e89420c */.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-3cf659e *//* 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 */