<style>
    /* Keyframes cho hiệu ứng xoay */
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    /* Styles cho Form chính trên Desktop (Góc dưới bên phải) */
    .desktop-right-form-container {
        max-width: 320px;
        background: #fff;
        margin: auto;
        padding: 20px;
        border: 4px solid #ff1178;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        text-align: center;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 1000;
    }

    /* Ẩn form chính trên thiết bị di động */
    @media (max-width: 768px) {
        .desktop-right-form-container {
            display: none;
        }
    }

    /* Styles cho Desktop Fixed Buttons (Góc dưới bên trái) */
    .desktop-left-fixed-buttons {
        position: fixed;
        bottom: 20px;
        left: 20px;
        z-index: 1000;
        display: flex;
        flex-direction: column; /* Sắp xếp theo chiều dọc */
        gap: 10px; /* Khoảng cách giữa các nút */
    }

    /* Ẩn các nút cố định bên trái trên thiết bị di động */
    @media (max-width: 768px) {
        .desktop-left-fixed-buttons {
            display: none;
        }
    }

    .fixed-button {
        text-decoration: none;
        color: white !important; /* Đảm bảo màu chữ là trắng */
        padding: 12px 20px; /* Tăng padding để nút lớn hơn */
        border-radius: 8px; /* Bo tròn hơn */
        font-weight: bold;
        text-align: center;
        font-size: 16px; /* Cỡ chữ lớn hơn một chút */
        display: flex; /* Dùng flexbox cho icon và text */
        align-items: center; /* Căn giữa theo chiều dọc */
        justify-content: center; /* Căn giữa theo chiều ngang */
        transition: background-color 0.3s ease, transform 0.2s ease; /* Hiệu ứng hover */
        min-width: 180px; /* Đảm bảo chiều rộng tối thiểu */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Thêm bóng đổ */
    }

    .fixed-button:hover {
        transform: translateY(-2px); /* Hiệu ứng nhấc lên khi hover */
    }

    .fixed-button svg {
        fill: white; /* Đảm bảo màu icon là trắng */
    }

    /* Màu sắc và icon cụ thể cho các nút Desktop Left */
    .fixed-button.whatsapp-button {
        background-color: #25D366; /* Màu xanh WhatsApp */
    }
    .fixed-button.whatsapp-button:hover {
        background-color: #1DA851;
    }

    .fixed-button.get-a-quote-button {
        background-color: #007bff; /* Màu xanh dương nổi bật hơn */
    }
    .fixed-button.get-a-quote-button:hover {
        background-color: #0056b3;
    }

    .fixed-button.contact-button {
        background-color: #dc3545; /* Màu đỏ nổi bật cho liên hệ */
    }
    .fixed-button.contact-button:hover {
        background-color: #c82333;
    }

    /* Styles cho Mobile Fixed Buttons (Thanh dưới màn hình) */
    .mobile-fixed-buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid #eee;
        display: flex;
        justify-content: space-around;
        padding: 8px 0;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        
        display: none; /* Ẩn trên desktop */
    }

    .mobile-button {
        flex: 1;
        text-decoration: none;
        color: white !important; /* Đảm bảo màu chữ là trắng */
        padding: 10px 5px;
        margin: 0 5px;
        border-radius: 5px;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        transition: background-color 0.3s ease;
    }

    .mobile-button.whatsapp-button {
        background-color: #25D366;
    }
    .mobile-button.whatsapp-button:hover {
        background-color: #1DA851;
    }

    .mobile-button.get-a-quote-button {
        background-color: #ff1178;
    }
    .mobile-button.get-a-quote-button:hover {
        background-color: #d10e62;
    }

    .mobile-button.contact-button {
        background-color: #28a745;
    }
    .mobile-button.contact-button:hover {
        background-color: #218838;
    }

    /* Hiển thị Mobile Fixed Buttons trên thiết bị di động */
    @media (max-width: 768px) {
        .mobile-fixed-buttons {
            display: flex;
        }
    }

    /* Styles cho Popup Form (Dùng chung cho cả Desktop và Mobile khi cần) */
    .global-popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7); /* Nền mờ đen */
        z-index: 1001; /* Nằm trên các nút và form */
        display: none; /* Ẩn ban đầu */
    }

    .global-popup-form-container {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); /* Căn giữa màn hình */
        max-width: 90%; /* Chiều rộng tối đa */
        width: 380px; /* Chiều rộng cố định cho popup */
        background: #fff;
        padding: 20px;
        border: 4px solid #ff1178;
        border-radius: 10px;
        font-family: Arial, sans-serif;
        text-align: center;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        z-index: 1002; /* Nằm trên overlay */
        display: none; /* Ẩn ban đầu */
        max-height: 90vh; /* Giới hạn chiều cao */
        overflow-y: auto; /* Thêm scroll nếu nội dung dài */
    }

    .global-popup-close-button {
        position: absolute;
        top: 10px;
        right: 10px;
        background: none;
        border: none;
        font-size: 28px; /* Kích thước nút đóng lớn hơn */
        color: #aaa;
        cursor: pointer;
        padding: 0;
        line-height: 1;
    }

    .global-popup-close-button:hover {
        color: #ff1178;
    }

    /* Styles cho dropdown list chọn quốc gia thủ công */
    .country-dropdown {
        height: auto; /* Để chiều cao tự động theo nội dung */
        box-sizing: border-box; /* Đảm bảo padding và border được tính vào width */
        appearance: none; /* Bỏ giao diện mặc định của trình duyệt */
        -webkit-appearance: none; /* Cho Safari/Chrome */
        -moz-appearance: none; /* Cho Firefox */
        background-image: url('data:image/svg+xml;utf8,<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') !important; /* Thêm mũi tên dropdown tùy chỉnh */
        background-repeat: no-repeat !important;
        background-position: right 15px center !important;
        background-size: 18px !important;
        padding-right: 40px !important; /* Tạo không gian cho mũi tên tùy chỉnh */
    }

</style>