.elementor-1878 .elementor-element.elementor-element-fb95121{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1878 .elementor-element.elementor-element-fb95121::before, .elementor-1878 .elementor-element.elementor-element-fb95121 > .elementor-background-video-container::before, .elementor-1878 .elementor-element.elementor-element-fb95121 > .e-con-inner > .elementor-background-video-container::before, .elementor-1878 .elementor-element.elementor-element-fb95121 > .elementor-background-slideshow::before, .elementor-1878 .elementor-element.elementor-element-fb95121 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1878 .elementor-element.elementor-element-fb95121 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://gigxomi.com/wp-content/uploads/2026/01/2nd-screen.jpeg");--background-overlay:'';}.elementor-1878 .elementor-element.elementor-element-a594892{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-1878 .elementor-element.elementor-element-b15b0fd{text-align:center;}.elementor-1878 .elementor-element.elementor-element-b15b0fd .elementor-heading-title{font-size:32px;color:#E8FF04;}.elementor-1878 .elementor-element.elementor-element-ddb2739{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;color:#AFAFAF;}@media(max-width:1024px){.elementor-1878 .elementor-element.elementor-element-fb95121{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1878 .elementor-element.elementor-element-b15b0fd .elementor-heading-title{font-size:25px;}.elementor-1878 .elementor-element.elementor-element-ddb2739{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}}@media(min-width:768px){.elementor-1878 .elementor-element.elementor-element-fb95121{--width:100%;}}/* Start custom CSS for apus_element_register_tabs, class: .elementor-element-d045837 *//* --- 1. The Main Registration Box (Dark Glass) --- */
.register-form.register-form-wrapper.box-account {
    background: rgba(255, 255, 255, 0.05) !important; /* Transparent dark */
    backdrop-filter: blur(15px) !important; /* heavy blur */
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
    padding: 40px !important;
}

/* --- 2. The Input Fields (Dark Mode) --- */
.register-form input[type="text"],
.register-form input[type="email"],
.register-form input[type="password"] {
    background-color: rgba(0, 0, 0, 0.6) !important; /* Dark inputs */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important; /* White typing text */
    border-radius: 10px !important;
}

/* Fix Placeholder Text Color (e.g. "Confirm Password") */
.register-form input::placeholder {
    color: #bbbbbb !important;
}

/* --- 3. The "Register Now" Button (Neon Lime) --- */
.register-form button[type="submit"],
.register-form .btn-submit,
button[name="register"] {
    background-color: #e8ff04 !important;
    color: #000000 !important; /* Black Text */
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-top: 10px !important;
}

/* --- 4. The Top "Freelancer" Toggle/Tab --- */
.register-form .nav-tabs .nav-link,
.register-form .user-type-selection {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 50px !important;
}

/* Highlight the Active Tab with Neon Lime Border */
.register-form .nav-tabs .nav-link.active {
    border-color: #e8ff04 !important;
    color: #e8ff04 !important;
}

/* --- 5. All Labels and Text (Force White) --- */
.register-form label,
.register-form p,
.register-form span,
.register-form a {
    color: #ffffff !important;
}

/* --- Tab Text Styling (Freelancer / Employer) --- */

/* 1. Default State (Inactive Tabs) */
.register-form .nav-tabs li a,
.register-form .nav-tabs .nav-link {
    color: #ffffff !important; /* Force White Text */
    font-weight: 600 !important;
    font-size: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Subtle White Border */
    background: transparent !important;
    border-radius: 50px !important;
}

/* 2. Active State (The Selected Tab) */
.register-form .nav-tabs li a.active,
.register-form .nav-tabs .nav-link.active {
    color: #e8ff04 !important; /* Neon Lime Text */
    border-color: #e8ff04 !important; /* Neon Lime Border */
    background: rgba(232, 255, 4, 0.1) !important; /* Very subtle glow background */
    box-shadow: 0 0 15px rgba(232, 255, 4, 0.2) !important; /* Soft Glow */
}

/* 3. Hover Effect */
.register-form .nav-tabs li a:hover {
    color: #e8ff04 !important;
    border-color: #e8ff04 !important;
}

/* Keep White Background, Force Black Text */
.register-form input[type="text"],
.register-form input[type="email"],
.register-form input[type="password"],
.register-form input.regular-text {
    background-color: #ffffff !important; /* White background */
    color: #000000 !important; /* Black Text */
}/* End custom CSS */