.elementor-680 .elementor-element.elementor-element-3d86071c{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-680 .elementor-element.elementor-element-3d86071c:not(.elementor-motion-effects-element-type-background), .elementor-680 .elementor-element.elementor-element-3d86071c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-680 .elementor-element.elementor-element-3d86071c.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-680 .elementor-element.elementor-element-3d86071c{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-680 .elementor-element.elementor-element-3d86071c{--width:94.384%;}}/* Start custom CSS for shortcode, class: .elementor-element-7601b08 */.um-profile-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
  margin-bottom: 14px !important;
  padding-left: 0 !important;
  background: none !important;
  border: none !important;
}
.um-profile-nav-item {
  margin: 0 !important;
}
.um-profile-nav-item a {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 30px 6px 30px;
  background: transparent;
  border-radius: 6px;
  color: #fff;
  border: 2px solid transparent;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.18s;
}
.um-profile-nav-item a i {
  display: inline-block !important;
  color: #OOE0FF;
  font-size: 18px;
  margin-right: 7px;
  margin-left: 0px;
  vertical-align: middle;
  line-height: 1;
}
.um-profile-nav-item a.active,
.um-profile-nav-item a:focus {
  background: #00A0AF !important;
  color: #000 !important;
  border-color: #FFFFFF !important;
}
.um-profile-nav-item a.active i {
  color: #000 !important;
}
.um-profile-nav-item a:hover {
  background: rgba(0,224,255,0.15);
  color: #00A0AF;
  border-color: #00A0AF;
}
.um-profile-nav-item a:hover i {
  color: #00e0ff;
}

/* ==== PROFILE BODY: Relax the width restriction ==== */
.um-profile-body,
.um-profile-body .um-form {
  display: block !important;
  max-width: 750px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* ==== FORM FIELDS ==== */
.um-form input[type="text"],
.um-form input[type="email"],
.um-form input[type="password"],
.um-form textarea,
.um-form select {
  background: #23272a !important;
  color: #fff !important;
  border: 1.5px solid #1c2228 !important;
  border-radius: 5px !important;
  padding: 9px 14px !important;
  font-size: 15px;
  margin-bottom: 13px;
  width: 100% !important;
  box-shadow: none !important;
  transition: border-color 0.16s;
}
.um-form input[type="text"]:focus,
.um-form input[type="email"]:focus,
.um-form input[type="password"]:focus,
.um-form textarea:focus,
.um-form select:focus {
  border-color: #00e0ff !important;
  background: #181c1e !important;
  color: #fff !important;
}

/* ==== LABELS ==== */
.um-field-label {
  color: #00e0ff !important;
  font-weight: 600 !important;
  margin-bottom: 3px !important;
  font-size: 14px !important;
  text-align: left !important;
}

/* ==== BUTTON ==== */
.um-form .um-button, .um-form input[type="submit"] {
  background: #00e0ff !important;
  color: #000 !important;
  border: none !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
  padding: 10px 32px !important;
  margin: 12px 0 0 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  display: inline-block !important;
  transition: background 0.17s;
}
.um-form .um-button:hover, .um-form input[type="submit"]:hover {
  background: #009bbd !important;
  color: #fff !important;
}
/* Force Update Profile button fully left, all wrappers */
.um-profile-body .um-form,
.um-profile-body .um-left.um-half,
.um-profile-body .um-form .um-row,
.um-profile-body .um-form .um-col-1,
.um-profile-body .um-form .um-field-area {
    text-align: left !important;
}

/* Button itself */
.um-form .um-button,
.um-form input[type="submit"] {
    display: inline-block !important;
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    float: left !important;
    clear: both !important;
}
.um-form textarea,
.um-profile-body textarea {
    border: none !important;
    background: #23272a !important;
    box-shadow: none !important;
    resize: none;
}

/* ==== Remove border & background from bio/about ("This is me") ==== */
.um-profile-body .um-field-area textarea,
.um-profile-body .um-field-area .um-form-field,
.um-profile-body .um-profile-note,
.um-profile-body .um-profile-about,
.um-profile-body textarea,
.um-profile-body .um-field-area textarea,
.um-profile-body .um-field-type_textarea textarea,
.um-profile-body .um-form textarea,
.um-profile-body .um-field-area .um-form-field textarea,
.um-profile-body .um-form .um-field-type_textarea textarea,
.um-field-bio textarea,
.um-field-bio,
.um-field-about textarea,
.um-field-about,
.um-profile-body .um-field-type_textarea .um-form-field {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    resize: none !important;
}
/* UM Profile: Make fields read-only unless in edit mode */
body.um-profile-edit-mode-off .um-form input,
body.um-profile-edit-mode-off .um-form textarea,
body.um-profile-edit-mode-off .um-form select {
    pointer-events: none !important;
    background: #191919 !important; /* match your site background */
    color: #aaa !important;
    border: none !important;
    box-shadow: none !important;
}
body.um-profile-edit-mode-off .um-profile-btn {
    display: none !important; /* Hide update/save button until edit mode */
}

/* ==== PROFILE NAME COLOR (Display Name) ==== */
.um-profile .um-name a {
  color: #00A0AF !important;
  text-shadow: 1px 2px 8px #111 !important;
  font-weight: 700 !important;
}
.um-profile-nav-item a.active,
.um-profile-nav-item a:focus {
  background: #00e0ff !important;        /* or your preferred color */
  color: #fff !important;
  border-color: #00e0ff !important;      /* or match your color */
}
.um-profile-nav-item a.active i,
.um-profile-nav-item a:focus i {
  color: #fff !important;
}
body .um-profile-meta a[href^="mailto:"] {
  pointer-events: none !important;
  color: #cfcfcf !important;            /* Change as desired */
  text-decoration: none !important;
  cursor: text !important;
  background: none !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

/* Remove all link styles even if added inline or with pseudo-classes */
body .um-profile-meta a[href^="mailto:"]:hover,
body .um-profile-meta a[href^="mailto:"]:visited,
body .um-profile-meta a[href^="mailto:"]:focus,
body .um-profile-meta a[href^="mailto:"]:active {
  color: #cfcfcf !important;
  text-decoration: none !important;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: text !important;
}
/* UM Profile: Brighten meta values and profile field values */
.um-profile-body .um-field-area .um-field-value,
.um-profile-body .um-field-value,
.um-profile-meta .um-meta,
.um-profile-meta .um-meta span,
.um-profile-meta .um-meta *,
.um-profile-meta .um-meta-info,
.um-profile-body .um-meta-info,
.um-profile-body .um-profile-note,
.um-profile-body .um-profile-about,
.um-profile-body .um-field-type_text,
.um-profile-body .um-field-type_text span,
.um-profile-body .um-field-type_textarea {
    color: #FFFFFF !important;
    
}
/* Make form section headings neon blue */
.um-profile-body label,
.um-profile-body .um-field-label,
.wpforms-field-label,  /* For WPForms */
.metform-label,        /* For MetForm */
.elementor-widget-heading .elementor-heading-title,  /* Elementor Headings */
h2, h3, h4 {
  color: #00A0AF  !important;
  font-size: 17px !important;
   font-family: 'Rajdhani', Arial, sans-serif !important;
  
}

/* WPForms: Style all field labels in the Submit Report tab */
.um-profile-body .wpforms-field-label {
    color: #00A0AF !important;                  /* Neon blue color */
    font-family: 'Rajdhani', Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    margin-bottom: 7px !important;
    text-align: left !important;
}

/* Force active tab color for Ultimate Member profile nav */
body .um-profile-nav .um-profile-nav-item a.active,
body .um-profile-nav .um-profile-nav-item a:focus {
  background: #00A0AF !important;
  color: #fff !important;
  border-color: #00A0AF !important;
}

body .um-profile-nav .um-profile-nav-item a.active i,
body .um-profile-nav .um-profile-nav-item a:focus i {
  color: #fff !important;
}
.um-profile-nav-item.active,
.um-profile-nav-item.active a,
.um-profile-nav-item a.active {
    background: #00A0AF !important;
    color: #fff !important;
    border-color: #00A0AF !important;
    border-radius: 7px !important;  /* <-- adjust px for more/less rounding */
}
.um-profile-nav-item.active a i,
.um-profile-nav-item a.active i {
    color: #fff !important;
}

/* Remove hyperlink behavior and styling for profile display name */
body .um-profile .um-name a,
body .um-profile .um-name a:visited,
body .um-profile .um-name a:active,
body .um-profile .um-name a:hover,
body .um-profile .um-name a:focus {
  pointer-events: none !important;
  color: #00A0AF !important;         /* Teal */
  text-decoration: none !important;
  cursor: text !important;
  background: none !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  text-shadow: 1px 2px 8px #111 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3d86071c *//* === GLOBAL BACKGROUND === */
body {
  background: #09090a;
  position: relative;
  overflow-x: hidden;
}

/* Neon grid layer */
.bg-grid {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background-image:
    linear-gradient(rgba(0,255,255,.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,255,255,.1) 1px, transparent 1px);
  background-size: 50px 50px;
  animation: gridMove 20s linear infinite;
  opacity: .3;
  z-index: 0;
  pointer-events: none;
}

/* Floating particle layer */
.floating-particles {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  pointer-events: none;
  z-index: 0;
}

.particle {
  position: absolute;
  width: 5px; height: 5px;
  background: #0ff;
  border-radius: 50%;
  animation: float 8s infinite linear;
  box-shadow: 0 0 15px #0ff, 0 0 30px rgba(0,255,255,.6), 0 0 45px rgba(0,255,255,.3);
  filter: brightness(1.3);
}
.particle::before {
  content: '';
  position: absolute;
  top: 100%; left: 50%;
  width: 1px; height: 50px;
  background: linear-gradient(to bottom, rgba(0,255,255,.5) 0%, rgba(0,255,255,.2) 40%, transparent 100%);
  transform: translateX(-50%);
  filter: blur(.5px);
  opacity: .6;
}

/* Particle positions and timing */
.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:6s}
.particle:nth-child(2){left:20%;animation-delay:1s;animation-duration:8s}
.particle:nth-child(3){left:30%;animation-delay:2s;animation-duration:7s}
.particle:nth-child(4){left:40%;animation-delay:3s;animation-duration:9s}
.particle:nth-child(5){left:50%;animation-delay:4s;animation-duration:6s}
.particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:8s}
.particle:nth-child(7){left:70%;animation-delay:6s;animation-duration:7s}
.particle:nth-child(8){left:80%;animation-delay:7s;animation-duration:9s}
.particle:nth-child(9){left:90%;animation-delay:8s;animation-duration:6s}

/* Keyframes */
@keyframes gridMove {
  from { transform: translate(0, 0); }
  to   { transform: translate(50px, 50px); }
}

@keyframes float {
  0%   { transform: translateY(100vh) scale(0); opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translateY(-100px) scale(1); opacity: 0; }
}

}/* End custom CSS */