:root {
    --primary-color: #0053AD;
    --secondary-color: #1A6CCD;
}
body {
    font-family: 'Inter', sans-serif;
}
h1, h2, h3 {
    font-family: 'Dongle', sans-serif;
    font-weight: 400;
}
button,a{
    cursor: pointer;
}
.custom-footer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
    background-color: #E6ECEF;
    padding: 1.5rem 2rem;
}

.footer-mailing,.footer-logo {
    /* grid-column: span 2; */
}

@media (max-width: 768px) {
    .custom-footer {
        grid-template-columns: 1fr;
    }
    .footer-mailing {
        grid-column: span 1;
    }
}
.e-con-boxed.e-flex{
    padding-left: 0px !important;
    padding-right: 0px !important;

}


.webhnp-container{
    margin-left:auto !important;
    margin-right:auto !important;
    width: 100%;
}
@media (min-width: 1430px) {
    .webhnp-container {
     max-width: 1336px !important;
 }

}
@media (min-width: 1367px) and (max-width: 1480px) {
    .webhnp-container{
        max-width: 1280px !important;
    }
}
#post-content .post-banner{
    border-radius: 20px;

}
.sidebar-swiper{
    padding-bottom: 20px !important;
}
                .sidebar-swiper .swiper-pagination {
                    text-align: left !important;
                    /* padding-left: 10px !important; */
                }
                .sidebar-swiper .swiper-pagination-bullet {
                    width: 8px !important;
                    height: 8px !important;
                    background: #C5DFFB !important;
                    opacity: 0.5 !important;
                    margin-right: 5px !important;
                    transition: all 0.3s ease !important;
                }
                .sidebar-swiper .swiper-pagination-bullet-active {
                    width: 16px !important;
                    border-radius: 4px !important;
                    background: #0053AD !important;
                    opacity: 1 !important;
                }
                .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content p, .event-description p:not(:last-child) {
                    margin-bottom: 32px;
                }
                #agenda-popup,#speakers-popup {
                    display: none;
                    position: fixed;
                    inset: 0;
                    background: rgba(0, 0, 0, 0.5);
                    justify-content: center;
                    align-items: center;
                    z-index: 1000;
                    transition: opacity 0.3s ease;
                }

                #agenda-popup.active,#speakers-popup.active {
                    display: flex;
                }

                #agenda-popup .popup-content,#speakers-popup .popup-content {
                    background: white;
                    padding: 24px;
                    border-radius: 12px;
                    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
                    width: 90%;
                    max-width: 800px;
                    position: relative;
                    animation: fadeIn 0.3s ease-out;
                }

                @keyframes fadeIn {
                    from { opacity: 0; transform: scale(0.95); }
                    to { opacity: 1; transform: scale(1); }
                }

                #agenda-popup .close-btn, .speakers-popup .popup-close-btn {
                    position: absolute;
                    font-size: 24px;
                    top: 12px;
                    right: 12px;
                    background: #0053AD;
                    color: white;
                    width: 50px;
                    height: 50px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border: none;
                    border-radius: 4px;
                    cursor: pointer;
                    transition: background 0.2s;
                }

                #agenda-popup .close-btn:hover,  #speakers-popup .close-btn:hover{
                    background: #003f8a;
                }

                #agenda-popup .popup-title,  #speakers-popup .popup-title {
                    color: #0358A8;
                    font-size: 1.5rem;
                    font-weight: 600;
                    margin-bottom: 8px;
                }

                #agenda-popup .popup-time, #speakers-popup .popup-time {
                    color: #4a5568;
                    font-size: 1rem;
                    font-weight: 500;
                    margin-bottom: 16px;
                }

                #agenda-popup .popup-speaker {
                    color: #1a202c;
                    font-size: 1rem;
                    font-weight: 500;
                    margin-bottom: 4px;
                }

                #agenda-popup .popup-moderator {
                    color: #4a5568;
                    font-size: 0.875rem;
                    line-height: 1.5;
                }

                @media (max-width: 600px) {
                    #agenda-popup .popup-content {
                        padding: 16px;
                        max-width: 90%;
                    }

                    #agenda-popup  .popup-title {
                        font-size: 1.25rem;
                    }

                    #agenda-popup .popup-time,#agenda-popup  .popup-speaker,#agenda-popup  .popup-moderator {
                        font-size: 0.875rem;
                    }

                    #agenda-popup .close-btn {
                        width: 20px;
                        height: 20px;
                        font-size: 0.875rem;
                    }
                }
.border-form{
    border-color: #E8EDF4;
}
.registration-wrapper .webhnp-container, .single-brochure-form-widget .webhnp-container .brochure-content,.contact-form-wrapper .webhnp-container{
    background-image: url(./assets/images/form-bg.png);
    background-color: #F6F6F8;
}
/* --- PHIÊN BẢN 1: HÌNH DẠNG CÓ NỀN MÀU XANH --- */
        .filled-shape-container {
            width: 100%;
            /* aspect-ratio: 16 / 9; */
            height: 180px;
            background-color: #0053AD; /* Màu nền cho shape 1 */
            color: white;
            position: relative;
            box-sizing: border-box;
            clip-path: url(#filledShapeClip); /* Áp dụng clip-path */
            overflow: hidden;
            /* margin-bottom: 30px;  */
        }

        .filled-shape-icon-wrapper {
            position: absolute;
            /* Vị trí icon dựa trên viewBox gốc của path1 (276x180)
               Ví dụ: icon cách top ~12px, left ~22px
               Top: (12 / 180) * 100% ≈ 6.67%
               Left: (22 / 276) * 100% ≈ 7.97%
            */
            top: 9%;
            left: 6.5%;
            background-color: white;
            border-radius: 8px;
            padding: 1.5%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            /* box-shadow: 0 1px 3px rgba(0,0,0,0.1); */
        }

        .filled-shape-icon {
            font-size: 3vw; /* Kích thước icon responsive */
            max-font-size: 24px; /* Giới hạn kích thước icon */
            min-font-size: 14px;
            color: #0053AD; /* Màu icon */
            display: block;
            line-height: 1;
        }

        .filled-shape-text-wrapper {
            position: absolute;
            /* Vị trí text dựa trên viewBox gốc (276x180)
               Top: (65 / 180) * 100% ≈ 36.1%
               Left/Right: (25 / 276) * 100% ≈ 9.05%
               Bottom: (20 / 180) * 100% ≈ 11.1%
            */
            top: 27%; /* Điều chỉnh cho phù hợp sau khi icon đã chiếm không gian */
            left: 9%;
            right: 9%;
            /* bottom: 11%; */
            font-size: 2.2vw; /* Kích thước font responsive */
            max-font-size: 16px; /* Giới hạn kích thước font */
            line-height: 1.4;
            overflow-y: auto;
            height: calc(100% - 27%);
    display: flex;
    align-items: center;
    height: calc(100% - 27%);
    display: flex;
    align-items: center;
        }

        .filled-shape-text-wrapper p {
            margin: 0;
        }

        /* --- PHIÊN BẢN 2: HÌNH DẠNG CHỈ CÓ ĐƯỜNG VIỀN --- */
        .bordered-shape-container {
            width: 100%;
            height: 180px;;
            /* aspect-ratio: 278 / 182;  */
            background-color: transparent; /* Không có màu nền */
            color: #333333; /* Màu chữ cho nội dung */
            position: relative;
            box-sizing: border-box;
            overflow: hidden;
             /* margin-bottom: 30px; */
        }

        .bordered-shape-svg-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none; /* Để SVG không cản trở tương tác */
        }

        .bordered-shape-icon-wrapper {
            position: absolute;
            /* Vị trí icon dựa trên viewBox gốc của path2 (278x182)
               Ví dụ: icon cách top 17px, left 32px (đã tính thêm khoảng trống cho border)
               Top: (17 / 182) * 100% ≈ 9.34%
               Left: (32 / 278) * 100% ≈ 11.5%
            */
            top: 6.7%;
            left: 6%;
            background-color: white; /* Nền cho icon wrapper */
            border-radius: 8px;
            padding: 1.5%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            /* box-shadow: 0 1px 2px rgba(0,0,0,0.05); */
        }

        .bordered-shape-icon {
            font-size: 3vw;
            max-font-size: 24px;
            min-font-size: 14px;
            color: #0053AD; /* Màu icon */
            display: block;
            line-height: 1;
        }

        .bordered-shape-text-wrapper {
            position: absolute;
            /* Vị trí text dựa trên viewBox gốc (278x182), đã tính thêm khoảng trống cho border
               Top: (65 / 182) * 100% ≈ 35.7%
               Left/Right: (35 / 278) * 100% ≈ 12.6%
               Bottom: (30 / 182) * 100% ≈ 16.5%
            */
            top: 27%;
            left: 12.6%;
            right: 12.6%;
            /* bottom: 12%; */
            font-size: 2.2vw;
            max-font-size: 16px;
            line-height: 1.4;
            overflow-y: auto;
            height: calc(100% - 27%);
    display: flex;
    align-items: center;
    height: calc(100% - 27%);
    display: flex;
    align-items: center;
        }

        .bordered-shape-text-wrapper p {
            margin: 0;
        }

        /* --- MEDIA QUERIES CHUNG CHO CẢ HAI (điều chỉnh nếu cần) --- */
        @media (max-width: 768px) {
            .filled-shape-icon, .bordered-shape-icon {
                font-size: 4vw;
            }
            .filled-shape-text-wrapper, .bordered-shape-text-wrapper {
                font-size: 3vw;
            }
            .filled-shape-text-wrapper { top: 32%; }
            .bordered-shape-text-wrapper { top: 36%; }
        }

        @media (max-width: 480px) {
            .filled-shape-icon, .bordered-shape-icon {
                font-size: 5vw;
            }
            .filled-shape-text-wrapper, .bordered-shape-text-wrapper {
                font-size: 3.8vw;
            }
            .filled-shape-text-wrapper {
                top: 35%;
                left: 7%; right: 7%;
            }
            .filled-shape-icon-wrapper {
                padding: 1%; left: 6%; top: 6%;
            }

            .bordered-shape-text-wrapper {
                top: 38%;
                left: 10%; right: 10%;
            }
            .bordered-shape-icon-wrapper {
                padding: 1%; left: 10%; top: 8.5%;
            }
        }
.language-flag  img{
    width: 2rem;
    height: 1.25rem !important;
}
 /* Styles cho transition overlay - PHIÊN BẢN ĐƠN GIẢN, QUAY LẠI */
                    .transition-overlay {
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background-color: rgba(255, 255, 255, 0.8);
                        z-index: 99999;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        opacity: 0;
                        visibility: hidden;
                        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
                    }
                    .transition-overlay.active {
                        opacity: 1;
                        visibility: visible;
                    }
                    .gradient-wave {
                        width: 100px;
                        height: 100px;
                        border-radius: 50%;
                        position: relative;
                        background: conic-gradient(#0053AD 0deg, #0053AD 90deg, #4A90E2 90deg, #4A90E2 180deg, #83c8ff 180deg, #83c8ff 270deg, #cce7ff 270deg, #cce7ff 360deg);
                        animation: spin 1.5s linear infinite;
                    }
                    .wave-loader-circle {
                        width: 80px;
                        height: 80px;
                        background-color: white;
                        border-radius: 50%;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }
                    @keyframes spin {
                        0% { transform: rotate(0deg); }
                        100% { transform: rotate(360deg); }
                    }
/* Optimize language toggle animation */
.language-toggle + label .relative {
    transition: background-color 0.3s ease-in-out;
}
.language-toggle + label .relative span:last-child {
    transition: transform 0.3s ease-in-out;
}
.post-content{
    font-size: 18px;
    line-height: 29px;
}
@import "tailwindcss";

@theme {
  /* ... */
}
  .hsc-card {
            display: block;
            position: relative;
            /* width: 320px; */
            aspect-ratio: 320 / 401;
            cursor: pointer;
            text-decoration: none;
            overflow: hidden;
            color: white;
        }
        /* --- Áp dụng cho mobile (màn hình có chiều rộng từ 768px trở xuống) --- */
@media (max-width: 768px) {
    .hsc-card {
        /* Thiết lập chiều cao cố định là 400px */
        height: 400px;

        /* Vô hiệu hóa aspect-ratio để height có tác dụng */
        aspect-ratio: auto;

        /* Bạn có thể muốn thẻ chiếm toàn bộ chiều rộng trên mobile */
        width: 100%;
    }
}

        .hsc-card-img {
            display: block;
            width: 100%!important;
            height: 100% !important;
            object-fit: cover;
            clip-path: url(#hsc-shape-clip);
        }

        /* === THAY ĐỔI QUAN TRỌNG: SỬ DỤNG LỚP PHỦ MÀU ĐEN ĐƠN THUẦN === */
        .hsc-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            /* Lớp phủ màu đen 70% opacity. Bạn có thể tăng/giảm số cuối (0.7) nếu muốn. */
            background-color: rgba(0, 0, 0, 0.7);

            clip-path: url(#hsc-shape-clip);
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
            z-index: 1;
        }

        .hsc-card:hover::before {
            opacity: 1;
        }

        .hsc-text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 32px;
            box-sizing: border-box;
            clip-path: url(#hsc-shape-clip);
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            text-align: left;
            opacity: 0;
            transform: translateY(-15px);
            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
            pointer-events: none;
            z-index: 2;
        }

        .hsc-card:hover .hsc-text {
            opacity: 1;
            transform: translateY(0);
        }

        .hsc-text-title {
            margin: 0 0 8px 0;
            font-size: 36px;
            line-height: 36px;
            font-weight: 400;
            /* Text-shadow vẫn được giữ lại để tăng thêm độ sắc nét */
            text-shadow: 0 1px 3px rgba(0,0,0,0.5);
        }

        .hsc-text-desc {
            margin: 0;
            font-size: 14px;
            line-height: 27px;
            font-weight: 400;
            text-shadow: 0 1px 3px rgba(0,0,0,0.5);
        }
 @media (max-width: 768px) {
            .hsc-text {
                 opacity: 1;
                     justify-content: flex-end;
                     padding: 16px;
                     transform: translateY(0);
                     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.25%, #000000 100%);


            }
              .hsc-text-title{
                max-width: 60%;
                font-size: 32px;
                line-height: 32px;
              }
            .hsc-text-desc{
                display: none;

                    justify-content: flex-end;

            }

        }
        .hsc-icon {
            position: absolute;
            opacity: 1;
            width: 15%;
            height: auto;
            bottom: 0px;
            right: 0px;
            pointer-events: none;
            /* Thêm transition cho hiệu ứng xoay */
            transition: transform 0.3s ease-in-out;
        }

        /* Hiệu ứng xoay icon khi hover */
.webhnp-widget-title{

font-weight: 400;
font-size: 56px;
line-height: 48px;
letter-spacing: 0%;

}
.webhnp-footer-title{

font-weight: 400;
font-size: 48px;
line-height: 40px;
letter-spacing: 0%;



}
.webhnp-faq-title{
font-family: Dongle, sans-serif;
font-weight: 400;
font-size: 32px;
line-height: 32px;
letter-spacing: 0%;

}
.webhnp-page-title{

font-weight: 400;
font-size: 80px;
line-height: 80px;

}
@media(max-width: 768px){
    .webhnp-page-title{
        font-size: 42px;
        line-height: 38px;
    }
     .webhnp-faq-title, .webhnp-widget-title, .webhnp-footer-title{
        font-size: 32px;
        line-height: 32px;
    }
}
.webhnp-agenda-title{

font-weight: 400;
font-size: 42px;
line-height: 42px;

}
.item-speaker-name{
font-family: 'Inter', sans-serif;
color: #121212;
font-weight: 500;
font-size: 20px;
line-height: 30px;


}
  .readmore-text .readmore-arrow {
                transition: transform 0.3s ease-in-out;
            }

            .readmore-text:hover .readmore-arrow {
                transform: translateX(-5px);
            }

            .readmore-underline {
                left: 0;
                bottom: -4px;
                width: 100px;
                border-bottom: 2px solid #154AB3;
                position: absolute;
            }
.contact-form-wrapper .wpcf7 br,  .registration-wrapper .wpcf7 br,  .brochure-content .wpcf7 br{
    display: none;
}

.contact-form-wrapper .wpcf7 .wpcf7-form-control-wrap, .registration-wrapper .wpcf7 .wpcf7-form-control-wrap, .brochure-content .wpcf7 .wpcf7-form-control-wrap {
    margin-bottom: 12px; /* Adjust as needed */
}
#agenda-section .e-con{
    padding: 0 !important;
}
@media (max-width: 768px) {
    #agenda-section{
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
.choices__inner{
    padding: 0px !important;
    border: 1px solid #E8EDF4;
}
.choices__list--dropdown{
    border-color: #E8EDF4;
}
.choices.is-focused .choices__inner{
    border-color: #0053AD !important;
}
.choices__list--single .choices__item{
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    /* border: 1px solid var(--Stroke, #E8EDF4); */
    border-radius: 0.5rem;
    color: #727885;
    background: transparent;
    transition: all 0.2s;
    font-size: 15px;
 }
 .choices .choices__inner .choices__list--single {
    padding: 0px;
}
.choices__list--dropdown.is-active{
    border-color: #0053AD !important;

}

.choices[data-type*="select-one"] input.choices__input:focus{
    border: none !important
}
.choices[data-type*="select-one"] input.choices__input {
    background: none !important;
    margin: 5px !important;
    padding: 5px !important;
    width: calc(100% - 10px) !important;
    border: 0 !important;
    box-shadow: none !important;
}
/* --- KIỂU CHO Ô INPUT/TEXTAREA/SELECT BỊ LỖI --- */
.wpcf7-form-control.wpcf7-not-valid {
    border-color: #e74c3c !important; /* Màu đỏ hiện đại */
    border-width: 1px !important; /* Đảm bảo độ dày đường viền */
    box-shadow: 0 0 5px rgba(231, 76, 60, 0.5) !important; /* Đổ bóng nhẹ màu đỏ */
    background-color: #fffafa !important; /* Nền rất nhạt cho input (tùy chọn) */
}

/* --- KIỂU CHO THÔNG BÁO LỖI CỤ THỂ CỦA TỪNG TRƯỜNG (.wpcf7-not-valid-tip) --- */
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    color: #D8000C !important; /* Màu đỏ tiêu chuẩn cho thông báo lỗi */
    font-size: 0.725em !important; /* Kích thước chữ nhỏ hơn, dễ đọc */
    font-weight: normal !important; /* Hoặc 500 nếu muốn chữ hơi đậm một chút */
    display: block !important; /* Đảm bảo hiển thị dạng khối */
    margin-top: 5px !important; /* Khoảng cách với ô input phía trên */
    padding: 2px 0 !important;  /* Một chút đệm trên dưới, không cần đệm ngang */
    background-color: transparent !important; /* Không có màu nền */
    border: none !important; /* Không có đường viền */
    clear: both;
}

/* Thêm icon cảnh báo vào trước thông báo lỗi (sử dụng pseudo-element) */
.wpcf7-form-control-wrap .wpcf7-not-valid-tip::before {

     /*content: "⚠️ "; /* Giữ lại icon cảnh báo nếu vẫn thấy cần thiết */
    /* margin-right: 4px; */
    /* Nếu bỏ hẳn icon, bạn có thể xóa cả khối .wpcf7-not-valid-tip::before này */
}

/* --- KIỂU CHO THÔNG BÁO LỖI CHUNG CỦA FORM (.wpcf7-response-output) --- */
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.payment-required .wpcf7-response-output { /* Áp dụng cho các trạng thái lỗi khác nhau */
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    padding: 12px 18px !important;
    border: 1px solid #e74c3c !important; /* Viền đỏ */
    background-color: #fdedec !important; /* Nền hồng nhạt */
    color: #c0392b !important; /* Chữ đỏ sẫm */
    border-radius: 5px !important; /* Bo góc */
    font-size: 0.95em;
    text-align: left; /* Căn trái nếu muốn */
}

/* Tùy chọn: Ẩn đường viền mặc định của thông báo chung nếu nó không đẹp */
.wpcf7-response-output {
     border-width: 1px !important; /* Đảm bảo có viền để nhất quán */
}

/* --- KIỂU CHO THÔNG BÁO GỬI THÀNH CÔNG --- */
.wpcf7-form.sent .wpcf7-response-output {
    border-color: #2ecc71 !important; /* Màu xanh lá cây */
    background-color: #eafaf1 !important; /* Nền xanh nhạt */
    color: #27ae60 !important; /* Chữ xanh đậm */
}

/* Tùy chỉnh vị trí mũi tên (nếu theme của bạn có thêm vào) - Cần kiểm tra kỹ với theme của bạn */
.wpcf7-not-valid-tip {
    position: relative; /* Cần thiết cho việc định vị các pseudo-elements nếu bạn muốn làm mũi tên */
}

/* Ví dụ mũi tên nhỏ chỉ lên trên (tùy chọn nâng cao) */
/*
.wpcf7-not-valid-tip::after {
    content: "";
    position: absolute;
    bottom: 100%; // Đặt ở trên cùng của .wpcf7-not-valid-tip
    left: 20px; // Điều chỉnh vị trí ngang
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fdedec transparent; // Màu nền của tip
}
*/
.event-details{
    font-family: Inter;
font-weight: 500;
font-size: 12px;
line-height: 18px;
letter-spacing: 0%;
text-transform: capitalize;

}
@media (max-width: 767px) {
    .mobile-layout .mobile-info-container{
        display: grid !important;
                grid-template-columns: 1fr 1fr;

    }
.mobile-layout .info-block{
    height: auto !important;
            flex-direction: column;
            justify-content: center;
        align-items: center;
    }
     .mobile-layout .info-block .info-block-content{

        text-align: center;
    }
    .mobile-layout .info-block .info-block-text {

        font-size: 21px !important;
        line-height: 21px !important;
        margin-bottom: 10px !important;

    }
    .mobile-layout .info-block-icon{
        width: 48px !important;
        height: 48px !important;
    }
    .organizer-sponsor-widget .main-organizer-logo{
        max-width: 180px !important;
    }
    .organizer-sponsor-widget .sponsor-section .logo-img{
        max-width: 80px !important;
    }
}
.bg-opacity-50{
    background-color: rgba(255, 255, 255, 0.5) !important;
}
@media (max-width: 767px) {
    .elementor-page-title .elementor-widget-container{
        padding-left:  16px !important;
        padding-right:  16px !important;
    }

}
    /* update spacing desktop 03/06/2025 */
    body.home .e-con>.e-con-inner{
            gap: 0 !important;
        }
        body.home .e-con {
            padding: 0 !important;
        }
        body.home .eiw-expert-influencer-widget .swiper{
            padding: 0px! important;
        }
    @media (min-width: 1024px) {

        .widget-spacing-section, .beauty-expo-slide{

            padding-top: 64px;
            padding-bottom: 64px;
        }
    }
    @media (max-width: 1023px) {
        .beauty-expo-slide .swiper{
            padding: 0px! important;
        }
        .beauty-expo-slide, .widget-spacing-section{
            padding-top: 24px;
            padding-bottom: 24px;
    }
    .elementor-widget-my_3d_slider{
        max-width: 100% !important;
    }
    .my-3d-slider.swiper-container{
        padding-top: 0px !important;
    }
}
.language-dropdown .lang-dropdown-button{
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0%;
        vertical-align: middle;
        text-transform: uppercase;

}
.ghi-chu-bat-buoc {
  font-size: 14px;
  font-style: italic;
  color: #333;
  margin-top: 15px;
  padding: 12px;
  background-color: #f8f8f8;
  border-left: 4px solid #d9534f;
  border-radius: 4px;
}