.elementor-9363 .elementor-element.elementor-element-5f29f8b1{--display:flex;--min-height:100vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9363 .elementor-element.elementor-element-d0a1e60{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9363 .elementor-element.elementor-element-37c50789{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#F4D20A;--border-color:#F4D20A;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px #F4D20A;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9363 .elementor-element.elementor-element-37c50789:not(.elementor-motion-effects-element-type-background), .elementor-9363 .elementor-element.elementor-element-37c50789 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020202;}.elementor-9363 .elementor-element.elementor-element-37c50789.e-con{--align-self:center;}.elementor-9363 .elementor-element.elementor-element-4983278e{--display:flex;}.elementor-9363 .elementor-element.elementor-element-43d079f0{text-align:center;}.elementor-9363 .elementor-element.elementor-element-43d079f0 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:40px;font-weight:900;color:var( --e-global-color-secondary );}.elementor-9363 .elementor-element.elementor-element-35047ab7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -27px) 0px;}.elementor-9363 .elementor-element.elementor-element-16e0788{padding:10px 0px 0px 0px;text-align:center;font-family:"Tajawal", Sans-serif;color:#FFFFFF;}.elementor-9363 .elementor-element.elementor-element-16e0788 a{color:var( --e-global-color-secondary );}.elementor-9363 .elementor-element.elementor-element-16e0788 a:hover, .elementor-9363 .elementor-element.elementor-element-16e0788 a:focus{color:#FFFFFF;}body.elementor-page-9363:not(.elementor-motion-effects-element-type-background), body.elementor-page-9363 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-9363 .elementor-element.elementor-element-43d079f0 .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-9363 .elementor-element.elementor-element-5f29f8b1{--padding-top:45px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9363 .elementor-element.elementor-element-43d079f0 .elementor-heading-title{font-size:22px;}.elementor-9363 .elementor-element.elementor-element-35047ab7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;}}@media(min-width:768px){.elementor-9363 .elementor-element.elementor-element-37c50789{--width:70%;}}/* Start custom CSS for shortcode, class: .elementor-element-35047ab7 *//* ==================================================
   Ultimate Member – Umrah Agency Final Theme
   Font: Tajawal | Colors: Dark / White / Gold (#F4D20A)
================================================== */

/* Font – Tajawal */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');

/* Apply font globally to UM */
.um,
.um * {
  font-family: 'Tajawal', sans-serif !important;
}

/* Form Container */
.um-form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  border: none !important;
  box-shadow: none !important;
}

.um-form .um-field-submit {
  width: 100% !important;
}

/* General Text */
.um-field-block {
  color: #FFFFFF !important;
  font-size: 16px;
}

/* Labels */
.um-field-label label {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #FFFFFF !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Inputs */
.um .um-form input[type=text],
.um .um-form input[type=tel],
.um .um-form input[type=number],
.um .um-form input[type=password],
.um .um-form input[type=email],
.um .um-form textarea,
.um .um-form select {
  background-color: #1C1A17 !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 6px !important;
  padding: 16px 20px 16px 50px !important;
  height: 50px !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  width: 100% !important;
}

/* Placeholder */
.um-form input::placeholder,
.um-form textarea::placeholder {
  color: #D1D1D1 !important;
}

/* Focus */
.um-form input:focus,
.um-form textarea:focus,
.um-form select:focus {
  border: 2px solid #F4D20A !important;
  box-shadow: 0 0 0 2px rgba(244,210,10,0.25) !important;
  outline: none !important;
}

/* Icons */
.um-field-icon,
.um-icon-eye {
  color: #FFFFFF !important;
}

.um-field-icon:hover,
.um-icon-eye:hover {
  color: #F4D20A !important;
}

/* Buttons */
.um-button,
input[type="submit"].um-button {
  background: linear-gradient(135deg, #F4D20A 0%, #D4B200 100%) !important;
  color: #1C1A17 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 16px 20px !important;
  height: 50px !important;
  width: 100% !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.um-button:hover,
input[type="submit"].um-button:hover {
  background: linear-gradient(135deg, #FFD84D 0%, #F4D20A 100%) !important;
  box-shadow: 0 8px 25px rgba(244,210,10,0.35) !important;
}

/* Checkbox & Radio */
.um-field-checkbox-option,
.um-field-radio-option {
  color: #FFFFFF !important;
}

.um-field-checkbox-state i,
.um-field-radio-state i {
  border: 1px solid #FFFFFF !important;
  background: transparent !important;
}

.um-field-checkbox-state i.um-active {
  background-color: #F4D20A !important;
  border-color: #F4D20A !important;
  color: #1C1A17 !important;
}

/* Links */
.um a,
.um-link-alt {
  color: #F4D20A !important;
  text-decoration: none !important;
}

.um a:hover {
  color: #FFD84D !important;
}

/* Headers */
.um-form .um-header-tag {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #F4D20A !important;
  text-align: center !important;
}

/* Error Messages */
.um-field-error {
  background-color: rgba(220,38,38,0.15) !important;
  color: #FCA5A5 !important;
  border: 1px solid rgba(220,38,38,0.3) !important;
  border-radius: 6px !important;
  font-size: 13px !important;
}

/* Success Messages */
.um-notice {
  background-color: rgba(22,163,74,0.15) !important;
  color: #86EFAC !important;
  border: 1px solid rgba(22,163,74,0.3) !important;
  border-radius: 6px !important;
}

/* Modal */
.um-modal .um-modal-body,
.um-modal .um-modal-header {
  background-color: #1C1A17 !important;
  border: 1px solid #FFFFFF !important;
  color: #FFFFFF !important;
}

/* Responsive */
@media (max-width: 480px) {
  .um-form {
    padding: 16px !important;
  }
}/* End custom CSS */