.elementor-524 .elementor-element.elementor-element-7dd3d21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-524 .elementor-element.elementor-element-7dd3d21:not(.elementor-motion-effects-element-type-background), .elementor-524 .elementor-element.elementor-element-7dd3d21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-524 .elementor-element.elementor-element-7b4ead22{text-align:center;}.elementor-524 .elementor-element.elementor-element-7b4ead22 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:900;color:#0B0C0E;}.elementor-524 .elementor-element.elementor-element-39bc5d41{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-524 .elementor-element.elementor-element-3111fa48{text-align:center;}.elementor-524 .elementor-element.elementor-element-3111fa48 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#0B0C0E;}.elementor-524 .elementor-element.elementor-element-1f4b88a0{margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;color:#0B0C0E;}.elementor-524 .elementor-element.elementor-element-1f4b88a0 a{color:#0B0C0E;}.elementor-524 .elementor-element.elementor-element-3552886a{--display:flex;--min-height:40vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:040px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-524 .elementor-element.elementor-element-3552886a:not(.elementor-motion-effects-element-type-background), .elementor-524 .elementor-element.elementor-element-3552886a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-524 .elementor-element.elementor-element-7e8173a4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-524 .elementor-element.elementor-element-6a02adea{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:15px 15px 15px 15px;box-shadow:16px 16px 24px 0px rgba(0,0,0,0.5);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-524 .elementor-element.elementor-element-524fca63{--display:flex;}.elementor-524 .elementor-element.elementor-element-c504657{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -27px) 0px;}.elementor-524 .elementor-element.elementor-element-41805503{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-524 .elementor-element.elementor-element-90f2961{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:600;color:#A3A3A3;}.elementor-524 .elementor-element.elementor-element-90f2961 a{color:#0B0C0E;}@media(max-width:1024px){.elementor-524 .elementor-element.elementor-element-7b4ead22 .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-524 .elementor-element.elementor-element-6a02adea{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-524 .elementor-element.elementor-element-6a02adea{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-524 .elementor-element.elementor-element-39bc5d41{--width:360px;}.elementor-524 .elementor-element.elementor-element-6a02adea{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-3552886a *//* ===================================================== */
/* ULTIMATE MEMBER – SIGNUP PAGE (LIGHT THEME) */
/* Primary: #F9F9F9 */
/* ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');

/* ================= WRAPPER ================= */
.um-register .um-form {
background: #F9F9F9 !important;
padding: 40px !important;
border-radius: 14px !important;
border: 1px solid #E5E7EB !important;
max-width: 900px;
margin: 0 auto !important;
}

/* ================= GRID ================= */
.um-register .um-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 4% !important;
}

.um-register .um-half {
width: 48% !important;
}

.um-register .um-full {
width: 100% !important;
}

/* Mobile */
@media (max-width: 768px) {
.um-register .um-half {
width: 100% !important;
}
}

/* ================= FIELD ================= */
.um-register .um-field {
margin-bottom: 20px !important;
}

/* ================= LABEL ================= */
.um-register .um-field-label label {
color: #374151 !important;
font-size: 14px !important;
margin-bottom: 6px !important;
}

/* ================= INPUT ================= */
.um-register input[type=text],
.um-register input[type=email],
.um-register input[type=password],
.um-register input[type=tel],
.um-register textarea,
.um-register select {

```
background: #FFFFFF !important;
border: 1px solid #E5E7EB !important;
border-radius: 8px !important;

height: 52px !important;
padding: 14px 18px 14px 48px !important;

font-size: 14px !important;
color: #111827 !important;
width: 100% !important;

transition: all 0.25s ease !important;
```

}

/* Placeholder */
.um-register input::placeholder {
color: #9CA3AF !important;
}

/* Focus */
.um-register input:focus,
.um-register textarea:focus,
.um-register select:focus {
border-color: #C4A57B !important;
box-shadow: 0 0 0 3px rgba(196,165,123,0.15) !important;
outline: none !important;
}

/* ================= ICON ================= */
.um-register .um-field-icon {
color: #9CA3AF !important;
left: 14px !important;
font-size: 18px !important;
}

/* Password eye */
.um-register .um-field-password .um-field-icon-eye {
right: 16px !important;
left: auto !important;
}

/* ================= BUTTON ================= */
.um-register .um-button {
background: #000000 !important;
color: #ffffff !important;
border-radius: 8px !important;

```
height: 52px !important;
font-size: 15px !important;
font-weight: 500 !important;

transition: all 0.25s ease !important;
```

}

/* Hover */
.um-register .um-button:hover {
background: #C4A57B !important;
}

/* ================= CHECKBOX ================= */
.um-register .um-field-checkbox-option {
color: #374151 !important;
font-size: 14px !important;
}

.um-register .um-field-checkbox-state i {
border: 1px solid #D1D5DB !important;
background: #ffffff !important;
}

.um-register .um-field-checkbox-state i.um-active {
background: #C4A57B !important;
border-color: #C4A57B !important;
}

/* ================= LINKS ================= */
.um-register a {
color: #111827 !important;
font-weight: 500 !important;
text-decoration: none !important;
}

.um-register a:hover {
color: #2563EB !important;
text-decoration: underline !important;
}

/* ================= HEADER ================= */
.um-register .um-header-tag {
color: #111827 !important;
font-size: 26px !important;
font-weight: 600 !important;
text-align: center !important;
}

/* ================= FOOTER ================= */
.um-register .um-col-alt-b {
margin-top: 20px !important;
text-align: center !important;
}

/* ================= ERROR / SUCCESS ================= */
.um-register .um-field-error {
background: #FEF2F2 !important;
color: #DC2626 !important;
border-radius: 6px !important;
padding: 10px !important;
}

.um-register .um-notice {
background: #ECFDF5 !important;
color: #16A34A !important;
border-radius: 6px !important;
padding: 12px !important;
}/* End custom CSS */