.elementor-1247 .elementor-element.elementor-element-cf493ee{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:25px 25px;--row-gap:25px;--column-gap:25px;--grid-auto-flow:row;}.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-1247 .elementor-element.elementor-element-879667a .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-c3cbf7c .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-2cae2c2 .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-55b9435 .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-e806017 .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-bbff1a8 .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-7263aec .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-2b20232 .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-6c917d3 .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-c5f5b89 .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-ca57de1 .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}.elementor-1247 .elementor-element.elementor-element-8c0bfd3 .widget-image-caption{color:#FFFFFF;font-family:"Cormorant Garamond", Sans-serif;font-weight:400;font-style:normal;}@media(max-width:1024px){.elementor-1247 .elementor-element.elementor-element-cf493ee{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1247 .elementor-element.elementor-element-cf493ee{--width:1320px;}}@media(max-width:767px){.elementor-1247 .elementor-element.elementor-element-cf493ee{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-879667a */.elementor-1247 .elementor-element.elementor-element-879667a img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-879667a .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-879667a:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-879667a:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
        cursor: pointer;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;

}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c3cbf7c */.elementor-1247 .elementor-element.elementor-element-c3cbf7c img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-c3cbf7c .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-c3cbf7c:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-c3cbf7c:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2cae2c2 */.elementor-1247 .elementor-element.elementor-element-2cae2c2 img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-2cae2c2 .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-2cae2c2:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-2cae2c2:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-55b9435 */.elementor-1247 .elementor-element.elementor-element-55b9435 img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-55b9435 .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-55b9435:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-55b9435:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e806017 */.elementor-1247 .elementor-element.elementor-element-e806017 img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-e806017 .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-e806017:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-e806017:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bbff1a8 */.elementor-1247 .elementor-element.elementor-element-bbff1a8 img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-bbff1a8 .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-bbff1a8:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-bbff1a8:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7263aec */.elementor-1247 .elementor-element.elementor-element-7263aec img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-7263aec .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-7263aec:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-7263aec:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2b20232 */.elementor-1247 .elementor-element.elementor-element-2b20232 img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-2b20232 .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-2b20232:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-2b20232:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c917d3 */.elementor-1247 .elementor-element.elementor-element-6c917d3 img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-6c917d3 .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-6c917d3:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-6c917d3:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c5f5b89 */.elementor-1247 .elementor-element.elementor-element-c5f5b89 img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-c5f5b89 .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-c5f5b89:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-c5f5b89:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ca57de1 */.elementor-1247 .elementor-element.elementor-element-ca57de1 img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-ca57de1 .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-ca57de1:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-ca57de1:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c0bfd3 */.elementor-1247 .elementor-element.elementor-element-8c0bfd3 img {
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 3. Trạng thái gốc của Caption (Đoạn code của bạn) */
.elementor-1247 .elementor-element.elementor-element-8c0bfd3 .widget-image-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25); /* Tăng độ tối một chút để chữ trắng nổi bật hơn */
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    /* Ease settings của bạn rất chuẩn */
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                visibility 0.5s,
                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 4. HIỆU ỨNG KHI HOVER */

/* Ảnh phóng to nhẹ */
.elementor-1247 .elementor-element.elementor-element-8c0bfd3:hover img {
    transform: scale(1.02);
}

/* Chữ mờ dần và hơi nhích lên trên một chút cho tinh tế */
.elementor-1247 .elementor-element.elementor-element-8c0bfd3:hover .widget-image-caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px); 
}
.elementor-widget-image img {
    width: 318px;
    height: 230px;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .elementor-widget-image {
    width: 100%;
}
}/* End custom CSS */