.elementor-2 .elementor-element.elementor-element-2e8e1f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom: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-2 .elementor-element.elementor-element-36b8df5 img{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-1ca082f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-c50eb11{--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:center;}.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-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-2 .elementor-element.elementor-element-cc1efa2{--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:center;}.elementor-2 .elementor-element.elementor-element-2058e92{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4732ae3{--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:center;}.elementor-2 .elementor-element.elementor-element-8da569d{--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:center;}.elementor-2 .elementor-element.elementor-element-89767b9{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-13454df img{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-498e617{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-c50eb11{--width:50%;}.elementor-2 .elementor-element.elementor-element-cc1efa2{--width:50%;}.elementor-2 .elementor-element.elementor-element-4732ae3{--width:50%;}.elementor-2 .elementor-element.elementor-element-8da569d{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-cb857ed */.xmt-floor-plan-gallery {
    font-family: Arial, sans-serif; /* Hoặc font chữ website của bạn */
    margin: 30px auto;
    max-width: 900px; /* Điều chỉnh độ rộng nếu cần */
    background-color: #fff; /* Màu nền cho khu vực nội dung hình ảnh */
    padding: 0;
  }

  .xmt-tabs-nav {
    display: flex;
    justify-content: flex-start; /* Các tab sẽ bắt đầu từ bên trái */
    list-style: none;
    padding: 0;
    margin: 0 0 0 20px; /* Thêm margin để các tab không dính sát lề container */
    position: relative;
    top: 1px; /* Để border-bottom của tab active đè lên border của content */
    z-index: 1;
  }

  .xmt-tab-item {
    padding: 12px 25px;
    margin-right: 0px; /* Không cần cách giữa các tab nếu muốn liền mạch */
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    border-radius: 8px 8px 0 0; /* Bo góc phía trên */
    transition: background-color 0.3s, color 0.3s;
    background-color: #f0f0f0; /* Màu nền mặc định cho tab không active */
    color: #FF9800; /* Màu cam cho chữ của tab không active (giống ảnh mẫu) */
    border: 1px solid #e0e0e0;
    border-bottom: none;
  }

  .xmt-tab-item.active {
    /* Gradient xanh lá cây hiện đại */
    background: linear-gradient(135deg, #27AE60, #2E8B57); /* VD: từ xanh lá sáng đến xanh lá đậm hơn */
    color: #ffffff; /* Chữ trắng trên nền active */
    border-color: #27AE60; /* Border cùng màu với gradient */
  }

  .xmt-tab-item:not(.active):hover {
    background-color: #e9e9e9;
  }

  .xmt-tab-content-wrapper {
    background-color: #27AE60; /* Màu nền xanh lá cho phần viền lớn (giống ảnh mẫu) */
    padding: 20px; /* Khoảng đệm cho phần nền xanh */
    border-radius: 0 8px 8px 8px; /* Bo góc cho phù hợp */
  }

  .xmt-tab-content {
    display: none;
    padding: 20px;
    background-color: #ffffff; /* Nền trắng cho nội dung hình ảnh */
    border: 1px solid #e0e0e0;
    border-top: none; /* Không cần border top vì đã có nền xanh */
    border-radius: 0 0 6px 6px; /* Bo góc dưới */
  }

  .xmt-tab-content.active {
    display: block;
  }

  .xmt-tab-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Căn giữa hình ảnh */
    border-radius: 4px; /* Bo góc nhẹ cho hình ảnh nếu muốn */
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .xmt-tabs-nav {
        flex-direction: column; /* Xếp tab dọc trên mobile */
        margin: 0 0 10px 0; /* Điều chỉnh margin cho mobile */
        top: 0;
    }
    .xmt-tab-item {
        margin-right: 0;
        margin-bottom: 2px; /* Khoảng cách giữa các tab khi xếp dọc */
        border-radius: 6px; /* Bo đều các góc cho tab trên mobile */
        border-bottom: 1px solid #e0e0e0;
        text-align: center;
    }
    .xmt-tab-item.active {
        border-radius: 6px; /* Bo đều các góc */
    }
    .xmt-tab-content-wrapper {
        padding: 10px;
        border-radius: 8px; /* Bo đều các góc cho wrapper */
    }
    .xmt-tab-content {
        border-radius: 6px; /* Bo đều các góc cho content */
        border-top: 1px solid #e0e0e0; /* Thêm lại border top khi tab xếp dọc */
    }
  }/* End custom CSS */