.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-a87ae84{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 05px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-a87ae84 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:31px;font-weight:700;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-1e9d03c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-1e9d03c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}body.elementor-page-9:not(.elementor-motion-effects-element-type-background), body.elementor-page-9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #210035 100%);}:root{--page-title-display:none;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-a87ae84{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 09px) 0px;}.elementor-9 .elementor-element.elementor-element-a87ae84 .elementor-heading-title{font-size:23px;}.elementor-9 .elementor-element.elementor-element-1e9d03c .elementor-heading-title{font-size:14px;}}/* Start custom CSS for shortcode, class: .elementor-element-b73ff97 */<style>
/* =========================================
   1. FORM CONTAINER & GLASSMORPHISM
   ========================================= */
.premium-form {
    max-width: 800px !important; /* Stops the form from stretching across the whole screen */
    margin: 0 auto !important; /* Centers it perfectly */
    background: rgba(15, 20, 35, 0.6) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 50px 60px !important;
    border-radius: 24px !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.5) !important;
}

/* =========================================
   2. LABELS
   ========================================= */
.premium-form label {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    display: block !important;
    letter-spacing: 0.3px !important;
}

/* Changes the required asterisk from ugly red to a clean blue */
.premium-form .elementor-required-indicator {
    color: #007bff !important;
}

/* =========================================
   3. INPUT FIELDS & TEXTAREAS
   ========================================= */
.premium-form input[type="text"],
.premium-form input[type="email"],
.premium-form input[type="tel"],
.premium-form input[type="number"],
.premium-form select,
.premium-form textarea {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 16px !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

/* Focus Glow Effect (When a user clicks inside the box) */
.premium-form input:focus,
.premium-form select:focus,
.premium-form textarea:focus {
    border-color: rgba(0, 123, 255, 0.5) !important;
    background: rgba(0, 123, 255, 0.05) !important;
    box-shadow: 0 0 20px rgba(0, 123, 255, 0.1) !important;
    outline: none !important;
}

.premium-form ::placeholder {
    color: #6b7280 !important;
}

/* =========================================
   4. CHECKBOX GRID REPAIR
   ========================================= */
/* Forces the scattered checkboxes into a clean 3-column grid */
.premium-form .elementor-field-subgroup {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px !important;
    margin-top: 10px !important;
}

.premium-form .elementor-field-option {
    display: flex !important;
    align-items: center !important;
    color: #a0a0b0 !important;
    font-size: 15px !important;
}

.premium-form input[type="checkbox"] {
    accent-color: #007bff !important; /* Turns checkboxes blue when ticked */
    width: 18px !important;
    height: 18px !important;
    margin-right: 12px !important;
    cursor: pointer !important;
}

/* =========================================
   5. SUBMIT BUTTON
   ========================================= */
.premium-form .elementor-button {
    background: linear-gradient(90deg, #007bff 0%, #b829ff 100%) !important;
    color: #ffffff !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 20px 40px !important;
    border-radius: 50px !important;
    border: none !important;
    width: 100% !important;
    margin-top: 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 30px rgba(0, 123, 255, 0.3) !important;
}

.premium-form .elementor-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 40px rgba(0, 123, 255, 0.5) !important;
}

/* =========================================
   6. MOBILE RESPONSIVENESS
   ========================================= */
@media (max-width: 768px) {
    .premium-form {
        padding: 40px 25px !important;
    }
    /* Drops checkboxes to 2 columns on tablets */
    .premium-form .elementor-field-subgroup {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    /* Stacks checkboxes in a single column on small phones */
    .premium-form .elementor-field-subgroup {
        grid-template-columns: 1fr !important;
    }
}
</style>/* End custom CSS */