.elementor-2255 .elementor-element.elementor-element-8ea76dc{--display:flex;--min-height:980px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2255 .elementor-element.elementor-element-8ea76dc:not(.elementor-motion-effects-element-type-background), .elementor-2255 .elementor-element.elementor-element-8ea76dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sub.globiz.vn/wp-content/uploads/2025/03/Thiet-ke-chua-co-ten-1-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2255 .elementor-element.elementor-element-27f7ee6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:17%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-2255 .elementor-element.elementor-element-29c2cd2{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:10%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2255 .elementor-element.elementor-element-29c2cd2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2255 .elementor-element.elementor-element-a9ad66f{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2255 .elementor-element.elementor-element-a9ad66f:not(.elementor-motion-effects-element-type-background), .elementor-2255 .elementor-element.elementor-element-a9ad66f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB8F;}.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-2255 .elementor-element.elementor-element-2c8bd35{text-align:center;}.elementor-2255 .elementor-element.elementor-element-2c8bd35 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:64px;font-weight:300;color:#000000;}.elementor-2255 .elementor-element.elementor-element-e235e4c{--display:flex;}.elementor-2255 .elementor-element.elementor-element-e235e4c:not(.elementor-motion-effects-element-type-background), .elementor-2255 .elementor-element.elementor-element-e235e4c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB8F;}.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-2255 .elementor-element.elementor-element-4276fb1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2255 .elementor-element.elementor-element-4276fb1{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#000000;}.elementor-2255 .elementor-element.elementor-element-d2d54f5{--display:flex;--justify-content:center;--margin-top:-229px;--margin-bottom:-25px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-2255 .elementor-element.elementor-element-d2d54f5:not(.elementor-motion-effects-element-type-background), .elementor-2255 .elementor-element.elementor-element-d2d54f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1FAFE;}.elementor-2255 .elementor-element.elementor-element-d2d54f5.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-2255 .elementor-element.elementor-element-f990ec7{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;}.elementor-2255 .elementor-element.elementor-element-f990ec7.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2255 .elementor-element.elementor-element-3b6f3f9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2255 .elementor-element.elementor-element-a6c15cd{text-align:center;font-family:"Noto Sans", Sans-serif;font-size:21px;font-weight:400;color:#737373;}.elementor-2255 .elementor-element.elementor-element-1af677a{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2255 .elementor-element.elementor-element-1af677a.e-con{--flex-grow:0;--flex-shrink:0;}.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-2255 .elementor-element.elementor-element-50b888b img{width:65%;}.elementor-2255 .elementor-element.elementor-element-f6294be{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2255 .elementor-element.elementor-element-5c0d2c3{text-align:left;font-family:"Noto Sans", Sans-serif;font-size:17px;font-weight:400;color:#717171;}.elementor-2255 .elementor-element.elementor-element-93c0e12{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2255 .elementor-element.elementor-element-93c0e12:not(.elementor-motion-effects-element-type-background), .elementor-2255 .elementor-element.elementor-element-93c0e12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1FAFE;}.elementor-2255 .elementor-element.elementor-element-ed69fe3{--display:flex;}.elementor-2255 .elementor-element.elementor-element-ed69fe3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2255 .elementor-element.elementor-element-45f1935 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2255 .elementor-element.elementor-element-074a5be{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2255 .elementor-element.elementor-element-074a5be:not(.elementor-motion-effects-element-type-background), .elementor-2255 .elementor-element.elementor-element-074a5be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1FAFE;}.elementor-2255 .elementor-element.elementor-element-b8c8b8c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2255 .elementor-element.elementor-element-b8c8b8c.e-con{--align-self:center;}.elementor-2255 .elementor-element.elementor-element-9971228.elementor-element{--align-self:center;}.elementor-2255 .elementor-element.elementor-element-d3d1251{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2255 .elementor-element.elementor-element-d3d1251:not(.elementor-motion-effects-element-type-background), .elementor-2255 .elementor-element.elementor-element-d3d1251 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1FAFE;}.elementor-2255 .elementor-element.elementor-element-d3d1251.e-con{--align-self:center;}.elementor-2255 .elementor-element.elementor-element-ea98f8b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2255 .elementor-element.elementor-element-ea98f8b.e-con{--align-self:center;}.elementor-2255 .elementor-element.elementor-element-39550df.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-2255 .elementor-element.elementor-element-4276fb1{width:var( --container-widget-width, 474.775px );max-width:474.775px;--container-widget-width:474.775px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-2255 .elementor-element.elementor-element-4276fb1{font-size:16px;}.elementor-2255 .elementor-element.elementor-element-a6c15cd{font-size:16px;}.elementor-2255 .elementor-element.elementor-element-5c0d2c3{font-size:16px;}}@media(min-width:768px){.elementor-2255 .elementor-element.elementor-element-29c2cd2{--width:43%;}.elementor-2255 .elementor-element.elementor-element-a9ad66f{--width:100%;}.elementor-2255 .elementor-element.elementor-element-e235e4c{--width:100%;}.elementor-2255 .elementor-element.elementor-element-d2d54f5{--content-width:897px;}.elementor-2255 .elementor-element.elementor-element-f990ec7{--width:99%;}.elementor-2255 .elementor-element.elementor-element-3b6f3f9{--width:47%;}.elementor-2255 .elementor-element.elementor-element-1af677a{--width:40%;}.elementor-2255 .elementor-element.elementor-element-f6294be{--width:43%;}.elementor-2255 .elementor-element.elementor-element-93c0e12{--width:100%;}.elementor-2255 .elementor-element.elementor-element-ed69fe3{--width:60%;}.elementor-2255 .elementor-element.elementor-element-074a5be{--width:100%;}.elementor-2255 .elementor-element.elementor-element-b8c8b8c{--width:90%;}.elementor-2255 .elementor-element.elementor-element-d3d1251{--width:100%;}.elementor-2255 .elementor-element.elementor-element-ea98f8b{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2255 .elementor-element.elementor-element-ed69fe3{--width:674.6px;}}/* Start custom CSS for html, class: .elementor-element-9971228 */.tabs-tab-water {
            display: flex;
            cursor: pointer;
        }
        .tab-tab-water {
            display: flex;
            align-items: center;
            padding: 30px 20px;
            border-bottom: 1px solid #ccc;
           
            
        }
        .tab-tab-water img {
            width: 50px;
            height: 50px;
            margin-right: 10px;
        }
        .tab-tab-water.active {
            color: white;
            background-color: white;
            border-radius: 15px 15px 0px 0px;
        }
        .tab-tab-water hover{
            background-color: #ccc;
        }
        .content-tab-water {
            display: none;
            padding: 20px;
            margin-top: 10px;
            overflow:hidden;
        }
        .content-tab-water.active {
            display: block;
            overflow:hidden;
            width:1100px;
            
        }
        .content-tab-water img {
            width: 100%;
            max-width: 400px;
            height: auto;
            margin-bottom: 10px;
        }
.tab-tab-water-title {
    font-size: 16px;
    color: #485fc7;
}
@media screen and (max-width: 768px) {
    .tabs-tab-water {
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
        justify-content: start;
        padding: 10px 0;
        scrollbar-width: thin;
    }

    .tab-tab-water {
        flex-direction: column;
        align-items: center;
        padding: 10px;
        min-width: 100px;
        max-width: 120px; /* Giới hạn chiều rộng để không quá to */
        text-align: center;
        border-bottom: none;
    }

    .tab-tab-water img {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;
    }

    .tab-tab-water-title {
        font-size: 14px;
        text-align: center;
        word-wrap: break-word;
        overflow-wrap: break-word;
        max-width: 100%; /* Đảm bảo không tràn container */
        white-space: normal; /* Cho phép xuống hàng */
    }

    .content-tab-water {
        padding: 15px;
    }

    .content-tab-water img {
        max-width: 100%;
    }
    .content-tab-water.active
{
    width:550px;
    overflow:hidden;
    text-align:left;
    margin-left:-25%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39550df */.tabs-container-tab-product {
    display: flex;
    cursor: pointer;
    text-align: center;
    padding-right: 10%;
    padding-left: 10%;
}

.tab-tab-product {
    padding: 10px;
    border-bottom:solid 3px #ccc ;
    border-radius: 15px 15px 0px 0px;
    align-items: center;
    transition: background-color 0.3s, box-shadow 0.3s;
}

/* Hiệu ứng khi hover */
.tab-tab-product:hover {
    background-color: #f0f0f0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Đổi màu khi tab được active */
.tab-tab-product.active-tab-header {
    border: solid 3px #ccc;
    color: #fff;
    border-bottom: 0px;
}

.tab-tab-product img {
    width: 200px;
    height: auto;
}

.content-tab-product {
    display: none;
    padding: 20px;
    margin-top: 10px;
}

.active-tab-product {
    display: block;
}

@media screen and (max-width: 768px) {
    .tabs-container-tab-product {
        padding-right: 0%;
        padding-left: 0%;
    }
}/* End custom CSS */