.elementor-849 .elementor-element.elementor-element-e3367d5{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-849 .elementor-element.elementor-element-e3367d5:not(.elementor-motion-effects-element-type-background), .elementor-849 .elementor-element.elementor-element-e3367d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xaydungkienthanh.vn/wp-content/uploads/2026/05/b2_download_file_by_id.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-849 .elementor-element.elementor-element-e3367d5::before, .elementor-849 .elementor-element.elementor-element-e3367d5 > .elementor-background-video-container::before, .elementor-849 .elementor-element.elementor-element-e3367d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-849 .elementor-element.elementor-element-e3367d5 > .elementor-background-slideshow::before, .elementor-849 .elementor-element.elementor-element-e3367d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-849 .elementor-element.elementor-element-e3367d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.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-849 .elementor-element.elementor-element-5d71411 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:80px;font-weight:600;color:var( --e-global-color-8235145 );}.elementor-849 .elementor-element.elementor-element-6cde6a9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-849 .elementor-element.elementor-element-6cde6a9:not(.elementor-motion-effects-element-type-background), .elementor-849 .elementor-element.elementor-element-6cde6a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-849 .elementor-element.elementor-element-a330d1a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 25px;--row-gap:0px;--column-gap:25px;--grid-auto-flow:row;--justify-items:center;--align-items:center;border-style:solid;--border-style:solid;}.elementor-849 .elementor-element.elementor-element-0f0e32a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-d9f7da6 );--border-color:var( --e-global-color-d9f7da6 );--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(48.11743448724009, 184.42343749999998, 45.70493885869565, 0.71);--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--e-con-transform-transition-duration:1000ms;}.elementor-849 .elementor-element.elementor-element-0f0e32a.e-con:hover{--e-con-transform-scale:1.1;}.elementor-849 .elementor-element.elementor-element-0f0e32a > .elementor-shape-top .elementor-shape-fill, .elementor-849 .elementor-element.elementor-element-0f0e32a > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-922f531 );}.elementor-849 .elementor-element.elementor-element-df2630a{--e-transform-transition-duration:0ms;border-style:none;}.elementor-849 .elementor-element.elementor-element-df2630a:hover{border-style:none;}.elementor-849 .elementor-element.elementor-element-e77f9f9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-d9f7da6 );--border-color:var( --e-global-color-d9f7da6 );--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(48.11743448724009, 184.42343749999998, 45.70493885869565, 0.71);--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--e-con-transform-transition-duration:1000ms;}.elementor-849 .elementor-element.elementor-element-e77f9f9.e-con:hover{--e-con-transform-scale:1.1;}.elementor-849 .elementor-element.elementor-element-e77f9f9 > .elementor-shape-top .elementor-shape-fill, .elementor-849 .elementor-element.elementor-element-e77f9f9 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-922f531 );}.elementor-849 .elementor-element.elementor-element-8243796{--e-transform-transition-duration:0ms;border-style:none;}.elementor-849 .elementor-element.elementor-element-8243796:hover{border-style:none;}.elementor-849 .elementor-element.elementor-element-fe2c02c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-d9f7da6 );--border-color:var( --e-global-color-d9f7da6 );--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(48.11743448724009, 184.42343749999998, 45.70493885869565, 0.71);--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--e-con-transform-transition-duration:1000ms;}.elementor-849 .elementor-element.elementor-element-fe2c02c.e-con:hover{--e-con-transform-scale:1.1;}.elementor-849 .elementor-element.elementor-element-fe2c02c > .elementor-shape-top .elementor-shape-fill, .elementor-849 .elementor-element.elementor-element-fe2c02c > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-922f531 );}.elementor-849 .elementor-element.elementor-element-38415f4{--e-transform-transition-duration:0ms;border-style:none;}.elementor-849 .elementor-element.elementor-element-38415f4:hover{border-style:none;}.elementor-849 .elementor-element.elementor-element-b4e57f1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-849 .elementor-element.elementor-element-b4e57f1:not(.elementor-motion-effects-element-type-background), .elementor-849 .elementor-element.elementor-element-b4e57f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-849 .elementor-element.elementor-element-b4e57f1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-849 .elementor-element.elementor-element-065120e{--display:flex;}.elementor-849 .elementor-element.elementor-element-065120e:not(.elementor-motion-effects-element-type-background), .elementor-849 .elementor-element.elementor-element-065120e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-849 .elementor-element.elementor-element-8154b5b{text-align:center;}.elementor-849 .elementor-element.elementor-element-8154b5b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;}.elementor-849 .elementor-element.elementor-element-ec3592b{--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;}.elementor-849 .elementor-element.elementor-element-97a0708{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-849 .elementor-element.elementor-element-8374643 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#A32226;}.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-849 .elementor-element.elementor-element-7597297.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-849 .elementor-element.elementor-element-7597297 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-849 .elementor-element.elementor-element-7597297 .elementor-button{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;border-radius:20px 20px 20px 20px;}.elementor-849 .elementor-element.elementor-element-36ff649{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-849 .elementor-element.elementor-element-1086a3b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-849 .elementor-element.elementor-element-1086a3b.e-con{--align-self:center;}.elementor-849 .elementor-element.elementor-element-ca480ce{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-849 .elementor-element.elementor-element-8924e2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-849 .elementor-element.elementor-element-8924e2b img{width:100%;border-radius:15px 15px 15px 15px;}.elementor-849 .elementor-element.elementor-element-7d9cfba{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0.7em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-849 .elementor-element.elementor-element-5870ef0{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:05px 05px 05px 05px;}.elementor-849 .elementor-element.elementor-element-5870ef0.elementor-element{--align-self:flex-start;}.elementor-849 .elementor-element.elementor-element-5870ef0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:600;color:var( --e-global-color-ecbe9a9 );}.elementor-849 .elementor-element.elementor-element-985172c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0.7em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-849 .elementor-element.elementor-element-b9a6c36{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0.7em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.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-849 .elementor-element.elementor-element-a5eb479 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-849 .elementor-element.elementor-element-a5eb479 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-849 .elementor-element.elementor-element-a5eb479 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-849 .elementor-element.elementor-element-a5eb479 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-849 .elementor-element.elementor-element-a5eb479 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-849 .elementor-element.elementor-element-a5eb479 .elementor-icon-list-icon i{color:var( --e-global-color-ecbe9a9 );transition:color 0.3s;}.elementor-849 .elementor-element.elementor-element-a5eb479 .elementor-icon-list-icon svg{fill:var( --e-global-color-ecbe9a9 );transition:fill 0.3s;}.elementor-849 .elementor-element.elementor-element-a5eb479{--e-icon-list-icon-size:16px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-849 .elementor-element.elementor-element-a5eb479 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-849 .elementor-element.elementor-element-a5eb479 .elementor-icon-list-text{color:var( --e-global-color-ecbe9a9 );transition:color 0.3s;}.elementor-849 .elementor-element.elementor-element-6050d8b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-849 .elementor-element.elementor-element-6050d8b.e-con{--align-self:center;}.elementor-849 .elementor-element.elementor-element-0990fe7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-849 .elementor-element.elementor-element-a330d1a{--grid-auto-flow:row;}.elementor-849 .elementor-element.elementor-element-36ff649{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-849 .elementor-element.elementor-element-a330d1a{--width:80%;}.elementor-849 .elementor-element.elementor-element-e77f9f9{--width:100%;}.elementor-849 .elementor-element.elementor-element-fe2c02c{--width:100%;}.elementor-849 .elementor-element.elementor-element-b4e57f1{--width:100%;}.elementor-849 .elementor-element.elementor-element-065120e{--width:80%;}.elementor-849 .elementor-element.elementor-element-ec3592b{--width:80%;}.elementor-849 .elementor-element.elementor-element-97a0708{--content-width:80%;}.elementor-849 .elementor-element.elementor-element-36ff649{--width:80%;}.elementor-849 .elementor-element.elementor-element-1086a3b{--width:100%;}.elementor-849 .elementor-element.elementor-element-6050d8b{--width:100%;}}@media(max-width:767px){.elementor-849 .elementor-element.elementor-element-a330d1a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-849 .elementor-element.elementor-element-36ff649{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-97a0708 *//* Container bao ngoài */
.title-with-line {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    white-space: nowrap; /* Giữ tiêu đề trên 1 dòng */
}
/* Tạo đường kẻ bên trái và bên phải chữ */
.title-with-line::before,
.title-with-line::after {
    content: "";
    height: 3px;
    background-color: #0F145B; /* Màu của đường kẻ */
    flex-grow: 1; /* Để đường kẻ tự động kéo dài hết khoảng trống */
}
/* Khoảng cách giữa chữ và đường kẻ */
.title-with-line::before {
    margin-right: 15px;
}

.title-with-line::after {
    margin-left: 15px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca480ce */:root {
  --shine-degree: 120deg;
  --shine-color: rgba(255, 255, 255, 0.4);
  --anim-speed: 0.65s;
  --main-border-radius: 15px; /* Khai báo bo góc 15px */
}

.col-inner.btn-hover {
  position: relative;
  border-radius: var(--main-border-radius) !important; /* Giữ bo góc */
  overflow: hidden; /* Cắt vệt sáng theo bo góc */
  transition: all 0.3s ease;
  display: block;
  /* Đảm bảo border-radius hoạt động trên Safari/Chrome */
  -webkit-mask-image: -webkit-radial-gradient(white, black); 
}
/* Thiết lập cho hình ảnh bên trong */
.col-inner.btn-hover img {
  width: 100%;
  height: auto;
  display: block;
  /* Quan trọng: Định nghĩa scale gốc là 1 và độ mượt transition */
  transform: scale(1); 
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Hiệu ứng phóng to khi hover vào Container cha */
.col-inner.btn-hover:hover img {
  transform: scale(1.1) !important; /* Phóng lên 1.1 */
}
/* Quan trọng: Vệt sáng cũng phải tuân thủ bo góc */
.col-inner.btn-hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    var(--shine-degree),
    transparent,
    var(--shine-color),
    transparent
  );
  transition: var(--anim-speed) ease-in-out;
  z-index: 2;
  pointer-events: none; /* Tránh cản trở việc click */
}

.col-inner.btn-hover:hover {
  /* Nếu box-shadow làm mất border, hãy dùng inset hoặc giữ nguyên shadow cũ */
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

.col-inner.btn-hover:hover::before {
  left: 100%;
}
/* 1. Đổi màu cho text "Biệt thự 1 tầng" (Thẻ H5) */
.col-inner.btn-hover:hover h5.elementor-heading-title {
    color: #ff9800 !important; /* Thay màu cam bằng màu thương hiệu của bạn */
    transition: color 0.4s ease;
}

/* 2. Đổi màu cho text "Thiết kế nhà chú Thuỷ..." (Thẻ H3) */
.col-inner.btn-hover:hover h3.elementor-heading-title {
    color: #ff9800 !important; /* Thay màu cam bằng màu thương hiệu của bạn */
    transition: color 0.4s ease;
}

/* Tùy chọn: Thêm hiệu ứng nhích nhẹ chữ lên trên khi hover cho sinh động */
.col-inner.btn-hover:hover .elementor-widget-heading {
    transform: translateY(-3px);
    transition: transform 0.4s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1086a3b */:root {
  --mau-thuong-hieu: #ff9800; /* Thay màu cam này bằng màu bạn muốn */
  --main-border-radius: 15px;
  --anim-speed: 0.65s;
}

/* 1. THIẾT LẬP CONTAINER CHA */
.card-du-an {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

/* 2. HIỆU ỨNG CHO KHUNG ẢNH (Container con chứa hình) */
.card-du-an .khung-anh {
  position: relative;
  overflow: hidden !important; /* Cắt vệt sáng và ảnh khi scale */
  border-radius: var(--main-border-radius);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  line-height: 0; /* Loại bỏ khoảng hở nhỏ dưới ảnh */
}

/* Ảnh bên trong khung-anh */
.card-du-an .khung-anh img {
  transition: transform 0.8s ease !important;
  transform: scale(1);
  width: 100%;
}

/* Khi hover vào cha -> ảnh trong con phóng to */
.card-du-an:hover .khung-anh img {
  transform: scale(1.1) !important;
}

/* 3. VỆT SÁNG LƯỚT QUA (Chỉ lướt trên khung-anh) */
.card-du-an .khung-anh::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  transition: var(--anim-speed) ease-in-out;
  z-index: 2;
}

/* Khi hover vào cha -> vệt sáng trong con chạy qua */
.card-du-an:hover .khung-anh::before {
  left: 100%;
}

/* 4. HIỆU ỨNG ĐỔI MÀU CHỮ (2 nội dung chữ) */
/* Đổi màu tiêu đề H3 và H5 khi hover vào cha */
.card-du-an:hover h3, 
.card-du-an:hover h5,
.card-du-an:hover .elementor-heading-title {
  color: #985E23 !important;
  transition: color 0.3s ease;
}
.card-du-an:hover h5{
  transition: color 0.3s ease;
}/* End custom CSS */