.elementor-12465 .elementor-element.elementor-element-f5b8b7c, .elementor-12465 .elementor-element.elementor-element-f5b8b7c > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-12465 .elementor-element.elementor-element-f5b8b7c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-12465 .elementor-element.elementor-element-f5b8b7c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12465 .elementor-element.elementor-element-c9ca38b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-12465 .elementor-element.elementor-element-60e983d > .elementor-widget-container{margin:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-12465 .elementor-element.elementor-element-60e983d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-12465 .elementor-element.elementor-element-60e983d .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-12465 .elementor-element.elementor-element-60e983d .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-12465 .elementor-element.elementor-element-60e983d .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-field-group > label, .elementor-12465 .elementor-element.elementor-element-60e983d .elementor-field-subgroup label{color:#92001D;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-field-type-html{padding-bottom:0px;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#1A2C75;border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#1A2C75;border-width:1px 1px 1px 1px;border-radius:15px 15px 15px 15px;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-field-group .elementor-select-wrapper::before{color:#1A2C75;}.elementor-12465 .elementor-element.elementor-element-60e983d .e-form__buttons__wrapper__button-next{background-color:#806200;color:#ffffff;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-button[type="submit"]{background-color:#806200;color:#ffffff;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-12465 .elementor-element.elementor-element-60e983d .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-12465 .elementor-element.elementor-element-60e983d .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-12465 .elementor-element.elementor-element-60e983d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-12465 .elementor-element.elementor-element-60e983d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-12465 .elementor-element.elementor-element-60e983d{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-12465 .elementor-element.elementor-element-60e983d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:33px 33px 33px 33px;}}/* Start custom CSS for form, class: .elementor-element-60e983d *//* Container Form */
        .elementor-widget-container {
            width: 100%;
            max-width: 420px; /* Thu gọn form lại để thanh thoát hơn */
            margin: 0 auto;
        }

        /* Khối Form chính - Hiệu ứng Glassmorphism trong suốt */
        #sukienabs {
            background: rgba(255, 255, 255, 0.45); /* Giảm độ đục để thấy nền rõ hơn */
            backdrop-filter: blur(16px); /* Tăng độ mờ ảo của nền phía sau */
            -webkit-backdrop-filter: blur(16px);
            padding: 30px 25px; /* Thu gọn padding */
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), 
                        inset 0 0 0 1px rgba(255, 255, 255, 0.6); /* Viền sáng bên trong */
            box-sizing: border-box;
        }

        /* Tiêu đề Form */
        #sukienabs::before {
            content: "🎁 ĐĂNG KÝ NHẬN QUÀ";
            display: block;
            text-align: center;
            font-size: 22px;
            font-weight: 800;
            color: #c2410c; /* Cam đậm nổi bật */
            margin-bottom: 4px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            text-shadow: 0 1px 2px rgba(255,255,255,0.8);
        }

        /* Khoảng cách giữa các trường */
        .elementor-form-fields-wrapper {
            display: flex;
            flex-direction: column;
            gap: 14px; /* Giảm gap cho gọn gàng */
        }

        .elementor-field-group {
            margin: 0 !important;
            padding: 0 !important;
        }

        /* Label (Tiêu đề ô nhập) */
        .elementor-field-label {
            display: block;
            font-weight: 700;
            color: #431407;
            margin-bottom: 4px; /* Rút gọn margin */
            font-size: 13px; /* Chữ nhỏ gọn hơn */
            text-shadow: 0 1px 1px rgba(255,255,255,0.5);
        }

        /* Ô nhập liệu */
        .elementor-field {
            width: 100%;
            padding: 10px 14px; /* Form gọn gàng hơn */
            border: 1.5px solid rgba(255, 255, 255, 0.8);
            border-radius: 10px;
            font-size: 14px;
            background-color: rgba(255, 255, 255, 0.65); /* Ô nhập liệu cũng hơi trong suốt */
            color: #1f2937;
            transition: all 0.3s ease;
            box-sizing: border-box;
            font-family: inherit;
        }

        /* Hiệu ứng khi đang gõ */
        .elementor-field:focus {
            border-color: #f59e0b;
            background-color: rgba(255, 255, 255, 0.95);
            outline: none;
            box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
        }

        .elementor-field::placeholder {
            color: #78716c;
            font-size: 13px;
        }

        /* Khung Select (Dropdown) */
        .elementor-select-wrapper {
            position: relative;
        }
        .elementor-select-wrapper select {
            appearance: none;
            -webkit-appearance: none;
            cursor: pointer;
            padding-right: 35px;
        }
        .select-caret-down-wrapper {
            position: absolute;
            right: 14px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            color: #d97706;
            font-size: 13px;
        }

        /* Nút Nhận Quà */
        .elementor-button {
            width: 100%;
            padding: 12px; /* Gọn hơn */
            background: linear-gradient(to right, #ea580c, #d97706);
            color: white;
            border: none;
            border-radius: 10px;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);
            margin-top: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .elementor-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(234, 88, 12, 0.4);
            background: linear-gradient(to right, #f97316, #f59e0b);
        }

        /* Icon mũi tên cho select Elementor */
        .eicon-caret-down::before {
            content: "\f0d7";
            font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
            font-weight: 900;
        }

        /* ========================================================
           3. TỐI ƯU RIÊNG CHO MOBILE (Điện thoại)
           ======================================================== */
        @media (max-width: 480px) {
            #sukienabs {
                padding: 20px 15px; /* Pad cực nhỏ trên mobile để tiết kiệm diện tích */
                border-radius: 16px;
                backdrop-filter: blur(12px); /* Giảm blur nhẹ cho máy yếu không bị giật */
                -webkit-backdrop-filter: blur(12px);
            }

            #sukienabs::before {
                font-size: 18px; /* Chữ tiêu đề nhỏ lại */
                margin-bottom: 2px;
            }

            #sukienabs::after {
                font-size: 13px;
                margin-bottom: 15px;
            }

            .elementor-form-fields-wrapper {
                gap: 10px; /* Khít các ô lại với nhau hơn */
            }

            .elementor-field {
                padding: 9px 12px;
                font-size: 14px;
            }

            .elementor-button {
                padding: 10px;
                font-size: 15px;
            }
        }/* End custom CSS */