.elementor-16 .elementor-element.elementor-element-00ec3d4{--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;--overlay-opacity:0.8;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-16 .elementor-element.elementor-element-00ec3d4:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-00ec3d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vncybercom.com/wp-content/uploads/2025/09/hj.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-16 .elementor-element.elementor-element-00ec3d4::before, .elementor-16 .elementor-element.elementor-element-00ec3d4 > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-00ec3d4 > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-00ec3d4 > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-00ec3d4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-00ec3d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-de5800e );--background-overlay:'';}.elementor-16 .elementor-element.elementor-element-19f7756{--display:flex;--padding-top:4em;--padding-bottom:4em;--padding-left:2em;--padding-right:2em;}.elementor-16 .elementor-element.elementor-element-bec27b4{text-align:center;}.elementor-16 .elementor-element.elementor-element-bec27b4 .elementor-heading-title{font-size:45px;font-weight:700;color:var( --e-global-color-40cae6d );}.elementor-16 .elementor-element.elementor-element-8fdb34f{text-align:center;}.elementor-16 .elementor-element.elementor-element-e291e18{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-7039186{--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;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-f1a3a38{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-16 .elementor-element.elementor-element-f1a3a38 > .elementor-widget-container{padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#7A7A7A66;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);}.elementor-16 .elementor-element.elementor-element-f1a3a38.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:22px;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-22px;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-field-type-html{padding-bottom:0px;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-field-group .elementor-field, .elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-field-subgroup label{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#7A7A7A21;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#7A7A7A21;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-field-group .elementor-select-wrapper::before{color:#7A7A7A21;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-button span{justify-content:center;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-button{font-size:20px;border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-40cae6d );color:#ffffff;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-button[type="submit"]{background-color:var( --e-global-color-40cae6d );color:#ffffff;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-16 .elementor-element.elementor-element-f1a3a38 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-0438d29{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-16 .elementor-element.elementor-element-1b0bc6b{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.21);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-16 .elementor-element.elementor-element-62cfd44 .elementor-icon-wrapper{text-align:center;}.elementor-16 .elementor-element.elementor-element-62cfd44.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-62cfd44.elementor-view-framed .elementor-icon, .elementor-16 .elementor-element.elementor-element-62cfd44.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-62cfd44.elementor-view-framed .elementor-icon, .elementor-16 .elementor-element.elementor-element-62cfd44.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-62cfd44 .elementor-icon{font-size:128px;}.elementor-16 .elementor-element.elementor-element-62cfd44 .elementor-icon svg{height:128px;}.elementor-16 .elementor-element.elementor-element-6748877{text-align:center;}.elementor-16 .elementor-element.elementor-element-6748877 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-398423e > .elementor-widget-container{background-color:#02010100;}.elementor-16 .elementor-element.elementor-element-398423e{z-index:2;}.elementor-16 .elementor-element.elementor-element-08d9d70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:769px){.elementor-16 .elementor-element.elementor-element-00ec3d4{--content-width:640px;}.elementor-16 .elementor-element.elementor-element-e291e18{--content-width:1350px;}.elementor-16 .elementor-element.elementor-element-08d9d70{--content-width:1350px;}}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-00ec3d4{--padding-top:6em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-16 .elementor-element.elementor-element-19f7756{--padding-top:5em;--padding-bottom:5em;--padding-left:2em;--padding-right:2em;}}@media(max-width:768px){.elementor-16 .elementor-element.elementor-element-00ec3d4{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-16 .elementor-element.elementor-element-19f7756{--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:2em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-16 .elementor-element.elementor-element-bec27b4 .elementor-heading-title{font-size:33px;}.elementor-16 .elementor-element.elementor-element-0438d29{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-08d9d70{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for form, class: .elementor-element-f1a3a38 *//* Kiểu chung cho tất cả các trường form */
.form-field,
.dien-tich-tang,
.so-tang,
input[type="number"] {
  text-align: left !important;
  width: 100% !important;
  display: block !important;
  margin-bottom: 15px !important;
  padding-left: 15px !important;
  box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c94d86e */#chua-ket-qua {
    transition: all 0.3s ease;
    opacity: 1;
}

#chua-ket-qua.result-visible {
    opacity: 1;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

#house-image img {
    border-radius: 10px;
}

#ket-qua {
    opacity: 0; /* Bắt đầu với độ mờ 0 để ẩn đi */
    background-color: white;
    border-radius: 15px;
    padding: 0px;
    box-shadow: none;
    transition: opacity 0.5s ease-in; /* Thêm hiệu ứng chuyển đổi độ mờ */
    transform-origin: center;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
}

#ket-qua:empty {
    display: none;
}

#ket-qua.has-content {
    opacity: 1; /* Khi có nội dung, hiện lên với độ mờ 1 */
    display: block;
    background-color: white;
    border-radius: 15px;
    transition: opacity 0.5s ease-in; /* Đảm bảo hiệu ứng chuyển đổi áp dụng */
}

#ket-qua h3 {
    color: #2c3e50;
    font-size: 24px;
    margin-bottom: 20px;
    border-bottom: 2px solid #3498db;
}

#ket-qua ul {
    list-style-type: none;
    padding-left: 0;
}

#ket-qua ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    opacity: 0;
    animation: fadeInUp 0.1s ease forwards;
}

#ket-qua ul li:nth-child(1) { animation-delay: 0.1s; }
#ket-qua ul li:nth-child(2) { animation-delay: 0.2s; }
#ket-qua ul li:nth-child(3) { animation-delay: 0.3s; }
#ket-qua ul li:nth-child(4) { animation-delay: 0.4s; }
#ket-qua ul li:nth-child(5) { animation-delay: 0.5s; }

#ket-qua ul li::before {
    content: "\1F525"; /* Unicode cho biểu tượng ngọn lửa */
    font-size: 24px;
    margin-right: 15px;
    animation: flameFlicker 0.1s ease-in-out infinite;
}

#ket-qua ul li strong {
    font-weight: bold;
    color: #e74c3c;
    margin-left: 5px;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes flameFlicker {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d02950 */#ket-qua ul {
    list-style-type: none;
    padding: 0;
    background-color: #f8f9fa;
    border-radius: 10px;
    overflow: hidden;
}

#ket-qua ul li {
    padding: 15px 20px;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease;
}

#ket-qua ul li:last-child {
    border-bottom: none;
}

#ket-qua ul li:hover {
    background-color: #e9ecef;
}

#ket-qua ul li::before {
    content: "\1F525";
    font-size: 24px;
    margin-right: 15px;
    animation: flameFlicker 0.5s ease-in-out infinite;
}

#ket-qua ul li strong {
    font-weight: bold;
    color: #e74c3c;
    margin-left: auto;
    font-size: 18px;
}

@keyframes flameFlicker {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}


/* Thêm styles mới cho phần phụ kiện */
#ket-qua .accessories {
    background-color: #e8f5e9;
    border-radius: 10px;
    padding: 15px 20px;
    margin-top: 20px;
}

#ket-qua .accessories h4 {
    color: #2e7d32;
    margin-bottom: 10px;
}

#ket-qua .accessories ul {
    background-color: transparent;
}

#ket-qua .accessories ul li {
    border-bottom: 1px solid #c8e6c9;
    padding: 10px 0;
}

#ket-qua .accessories ul li:last-child {
    border-bottom: none;
}

#ket-qua .accessories ul li::before {
    content: "\2705"; /* Unicode for check mark */
    font-size: 20px;
    margin-right: 10px;
    animation: none;
}

#ket-qua .accessories ul li:hover {
    background-color: #c8e6c9;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a949fde */.form-section-title-container {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding-left: 0;
  width: 100%;
}

.form-section-title {
  font-size: 16px;
  margin: 0;
  padding-right: 5px;
  white-space: nowrap;
}

.form-section-line {
  flex-grow: 1;
  height: 1px;
  background-color: #e0e0e0;
  min-width: 20px;
  margin-left: 5px;
}

/* Thêm overflow hidden cho container form để tránh thanh cuộn ngang */
.elementor-widget-form .elementor-form-fields-wrapper {
  overflow: hidden;
}/* End custom CSS */