.elementor-433 .elementor-element.elementor-element-22f1706{--display:flex;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-433 .elementor-element.elementor-element-e19f679 .gallery-item .gallery-caption{display:none;}.elementor-433 .elementor-element.elementor-element-e19f679 .gallery-item{padding:0 0px 0px 0;}.elementor-433 .elementor-element.elementor-element-e19f679 .gallery{margin:0 -0px -0px 0;}.elementor-433 .elementor-element.elementor-element-f9d55ab.elementor-element{--align-self:center;}.elementor-433 .elementor-element.elementor-element-f9d55ab{text-align:center;}.elementor-433 .elementor-element.elementor-element-f9d55ab .elementor-heading-title{font-family:"Ysabeau Infant", Sans-serif;font-size:6em;font-weight:400;text-transform:uppercase;color:var( --e-global-color-06d24b5 );}.elementor-433 .elementor-element.elementor-element-7bb2656 .gallery-item .gallery-caption{display:none;}body.elementor-page-433:not(.elementor-motion-effects-element-type-background), body.elementor-page-433 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-433 .elementor-element.elementor-element-22f1706{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-433 .elementor-element.elementor-element-f9d55ab .elementor-heading-title{font-size:4.6em;}}@media(max-width:767px){.elementor-433 .elementor-element.elementor-element-f9d55ab .elementor-heading-title{font-size:2.7em;}}/* Start custom CSS for image-gallery, class: .elementor-element-e19f679 *//* 1. Thiết lập không gian 3D cho toàn bộ widget */
#note .elementor-image-gallery {
    perspective: 2000px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px; /* Chiều cao vùng hiển thị của cả vòng xoay */
}

/* 2. Trục xoay chính */
#note #gallery-1 {
    position: relative;
    width: 250px;  /* Chiều ngang thẻ ảnh */
    height: 350px; /* Chiều cao thẻ ảnh - TẤT CẢ SẼ BẰNG NHAU Ở ĐÂY */
    transform-style: preserve-3d;
    animation: rotateCarousel 40s infinite linear;
}

/* 3. Định dạng thẻ khung (Figure) */
#note .gallery-item {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    overflow: hidden;
    background-color: transparent;
}

/* 4. Ép thẻ chứa ảnh (div, a) và Ảnh (img) lấp đầy 100% */
#note .gallery-icon, 
#note .gallery-icon a, 
#note .gallery-icon img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    margin: 0 !important;
    object-fit: cover !important; /* QUAN TRỌNG: Ép ảnh lấp đầy không để lại khoảng trắng */
}

/* 5. Ẩn chú thích (figcaption) để không chiếm diện tích */
#note figcaption {
    display: none !important;
}

/* 6. Vị trí các ảnh quanh trục */
#note .gallery-item:nth-child(1) { transform: rotateY(0deg) translateZ(400px); }
#note .gallery-item:nth-child(2) { transform: rotateY(36deg) translateZ(400px); }
#note .gallery-item:nth-child(3) { transform: rotateY(72deg) translateZ(400px); }
#note .gallery-item:nth-child(4) { transform: rotateY(108deg) translateZ(400px); }
#note .gallery-item:nth-child(5) { transform: rotateY(144deg) translateZ(400px); }
#note .gallery-item:nth-child(6) { transform: rotateY(180deg) translateZ(400px); }
#note .gallery-item:nth-child(7) { transform: rotateY(216deg) translateZ(400px); }
#note .gallery-item:nth-child(8) { transform: rotateY(252deg) translateZ(400px); }
#note .gallery-item:nth-child(9) { transform: rotateY(288deg) translateZ(400px); }
#note .gallery-item:nth-child(10) { transform: rotateY(324deg) translateZ(400px); }

/* 7. Hiệu ứng xoay */
@keyframes rotateCarousel {
    from { transform: rotateY(0deg); }
    to { transform: rotateY(360deg); }
}
/* Sắp xếp nằm ngang và tạo khoảng cách */
.elementor-433 .elementor-element.elementor-element-e19f679 {
    display: flex !important;
    flex-direction: row !important; /* Xoay ngang */
    gap: 30px; /* Khoảng cách giữa các tấm ảnh */
    justify-content: center;
}

/* Đảm bảo mỗi khối chiếm diện tích bằng nhau */
.elementor-433 .elementor-element.elementor-element-e19f679 .elementor-column, 
.elementor-433 .elementor-element.elementor-element-e19f679 .elementor-widget-container {
    flex: 1;
}

/* Chỉnh ảnh bên trong không bị méo khi xoay ngang */
.elementor-433 .elementor-element.elementor-element-e19f679 img {
    width: 100%;
    height: 300px; /* Bạn có thể chỉnh chiều cao tùy ý */
    object-fit: cover; /* Giúp ảnh tự cắt cúp mà không bị nén */
    border-radius: 8px; /* Bo góc cho đẹp */
}

/* Ẩn triệt để vòng xoay trên Mobile và Tablet */
@media (max-width: 1024px) {
    #note {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-7bb2656 *//* --- CHỈNH CHO DESKTOP --- */
/* Tạo khung chứa ảnh bằng nhau */
.elementor-433 .elementor-element.elementor-element-7bb2656 .gallery-item {
    width: 23% !important; /* Khoảng 4 cột trên PC */
    height: 250px !important; 
    margin: 1% !important;
    display: inline-block !important;
    vertical-align: top;
    overflow: hidden;
}

/* Ép ảnh lấp đầy khung */
.elementor-433 .elementor-element.elementor-element-7bb2656 .gallery-icon, 
.elementor-433 .elementor-element.elementor-element-7bb2656 .gallery-icon a, 
.elementor-433 .elementor-element.elementor-element-7bb2656 .gallery-icon img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important; /* Giữ ảnh móng tay không bị méo */
}

/* Ẩn chú thích */
.elementor-433 .elementor-element.elementor-element-7bb2656 .gallery-caption { display: none !important; }

/* --- CHỈNH CHO MOBILE (Dưới 767px) --- */
@media (max-width: 767px) {
    .elementor-433 .elementor-element.elementor-element-7bb2656 .gallery-item {
        width: 46% !important; /* Ép chia 2 cột đều nhau */
        height: 160px !important; /* Chiều cao cố định trên điện thoại */
        margin: 2% !important;
        float: left; /* Đảm bảo các tấm ảnh xếp cạnh nhau */
    }
    
    /* Reset lại container để không bị vỡ hàng */
    .elementor-433 .elementor-element.elementor-element-7bb2656 .gallery {
        display: block !important;
        width: 100% !important;
    }
}/* End custom CSS */