.elementor-68 .elementor-element.elementor-element-566e030:not(.elementor-motion-effects-element-type-background), .elementor-68 .elementor-element.elementor-element-566e030 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.newbielogic.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-21-2026-07_30_41-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-68 .elementor-element.elementor-element-566e030 > .elementor-background-overlay{background-color:var( --e-global-color-text );opacity:0.73;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-68 .elementor-element.elementor-element-566e030{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-400px;margin-bottom:0px;padding:450px 15px 150px 15px;}.elementor-68 .elementor-element.elementor-element-a05a707 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:75px;font-weight:800;color:var( --e-global-color-21bfb04 );}.elementor-68 .elementor-element.elementor-element-768ab9e{padding:17px 0px 10px 0px;font-family:"Inter", Sans-serif;font-weight:normal;line-height:1.5em;color:var( --e-global-color-21bfb04 );}.elementor-68 .elementor-element.elementor-element-2ea10b7{--display:flex;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px) and (min-width:768px){.elementor-68 .elementor-element.elementor-element-8c85b6b{width:100%;}}@media(max-width:1024px){.elementor-68 .elementor-element.elementor-element-566e030{margin-top:-400px;margin-bottom:0px;padding:400px 15px 120px 15px;}}@media(max-width:767px){.elementor-68 .elementor-element.elementor-element-566e030{margin-top:-500px;margin-bottom:0px;padding:530px 15px 100px 15px;}.elementor-68 .elementor-element.elementor-element-a05a707{text-align:center;}.elementor-68 .elementor-element.elementor-element-a05a707 .elementor-heading-title{font-size:50px;}.elementor-68 .elementor-element.elementor-element-768ab9e{text-align:center;font-size:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-96fc6cf *//* 1. Ultimate Member Box Container Styling & Top Red Border */
.um-369.um {
    max-width: 450px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    border-top: 6px solid #8b0000 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    padding: 35px 30px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}

/* 2. User Info & Email Text Styling */
.um-369 .um-misc-with-img {
    text-align: center !important;
    margin-bottom: 25px !important;
}

.um-369 .um-misc-with-img strong {
    font-size: 14px !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

/* 3. Avatar Image Styling */
.um-369 .um-avatar {
    border-radius: 50% !important;
    border: 3px solid #8b0000 !important;
    margin-bottom: 12px !important;
}

/* 4. Links / Menu List Styling */
.um-369 .um-misc-ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.um-369 .um-misc-ul li {
    margin-bottom: 10px !important;
}

.um-369 .um-misc-ul li a {
    display: block !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.um-369 .um-misc-ul li a:hover {
    background-color: #8b0000 !important;
    color: #ffffff !important;
    border-color: #8b0000 !important;
}

/* 1. Ultimate Member Form Container Styling & Top Red Border */
.um-369.um {
    max-width: 450px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    border-top: 6px solid #8b0000 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    padding: 35px 30px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}

/* 2. Form Labels Styling (Uppercase & Dark Color) */
.um-369 .um-field-label label {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    color: #1a1a1a !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

/* 3. Inputs Fields Styling */
.um-369 .um-form-field {
    background-color: #ffffff !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    color: #333333 !important;
    font-size: 14px !important;
    box-shadow: none !important;
    height: auto !important;
}

.um-369 .um-form-field:focus {
    border-color: #8b0000 !important;
}

/* 4. Hide Register Button & Make Login Button Full Width */
.um-369 .um-right.um-half {
    display: none !important;
}

.um-369 .um-left.um-half {
    width: 100% !important;
    float: none !important;
}

/* 5. Login Button Styling */
.um-369 .um-button#um-submit-btn {
    background-color: #8b0000 !important;
    color: #ffffff !important;
    width: 100% !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    padding: 14px 20px !important;
    border-radius: 4px !important;
    border: none !important;
    box-shadow: none !important;
    transition: background 0.3s ease;
}

.um-369 .um-button#um-submit-btn:hover {
    background-color: #6b0000 !important;
}

/* 6. Footer Links Alignment */
.um-369 .um-col-alt-b {
    text-align: center !important;
    margin-top: 20px !important;
}

.um-369 .um-col-alt-b a {
    color: #555555 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.um-369 .um-col-alt-b a:hover {
    color: #8b0000 !important;
    text-decoration: underline !important;
}

/* 1. "Keep me signed in" aur "Forgot your password?" ko ek line mein laane ke liye */
.elementor-68 .elementor-element.elementor-element-96fc6cf .um-col-alt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

/* Checkbox field ko left side par set karein */
.elementor-68 .elementor-element.elementor-element-96fc6cf .um-field-c {
  width: auto !important;
  margin-bottom: 0 !important;
}

/* "Forgot your password?" wale section ko right side par bhejne ke liye */
.elementor-68 .elementor-element.elementor-element-96fc6cf .um-col-alt-b {
  width: auto !important;
  margin-top: 0 !important;
  text-align: right;
}

.elementor-68 .elementor-element.elementor-element-96fc6cf .um-col-alt-b a {
  font-size: 13px;
  color: #555 !important;
}

/* 2. Login button ko agli line mein full width karne ke liye */
.elementor-68 .elementor-element.elementor-element-96fc6cf .um-left.um-half, 
.elementor-68 .elementor-element.elementor-element-96fc6cf .um-right.um-half {
  width: 100% !important;
  float: none !important;
}

.elementor-68 .elementor-element.elementor-element-96fc6cf #um-submit-btn {
  width: 100% !important;
  margin-top: 15px;
}

/* Register button ko agar chhupana hai ya adjust karna hai */
.elementor-68 .elementor-element.elementor-element-96fc6cf .um-alt {
  display: none !important; /* Agar register button nahi chahiye */
}/* End custom CSS */